@redvars/peacock 3.1.1 → 3.1.3

package/src/utils.ts

@@ -24,7 +24,7 @@ export async function createCacheFetch(name: string) {
       if (cache) {
         const cachedResponse = await cache.match(request);
         if (cachedResponse) {
-          return await cachedResponse.text();
+          return cachedResponse.text();
         }
       }
 
@@ -108,3 +108,74 @@ export function sanitizeSvg(rawSvg: string) {
     return '';
   }
 }
+
+function __hasMeaningfulContent(slotElement: any) {
+  const nodes = slotElement.assignedNodes({ flatten: true });
+
+  for (const node of nodes) {
+    // If it's an element node, it has content
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      return true;
+    }
+    // If it's a text node and contains non-whitespace characters, it has content
+    if (
+      node.nodeType === Node.TEXT_NODE &&
+      node.textContent.trim().length > 0
+    ) {
+      return true;
+    }
+  }
+
+  // No meaningful content found
+  return false;
+}
+
+export function observerSlotChangesWithCallback(
+  slot: HTMLSlotElement | null,
+  callback: (hasContent: boolean) => void,
+) {
+  const observer = new MutationObserver(() => {
+    callback(__hasMeaningfulContent(slot));
+  });
+
+  // Observe the elements currently assigned to the slot
+  const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
+  assignedNodes.forEach(node => {
+    observer.observe(node, {
+      attributes: true,
+      childList: true,
+      characterData: true,
+      subtree: true,
+    });
+  });
+
+  callback(__hasMeaningfulContent(slot));
+}
+
+export function throttle(
+  func: Function,
+  delay: number,
+  options = { leading: true, trailing: true },
+) {
+  let timerId: any;
+  let lastExec = 0;
+
+  return function (...args: any[]) {
+    // @ts-ignore
+    const context = this;
+    const now = Date.now();
+
+    const shouldCallNow = options.leading && now - lastExec >= delay;
+
+    if (shouldCallNow) {
+      func.apply(context, args);
+      lastExec = now;
+    } else if (options.trailing && !timerId) {
+      timerId = setTimeout(() => {
+        func.apply(context, args);
+        lastExec = Date.now();
+        timerId = null;
+      }, delay);
+    }
+  };
+}

package/tsconfig.json

@@ -1,22 +1,23 @@
-{
-  "compilerOptions": {
-    "target": "es2021",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "noEmitOnError": true,
-    "lib": ["es2021", "dom", "DOM.Iterable"],
-    "strict": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "importHelpers": false,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "./",
-    "declaration": true,
-    "incremental": true,
-    "skipLibCheck": true
-  },
-  "include": ["**/*.ts"]
-}
+{
+  "compilerOptions": {
+    "target": "es2021",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "noEmitOnError": true,
+    "lib": ["es2021", "dom", "DOM.Iterable"],
+    "strict": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "importHelpers": false,
+    "outDir": "dist",
+    "sourceMap": true,
+    "inlineSources": true,
+    "rootDir": "./",
+    "declaration": true,
+    "incremental": true,
+    "skipLibCheck": true,
+    "baseUrl": "./"
+  },
+  "include": ["**/*.ts"]
+}

package/assets/tokens.css

@@ -1,522 +0,0 @@
-/* -------------------------------------------
- *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
- * ------------------------------------------- */
-
-:root {
-  --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: var(--color-error-90);
-  --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-error: var(--color-error-80);
-  --color-inverse-on-surface: var(--color-neutral-95);
-  --color-inverse-primary: var(--color-primary-80);
-  --color-inverse-secondary: var(--color-secondary-80);
-  --color-inverse-surface: var(--color-neutral-20);
-  --color-inverse-tertiary: var(--color-tertiary-80);
-  --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-error: var(--color-error-100);
-  --color-on-error-container: var(--color-error-10);
-  --color-on-primary: var(--color-primary-100);
-  --color-on-primary-container: var(--color-primary-10);
-  --color-on-secondary: var(--color-secondary-100);
-  --color-on-secondary-container: var(--color-secondary-10);
-  --color-on-surface: var(--color-neutral-10);
-  --color-on-surface-variant: var(--color-neutral-variant-30);
-  --color-on-tertiary: var(--color-tertiary-100);
-  --color-on-tertiary-container: var(--color-tertiary-10);
-  --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: var(--color-primary-40);
-  --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: var(--color-primary-90);
-  --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: var(--color-neutral-0);
-  --color-secondary: var(--color-secondary-40);
-  --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: var(--color-secondary-90);
-  --color-shadow: var(--color-neutral-0);
-  --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-99);
-  --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-variant-90);
-  --color-tertiary: var(--color-tertiary-40);
-  --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: var(--color-tertiary-90);
-  --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-avatar-border-radius: var(--shape-corner-full);
-  --global-badge-color: var(--color-error-40);
-  --shape-corner-full: 9999px;
-  --shape-corner-large: 12px;
-  --shape-corner-medium: 8px;
-  --shape-corner-none: 0;
-  --shape-corner-small: 4px;
-  --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-error: var(--color-error-80);
-  --color-error-container: var(--color-error-30);
-  --color-inverse-error: var(--color-error-40);
-  --color-inverse-on-surface: var(--color-neutral-20);
-  --color-inverse-primary: var(--color-primary-40);
-  --color-inverse-secondary: var(--color-secondary-40);
-  --color-inverse-surface: var(--color-neutral-90);
-  --color-inverse-tertiary: var(--color-tertiary-40);
-  --color-on-error: var(--color-error-20);
-  --color-on-error-container: var(--color-error-90);
-  --color-on-primary: var(--color-primary-20);
-  --color-on-primary-container: var(--color-primary-90);
-  --color-on-secondary: var(--color-secondary-20);
-  --color-on-secondary-container: var(--color-secondary-90);
-  --color-on-surface: var(--color-neutral-90);
-  --color-on-surface-variant: var(--color-neutral-variant-80);
-  --color-on-tertiary: var(--color-tertiary-20);
-  --color-on-tertiary-container: var(--color-tertiary-90);
-  --color-outline: var(--color-neutral-variant-60);
-  --color-outline-variant: var(--color-neutral-variant-30);
-  --color-primary: var(--color-primary-80);
-  --color-primary-container: var(--color-primary-30);
-  --color-scrim: var(--color-neutral-0);
-  --color-secondary: var(--color-secondary-80);
-  --color-secondary-container: var(--color-secondary-30);
-  --color-shadow: var(--color-neutral-0);
-  --color-surface: var(--color-neutral-10);
-  --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: var(--color-neutral-variant-30);
-  --color-tertiary: var(--color-tertiary-80);
-  --color-tertiary-container: var(--color-tertiary-30);
-  --global-badge-color: var(--color-error-80);
-}
-

package/copyDesignFiles.js

@@ -1,11 +0,0 @@
-import fs from 'fs';
-
-fs.cpSync('../design-tokens/dist/', './assets', {
-  recursive: true,
-  force: true,
-});
-
-fs.cpSync('../design-tokens/dist/', './dist/assets/styles/', {
-  recursive: true,
-  force: true,
-});