bylapidist/components

// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`Button > it works block 1`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296 _block_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works disabled 1`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
  disabled=""
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with defaults 1`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with icon 1`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    <svg
      aria-hidden="true"
      class="svg-inline--fa fa-xmark "
      data-icon="xmark"
      data-prefix="fas"
      focusable="false"
      role="img"
      viewBox="0 0 384 512"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"
        fill="currentColor"
      />
    </svg>
    Hello world
  </span>
</button>
`;

exports[`Button > it works with levels 1`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with levels 2`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-secondary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with levels 3`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-tertiary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with levels 4`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-danger_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with sizes 1`] = `
<button
  class="_this_b26e6e _size-small_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-small_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with sizes 2`] = `
<button
  class="_this_b26e6e _size-medium_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-medium_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;

exports[`Button > it works with sizes 3`] = `
<button
  class="_this_b26e6e _size-large_b26e6e _family-body_b26e6e _weight-medium_b26e6e _this_f8f296"
  data-testid="Button"
>
  <span
    class="_this_d62db4 _elevation-medium_d62db4 _roundness-none_d62db4 _gutter-large_d62db4 _gutterX-none_d62db4 _gutterY-none_d62db4 _inner_f8f296 _level-primary_f8f296"
    data-testid="Button-inner"
  >
    Hello world
  </span>
</button>
`;