<commit_before><sky-docs-demo-page
  moduleName="SkyLabelModule"
  moduleSourceCodePath="src/app/public/modules/label/"
  pageTitle="Label"
>
  <sky-docs-demo-page-summary>
    The label component provides a compact, eye catching design element to draw attention to status information that users need to address. Statuses indicate a state or condition at a particular time and fall into four categories: info, success, warning, and danger.
  </sky-docs-demo-page-summary>

  <sky-docs-demo>
    <sky-docs-demo-control-panel
      (selectionChange)="onDemoSelectionChange($event)"
    >
      <sky-docs-demo-control-panel-section>
        <sky-docs-demo-control-panel-radio-group
          heading="Label type"
          propertyName="labelType"
          [choices]="labelTypeChoices"
          [initialValue]="'info'"
        >
        </sky-docs-demo-control-panel-radio-group>
      </sky-docs-demo-control-panel-section>
    </sky-docs-demo-control-panel>

    <sky-label
      [labelType]="demoSettings.labelType"
    >
       Status
    </sky-label>
  </sky-docs-demo>

  <!-- <sky-docs-design-guidelines>
  </sky-docs-design-guidelines> -->

  <sky-docs-code-examples>
    <sky-docs-code-example
      sourceCodePath="src/app/public/plugin-resources/code-examples/label/basic"
    >
    </sky-docs-code-example>
  </sky-docs-code-examples>

</sky-docs-demo-page>
<commit_msg>Added label design guidelines (#143)<commit_after><sky-docs-demo-page
  moduleName="SkyLabelModule"
  moduleSourceCodePath="src/app/public/modules/label/"
  pageTitle="Label"
>
  <sky-docs-demo-page-summary>
    The label component provides a compact, eye catching design element to draw attention to status information that users need to address. Statuses indicate a state or condition at a particular time and fall into four categories: info, success, warning, and danger.
  </sky-docs-demo-page-summary>

  <sky-docs-demo>
    <sky-docs-demo-control-panel
      (selectionChange)="onDemoSelectionChange($event)"
    >
      <sky-docs-demo-control-panel-section>
        <sky-docs-demo-control-panel-radio-group
          heading="Label type"
          propertyName="labelType"
          [choices]="labelTypeChoices"
          [initialValue]="'info'"
        >
        </sky-docs-demo-control-panel-radio-group>
      </sky-docs-demo-control-panel-section>
    </sky-docs-demo-control-panel>

    <sky-label
      [labelType]="demoSettings.labelType"
    >
       Status
    </sky-label>
  </sky-docs-demo>

  <!-- <sky-docs-design-guidelines>
  </sky-docs-design-guidelines> -->

  <sky-docs-code-examples>
    <sky-docs-code-example
      sourceCodePath="src/app/public/plugin-resources/code-examples/label/basic"
    >
    </sky-docs-code-example>
  </sky-docs-code-examples>

  <sky-docs-design-guidelines>
    <sky-docs-demo-page-section
      heading="Usage"
    >
      <sky-docs-design-guideline
        heading="Use when"
        headingStyle="success"
      >
        <p class="sky-docs-text-block">
          Use labels when statuses are crucial to user tasks. If not, use regular text.
        </p>
      </sky-docs-design-guideline>
    </sky-docs-demo-page-section>

    <sky-docs-demo-page-section
      heading="Layout"
    >
      <sky-docs-design-guideline
        heading="Label placement"
      >
        <p class="sky-docs-text-block">
          Use labels in a summary context. For example, you can place a label in a page summary. To convey statuses inline to indicate that they are tied to specific pieces of data, use <a href="https://developer.blackbaud.com/skyux-indicators/docs/status-indicator">status indicators</a> instead.
        </p>
      </sky-docs-design-guideline>
    </sky-docs-demo-page-section>

    <sky-docs-demo-page-section
      heading="Related information"
    >
      <sky-docs-design-guideline
        heading="Guidelines"
      >
        <ul>
          <li>
            <a href="https://developer.blackbaud.com/skyux/design/guidelines/call-out-info">Calling out information</a>
          </li>
        </ul>
      </sky-docs-design-guideline>
    </sky-docs-demo-page-section>
  </sky-docs-design-guidelines>
</sky-docs-demo-page>

{'fraction_non_alphanumeric': 0.13634181469035045, 'fraction_numerical': 0.0007201152184349496, 'mean_word_length': 2.6908768821966342, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1220442', 'n_tokens_mistral': 1319, 'n_tokens_neox': 1285, 'n_words': 239}