@flightlesslabs/dodo-ui 0.19.1 → 1.0.0--beta-2

package/dist/stories/components/Form/Button/Button.svelte

@@ -1,500 +0,0 @@
-<script lang="ts" module>export const buttonTypeArray = ['button', 'submit', 'reset'];
-</script>
-
-<script lang="ts">"use strict";
-let { children, type = 'button', size = 'normal', color = 'primary', roundness = 1, variant = 'solid', outline = false, compact = false, fullWidth = false, name, id, title, class: className = '', disabled = false, onclick, before, after, 'aria-label': ariaLabel, href, download, hreflang, media, ping, rel, target, anchorMediaType, referrerpolicy, ref = $bindable(), } = $props();
-</script>
-
-{#snippet buttonContent()}
-  {#if before}
-    <span class="content--before">
-      {@render before()}
-    </span>
-  {/if}
-
-  {#if children}
-    {@render children()}
-  {/if}
-
-  {#if after}
-    <span class="content--after">
-      {@render after()}
-    </span>
-  {/if}
-{/snippet}
-
-{#if href}
-  <a
-    {title}
-    {id}
-    {href}
-    {download}
-    {hreflang}
-    {media}
-    {ping}
-    {rel}
-    {target}
-    type={anchorMediaType}
-    {referrerpolicy}
-    aria-label={ariaLabel}
-    class:outline
-    class:compact
-    class:disabled
-    class:fullWidth
-    class={[
-      'dodo-ui-Button',
-      `size--${size}`,
-      `color--${color}`,
-      `variant--${variant}`,
-      `roundness--${roundness}`,
-      className,
-    ].join(' ')}
-    bind:this={ref}
-  >
-    {@render buttonContent()}
-  </a>
-{:else}
-  <button
-    class:outline
-    class:compact
-    class:fullWidth
-    aria-label={ariaLabel}
-    class={[
-      'dodo-ui-Button',
-      `size--${size}`,
-      `color--${color}`,
-      `variant--${variant}`,
-      `roundness--${roundness}`,
-      className,
-    ].join(' ')}
-    {type}
-    {name}
-    {id}
-    {title}
-    {disabled}
-    {onclick}
-    bind:this={ref}
-  >
-    {@render buttonContent()}
-  </button>
-{/if}
-
-<style>:global(:root) {
-  --dodo-ui-Button-disabled-color: var(--dodo-color-neutral-400);
-  --dodo-ui-Button-disabled-bg: var(--dodo-color-neutral-200);
-  --dodo-ui-Button-outline-neutral: var(--dodo-color-neutral-400);
-  --dodo-ui-Button-text-neutral-bg: var(--dodo-color-neutral-100);
-  --dodo-ui-Button-text-neutral-hover-bg: var(--dodo-color-neutral-200);
-  --dodo-ui-Button-text-neutral-active-bg: var(--dodo-color-neutral-300);
-  --dodo-ui-Button-solid-neutral-bg: var(--dodo-color-neutral-500);
-  --dodo-ui-Button-solid-neutral-hover-bg: var(--dodo-color-neutral-600);
-  --dodo-ui-Button-solid-neutral-active-bg: var(--dodo-color-neutral-700);
-  --dodo-ui-Button-outline-primary: var(--dodo-color-primary-400);
-  --dodo-ui-Button-text-primary-bg: var(--dodo-color-primary-100);
-  --dodo-ui-Button-text-primary-hover-bg: var(--dodo-color-primary-200);
-  --dodo-ui-Button-text-primary-active-bg: var(--dodo-color-primary-300);
-  --dodo-ui-Button-solid-primary-bg: var(--dodo-color-primary-500);
-  --dodo-ui-Button-solid-primary-hover-bg: var(--dodo-color-primary-600);
-  --dodo-ui-Button-solid-primary-active-bg: var(--dodo-color-primary-700);
-  --dodo-ui-Button-outline-secondary: var(--dodo-color-secondary-400);
-  --dodo-ui-Button-text-secondary-bg: var(--dodo-color-secondary-100);
-  --dodo-ui-Button-text-secondary-hover-bg: var(--dodo-color-secondary-200);
-  --dodo-ui-Button-text-secondary-active-bg: var(--dodo-color-secondary-300);
-  --dodo-ui-Button-solid-secondary-bg: var(--dodo-color-secondary-500);
-  --dodo-ui-Button-solid-secondary-hover-bg: var(--dodo-color-secondary-600);
-  --dodo-ui-Button-solid-secondary-active-bg: var(--dodo-color-secondary-700);
-  --dodo-ui-Button-outline-safe: var(--dodo-color-safe-400);
-  --dodo-ui-Button-text-safe-bg: var(--dodo-color-safe-100);
-  --dodo-ui-Button-text-safe-hover-bg: var(--dodo-color-safe-200);
-  --dodo-ui-Button-text-safe-active-bg: var(--dodo-color-safe-300);
-  --dodo-ui-Button-solid-safe-bg: var(--dodo-color-safe-500);
-  --dodo-ui-Button-solid-safe-hover-bg: var(--dodo-color-safe-600);
-  --dodo-ui-Button-solid-safe-active-bg: var(--dodo-color-safe-700);
-  --dodo-ui-Button-outline-warning: var(--dodo-color-warning-400);
-  --dodo-ui-Button-text-warning-bg: var(--dodo-color-warning-100);
-  --dodo-ui-Button-text-warning-hover-bg: var(--dodo-color-warning-200);
-  --dodo-ui-Button-text-warning-active-bg: var(--dodo-color-warning-300);
-  --dodo-ui-Button-solid-warning-bg: var(--dodo-color-warning-500);
-  --dodo-ui-Button-solid-warning-hover-bg: var(--dodo-color-warning-600);
-  --dodo-ui-Button-solid-warning-active-bg: var(--dodo-color-warning-700);
-  --dodo-ui-Button-outline-danger: var(--dodo-color-danger-400);
-  --dodo-ui-Button-text-danger-bg: var(--dodo-color-danger-100);
-  --dodo-ui-Button-text-danger-hover-bg: var(--dodo-color-danger-200);
-  --dodo-ui-Button-text-danger-active-bg: var(--dodo-color-danger-300);
-  --dodo-ui-Button-solid-danger-bg: var(--dodo-color-danger-500);
-  --dodo-ui-Button-solid-danger-hover-bg: var(--dodo-color-danger-600);
-  --dodo-ui-Button-solid-danger-active-bg: var(--dodo-color-danger-700);
-}
-
-:global(.dodo-theme--dark) {
-  --dodo-ui-Button-disabled-bg: var(--dodo-color-neutral-100);
-  --dodo-ui-Button-disabled-color: var(--dodo-color-neutral-500);
-  --dodo-ui-Button-outline-neutral: color-mix(
-    in oklab,
-    var(--dodo-color-neutral-300) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-neutral-bg: color-mix(
-    in oklab,
-    var(--dodo-color-neutral-50) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-neutral-hover-bg: color-mix(
-    in oklab,
-    var(--dodo-color-neutral-100) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-neutral-active-bg: color-mix(
-    in oklab,
-    var(--dodo-color-neutral-200) 90%,
-    #fff
-  );
-  --dodo-ui-Button-solid-neutral-bg: var(--dodo-color-neutral-400);
-  --dodo-ui-Button-solid-neutral-hover-bg: var(--dodo-color-neutral-300);
-  --dodo-ui-Button-solid-neutral-active-bg: var(--dodo-color-neutral-200);
-  --dodo-ui-Button-outline-primary: color-mix(
-    in oklab,
-    var(--dodo-color-primary-300) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-primary-bg: color-mix(
-    in oklab,
-    var(--dodo-color-primary-50) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-primary-hover-bg: color-mix(
-    in oklab,
-    var(--dodo-color-primary-100) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-primary-active-bg: color-mix(
-    in oklab,
-    var(--dodo-color-primary-200) 90%,
-    #fff
-  );
-  --dodo-ui-Button-solid-primary-bg: var(--dodo-color-primary-400);
-  --dodo-ui-Button-solid-primary-hover-bg: var(--dodo-color-primary-300);
-  --dodo-ui-Button-solid-primary-active-bg: var(--dodo-color-primary-200);
-  --dodo-ui-Button-outline-secondary: color-mix(
-    in oklab,
-    var(--dodo-color-secondary-300) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-secondary-bg: color-mix(
-    in oklab,
-    var(--dodo-color-secondary-50) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-secondary-hover-bg: color-mix(
-    in oklab,
-    var(--dodo-color-secondary-100) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-secondary-active-bg: color-mix(
-    in oklab,
-    var(--dodo-color-secondary-200) 90%,
-    #fff
-  );
-  --dodo-ui-Button-solid-secondary-bg: var(--dodo-color-secondary-400);
-  --dodo-ui-Button-solid-secondary-hover-bg: var(--dodo-color-secondary-300);
-  --dodo-ui-Button-solid-secondary-active-bg: var(--dodo-color-secondary-200);
-  --dodo-ui-Button-outline-safe: color-mix(
-    in oklab,
-    var(--dodo-color-safe-300) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-safe-bg: color-mix(
-    in oklab,
-    var(--dodo-color-safe-50) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-safe-hover-bg: color-mix(
-    in oklab,
-    var(--dodo-color-safe-100) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-safe-active-bg: color-mix(
-    in oklab,
-    var(--dodo-color-safe-200) 90%,
-    #fff
-  );
-  --dodo-ui-Button-solid-safe-bg: var(--dodo-color-safe-400);
-  --dodo-ui-Button-solid-safe-hover-bg: var(--dodo-color-safe-300);
-  --dodo-ui-Button-solid-safe-active-bg: var(--dodo-color-safe-200);
-  --dodo-ui-Button-outline-warning: color-mix(
-    in oklab,
-    var(--dodo-color-warning-300) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-warning-bg: color-mix(
-    in oklab,
-    var(--dodo-color-warning-50) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-warning-hover-bg: color-mix(
-    in oklab,
-    var(--dodo-color-warning-100) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-warning-active-bg: color-mix(
-    in oklab,
-    var(--dodo-color-warning-200) 90%,
-    #fff
-  );
-  --dodo-ui-Button-solid-warning-bg: var(--dodo-color-warning-400);
-  --dodo-ui-Button-solid-warning-hover-bg: var(--dodo-color-warning-300);
-  --dodo-ui-Button-solid-warning-active-bg: var(--dodo-color-warning-200);
-  --dodo-ui-Button-outline-danger: color-mix(
-    in oklab,
-    var(--dodo-color-danger-300) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-danger-bg: color-mix(
-    in oklab,
-    var(--dodo-color-danger-50) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-danger-hover-bg: color-mix(
-    in oklab,
-    var(--dodo-color-danger-100) 90%,
-    #fff
-  );
-  --dodo-ui-Button-text-danger-active-bg: color-mix(
-    in oklab,
-    var(--dodo-color-danger-200) 90%,
-    #fff
-  );
-  --dodo-ui-Button-solid-danger-bg: var(--dodo-color-danger-400);
-  --dodo-ui-Button-solid-danger-hover-bg: var(--dodo-color-danger-300);
-  --dodo-ui-Button-solid-danger-active-bg: var(--dodo-color-danger-200);
-}
-
-.dodo-ui-Button {
-  cursor: pointer;
-  transition: all 150ms;
-  text-decoration: none;
-  margin: 0;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-family: inherit;
-  background-color: transparent;
-  border-style: solid;
-  border-width: var(--dodo-ui-element-border-width);
-  border-color: transparent;
-  color: inherit;
-  letter-spacing: 0.3px;
-}
-.dodo-ui-Button.size--normal {
-  height: var(--dodo-ui-element-height-normal);
-  font-size: 1rem;
-  padding: 0 calc(var(--dodo-ui-space-small) * 2);
-  min-width: 45px;
-}
-.dodo-ui-Button.size--small {
-  height: var(--dodo-ui-element-height-small);
-  padding: 0 var(--dodo-ui-space);
-  font-size: 0.9rem;
-  min-width: 35px;
-}
-.dodo-ui-Button.size--large {
-  height: var(--dodo-ui-element-height-large);
-  font-size: 1.1rem;
-  padding: 0 calc(var(--dodo-ui-space) * 2);
-  min-width: 85px;
-}
-.dodo-ui-Button.roundness--1 {
-  border-radius: var(--dodo-ui-element-roundness-1);
-}
-.dodo-ui-Button.roundness--2 {
-  border-radius: var(--dodo-ui-element-roundness-2);
-}
-.dodo-ui-Button.roundness--3 {
-  border-radius: var(--dodo-ui-element-roundness-3);
-}
-.dodo-ui-Button.roundness--full {
-  border-radius: 50%;
-}
-.dodo-ui-Button.color--neutral.variant--text {
-  color: var(--dodo-color-neutral-800);
-  background-color: var(--dodo-ui-Button-text-neutral-bg);
-}
-.dodo-ui-Button.color--neutral.variant--text:hover {
-  background-color: var(--dodo-ui-Button-text-neutral-hover-bg);
-}
-.dodo-ui-Button.color--neutral.variant--text:active {
-  background-color: var(--dodo-ui-Button-text-neutral-active-bg);
-}
-.dodo-ui-Button.color--neutral.variant--text.outline {
-  border-color: var(--dodo-ui-Button-outline-neutral);
-}
-.dodo-ui-Button.color--neutral.variant--solid {
-  color: var(--dodo-color-constant-white);
-  background-color: var(--dodo-ui-Button-solid-neutral-bg);
-}
-.dodo-ui-Button.color--neutral.variant--solid:hover {
-  background-color: var(--dodo-ui-Button-solid-neutral-hover-bg);
-}
-.dodo-ui-Button.color--neutral.variant--solid:active {
-  background-color: var(--dodo-ui-Button-solid-neutral-active-bg);
-}
-.dodo-ui-Button.color--primary.variant--text {
-  color: var(--dodo-color-primary-800);
-  background-color: var(--dodo-ui-Button-text-primary-bg);
-}
-.dodo-ui-Button.color--primary.variant--text:hover {
-  background-color: var(--dodo-ui-Button-text-primary-hover-bg);
-}
-.dodo-ui-Button.color--primary.variant--text:active {
-  background-color: var(--dodo-ui-Button-text-primary-active-bg);
-}
-.dodo-ui-Button.color--primary.variant--text.outline {
-  border-color: var(--dodo-ui-Button-outline-primary);
-}
-.dodo-ui-Button.color--primary.variant--solid {
-  color: var(--dodo-color-constant-white);
-  background-color: var(--dodo-ui-Button-solid-primary-bg);
-}
-.dodo-ui-Button.color--primary.variant--solid:hover {
-  background-color: var(--dodo-ui-Button-solid-primary-hover-bg);
-}
-.dodo-ui-Button.color--primary.variant--solid:active {
-  background-color: var(--dodo-ui-Button-solid-primary-active-bg);
-}
-.dodo-ui-Button.color--secondary.variant--text {
-  color: var(--dodo-color-secondary-800);
-  background-color: var(--dodo-ui-Button-text-secondary-bg);
-}
-.dodo-ui-Button.color--secondary.variant--text:hover {
-  background-color: var(--dodo-ui-Button-text-secondary-hover-bg);
-}
-.dodo-ui-Button.color--secondary.variant--text:active {
-  background-color: var(--dodo-ui-Button-text-secondary-active-bg);
-}
-.dodo-ui-Button.color--secondary.variant--text.outline {
-  border-color: var(--dodo-ui-Button-outline-secondary);
-}
-.dodo-ui-Button.color--secondary.variant--solid {
-  color: var(--dodo-color-constant-white);
-  background-color: var(--dodo-ui-Button-solid-secondary-bg);
-}
-.dodo-ui-Button.color--secondary.variant--solid:hover {
-  background-color: var(--dodo-ui-Button-solid-secondary-hover-bg);
-}
-.dodo-ui-Button.color--secondary.variant--solid:active {
-  background-color: var(--dodo-ui-Button-solid-secondary-active-bg);
-}
-.dodo-ui-Button.color--safe.variant--text {
-  color: var(--dodo-color-safe-800);
-  background-color: var(--dodo-ui-Button-text-safe-bg);
-}
-.dodo-ui-Button.color--safe.variant--text:hover {
-  background-color: var(--dodo-ui-Button-text-safe-hover-bg);
-}
-.dodo-ui-Button.color--safe.variant--text:active {
-  background-color: var(--dodo-ui-Button-text-safe-active-bg);
-}
-.dodo-ui-Button.color--safe.variant--text.outline {
-  border-color: var(--dodo-ui-Button-outline-safe);
-}
-.dodo-ui-Button.color--safe.variant--solid {
-  color: var(--dodo-color-constant-white);
-  background-color: var(--dodo-ui-Button-solid-safe-bg);
-}
-.dodo-ui-Button.color--safe.variant--solid:hover {
-  background-color: var(--dodo-ui-Button-solid-safe-hover-bg);
-}
-.dodo-ui-Button.color--safe.variant--solid:active {
-  background-color: var(--dodo-ui-Button-solid-safe-active-bg);
-}
-.dodo-ui-Button.color--warning.variant--text {
-  color: var(--dodo-color-warning-800);
-  background-color: var(--dodo-ui-Button-text-warning-bg);
-}
-.dodo-ui-Button.color--warning.variant--text:hover {
-  background-color: var(--dodo-ui-Button-text-warning-hover-bg);
-}
-.dodo-ui-Button.color--warning.variant--text:active {
-  background-color: var(--dodo-ui-Button-text-warning-active-bg);
-}
-.dodo-ui-Button.color--warning.variant--text.outline {
-  border-color: var(--dodo-ui-Button-outline-warning);
-}
-.dodo-ui-Button.color--warning.variant--solid {
-  color: var(--dodo-color-constant-white);
-  background-color: var(--dodo-ui-Button-solid-warning-bg);
-}
-.dodo-ui-Button.color--warning.variant--solid:hover {
-  background-color: var(--dodo-ui-Button-solid-warning-hover-bg);
-}
-.dodo-ui-Button.color--warning.variant--solid:active {
-  background-color: var(--dodo-ui-Button-solid-warning-active-bg);
-}
-.dodo-ui-Button.color--danger.variant--text {
-  color: var(--dodo-color-danger-800);
-  background-color: var(--dodo-ui-Button-text-danger-bg);
-}
-.dodo-ui-Button.color--danger.variant--text:hover {
-  background-color: var(--dodo-ui-Button-text-danger-hover-bg);
-}
-.dodo-ui-Button.color--danger.variant--text:active {
-  background-color: var(--dodo-ui-Button-text-danger-active-bg);
-}
-.dodo-ui-Button.color--danger.variant--text.outline {
-  border-color: var(--dodo-ui-Button-outline-danger);
-}
-.dodo-ui-Button.color--danger.variant--solid {
-  color: var(--dodo-color-constant-white);
-  background-color: var(--dodo-ui-Button-solid-danger-bg);
-}
-.dodo-ui-Button.color--danger.variant--solid:hover {
-  background-color: var(--dodo-ui-Button-solid-danger-hover-bg);
-}
-.dodo-ui-Button.color--danger.variant--solid:active {
-  background-color: var(--dodo-ui-Button-solid-danger-active-bg);
-}
-.dodo-ui-Button[disabled] {
-  cursor: initial;
-}
-.dodo-ui-Button[disabled].variant--text, .dodo-ui-Button[disabled].variant--solid {
-  background-color: var(--dodo-ui-Button-disabled-bg);
-  color: var(--dodo-ui-Button-disabled-color);
-}
-.dodo-ui-Button[disabled].variant--text:hover, .dodo-ui-Button[disabled].variant--solid:hover {
-  background-color: var(--dodo-ui-Button-disabled-bg);
-  color: var(--dodo-ui-Button-disabled-color);
-}
-.dodo-ui-Button[disabled].variant--text:active, .dodo-ui-Button[disabled].variant--solid:active {
-  background-color: var(--dodo-ui-Button-disabled-bg);
-  color: var(--dodo-ui-Button-disabled-color);
-}
-.dodo-ui-Button[disabled].variant--text.outline, .dodo-ui-Button[disabled].variant--solid.outline {
-  border-color: transparent;
-}
-.dodo-ui-Button.compact.size--normal, .dodo-ui-Button.compact.size--small, .dodo-ui-Button.compact.size--large {
-  min-width: initial;
-  padding: 0;
-}
-.dodo-ui-Button.compact.size--normal {
-  width: var(--dodo-ui-element-height-normal);
-}
-.dodo-ui-Button.compact.size--small {
-  width: var(--dodo-ui-element-height-small);
-}
-.dodo-ui-Button.compact.size--large {
-  width: var(--dodo-ui-element-height-large);
-}
-.dodo-ui-Button.fullWidth {
-  width: 100%;
-}
-.dodo-ui-Button .content--after, .dodo-ui-Button .content--before {
-  display: inline-flex;
-  height: 100%;
-  align-items: center;
-}
-.dodo-ui-Button .content--before {
-  margin-right: 6px;
-}
-.dodo-ui-Button .content--after {
-  margin-left: 6px;
-}</style>

package/dist/stories/components/Form/Button/Button.svelte.d.ts

@@ -1,74 +0,0 @@
-import type { ComponentColor } from '../../../../types/colors.js';
-import type { ComponentRoundness } from '../../../../types/roundness.js';
-import type { ComponentSize } from '../../../../types/size.js';
-import type { ComponentWeight } from '../../../../types/weight.js';
-import type { Snippet } from 'svelte';
-import type { MouseEventHandler } from 'svelte/elements';
-export type ButtonLinkTarget = '_self' | '_blank' | '_parent' | '_top' | (string & {}) | undefined | null;
-export type ButtonLinkReferrerpolicy = ReferrerPolicy | undefined | null;
-export type ButtonType = 'button' | 'submit' | 'reset';
-export declare const buttonTypeArray: ButtonType[];
-export type ButtonClickEvent = MouseEvent & {
-    currentTarget: EventTarget & HTMLButtonElement;
-};
-export interface ButtonProps {
-    /** Button contents goes here */
-    children?: Snippet;
-    /** Button ref */
-    ref?: HTMLButtonElement | HTMLAnchorElement;
-    /** Regular button or submit button? */
-    type?: ButtonType;
-    /** How large should the button be? */
-    size?: ComponentSize;
-    /** Full width button? */
-    fullWidth?: boolean;
-    /** What color to use? */
-    color?: ComponentColor;
-    /** How round should the border radius be? */
-    roundness?: ComponentRoundness;
-    /** How should the button appear? */
-    variant?: ComponentWeight;
-    /** Add a border around the button */
-    outline?: boolean;
-    /** Compact button for icons */
-    compact?: boolean;
-    /** Button disabled state */
-    disabled?: boolean;
-    /** Name */
-    name?: string;
-    /** Id */
-    id?: string;
-    /** Title (for tooltip) */
-    title?: string;
-    /** Icon before button content */
-    before?: Snippet;
-    /** Icon after button content */
-    after?: Snippet;
-    /** Custom css class*/
-    class?: string;
-    /** The onclick event handler */
-    onclick?: MouseEventHandler<HTMLButtonElement>;
-    /** Aria label */
-    'aria-label'?: string;
-    /** Turn Button into link */
-    href?: string;
-    /** Link button: download  */
-    download?: any;
-    /** Link button: hreflang  */
-    hreflang?: string | undefined | null;
-    /** Link button: media  */
-    media?: string | undefined | null;
-    /** Link button: ping  */
-    ping?: string | undefined | null;
-    /** Link button: rel  */
-    rel?: string | undefined | null;
-    /** Link button: target  */
-    target?: ButtonLinkTarget;
-    /** Link button: Type  */
-    anchorMediaType?: string | undefined | null;
-    /** Link button: referrerpolicy  */
-    referrerpolicy?: ButtonLinkReferrerpolicy;
-}
-declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
-type Button = ReturnType<typeof Button>;
-export default Button;

package/dist/stories/components/Form/Button/Color/Color.stories.svelte

@@ -1,43 +0,0 @@
-<script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Button from '../Button.svelte';
-  import { storyButtonArgTypes } from '../Button.stories.svelte';
-
-  // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-  const { Story } = defineMeta({
-    component: Button,
-    tags: ['autodocs'],
-    argTypes: storyButtonArgTypes,
-  });
-</script>
-
-<Story name="Primary">Click me!</Story>
-<Story name="Secondary" args={{ color: 'secondary' }}>Click me!</Story>
-<Story name="Neutral" args={{ color: 'neutral' }}>Click me!</Story>
-<Story name="Safe" args={{ color: 'safe' }}>Click me!</Story>
-<Story name="Warning" args={{ color: 'warning' }}>Click me!</Story>
-<Story name="Danger" args={{ color: 'danger' }}>Click me!</Story>
-
-<Story name="Primary Text" args={{ color: 'primary', variant: 'text' }}>Click me!</Story>
-<Story name="Secondary Text" args={{ color: 'secondary', variant: 'text' }}>Click me!</Story>
-<Story name="Neutral Text" args={{ color: 'neutral', variant: 'text' }}>Click me!</Story>
-<Story name="Safe Text" args={{ color: 'safe', variant: 'text' }}>Click me!</Story>
-<Story name="Warning Text" args={{ color: 'warning', variant: 'text' }}>Click me!</Story>
-<Story name="Danger Text" args={{ color: 'danger', variant: 'text' }}>Click me!</Story>
-
-<Story name="Primary Outline" args={{ variant: 'text', outline: true }}>Click me!</Story>
-<Story name="Secondary Outline" args={{ color: 'secondary', variant: 'text', outline: true }}>
-  Click me!
-</Story>
-<Story name="Neutral Outline" args={{ color: 'neutral', variant: 'text', outline: true }}>
-  Click me!
-</Story>
-<Story name="Safe Outline" args={{ color: 'safe', variant: 'text', outline: true }}>
-  Click me!
-</Story>
-<Story name="Warning Outline" args={{ color: 'warning', variant: 'text', outline: true }}>
-  Click me!
-</Story>
-<Story name="Danger Outline" args={{ color: 'danger', variant: 'text', outline: true }}>
-  Click me!
-</Story>

package/dist/stories/components/Form/Button/Color/Color.stories.svelte.d.ts

@@ -1,26 +0,0 @@
-export default Color;
-type Color = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Color: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/stories/components/Form/Button/Events/Events.stories.svelte

@@ -1,34 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Button from '../Button.svelte';
-import { storyButtonArgTypes } from '../Button.stories.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Button,
-    tags: ['autodocs'],
-    argTypes: storyButtonArgTypes,
-});
-</script>
-
-<Story
-  name="Click"
-  args={{
-    onclick: (e: Event) => {
-      const target = e.target as HTMLButtonElement;
-
-      alert('Button Clicked');
-      console.log('Button Clicked', target);
-    },
-  }}
-  asChild
->
-  <Button
-    onclick={(e: Event) => {
-      const target = e.target as HTMLButtonElement;
-
-      alert('Button Clicked');
-      console.log('Button Clicked', target);
-    }}
-  >
-    Click me!
-  </Button>
-</Story>

package/dist/stories/components/Form/Button/Events/Events.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Events: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Events = InstanceType<typeof Events>;
-export default Events;