<commit_before>import { Component } from '@angular/core';

@Component({
  selector: 'sprk-card-docs',
  template: `
    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base
      </h2>

      <sprk-card cardType="base">
        <h4>This is a base Spark card!</h4>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base Card: Omitted cardType
      </h2>

      <sprk-card>
        <h4>This is a base Spark card!</h4>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base With Random Things
      </h2>

      <sprk-card cardType="base">
        <h4>
          This is a base Spark card!
        </h4>

        <p>
          You can put anything in here, really.
        </p>

        <sprk-icon iconType="bell" additionalClasses="sprk-c-Icon--l"></sprk-icon>

        <sprk-list listType="indented">
          <sprk-list-item>hi</sprk-list-item>
          <sprk-list-item>ciao</sprk-list-item>
          <sprk-list-item>bonjour</sprk-list-item>
        </sprk-list>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base With Additoinal Classes
      </h2>

      <sprk-card cardType="base" additionalClasses="sprk-u-mbl">
        <h4>
          This is a base Spark card!
        </h4>

        <p>
          You can put anything in here, really.
        </p>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Teaser With Button CTA
      </h2>

      <sprk-card
        cardType="teaser"
        title="Spark Card With Button CTA!"
        body="
          Content placeholder! Things! Content placeholder!
          Things! Content placeholder! Things! Content placeholder!
          Things!
        "
        imgSrc="https://sparkdesignsystem.com/assets/toolkit/images/desktop.jpg"
        imgAlt="Placeholder Image"
        imgHref="staging.sparkdesignsystem.com"
        ctaType="button"
        ctaText="Learn!"
        ctaHref="www.sparkdesignsystem.com"
        ctaAnalytics="Button: Spark">
      </sprk-card>
    </div><commit_msg>update doc card url<commit_after>import { Component } from '@angular/core';

@Component({
  selector: 'sprk-card-docs',
  template: `
    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base
      </h2>

      <sprk-card cardType="base">
        <h4>This is a base Spark card!</h4>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base Card: Omitted cardType
      </h2>

      <sprk-card>
        <h4>This is a base Spark card!</h4>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base With Random Things
      </h2>

      <sprk-card cardType="base">
        <h4>
          This is a base Spark card!
        </h4>

        <p>
          You can put anything in here, really.
        </p>

        <sprk-icon iconType="bell" additionalClasses="sprk-c-Icon--l"></sprk-icon>

        <sprk-list listType="indented">
          <sprk-list-item>hi</sprk-list-item>
          <sprk-list-item>ciao</sprk-list-item>
          <sprk-list-item>bonjour</sprk-list-item>
        </sprk-list>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Base With Additoinal Classes
      </h2>

      <sprk-card cardType="base" additionalClasses="sprk-u-mbl">
        <h4>
          This is a base Spark card!
        </h4>

        <p>
          You can put anything in here, really.
        </p>
      </sprk-card>
    </div>

    <div class="drizzle-o-ContentGrouping">
      <h2 class="drizzle-b-h2">
        Teaser With Button CTA
      </h2>

      <sprk-card
        cardType="teaser"
        title="Spark Card With Button CTA!"
        body="
          Content placeholder! Things! Content placeholder!
          Things! Content placeholder! Things! Content placeholder!
          Things!
        "
        imgSrc="https://sparkdesignsystem.com/assets/toolkit/images/desktop.jpg"
        imgAlt="Placeholder Image"
        imgHref="www.sparkdesignsystem.com"
        ctaType="button"
        ctaText="Learn!"
        ctaHref="www.sparkdesignsystem.com"
        ctaAnalytics="Button: Spark">
      </sprk-card>
    </div>
{'fraction_non_alphanumeric': 0.14177101967799643, 'fraction_numerical': 0.010286225402504472, 'mean_word_length': 1.93503937007874, 'pattern_counts': {'":': 0, '<': 107, '<?xml version=': 0, '>': 107, 'https://': 2, 'lorem ipsum': 0, 'www.': 3, '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': '2490541', 'n_tokens_mistral': 1594, 'n_tokens_neox': 1523, 'n_words': 306}