@redvars/peacock 3.1.0 → 3.1.2

package/demo/tokens.css

@@ -1,510 +0,0 @@
-/* -------------------------------------------
- *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
- * ------------------------------------------- */
-
-:root {
-  --color-background: #fffbff;
-  --color-black: #000000;
-  --color-blue: #305cde;
-  --color-blue-0: #000000;
-  --color-blue-10: #001550;
-  --color-blue-20: #00277f;
-  --color-blue-30: #003ab2;
-  --color-blue-40: #2352d5;
-  --color-blue-50: #446def;
-  --color-blue-60: #6789ff;
-  --color-blue-70: #90a7ff;
-  --color-blue-80: #b6c4ff;
-  --color-blue-90: #dce1ff;
-  --color-blue-95: #eff0ff;
-  --color-blue-98: #faf8ff;
-  --color-blue-100: #ffffff;
-  --color-error: var(--color-red);
-  --color-error-0: var(--color-red-0);
-  --color-error-10: var(--color-red-10);
-  --color-error-20: var(--color-red-20);
-  --color-error-30: var(--color-red-30);
-  --color-error-40: var(--color-red-40);
-  --color-error-50: var(--color-red-50);
-  --color-error-60: var(--color-red-60);
-  --color-error-70: var(--color-red-70);
-  --color-error-80: var(--color-red-80);
-  --color-error-90: var(--color-red-90);
-  --color-error-95: var(--color-red-95);
-  --color-error-98: var(--color-red-98);
-  --color-error-100: var(--color-red-100);
-  --color-error-container: #ffdad6;
-  --color-green: #2e6f40;
-  --color-green-0: #000000;
-  --color-green-10: #00210b;
-  --color-green-20: #003917;
-  --color-green-30: #005225;
-  --color-green-40: #0f6d35;
-  --color-green-50: #31874b;
-  --color-green-60: #4da163;
-  --color-green-70: #68bd7b;
-  --color-green-80: #83d995;
-  --color-green-90: #9ff6af;
-  --color-green-95: #c4ffcb;
-  --color-green-98: #eaffe9;
-  --color-green-100: #ffffff;
-  --color-inverse-on-surface: #fbeeec;
-  --color-inverse-primary: #aec6ff;
-  --color-inverse-surface: #362f2e;
-  --color-neutral: #747878;
-  --color-neutral-0: #000000;
-  --color-neutral-4: #0b0f0f;
-  --color-neutral-6: #101415;
-  --color-neutral-10: #191c1d;
-  --color-neutral-12: #1d2021;
-  --color-neutral-17: #272b2b;
-  --color-neutral-20: #2e3132;
-  --color-neutral-22: #323536;
-  --color-neutral-30: #444748;
-  --color-neutral-40: #5c5f5f;
-  --color-neutral-50: #747878;
-  --color-neutral-60: #8e9192;
-  --color-neutral-70: #a9acac;
-  --color-neutral-80: #c4c7c7;
-  --color-neutral-87: #d8dadb;
-  --color-neutral-90: #e1e3e3;
-  --color-neutral-92: #e6e8e9;
-  --color-neutral-94: #eceeef;
-  --color-neutral-95: #eff1f1;
-  --color-neutral-96: #f2f4f4;
-  --color-neutral-98: #f8fafa;
-  --color-neutral-99: #fafdfd;
-  --color-neutral-100: #ffffff;
-  --color-neutral-variant: #6f797a;
-  --color-neutral-variant-0: #000000;
-  --color-neutral-variant-4: #071011;
-  --color-neutral-variant-6: #0c1516;
-  --color-neutral-variant-10: #141d1f;
-  --color-neutral-variant-12: #182123;
-  --color-neutral-variant-17: #222b2d;
-  --color-neutral-variant-20: #293234;
-  --color-neutral-variant-22: #2d3638;
-  --color-neutral-variant-30: #3f484a;
-  --color-neutral-variant-40: #576062;
-  --color-neutral-variant-50: #6f797a;
-  --color-neutral-variant-60: #899294;
-  --color-neutral-variant-70: #a3adaf;
-  --color-neutral-variant-80: #bfc8ca;
-  --color-neutral-variant-87: #d2dcde;
-  --color-neutral-variant-90: #dbe4e6;
-  --color-neutral-variant-92: #e0eaec;
-  --color-neutral-variant-94: #e6f0f1;
-  --color-neutral-variant-95: #e9f2f4;
-  --color-neutral-variant-96: #ecf5f7;
-  --color-neutral-variant-98: #f2fbfd;
-  --color-neutral-variant-99: #f6feff;
-  --color-neutral-variant-100: #ffffff;
-  --color-on-background: #201a19;
-  --color-on-error: #ffffff;
-  --color-on-error-container: #410002;
-  --color-on-primary: #ffffff;
-  --color-on-primary-container: #001a42;
-  --color-on-secondary: #ffffff;
-  --color-on-secondary-container: #141b2c;
-  --color-on-surface: var(--color-neutral-10);
-  --color-on-surface-variant: var(--color-neutral-30);
-  --color-on-tertiary: #ffffff;
-  --color-on-tertiary-container: #29132d;
-  --color-orange: #ff7518;
-  --color-orange-0: #000000;
-  --color-orange-10: #341100;
-  --color-orange-20: #552100;
-  --color-orange-30: #783100;
-  --color-orange-40: #9e4300;
-  --color-orange-50: #c55500;
-  --color-orange-60: #ee6803;
-  --color-orange-70: #ff8d4c;
-  --color-orange-80: #ffb691;
-  --color-orange-90: #ffdbcb;
-  --color-orange-95: #ffede6;
-  --color-orange-98: #fff8f6;
-  --color-orange-100: #ffffff;
-  --color-outline: var(--color-neutral-variant-50);
-  --color-outline-variant: var(--color-neutral-variant-80);
-  --color-primary: #4589ff;
-  --color-primary-0: #000000;
-  --color-primary-10: #001a42;
-  --color-primary-20: #002e6b;
-  --color-primary-30: #004396;
-  --color-primary-40: #005ac4;
-  --color-primary-50: #2673e8;
-  --color-primary-60: #4f8eff;
-  --color-primary-70: #82aaff;
-  --color-primary-80: #aec6ff;
-  --color-primary-90: #d8e2ff;
-  --color-primary-95: #edf0ff;
-  --color-primary-98: #faf9ff;
-  --color-primary-100: #ffffff;
-  --color-primary-container: #d8e2ff;
-  --color-purple: #e40078;
-  --color-purple-0: #000000;
-  --color-purple-10: #3f001c;
-  --color-purple-20: #650032;
-  --color-purple-30: #8e0048;
-  --color-purple-40: #ba0061;
-  --color-purple-50: #e6067a;
-  --color-purple-60: #ff4993;
-  --color-purple-70: #ff84ad;
-  --color-purple-80: #ffb1c7;
-  --color-purple-90: #ffd9e2;
-  --color-purple-95: #ffecef;
-  --color-purple-98: #fff8f8;
-  --color-purple-100: #ffffff;
-  --color-red: #e73121;
-  --color-red-0: #000000;
-  --color-red-10: #410000;
-  --color-red-20: #690000;
-  --color-red-30: #930000;
-  --color-red-40: #be0c05;
-  --color-red-50: #e32e1f;
-  --color-red-60: #ff5541;
-  --color-red-70: #ff8a78;
-  --color-red-80: #ffb4a8;
-  --color-red-90: #ffdad4;
-  --color-red-95: #ffedea;
-  --color-red-98: #fff8f6;
-  --color-red-100: #ffffff;
-  --color-scrim: #000000;
-  --color-secondary: #6f778b;
-  --color-secondary-0: #000000;
-  --color-secondary-10: #141b2c;
-  --color-secondary-20: #293041;
-  --color-secondary-30: #3f4759;
-  --color-secondary-40: #575e71;
-  --color-secondary-50: #6f778b;
-  --color-secondary-60: #8990a5;
-  --color-secondary-70: #a4abc0;
-  --color-secondary-80: #bfc6dc;
-  --color-secondary-90: #dbe2f9;
-  --color-secondary-95: #edf0ff;
-  --color-secondary-98: #faf9ff;
-  --color-secondary-100: #ffffff;
-  --color-secondary-container: #dbe2f9;
-  --color-shadow: #000000;
-  --color-success: var(--color-green);
-  --color-success-0: var(--color-green-0);
-  --color-success-10: var(--color-green-10);
-  --color-success-20: var(--color-green-20);
-  --color-success-30: var(--color-green-30);
-  --color-success-40: var(--color-green-40);
-  --color-success-50: var(--color-green-50);
-  --color-success-60: var(--color-green-60);
-  --color-success-70: var(--color-green-70);
-  --color-success-80: var(--color-green-80);
-  --color-success-90: var(--color-green-90);
-  --color-success-95: var(--color-green-95);
-  --color-success-98: var(--color-green-98);
-  --color-success-100: var(--color-green-100);
-  --color-surface: var(--color-neutral-98);
-  --color-surface-container: var(--color-neutral-94);
-  --color-surface-container-high: var(--color-neutral-92);
-  --color-surface-container-highest: var(--color-neutral-90);
-  --color-surface-container-low: var(--color-neutral-96);
-  --color-surface-container-lowest: var(--color-neutral-100);
-  --color-surface-dim: var(--color-neutral-87);
-  --color-surface-variant: var(--color-neutral-90);
-  --color-tertiary: #8b6d8d;
-  --color-tertiary-0: #000000;
-  --color-tertiary-10: #29132d;
-  --color-tertiary-20: #402843;
-  --color-tertiary-30: #583e5a;
-  --color-tertiary-40: #715573;
-  --color-tertiary-50: #8b6d8d;
-  --color-tertiary-60: #a686a7;
-  --color-tertiary-70: #c2a1c2;
-  --color-tertiary-80: #dfbcdf;
-  --color-tertiary-90: #fcd7fb;
-  --color-tertiary-95: #ffebfc;
-  --color-tertiary-98: #fff7fa;
-  --color-tertiary-100: #ffffff;
-  --color-tertiary-container: #fcd7fb;
-  --color-warning: var(--color-yellow);
-  --color-warning-0: var(--color-yellow-0);
-  --color-warning-10: var(--color-yellow-10);
-  --color-warning-20: var(--color-yellow-20);
-  --color-warning-30: var(--color-yellow-30);
-  --color-warning-40: var(--color-yellow-40);
-  --color-warning-50: var(--color-yellow-50);
-  --color-warning-60: var(--color-yellow-60);
-  --color-warning-70: var(--color-yellow-70);
-  --color-warning-80: var(--color-yellow-80);
-  --color-warning-90: var(--color-yellow-90);
-  --color-warning-95: var(--color-yellow-95);
-  --color-warning-98: var(--color-yellow-98);
-  --color-warning-100: var(--color-yellow-100);
-  --color-white: #ffffff;
-  --color-yellow: #ffed29;
-  --color-yellow-0: #000000;
-  --color-yellow-10: #1f1c00;
-  --color-yellow-20: #363100;
-  --color-yellow-30: #4e4800;
-  --color-yellow-40: #686000;
-  --color-yellow-50: #837900;
-  --color-yellow-60: #9f9300;
-  --color-yellow-70: #bcae00;
-  --color-yellow-80: #d9c900;
-  --color-yellow-90: #f7e61e;
-  --color-yellow-95: #fff392;
-  --color-yellow-98: #fff9e6;
-  --color-yellow-100: #ffffff;
-  --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */
-  --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */
-  --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */
-  --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */
-  --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */
-  --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */
-  --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */
-  --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */
-  --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */
-  --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
-  --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
-  --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
-  --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
-  --easing-linear: cubic-bezier(0, 0, 1, 1);
-  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
-  --font-family-brand: "Noto Sans", sans-serif; /* The font family used for brand headings and titles. */
-  --font-family-monospace: "Noto Sans Mono", monospace; /* The font family used for code snippets and monospaced text. */
-  --font-family-sans: "Noto Sans", sans-serif; /* The primary font family used for body text and general content. */
-  --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */
-  --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */
-  --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */
-  --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */
-  --global-badge-color: var(--color-error-40);
-  --spacing-000: 0; /* No spacing (base × 0). */
-  --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */
-  --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */
-  --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */
-  --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */
-  --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */
-  --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */
-  --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */
-  --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */
-  --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */
-  --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */
-  --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */
-  --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */
-  --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */
-  --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */
-  --typography-body-large-emphasized-font-family: var(--font-family-sans);
-  --typography-body-large-emphasized-font-size: 1rem;
-  --typography-body-large-emphasized-font-weight: var(--font-weight-medium);
-  --typography-body-large-emphasized-letter-spacing: 0.5px;
-  --typography-body-large-emphasized-line-height: 1.5rem;
-  --typography-body-large-font-family: var(--font-family-sans);
-  --typography-body-large-font-size: 1rem;
-  --typography-body-large-font-weight: var(--font-weight-regular);
-  --typography-body-large-letter-spacing: 0.5px;
-  --typography-body-large-line-height: 1.5rem;
-  --typography-body-medium-emphasized-font-family: var(--font-family-sans);
-  --typography-body-medium-emphasized-font-size: 0.875rem;
-  --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);
-  --typography-body-medium-emphasized-letter-spacing: 0.25px;
-  --typography-body-medium-emphasized-line-height: 1.25rem;
-  --typography-body-medium-font-family: var(--font-family-sans);
-  --typography-body-medium-font-size: 0.875rem;
-  --typography-body-medium-font-weight: var(--font-weight-regular);
-  --typography-body-medium-letter-spacing: 0.25px;
-  --typography-body-medium-line-height: 1.25rem;
-  --typography-body-small-emphasized-font-family: var(--font-family-sans);
-  --typography-body-small-emphasized-font-size: 0.75rem;
-  --typography-body-small-emphasized-font-weight: var(--font-weight-medium);
-  --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;
-  --typography-body-small-emphasized-line-height: 1rem;
-  --typography-body-small-font-family: var(--font-family-sans);
-  --typography-body-small-font-size: 0.75rem;
-  --typography-body-small-font-weight: var(--font-weight-regular);
-  --typography-body-small-letter-spacing: 0.4000000059604645px;
-  --typography-body-small-line-height: 1rem;
-  --typography-code-large-emphasized-font-family: var(--font-family-monospace);
-  --typography-code-large-emphasized-font-size: 1rem;
-  --typography-code-large-emphasized-font-weight: var(--font-weight-medium);
-  --typography-code-large-emphasized-letter-spacing: 0.5px;
-  --typography-code-large-emphasized-line-height: 1.5rem;
-  --typography-code-large-font-family: var(--font-family-monospace);
-  --typography-code-large-font-size: 1rem;
-  --typography-code-large-font-weight: var(--font-weight-regular);
-  --typography-code-large-letter-spacing: 0.5px;
-  --typography-code-large-line-height: 1.5rem;
-  --typography-code-medium-emphasized-font-family: var(--font-family-monospace);
-  --typography-code-medium-emphasized-font-size: 0.875rem;
-  --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);
-  --typography-code-medium-emphasized-letter-spacing: 0.25px;
-  --typography-code-medium-emphasized-line-height: 1.25rem;
-  --typography-code-medium-font-family: var(--font-family-monospace);
-  --typography-code-medium-font-size: 0.875rem;
-  --typography-code-medium-font-weight: var(--font-weight-regular);
-  --typography-code-medium-letter-spacing: 0.25px;
-  --typography-code-medium-line-height: 1.25rem;
-  --typography-code-small-emphasized-font-family: var(--font-family-monospace);
-  --typography-code-small-emphasized-font-size: 0.75rem;
-  --typography-code-small-emphasized-font-weight: var(--font-weight-medium);
-  --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;
-  --typography-code-small-emphasized-line-height: 1rem;
-  --typography-code-small-font-family: var(--font-family-monospace);
-  --typography-code-small-font-size: 0.75rem;
-  --typography-code-small-font-weight: var(--font-weight-regular);
-  --typography-code-small-letter-spacing: 0.4000000059604645px;
-  --typography-code-small-line-height: 1rem;
-  --typography-display-large-emphasized-font-family: var(--font-family-sans);
-  --typography-display-large-emphasized-font-size: 3.5625rem;
-  --typography-display-large-emphasized-font-weight: var(--font-weight-medium);
-  --typography-display-large-emphasized-letter-spacing: -0.25px;
-  --typography-display-large-emphasized-line-height: 4rem;
-  --typography-display-large-font-family: var(--font-family-sans);
-  --typography-display-large-font-size: 3.5625rem;
-  --typography-display-large-font-weight: var(--font-weight-regular);
-  --typography-display-large-letter-spacing: -0.25px;
-  --typography-display-large-line-height: 4rem;
-  --typography-display-medium-emphasized-font-family: var(--font-family-sans);
-  --typography-display-medium-emphasized-font-size: 2.8125rem;
-  --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);
-  --typography-display-medium-emphasized-letter-spacing: 0;
-  --typography-display-medium-emphasized-line-height: 3.25rem;
-  --typography-display-medium-font-family: var(--font-family-sans);
-  --typography-display-medium-font-size: 2.8125rem;
-  --typography-display-medium-font-weight: var(--font-weight-regular);
-  --typography-display-medium-letter-spacing: 0;
-  --typography-display-medium-line-height: 3.25rem;
-  --typography-display-small-emphasized-font-family: var(--font-family-sans);
-  --typography-display-small-emphasized-font-size: 2.25rem;
-  --typography-display-small-emphasized-font-weight: var(--font-weight-medium);
-  --typography-display-small-emphasized-letter-spacing: 0;
-  --typography-display-small-emphasized-line-height: 2.75rem;
-  --typography-display-small-font-family: var(--font-family-sans);
-  --typography-display-small-font-size: 2.25rem;
-  --typography-display-small-font-weight: var(--font-weight-regular);
-  --typography-display-small-letter-spacing: 0;
-  --typography-display-small-line-height: 2.75rem;
-  --typography-headline-large-emphasized-font-family: var(--font-family-sans);
-  --typography-headline-large-emphasized-font-size: 2rem;
-  --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);
-  --typography-headline-large-emphasized-letter-spacing: 0;
-  --typography-headline-large-emphasized-line-height: 2.5rem;
-  --typography-headline-large-font-family: var(--font-family-sans);
-  --typography-headline-large-font-size: 2rem;
-  --typography-headline-large-font-weight: var(--font-weight-regular);
-  --typography-headline-large-letter-spacing: 0;
-  --typography-headline-large-line-height: 2.5rem;
-  --typography-headline-medium-emphasized-font-family: var(--font-family-sans);
-  --typography-headline-medium-emphasized-font-size: 1.75rem;
-  --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);
-  --typography-headline-medium-emphasized-letter-spacing: 0;
-  --typography-headline-medium-emphasized-line-height: 2.25rem;
-  --typography-headline-medium-font-family: var(--font-family-sans);
-  --typography-headline-medium-font-size: 1.75rem;
-  --typography-headline-medium-font-weight: var(--font-weight-regular);
-  --typography-headline-medium-letter-spacing: 0;
-  --typography-headline-medium-line-height: 2.25rem;
-  --typography-headline-small-emphasized-font-family: var(--font-family-sans);
-  --typography-headline-small-emphasized-font-size: 1.5rem;
-  --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);
-  --typography-headline-small-emphasized-letter-spacing: 0;
-  --typography-headline-small-emphasized-line-height: 2rem;
-  --typography-headline-small-font-family: var(--font-family-sans);
-  --typography-headline-small-font-size: 1.5rem;
-  --typography-headline-small-font-weight: var(--font-weight-regular);
-  --typography-headline-small-letter-spacing: 0;
-  --typography-headline-small-line-height: 2rem;
-  --typography-label-large-emphasized-font-family: var(--font-family-sans);
-  --typography-label-large-emphasized-font-size: 0.875rem;
-  --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);
-  --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;
-  --typography-label-large-emphasized-line-height: 1.25rem;
-  --typography-label-large-font-family: var(--font-family-sans);
-  --typography-label-large-font-size: 0.875rem;
-  --typography-label-large-font-weight: var(--font-weight-medium);
-  --typography-label-large-letter-spacing: 0.10000000149011612px;
-  --typography-label-large-line-height: 1.25rem;
-  --typography-label-medium-emphasized-font-family: var(--font-family-sans);
-  --typography-label-medium-emphasized-font-size: 0.75rem;
-  --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);
-  --typography-label-medium-emphasized-letter-spacing: 0.5px;
-  --typography-label-medium-emphasized-line-height: 1rem;
-  --typography-label-medium-font-family: var(--font-family-sans);
-  --typography-label-medium-font-size: 0.75rem;
-  --typography-label-medium-font-weight: var(--font-weight-medium);
-  --typography-label-medium-letter-spacing: 0.5px;
-  --typography-label-medium-line-height: 1rem;
-  --typography-label-small-emphasized-font-family: var(--font-family-sans);
-  --typography-label-small-emphasized-font-size: 0.6875rem;
-  --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);
-  --typography-label-small-emphasized-letter-spacing: 0.5px;
-  --typography-label-small-emphasized-line-height: 1rem;
-  --typography-label-small-font-family: var(--font-family-sans);
-  --typography-label-small-font-size: 0.6875rem;
-  --typography-label-small-font-weight: var(--font-weight-medium);
-  --typography-label-small-letter-spacing: 0.5px;
-  --typography-label-small-line-height: 1rem;
-  --typography-title-large-emphasized-font-family: var(--font-family-sans);
-  --typography-title-large-emphasized-font-size: 1.375rem;
-  --typography-title-large-emphasized-font-weight: var(--font-weight-medium);
-  --typography-title-large-emphasized-letter-spacing: 0;
-  --typography-title-large-emphasized-line-height: 1.75rem;
-  --typography-title-large-font-family: var(--font-family-sans);
-  --typography-title-large-font-size: 1.375rem;
-  --typography-title-large-font-weight: var(--font-weight-regular);
-  --typography-title-large-letter-spacing: 0;
-  --typography-title-large-line-height: 1.75rem;
-  --typography-title-medium-emphasized-font-family: var(--font-family-sans);
-  --typography-title-medium-emphasized-font-size: 1rem;
-  --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);
-  --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;
-  --typography-title-medium-emphasized-line-height: 1.5rem;
-  --typography-title-medium-font-family: var(--font-family-sans);
-  --typography-title-medium-font-size: 1rem;
-  --typography-title-medium-font-weight: var(--font-weight-medium);
-  --typography-title-medium-letter-spacing: 0.15000000596046448px;
-  --typography-title-medium-line-height: 1.5rem;
-  --typography-title-small-emphasized-font-family: var(--font-family-sans);
-  --typography-title-small-emphasized-font-size: 0.875rem;
-  --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);
-  --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;
-  --typography-title-small-emphasized-line-height: 1.25rem;
-  --typography-title-small-font-family: var(--font-family-sans);
-  --typography-title-small-font-size: 0.875rem;
-  --typography-title-small-font-weight: var(--font-weight-medium);
-  --typography-title-small-letter-spacing: 0.10000000149011612px;
-  --typography-title-small-line-height: 1.25rem;
-  color-scheme: light dark;
-}
-
-[data-theme='dark'] {
-  --color-background: #201a19;
-  --color-error-container: #93000a;
-  --color-inverse-on-surface: #362f2e;
-  --color-inverse-primary: #005ac4;
-  --color-inverse-surface: #ede0dd;
-  --color-on-background: #ede0dd;
-  --color-on-error: #690005;
-  --color-on-error-container: #ffb4ab;
-  --color-on-primary: #002e6b;
-  --color-on-primary-container: #d8e2ff;
-  --color-on-secondary: #293041;
-  --color-on-secondary-container: #dbe2f9;
-  --color-on-surface: #ede0dd;
-  --color-on-surface-variant: #d8c2be;
-  --color-on-tertiary: #402843;
-  --color-on-tertiary-container: #fcd7fb;
-  --color-outline: var(--color-neutral-variant-60);
-  --color-outline-variant: var(--color-neutral-variant-30);
-  --color-primary-container: #004396;
-  --color-scrim: #000000;
-  --color-secondary-container: #3f4759;
-  --color-shadow: #000000;
-  --color-surface: #201a19;
-  --color-surface-container: var(--color-neutral-12);
-  --color-surface-container-high: var(--color-neutral-17);
-  --color-surface-container-highest: var(--color-neutral-22);
-  --color-surface-container-low: var(--color-neutral-10);
-  --color-surface-container-lowest: var(--color-neutral-4);
-  --color-surface-dim: var(--color-neutral-6);
-  --color-surface-variant: #534341;
-  --color-tertiary-container: #583e5a;
-  --global-badge-color: var(--color-error-80);
-}
-

package/dist/component/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../node_modules/@lit/reactive-element/decorators/state.js","../../node_modules/lit-html/directives/unsafe-html.js","../../node_modules/lit-html/directives/unsafe-svg.js","../../../src/icon/datasource.ts","../../../src/icon/icon.css.ts","../../../src/icon/icon.ts"],"sourcesContent":["import{property as t}from\"./property.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function r(r){return t({...r,state:!0,attribute:!1})}export{r as state};\n//# sourceMappingURL=state.js.map\n","import{nothing as t,noChange as i}from\"../lit-html.js\";import{directive as r,Directive as s,PartType as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends s{constructor(i){if(super(i),this.it=t,i.type!==n.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=r(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n","import{directive as s}from\"../directive.js\";import{UnsafeHTMLDirective as e}from\"./unsafe-html.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class t extends e{}t.directiveName=\"unsafeSVG\",t.resultType=2;const o=s(t);export{o as unsafeSVG};\n//# sourceMappingURL=unsafe-svg.js.map\n","import { createCacheFetch } from '../utils.js';\n\nconst PROVIDERS: Record<string, (name: string) => string> = {\n  'material-symbols': (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@material-symbols/svg-500@0.40.1/outlined/${name}.svg`,\n  carbon: (name: string) =>\n    `https://cdn.jsdelivr.net/npm/@carbon/icons@11.41.0/svg/32/${name}.svg`,\n};\n\nconst cacheFetch = await createCacheFetch('svg-cache');\n\nexport async function fetchSVG(url: string) {\n  if (!url) return '';\n  return cacheFetch(url);\n}\n\nexport async function fetchIcon(\n  name: string,\n  provider: string = 'material-symbols',\n) {\n  if (!name) return '';\n\n  if (!PROVIDERS[provider]) {\n    throw new Error(`Provider '${provider}' not found`);\n  }\n\n  return fetchSVG(PROVIDERS[provider](name));\n}\n","import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    line-height: 0;\n    --icon-size: inherit;\n    --icon-color: inherit;\n  }\n\n  .icon {\n    display: inline-block;\n    height: var(--icon-size, 1rem);\n    width: var(--icon-size, 1rem);\n\n    svg {\n      fill: var(--icon-color);\n      height: 100%;\n      width: 100%;\n    }\n  }\n`;\n","import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { fetchIcon, fetchSVG } from './datasource.js';\nimport { sanitizeSvg } from '../utils.js';\nimport { styles } from './icon.css.js';\n\n/**\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop [--icon-size=1rem] - Controls the size of the icon. Defaults to \"1rem\"\n */\nexport class Icon extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name?: string = 'home';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  @property({ type: String }) provider?: 'material-symbols' | 'carbon' =\n    'material-symbols';\n\n  @state()\n  private svgContent: string = '';\n\n  // loading + error states for consumers/tests\n  @state()\n  private loading: boolean = false;\n\n  @state()\n  private error: Error | null = null;\n\n  // token to avoid race conditions when multiple fetches overlap\n  private _fetchId = 0;\n\n  // optional debounce for rapid property changes\n  private _debounceTimer: number | undefined;\n\n  firstUpdated() {\n    // perform initial fetch once component is connected and rendered\n    this.__scheduleUpdate();\n  }\n\n  updated(changedProperties: any) {\n    // only refetch when name or src changed\n    if (changedProperties.has('name') || changedProperties.has('src')) {\n      this.__scheduleUpdate();\n    }\n  }\n\n  render() {\n    // accessible wrapper; consumers can provide a fallback via <slot name=\"fallback\">.\n    return html` <div class=\"icon\">\n      ${this.svgContent\n        ? unsafeSVG(this.svgContent)\n        : html`<slot name=\"fallback\"></slot>`}\n    </div>`;\n  }\n\n  // small debounce to coalesce rapid changes (50ms)\n  private __scheduleUpdate() {\n    if (this._debounceTimer) {\n      clearTimeout(this._debounceTimer as any);\n    }\n    // @ts-ignore - setTimeout in DOM returns number\n    this._debounceTimer = window.setTimeout(() => this.__updateSvg(), 50);\n  }\n\n  /**\n   * @internal\n   */\n  private async __updateSvg() {\n    this._fetchId += 1;\n    const currentId = this._fetchId;\n    this.loading = true;\n    this.error = null;\n\n    try {\n      let raw: string | undefined;\n\n      if (this.name) {\n        raw = await fetchIcon(this.name, this.provider);\n      } else if (this.src) {\n        raw = await fetchSVG(this.src);\n      } else {\n        raw = '';\n      }\n\n      // If another fetch started after this one, ignore this result\n      if (currentId !== this._fetchId) return;\n\n      if (raw) {\n        this.svgContent = sanitizeSvg(raw);\n      } else {\n        this.svgContent = '';\n      }\n    } catch (err: any) {\n      // capture and surface error, but avoid throwing\n      this.error = err instanceof Error ? err : new Error(String(err));\n      this.svgContent = '';\n      // bubble an event so consumers can react\n      this.dispatchEvent(\n        new CustomEvent('icon-error', {\n          detail: { name: this.name, src: this.src, error: this.error },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    } finally {\n      // ensure loading is cleared unless another fetch started\n      if (currentId === this._fetchId) {\n        this.loading = false;\n      }\n    }\n  }\n}\n"],"names":["t","s","n","i","css","LitElement","html","unsafeSVG","property","state"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/component/avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","sources":["../../node_modules/lit-html/directives/class-map.js","../../../src/avatar/avatar.css.ts","../../../src/avatar/avatar.ts"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as s,Directive as i,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const e=s(class extends i{constructor(t){if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||t.strings?.length>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter(s=>t[s]).join(\" \")+\" \"}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(\" \").split(/\\s/).filter(t=>\"\"!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return t}});export{e as classMap};\n//# sourceMappingURL=class-map.js.map\n","import { css, unsafeCSS } from 'lit';\nimport { getTypography } from '../utils.js';\n\nexport const styles = css`\n  :host {\n    display: inline-block;\n    pointer-events: none;\n    --avatar-size: 2rem;\n    --avatar-background-color: var(--color-primary);\n    --avatar-text-color: var(--color-on-primary);\n    --avatar-border-radius: var(--global-avatar-border-radius);\n  }\n\n  .avatar-container {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-050);\n    line-height: 0;\n  }\n\n  .avatar {\n    border-radius: var(--avatar-border-radius);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--avatar-text-color);\n    width: var(--avatar-size);\n    height: var(--avatar-size);\n    ${unsafeCSS(getTypography('body-large-emphasized'))}\n    background-color: var(--avatar-background-color);\n\n    font-size: calc(var(--avatar-size) * 0.4);\n\n    .image {\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      border-radius: inherit;\n    }\n  }\n`;\n","import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './avatar.css.js';\n\n/**\n * @summary Icons are visual symbols used to represent ideas, objects, or actions.\n *\n * @cssprop --icon-color - Controls the color of the icon.\n * @cssprop --icon-size - Controls the size of the icon.\n */\nexport class Avatar extends LitElement {\n  static styles = [styles];\n\n  @property({ type: String, reflect: true }) name: string = '';\n\n  @property({ type: String, reflect: true }) src?: string;\n\n  render() {\n    return html`<div class=\"avatar-container\">\n      <div\n        class=${classMap({\n          avatar: true,\n          initials: !this.src,\n          image: !!this.src,\n        })}\n      >\n        ${this.src\n          ? html`<img class=\"image\" src=${this.src} alt=${this.name} />`\n          : html`<div class=\"initials\">${this.__getInitials()}</div>`}\n      </div>\n    </div>`;\n  }\n\n  private __getInitials() {\n    const [first = '', last = ''] = this.name.split(' ');\n    return `${first.charAt(0)}${last.charAt(0)}`.toUpperCase();\n  }\n}\n"],"names":["s","t","r","css","unsafeCSS","LitElement","html","classMap","property"],"mappings":"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","x_google_ignoreList":[0]}