@accelint/design-toolkit 4.0.0 → 5.0.0

package/dist/tokens/tokens.css

@@ -11,69 +11,123 @@
  */
 
 :root {
-  --colors-neutral-10: #0b0b0b;
-  --colors-neutral-11: #FF0000;
-  --colors-neutral-01: #ffffff;
-  --colors-neutral-02: #e6e6e6;
-  --colors-neutral-03: #898989;
-  --colors-neutral-04: #686868;
-  --colors-neutral-05: #565656;
-  --colors-neutral-06: #424242;
-  --colors-neutral-07: #383838;
-  --colors-neutral-08: #2f2f31;
-  --colors-neutral-09: #222222;
-  --colors-alpha-black-01: rgba(0, 0, 0, 0.08);
-  --colors-alpha-black-02: rgba(0, 0, 0, 0.4);
-  --colors-alpha-black-03: rgba(0, 0, 0, 0.8);
-  --colors-alpha-white-01: rgba(255, 255, 255, 0.08);
-  --colors-alpha-white-02: rgba(255, 255, 255, 0.4);
-  --colors-alpha-white-03: rgba(255, 255, 255, 0.8);
-  --colors-highlight-primary-01: #c9fdef;
-  --colors-highlight-primary-02: #7df9d8;
-  --colors-highlight-primary-03: #28f5be;
-  --colors-highlight-primary-04: #189372;
-  --colors-highlight-primary-05: #0a3d30;
-  --colors-highlight-secondary-01: #c9f6fd;
-  --colors-highlight-secondary-02: #7ee9f9;
-  --colors-highlight-secondary-03: #28dcf5;
-  --colors-highlight-secondary-04: #188493;
-  --colors-highlight-secondary-05: #0a373d;
-  --colors-highlight-tertiary-01: #f9c5e2;
-  --colors-highlight-tertiary-02: #f174b9;
-  --colors-highlight-tertiary-03: #e8178a;
-  --colors-highlight-tertiary-04: #8a0e53;
-  --colors-highlight-tertiary-05: #3a0623;
-  --colors-utility-info-01: #e6e6e6;
-  --colors-utility-info-02: #898989;
-  --colors-utility-info-03: #686868;
-  --colors-utility-info-04: #424244;
-  --colors-utility-info-05: #222222;
-  --colors-utility-advisory-01: #e0edff;
-  --colors-utility-advisory-02: #a1caff;
-  --colors-utility-advisory-03: #62a6ff;
-  --colors-utility-advisory-04: #3a6499;
-  --colors-utility-advisory-05: #142133;
-  --colors-utility-normal-01: #d6f6e5;
-  --colors-utility-normal-02: #82e4b2;
-  --colors-utility-normal-03: #30d27e;
-  --colors-utility-normal-04: #1c7e4c;
-  --colors-utility-normal-05: #0a2a19;
-  --colors-utility-serious-01: #feedcc;
-  --colors-utility-serious-02: #fdc865;
-  --colors-utility-serious-03: #fca400;
-  --colors-utility-serious-04: #976201;
-  --colors-utility-serious-05: #322100;
-  --colors-utility-critical-01: #f6d3d2;
-  --colors-utility-critical-02: #e57b77;
-  --colors-utility-critical-03: #d4231d;
-  --colors-utility-critical-04: #7f1511;
-  --colors-utility-critical-05: #2a0706;
-  --colors-classification-unclass: #007A33;
-  --colors-classification-cui: #502b85;
-  --colors-classification-confidential: #0033a0;
-  --colors-classification-secret: #c8102e;
-  --colors-classification-top-secret: #ff8c00;
-  --colors-classification-ts-sci: #fce83a;
+  --primitive-neutral-50: #ffffff;
+  --primitive-neutral-100: #eff1f2;
+  --primitive-neutral-200: #d5d7d9;
+  --primitive-neutral-300: #c3c5c7;
+  --primitive-neutral-400: #888a8f;
+  --primitive-neutral-500: #565759;
+  --primitive-neutral-600: #414245;
+  --primitive-neutral-700: #2f2f31;
+  --primitive-neutral-800: #212223;
+  --primitive-neutral-900: #151517;
+  --primitive-neutral-950: #000000;
+  --primitive-alpha-black-100: rgba(0, 0, 0, 0.08);
+  --primitive-alpha-black-200: rgba(0, 0, 0, 0.16);
+  --primitive-alpha-black-300: rgba(0, 0, 0, 0.24);
+  --primitive-alpha-black-400: rgba(0, 0, 0, 0.40);
+  --primitive-alpha-black-500: rgba(0, 0, 0, 0.80);
+  --primitive-alpha-white-100: rgba(255, 255, 255, 0.08);
+  --primitive-alpha-white-200: rgba(255, 255, 255, 0.16);
+  --primitive-alpha-white-300: rgba(255, 255, 255, 0.24);
+  --primitive-alpha-white-400: rgba(255, 255, 255, 0.40);
+  --primitive-alpha-white-500: rgba(255, 255, 255, 0.80);
+  --primitive-accent-primary-50: #d5f2fe;
+  --primitive-accent-primary-100: #b1e9ff;
+  --primitive-accent-primary-200: #6ed1ff;
+  --primitive-accent-primary-300: #39b7fa;
+  --primitive-accent-primary-400: #009cde;
+  --primitive-accent-primary-500: #008fd0;
+  --primitive-accent-primary-600: #0068a1;
+  --primitive-accent-primary-700: #004f7e;
+  --primitive-accent-primary-800: #00213e;
+  --primitive-accent-primary-900: #000e22;
+  --primitive-accent-secondary-50: #c9f6fd;
+  --primitive-accent-secondary-100: #97f1ff;
+  --primitive-accent-secondary-200: #54e5f9;
+  --primitive-accent-secondary-300: #22d5ed;
+  --primitive-accent-secondary-400: #22b4c9;
+  --primitive-accent-secondary-500: #188493;
+  --primitive-accent-secondary-600: #146974;
+  --primitive-accent-secondary-700: #0e474e;
+  --primitive-accent-secondary-800: #083035;
+  --primitive-accent-secondary-900: #051e21;
+  --primitive-accent-tertiary-50: #f9c5e2;
+  --primitive-accent-tertiary-100: #f49acc;
+  --primitive-accent-tertiary-200: #f06ab3;
+  --primitive-accent-tertiary-300: #e8178a;
+  --primitive-accent-tertiary-400: #b90d6c;
+  --primitive-accent-tertiary-500: #8a0e53;
+  --primitive-accent-tertiary-600: #6f0b43;
+  --primitive-accent-tertiary-700: #4c082e;
+  --primitive-accent-tertiary-800: #3a0623;
+  --primitive-accent-tertiary-900: #270417;
+  --primitive-utility-info-50: #ffffff;
+  --primitive-utility-info-100: #eff1f2;
+  --primitive-utility-info-200: #d5d7d9;
+  --primitive-utility-info-300: #c3c5c7;
+  --primitive-utility-info-400: #888a8f;
+  --primitive-utility-info-500: #565759;
+  --primitive-utility-info-600: #414245;
+  --primitive-utility-info-700: #2f2f31;
+  --primitive-utility-info-800: #212223;
+  --primitive-utility-info-900: #151517;
+  --primitive-utility-advisory-50: #ebf4ff;
+  --primitive-utility-advisory-100: #c4deff;
+  --primitive-utility-advisory-200: #a9ceff;
+  --primitive-utility-advisory-300: #8bbdff;
+  --primitive-utility-advisory-400: #62a6ff;
+  --primitive-utility-advisory-500: #4e88da;
+  --primitive-utility-advisory-600: #3c67a0;
+  --primitive-utility-advisory-700: #264062;
+  --primitive-utility-advisory-800: #1a2c43;
+  --primitive-utility-advisory-900: #0e1825;
+  --primitive-utility-normal-50: #eefbef;
+  --primitive-utility-normal-100: #c2f5c5;
+  --primitive-utility-normal-200: #86e98c;
+  --primitive-utility-normal-300: #47d750;
+  --primitive-utility-normal-400: #2bbf35;
+  --primitive-utility-normal-500: #26a12e;
+  --primitive-utility-normal-600: #1c7e23;
+  --primitive-utility-normal-700: #145718;
+  --primitive-utility-normal-800: #0e3b11;
+  --primitive-utility-normal-900: #08210a;
+  --primitive-utility-serious-50: #fff8eb;
+  --primitive-utility-serious-100: #ffeac2;
+  --primitive-utility-serious-200: #ffd382;
+  --primitive-utility-serious-300: #ffc14c;
+  --primitive-utility-serious-400: #fbab16;
+  --primitive-utility-serious-500: #e89906;
+  --primitive-utility-serious-600: #bb7a00;
+  --primitive-utility-serious-700: #8e5d00;
+  --primitive-utility-serious-800: #634101;
+  --primitive-utility-serious-900: #291b00;
+  --primitive-utility-critical-50: #ffebea;
+  --primitive-utility-critical-100: #ffc4c2;
+  --primitive-utility-critical-200: #ff9390;
+  --primitive-utility-critical-300: #ff6d68;
+  --primitive-utility-critical-400: #ff2e27;
+  --primitive-utility-critical-500: #d40b04;
+  --primitive-utility-critical-600: #a10701;
+  --primitive-utility-critical-700: #790501;
+  --primitive-utility-critical-800: #540300;
+  --primitive-utility-critical-900: #290200;
+  --primitive-roe-id-pending: #404040;
+  --primitive-roe-id-friend: #1484f4;
+  --primitive-roe-id-assumed-friend: #0e8f37;
+  --primitive-roe-id-neutral: #5b137a;
+  --primitive-roe-id-unknown: #edda0a;
+  --primitive-roe-id-suspect: #ffad38;
+  --primitive-roe-id-hostile: #ff0033;
+  --primitive-roe-id-no-statement: #404040;
+  --primitive-classification-missing: #0b0b0b;
+  --primitive-classification-unclass: #007A33;
+  --primitive-classification-cui: #502b85;
+  --primitive-classification-confidential: #0033a0;
+  --primitive-classification-secret: #c8102e;
+  --primitive-classification-top-secret: #ff8c00;
+  --primitive-classification-ts-sci: #fce83a;
+  --primitive-on-accent: #FFFFFF;
   --typography-header-xxl-size: 32px;
   --typography-header-xxl-height: 40px;
   --typography-header-xxl-spacing: 0px;
@@ -135,8 +189,10 @@
   --radius-large: 8px;
   --radius-round: 80px;
   --shadow-elevation-default: initial;
-  --shadow-elevation-overlay: 0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14);
-  --shadow-elevation-raised: 0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14);
+  --shadow-elevation-overlay-bold: 0 8px 24px 0 rgba(0 0 0 / 0.80);
+  --shadow-elevation-overlay-muted: 0 8px 24px 0 rgba(0 0 0 / 0.16);
+  --shadow-elevation-raised-bold: 0 1px 4px 0 rgba(0 0 0 / 0.80);
+  --shadow-elevation-raised-muted: 0 1px 4px 0 rgba(0 0 0 / 0.16);
   --font-primary: "Roboto Flex", sans-serif;
   --font-display: "Roboto Mono", monospace;
   --icon-size-l: var(--spacing-xl);

package/dist/tokens/tokens.d.ts

@@ -1,2 +1,450 @@
+declare const designTokens: {
+    dark: {
+        bg: {
+            surface: {
+                default: [number, number, number, number];
+                raised: [number, number, number, number];
+                overlay: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            interactive: {
+                bold: {
+                    base: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+                muted: {
+                    base: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+                disabled: [number, number, number, number];
+            };
+            accent: {
+                primary: {
+                    bold: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                    muted: [number, number, number, number];
+                };
+            };
+            info: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            advisory: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            normal: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            serious: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            critical: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+        };
+        fg: {
+            primary: {
+                bold: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            inverse: {
+                bold: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            disabled: [number, number, number, number];
+            accent: {
+                primary: {
+                    bold: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+            };
+            info: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            advisory: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            normal: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            serious: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            critical: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            a11y: {
+                'on-accent': [number, number, number, number];
+                'on-utility': [number, number, number, number];
+            };
+        };
+        outline: {
+            static: [number, number, number, number];
+            interactive: {
+                base: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                disabled: [number, number, number, number];
+            };
+            accent: {
+                primary: {
+                    bold: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+            };
+            info: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            advisory: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            normal: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            serious: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            critical: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+        };
+        shadow: {
+            elevation: {
+                raised: string;
+                overlay: string;
+            };
+        };
+    };
+    light: {
+        bg: {
+            surface: {
+                default: [number, number, number, number];
+                raised: [number, number, number, number];
+                overlay: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            interactive: {
+                bold: {
+                    base: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+                muted: {
+                    base: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+                disabled: [number, number, number, number];
+            };
+            accent: {
+                primary: {
+                    bold: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                    muted: [number, number, number, number];
+                };
+            };
+            info: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            advisory: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            normal: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            serious: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            critical: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+        };
+        fg: {
+            primary: {
+                bold: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            inverse: {
+                bold: [number, number, number, number];
+                muted: [number, number, number, number];
+            };
+            disabled: [number, number, number, number];
+            accent: {
+                primary: {
+                    bold: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+            };
+            info: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            advisory: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            normal: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            serious: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            critical: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            a11y: {
+                'on-accent': [number, number, number, number];
+                'on-utility': [number, number, number, number];
+            };
+        };
+        outline: {
+            static: [number, number, number, number];
+            interactive: {
+                base: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+                disabled: [number, number, number, number];
+            };
+            accent: {
+                primary: {
+                    bold: [number, number, number, number];
+                    hover: [number, number, number, number];
+                    pressed: [number, number, number, number];
+                };
+            };
+            info: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            advisory: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            normal: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            serious: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+            critical: {
+                bold: [number, number, number, number];
+                hover: [number, number, number, number];
+                pressed: [number, number, number, number];
+            };
+        };
+        shadow: {
+            elevation: {
+                raised: string;
+                overlay: string;
+            };
+        };
+    };
+    static: {
+        classification: {
+            missing: [number, number, number, number];
+            unclass: [number, number, number, number];
+            cui: [number, number, number, number];
+            confidential: [number, number, number, number];
+            secret: [number, number, number, number];
+            'top-secret': [number, number, number, number];
+            'ts-sci': [number, number, number, number];
+        };
+        roe: {
+            pending: [number, number, number, number];
+            friend: [number, number, number, number];
+            'assumed-friend': [number, number, number, number];
+            neutral: [number, number, number, number];
+            unknown: [number, number, number, number];
+            suspect: [number, number, number, number];
+            hostile: [number, number, number, number];
+            'no-statement': [number, number, number, number];
+        };
+    };
+    typography: {
+        header: {
+            xxl: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            xl: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            l: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            m: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            s: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            xs: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+        };
+        body: {
+            l: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            m: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            s: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            xs: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            xxs: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+        };
+        button: {
+            l: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            m: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            s: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+            xs: {
+                size: number;
+                height: number;
+                spacing: number;
+            };
+        };
+    };
+    spacing: {
+        '0': number;
+        none: string;
+        xxs: number;
+        xs: number;
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+        oversized: number;
+    };
+    radius: {
+        none: number;
+        small: number;
+        medium: number;
+        large: number;
+        round: number;
+    };
+    shadow: {
+        elevation: {
+            default: string;
+            overlay: {
+                bold: string;
+                muted: string;
+            };
+            raised: {
+                bold: string;
+                muted: string;
+            };
+        };
+    };
+};
 
-export {  }
+export { designTokens };

package/dist/tokens/tokens.js

@@ -0,0 +1,2 @@
+const e={dark:{bg:{surface:{default:[21,21,23,1],raised:[33,34,35,1],overlay:[33,34,35,1],muted:[255,255,255,.08]},interactive:{bold:{base:[239,241,242,1],hover:[213,215,217,1],pressed:[136,138,143,1]},muted:{base:[47,47,49,1],hover:[65,66,69,1],pressed:[0,0,0,1]},disabled:[47,47,49,1]},accent:{primary:{bold:[0,79,126,1],hover:[0,104,161,1],pressed:[0,33,62,1],muted:[0,33,62,1]}},info:{bold:[86,87,89,1],hover:[136,138,143,1],pressed:[65,66,69,1],muted:[33,34,35,1]},advisory:{bold:[60,103,160,1],hover:[78,136,218,1],pressed:[38,64,98,1],muted:[14,24,37,1]},normal:{bold:[28,126,35,1],hover:[38,161,46,1],pressed:[20,87,24,1],muted:[8,33,10,1]},serious:{bold:[187,122,0,1],hover:[232,153,6,1],pressed:[99,65,1,1],muted:[41,27,0,1]},critical:{bold:[121,5,1,1],hover:[161,7,1,1],pressed:[84,3,0,1],muted:[41,2,0,1]}},fg:{primary:{bold:[255,255,255,1],muted:[195,197,199,1]},inverse:{bold:[33,34,35,1],muted:[136,138,143,1]},disabled:[86,87,89,1],accent:{primary:{bold:[0,156,222,1],hover:[110,209,255,1],pressed:[0,104,161,1]}},info:{bold:[136,138,143,1],hover:[213,215,217,1],pressed:[65,66,69,1]},advisory:{bold:[98,166,255,1],hover:[169,206,255,1],pressed:[60,103,160,1]},normal:{bold:[43,191,53,1],hover:[134,233,140,1],pressed:[28,126,35,1]},serious:{bold:[232,153,6,1],hover:[255,193,76,1],pressed:[187,122,0,1]},critical:{bold:[255,46,39,1],hover:[255,109,104,1],pressed:[161,7,1,1]},a11y:{"on-accent":[255,255,255,1],"on-utility":[255,255,255,1]}},outline:{static:[65,66,69,1],interactive:{base:[65,66,69,1],hover:[136,138,143,1],pressed:[47,47,49,1],disabled:[47,47,49,1]},accent:{primary:{bold:[57,183,250,1],hover:[110,209,255,1],pressed:[0,104,161,1]}},info:{bold:[136,138,143,1],hover:[213,215,217,1],pressed:[65,66,69,1]},advisory:{bold:[98,166,255,1],hover:[169,206,255,1],pressed:[60,103,160,1]},normal:{bold:[43,191,53,1],hover:[134,233,140,1],pressed:[28,126,35,1]},serious:{bold:[232,153,6,1],hover:[255,211,130,1],pressed:[142,93,0,1]},critical:{bold:[255,46,39,1],hover:[255,109,104,1],pressed:[161,7,1,1]}},shadow:{elevation:{raised:"0 1px 4px 0 rgba(0 0 0 / 0.80)",overlay:"0 8px 24px 0 rgba(0 0 0 / 0.80)"}}},light:{bg:{surface:{default:[239,241,242,1],raised:[255,255,255,1],overlay:[255,255,255,1],muted:[0,0,0,.08]},interactive:{bold:{base:[21,21,23,1],hover:[33,34,35,1],pressed:[195,197,199,1]},muted:{base:[195,197,199,1],hover:[213,215,217,1],pressed:[136,138,143,1]},disabled:[213,215,217,1]},accent:{primary:{bold:[0,79,126,1],hover:[0,104,161,1],pressed:[0,33,62,1],muted:[177,233,255,1]}},info:{bold:[136,138,143,1],hover:[195,197,199,1],pressed:[65,66,69,1],muted:[239,241,242,1]},advisory:{bold:[60,103,160,1],hover:[78,136,218,1],pressed:[38,64,98,1],muted:[196,222,255,1]},normal:{bold:[28,126,35,1],hover:[38,161,46,1],pressed:[20,87,24,1],muted:[194,245,197,1]},serious:{bold:[187,122,0,1],hover:[232,153,6,1],pressed:[99,65,1,1],muted:[255,234,194,1]},critical:{bold:[121,5,1,1],hover:[161,7,1,1],pressed:[84,3,0,1],muted:[255,196,194,1]}},fg:{primary:{bold:[33,34,35,1],muted:[86,87,89,1]},inverse:{bold:[255,255,255,1],muted:[136,138,143,1]},disabled:[195,197,199,1],accent:{primary:{bold:[57,183,250,1],hover:[110,209,255,1],pressed:[0,104,161,1]}},info:{bold:[65,66,69,1],hover:[47,47,49,1],pressed:[86,87,89,1]},advisory:{bold:[98,166,255,1],hover:[60,103,160,1],pressed:[78,136,218,1]},normal:{bold:[43,191,53,1],hover:[28,126,35,1],pressed:[38,161,46,1]},serious:{bold:[187,122,0,1],hover:[142,93,0,1],pressed:[187,122,0,1]},critical:{bold:[255,46,39,1],hover:[161,7,1,1],pressed:[212,11,4,1]},a11y:{"on-accent":[255,255,255,1],"on-utility":[255,255,255,1]}},outline:{static:[195,197,199,1],interactive:{base:[195,197,199,1],hover:[136,138,143,1],pressed:[213,215,217,1],disabled:[213,215,217,1]},accent:{primary:{bold:[57,183,250,1],hover:[0,104,161,1],pressed:[110,209,255,1]}},info:{bold:[136,138,143,1],hover:[65,66,69,1],pressed:[86,87,89,1]},advisory:{bold:[98,166,255,1],hover:[60,103,160,1],pressed:[78,136,218,1]},normal:{bold:[43,191,53,1],hover:[28,126,35,1],pressed:[38,161,46,1]},serious:{bold:[187,122,0,1],hover:[142,93,0,1],pressed:[232,153,6,1]},critical:{bold:[255,46,39,1],hover:[161,7,1,1],pressed:[212,11,4,1]}},shadow:{elevation:{raised:"0 1px 4px 0 rgba(0 0 0 / 0.16)",overlay:"0 8px 24px 0 rgba(0 0 0 / 0.16)"}}},static:{classification:{missing:[11,11,11,1],unclass:[0,122,51,1],cui:[80,43,133,1],confidential:[0,51,160,1],secret:[200,16,46,1],"top-secret":[255,140,0,1],"ts-sci":[252,232,58,1]},roe:{pending:[64,64,64,1],friend:[20,132,244,1],"assumed-friend":[14,143,55,1],neutral:[91,19,122,1],unknown:[237,218,10,1],suspect:[255,173,56,1],hostile:[255,0,51,1],"no-statement":[64,64,64,1]}},typography:{header:{xxl:{size:32,height:40,spacing:0},xl:{size:24,height:28,spacing:.18},l:{size:20,height:24,spacing:.18},m:{size:14,height:20,spacing:.25},s:{size:12,height:16,spacing:.4},xs:{size:10,height:12,spacing:.25}},body:{l:{size:16,height:24,spacing:.5},m:{size:14,height:20,spacing:.25},s:{size:12,height:16,spacing:.4},xs:{size:10,height:12,spacing:.5},xxs:{size:9,height:12,spacing:.25}},button:{l:{size:16,height:24,spacing:.5},m:{size:14,height:20,spacing:.25},s:{size:12,height:16,spacing:.4},xs:{size:10,height:12,spacing:.5}}},spacing:{0:0,none:"unset",xxs:2,xs:4,s:8,m:12,l:16,xl:24,xxl:40,oversized:80},radius:{none:0,small:2,medium:4,large:8,round:80},shadow:{elevation:{default:"initial",overlay:{bold:"0 8px 24px 0 rgba(0 0 0 / 0.80)",muted:"0 8px 24px 0 rgba(0 0 0 / 0.16)"},raised:{bold:"0 1px 4px 0 rgba(0 0 0 / 0.80)",muted:"0 1px 4px 0 rgba(0 0 0 / 0.16)"}}}};export{e as designTokens};//# sourceMappingURL=tokens.js.map
+//# sourceMappingURL=tokens.js.map