@midas-ds/components 12.1.1 → 13.0.0

package/assets/variables.css

@@ -1 +0,0 @@
-:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-yellow-10: #fff8e1;--midas-color-signal-yellow-20: #ffeba8;--midas-color-signal-yellow-100: #fdb813;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #eb4e4e;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-button-icon-hover: light-dark(#0000001a, #ffffff1a);--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-transitions-duration-slow: .5s;--midas-transitions-duration-normal: .3s;--midas-transitions-duration-fast: .25s;--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.75rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 2.75rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-gray-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-gray-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-gray-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-gray-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-gray-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-gray-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-gray-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-gray-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-80))}

package/theme/generated-object.d.ts

@@ -1,381 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-export default tokens;
-
-declare interface DesignToken {
-  $value?: any;
-  $type?: string;
-  $description?: string;
-  name?: string;
-  themeable?: boolean;
-  attributes?: Record<string, unknown>;
-  [key: string]: any;
-}
-
-declare const tokens: {
-  windowSizes: {
-    sm: DesignToken;
-    md: DesignToken;
-    lg: DesignToken;
-    xl: DesignToken;
-  };
-  breakpoints: {
-    xs: DesignToken;
-    sm: DesignToken;
-    md: DesignToken;
-    lg: DesignToken;
-    xl: DesignToken;
-  };
-  color: {
-    black: {
-      base: DesignToken;
-      hover: DesignToken;
-    };
-    white: {
-      base: DesignToken;
-      hover: DesignToken;
-    };
-    gray: {
-      "10": DesignToken;
-      "20": DesignToken;
-      "30": DesignToken;
-      "40": DesignToken;
-      "50": DesignToken;
-      "60": DesignToken;
-      "70": DesignToken;
-      "80": DesignToken;
-      "90": DesignToken;
-      "100": DesignToken;
-      "110": DesignToken;
-      "120": DesignToken;
-      "130": DesignToken;
-      "140": DesignToken;
-      "150": DesignToken;
-      "160": DesignToken;
-      "170": DesignToken;
-      "180": DesignToken;
-      "190": DesignToken;
-      "200": DesignToken;
-    };
-    blue: {
-      "10": DesignToken;
-      "20": DesignToken;
-      "40": DesignToken;
-      "50": DesignToken;
-      "60": DesignToken;
-      "70": DesignToken;
-      "80": DesignToken;
-      "90": DesignToken;
-      "100": DesignToken;
-      "110": DesignToken;
-      "120": DesignToken;
-      "130": DesignToken;
-      "150": DesignToken;
-    };
-    purple: {
-      "80": DesignToken;
-      "110": DesignToken;
-    };
-    red: {
-      "100": DesignToken;
-    };
-    signalBlue: {
-      "10": DesignToken;
-      "20": DesignToken;
-      "100": DesignToken;
-    };
-    signalGreen: {
-      "20": DesignToken;
-      "30": DesignToken;
-      "100": DesignToken;
-    };
-    signalYellow: {
-      "10": DesignToken;
-      "20": DesignToken;
-      "100": DesignToken;
-    };
-    signalRed: {
-      "10": DesignToken;
-      "20": DesignToken;
-      "30": DesignToken;
-      "40": DesignToken;
-      "50": DesignToken;
-      "60": DesignToken;
-      "70": DesignToken;
-      "80": DesignToken;
-      "90": DesignToken;
-      "100": DesignToken;
-      "110": DesignToken;
-      "120": DesignToken;
-      "130": DesignToken;
-      "140": DesignToken;
-      "150": DesignToken;
-      "160": DesignToken;
-      "170": DesignToken;
-      "180": DesignToken;
-      "190": DesignToken;
-      "200": DesignToken;
-    };
-  };
-  background: {
-    base: DesignToken;
-    hover: DesignToken;
-    inverse: DesignToken;
-  };
-  layer: {
-    "01": {
-      base: DesignToken;
-      hover: DesignToken;
-      selected: DesignToken;
-      selectedHover: DesignToken;
-    };
-    "02": {
-      base: DesignToken;
-      hover: DesignToken;
-      selected: DesignToken;
-      selectedHover: DesignToken;
-    };
-  };
-  layerAccent: {
-    "01": {
-      base: DesignToken;
-      hover: DesignToken;
-      selected: DesignToken;
-    };
-    "02": {
-      base: DesignToken;
-      hover: DesignToken;
-      selected: DesignToken;
-    };
-  };
-  brand: {
-    primary: DesignToken;
-  };
-  border: {
-    color: {
-      primary: DesignToken;
-      secondary: DesignToken;
-      subtle: DesignToken;
-      tertiary: DesignToken;
-      disabled: DesignToken;
-    };
-    width: DesignToken;
-  };
-  field: {
-    "01": {
-      base: DesignToken;
-      hover: DesignToken;
-      active: DesignToken;
-    };
-    "02": {
-      base: DesignToken;
-      hover: DesignToken;
-      active: DesignToken;
-    };
-    disabled: DesignToken;
-  };
-  skeleton: {
-    "01": DesignToken;
-    "02": DesignToken;
-  };
-  icon: {
-    primary: DesignToken;
-    secondary: DesignToken;
-    tertiary: DesignToken;
-    inverse: DesignToken;
-    onColor: DesignToken;
-    disabled: DesignToken;
-    success: DesignToken;
-    info: DesignToken;
-    warning: DesignToken;
-    important: DesignToken;
-  };
-  link: {
-    enabled: DesignToken;
-    hover: DesignToken;
-    pressed: DesignToken;
-    visited: DesignToken;
-  };
-  support: {
-    border: {
-      success: DesignToken;
-      info: DesignToken;
-      important: DesignToken;
-      warning: DesignToken;
-    };
-    background: {
-      success: DesignToken;
-      successHover: DesignToken;
-      info: DesignToken;
-      infoHover: DesignToken;
-      important: DesignToken;
-      importantHover: DesignToken;
-      warning: DesignToken;
-      warningHover: DesignToken;
-    };
-  };
-  text: {
-    primary: DesignToken;
-    secondary: DesignToken;
-    tertiary: DesignToken;
-    onColor: DesignToken;
-    inverse: DesignToken;
-    disabled: DesignToken;
-    warning: DesignToken;
-    placeholder: DesignToken;
-  };
-  button: {
-    background: {
-      primary: {
-        base: DesignToken;
-        hover: DesignToken;
-        active: DesignToken;
-      };
-      secondary: {
-        base: DesignToken;
-        hover: DesignToken;
-        active: DesignToken;
-      };
-      tertiary: {
-        hover: DesignToken;
-        active: DesignToken;
-      };
-      danger: {
-        base: DesignToken;
-        hover: DesignToken;
-        active: DesignToken;
-      };
-      disabled: DesignToken;
-    };
-    border: {
-      secondary: DesignToken;
-    };
-    icon: {
-      hover: DesignToken;
-      active: DesignToken;
-    };
-  };
-  badge: {
-    background: DesignToken;
-  };
-  calendar: {
-    date: {
-      background: {
-        hover: DesignToken;
-        selected: DesignToken;
-        startRange: DesignToken;
-        inRange: DesignToken;
-        endRange: DesignToken;
-      };
-    };
-  };
-  logo: {
-    primary: DesignToken;
-  };
-  menu: {
-    item: {
-      background: {
-        hover: DesignToken;
-        selected: DesignToken;
-      };
-    };
-    text: {
-      sectionHeader: DesignToken;
-    };
-  };
-  size: {
-    "10": DesignToken;
-    "15": DesignToken;
-    "20": DesignToken;
-    "30": DesignToken;
-    "40": DesignToken;
-    "50": DesignToken;
-    "60": DesignToken;
-    "70": DesignToken;
-    "75": DesignToken;
-    "80": DesignToken;
-    "90": DesignToken;
-    "100": DesignToken;
-    "110": DesignToken;
-    "120": DesignToken;
-    "130": DesignToken;
-    "140": DesignToken;
-    "150": DesignToken;
-    "00": DesignToken;
-    "05": DesignToken;
-  };
-  spacing: {
-    "10": DesignToken;
-    "20": DesignToken;
-    "30": DesignToken;
-    "40": DesignToken;
-    "50": DesignToken;
-    "60": DesignToken;
-    "70": DesignToken;
-    "80": DesignToken;
-    "90": DesignToken;
-    "100": DesignToken;
-    "110": DesignToken;
-    "120": DesignToken;
-  };
-  state: {
-    focus: DesignToken;
-    focusInset: DesignToken;
-  };
-  transitions: {
-    duration: {
-      slow: DesignToken;
-      normal: DesignToken;
-      fast: DesignToken;
-    };
-  };
-  typography: {
-    font: {
-      family: DesignToken;
-      size: {
-        "10": DesignToken;
-        "20": DesignToken;
-        "30": DesignToken;
-        "40": DesignToken;
-        "50": DesignToken;
-        "60": DesignToken;
-        "70": DesignToken;
-        "80": DesignToken;
-        "90": DesignToken;
-        "100": DesignToken;
-      };
-    };
-    lineHeight: {
-      "10": DesignToken;
-      "20": DesignToken;
-      "30": DesignToken;
-      "40": DesignToken;
-      "50": DesignToken;
-      "60": DesignToken;
-      "70": DesignToken;
-      "80": DesignToken;
-      "90": DesignToken;
-      "100": DesignToken;
-    };
-    weight: {
-      thin: DesignToken;
-      extraLight: DesignToken;
-      light: DesignToken;
-      regular: DesignToken;
-      medium: DesignToken;
-      semiBold: DesignToken;
-      bold: DesignToken;
-      extraBold: DesignToken;
-      black: DesignToken;
-    };
-  };
-  zIndex: {
-    base: DesignToken;
-    above: DesignToken;
-    modal: DesignToken;
-    toast: DesignToken;
-    skipToContent: DesignToken;
-  };
-};