@equinor/eds-tokens 2.3.0 → 2.3.2

package/dist/types/tokens/ts/density/compact.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+export declare const density: {
+    readonly cornerRadius: {
+        readonly none: 0;
+        readonly pill: 9999;
+        readonly rounded: 2;
+        readonly roundedOuter: 4;
+    };
+    readonly spacing: {
+        readonly twoXl: 24;
+        readonly twoXs: 4;
+        readonly threeXl: 28;
+        readonly threeXs: 2;
+        readonly fourXs: 1;
+        readonly lg: 16;
+        readonly md: 12;
+        readonly none: 0;
+        readonly sm: 10;
+        readonly xl: 20;
+        readonly xs: 6;
+    };
+    readonly typography: {
+        readonly header: {
+            readonly twoXl: {
+                readonly fontSize: 21;
+                readonly lineHeight: 24;
+            };
+            readonly threeXl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 28;
+            };
+            readonly fourXl: {
+                readonly fontSize: 28;
+                readonly lineHeight: 32;
+            };
+            readonly lg: {
+                readonly fontSize: 16;
+                readonly lineHeight: 20;
+            };
+            readonly md: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+            };
+            readonly sm: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+            };
+            readonly xl: {
+                readonly fontSize: 18;
+                readonly lineHeight: 24;
+            };
+            readonly xs: {
+                readonly fontSize: 10;
+                readonly lineHeight: 12;
+            };
+        };
+        readonly ui: {
+            readonly twoXl: {
+                readonly fontSize: 18;
+                readonly lineHeight: 24;
+            };
+            readonly threeXl: {
+                readonly fontSize: 21;
+                readonly lineHeight: 28;
+            };
+            readonly fourXl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+            };
+            readonly fiveXl: {
+                readonly fontSize: 28;
+                readonly lineHeight: 32;
+            };
+            readonly lg: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+            };
+            readonly md: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+            };
+            readonly sm: {
+                readonly fontSize: 10;
+                readonly lineHeight: 16;
+            };
+            readonly xl: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+            };
+            readonly xs: {
+                readonly fontSize: 9;
+                readonly lineHeight: 12;
+            };
+        };
+    };
+};
+export type Density = typeof density;

package/dist/types/tokens/ts/density/relaxed.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+export declare const density: {
+    readonly cornerRadius: {
+        readonly none: 0;
+        readonly pill: 9999;
+        readonly rounded: 6;
+        readonly roundedOuter: 8;
+    };
+    readonly spacing: {
+        readonly twoXl: 32;
+        readonly twoXs: 8;
+        readonly threeXl: 36;
+        readonly threeXs: 6;
+        readonly fourXs: 4;
+        readonly lg: 24;
+        readonly md: 20;
+        readonly none: 0;
+        readonly sm: 16;
+        readonly xl: 28;
+        readonly xs: 10;
+    };
+    readonly typography: {
+        readonly header: {
+            readonly twoXl: {
+                readonly fontSize: 28;
+                readonly lineHeight: 32;
+            };
+            readonly threeXl: {
+                readonly fontSize: 32;
+                readonly lineHeight: 32;
+            };
+            readonly fourXl: {
+                readonly fontSize: 36;
+                readonly lineHeight: 36;
+            };
+            readonly lg: {
+                readonly fontSize: 21;
+                readonly lineHeight: 24;
+            };
+            readonly md: {
+                readonly fontSize: 18;
+                readonly lineHeight: 24;
+            };
+            readonly sm: {
+                readonly fontSize: 16;
+                readonly lineHeight: 20;
+            };
+            readonly xl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 28;
+            };
+            readonly xs: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+            };
+        };
+        readonly ui: {
+            readonly twoXl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+            };
+            readonly threeXl: {
+                readonly fontSize: 28;
+                readonly lineHeight: 32;
+            };
+            readonly fourXl: {
+                readonly fontSize: 32;
+                readonly lineHeight: 36;
+            };
+            readonly fiveXl: {
+                readonly fontSize: 37;
+                readonly lineHeight: 40;
+            };
+            readonly lg: {
+                readonly fontSize: 18;
+                readonly lineHeight: 24;
+            };
+            readonly md: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+            };
+            readonly sm: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+            };
+            readonly xl: {
+                readonly fontSize: 21;
+                readonly lineHeight: 28;
+            };
+            readonly xs: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+            };
+        };
+    };
+};
+export type Density = typeof density;

package/dist/types/tokens/ts/font/default.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+export declare const font: {
+    readonly family: {
+        readonly header: "Equinor";
+        readonly ui: "Inter";
+    };
+    readonly weight: {
+        readonly bolder: 500;
+        readonly lighter: 300;
+        readonly normal: 400;
+    };
+};
+export type Font = typeof font;

package/dist/types/tokens/ts/primitives/default.d.ts

@@ -0,0 +1,169 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+export declare const primitives: {
+    readonly fontFamily: {
+        readonly equinor: "Equinor";
+        readonly inter: "Inter";
+    };
+    readonly lineheightScale: {
+        readonly '100': {
+            readonly default: 12;
+        };
+        readonly '200': {
+            readonly default: 16;
+        };
+        readonly '300': {
+            readonly default: 16;
+        };
+        readonly '400': {
+            readonly default: 20;
+        };
+        readonly '500': {
+            readonly default: 24;
+        };
+        readonly '600': {
+            readonly default: 24;
+        };
+        readonly '700': {
+            readonly default: 28;
+        };
+        readonly '800': {
+            readonly default: 32;
+        };
+        readonly '900': {
+            readonly default: 32;
+        };
+        readonly '1000': {
+            readonly default: 36;
+        };
+        readonly '1100': {
+            readonly default: 40;
+        };
+    };
+    readonly spacing: {
+        readonly '0': 0;
+        readonly '6': 1;
+        readonly '12': 2;
+        readonly '19': 3;
+        readonly '25': 4;
+        readonly '37': 6;
+        readonly '50': 8;
+        readonly '62': 10;
+        readonly '75': 12;
+        readonly '87': 14;
+        readonly '100': 16;
+        readonly '125': 20;
+        readonly '150': 24;
+        readonly '175': 28;
+        readonly '200': 32;
+        readonly '225': 36;
+        readonly '250': 40;
+        readonly '275': 44;
+        readonly '300': 48;
+        readonly '325': 52;
+        readonly '350': 56;
+        readonly '375': 60;
+        readonly '400': 64;
+        readonly '450': 72;
+        readonly '500': 80;
+        readonly '550': 88;
+        readonly '600': 96;
+        readonly '700': 112;
+        readonly '800': 128;
+        readonly '900': 144;
+        readonly '1000': 160;
+        readonly '1100': 176;
+        readonly '1200': 192;
+        readonly '1300': 208;
+        readonly '1400': 224;
+        readonly '1500': 240;
+        readonly '1600': 256;
+        readonly '1700': 272;
+        readonly '1800': 288;
+        readonly '1900': 304;
+        readonly '2000': 320;
+        readonly '2100': 336;
+        readonly '2200': 352;
+    };
+    readonly typeScale: {
+        readonly equinor: {
+            readonly '100': {
+                readonly fontSize: 10;
+            };
+            readonly '200': {
+                readonly fontSize: 12;
+            };
+            readonly '300': {
+                readonly fontSize: 14;
+            };
+            readonly '400': {
+                readonly fontSize: 16;
+            };
+            readonly '500': {
+                readonly fontSize: 18;
+            };
+            readonly '600': {
+                readonly fontSize: 21;
+            };
+            readonly '700': {
+                readonly fontSize: 24;
+            };
+            readonly '800': {
+                readonly fontSize: 28;
+            };
+            readonly '900': {
+                readonly fontSize: 32;
+            };
+            readonly '1000': {
+                readonly fontSize: 36;
+            };
+            readonly '1100': {
+                readonly fontSize: 42;
+            };
+        };
+        readonly inter: {
+            readonly '100': {
+                readonly fontSize: 9;
+            };
+            readonly '200': {
+                readonly fontSize: 10;
+            };
+            readonly '300': {
+                readonly fontSize: 12;
+            };
+            readonly '400': {
+                readonly fontSize: 14;
+            };
+            readonly '500': {
+                readonly fontSize: 16;
+            };
+            readonly '600': {
+                readonly fontSize: 18;
+            };
+            readonly '700': {
+                readonly fontSize: 21;
+            };
+            readonly '800': {
+                readonly fontSize: 24;
+            };
+            readonly '900': {
+                readonly fontSize: 28;
+            };
+            readonly '1000': {
+                readonly fontSize: 32;
+            };
+            readonly '1100': {
+                readonly fontSize: 37;
+            };
+        };
+        readonly trackingNormal: 0;
+    };
+    readonly weightScale: {
+        readonly bolder: 500;
+        readonly lighter: 300;
+        readonly normal: 400;
+    };
+};
+export type Primitives = typeof primitives;

package/dist/types/tokens/ts/semantic/dark.d.ts

@@ -0,0 +1,212 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+export declare const semantic: {
+    readonly background: {
+        readonly container: {
+            readonly canvas: {
+                readonly default: "#131414";
+            };
+            readonly card: {
+                readonly default: "#030303";
+            };
+            readonly popover: {
+                readonly default: "#030303";
+                readonly inverted: "#d6e3ee";
+            };
+            readonly sheet: {
+                readonly dialog: {
+                    readonly default: "#030303";
+                };
+            };
+        };
+        readonly surface: {
+            readonly accent: {
+                readonly default: {
+                    readonly default: "#2c3839";
+                    readonly hover: "#c7f1f6";
+                    readonly pressed: "#030303";
+                };
+                readonly selected: {
+                    readonly default: "#41878e";
+                    readonly hover: "#3c6266";
+                    readonly pressed: "#439199";
+                };
+                readonly subtle: {
+                    readonly default: "#191d1d";
+                    readonly hover: "#3e7378";
+                    readonly pressed: "#3c6266";
+                };
+            };
+            readonly default: {
+                readonly active: "#1b1c1d";
+                readonly default: "#131414";
+                readonly disabled: "#131414";
+                readonly hover: "#1b1c1d";
+                readonly muted: "#131414";
+                readonly pressed: "#525c65";
+                readonly readOnly: "#131414";
+                readonly selected: {
+                    readonly default: "#191d1d";
+                    readonly hover: "#3c6266";
+                    readonly pressed: "#3e7378";
+                };
+            };
+        };
+    };
+    readonly border: {
+        readonly default: "#5d6b76";
+        readonly disabled: "#738696";
+        readonly emphasized: "#525c65";
+        readonly focus: "#2d8bc5";
+        readonly hover: "#738696";
+        readonly selected: "#f1ffff";
+        readonly subtle: "#1b1c1d";
+    };
+    readonly cornerRadius: {
+        readonly none: 0;
+        readonly pill: 9999;
+        readonly rounded: 4;
+        readonly roundedOuter: 6;
+    };
+    readonly fontFamily: {
+        readonly header: "Equinor";
+        readonly ui: "Inter";
+    };
+    readonly fontWeight: {
+        readonly bolder: 500;
+        readonly lighter: 300;
+        readonly normal: 400;
+    };
+    readonly icon: {
+        readonly accent: "#f1ffff";
+        readonly accentHover: "#2c3839";
+        readonly accentPressed: "#030303";
+        readonly colorOnDark: "#333639";
+        readonly colorOnLight: "#d6e3ee";
+        readonly disabled: "#6b7d8b";
+        readonly muted: "#738696";
+        readonly onAccent: "#333639";
+        readonly primary: "#cadae7";
+        readonly secondary: "#9fb4c6";
+    };
+    readonly overlay: {
+        readonly scrim: "#1d1d1d1a";
+    };
+    readonly spacing: {
+        readonly twoXl: 28;
+        readonly twoXs: 6;
+        readonly threeXl: 32;
+        readonly threeXs: 4;
+        readonly fourXs: 2;
+        readonly lg: 20;
+        readonly md: 16;
+        readonly none: 0;
+        readonly sm: 12;
+        readonly xl: 24;
+        readonly xs: 8;
+    };
+    readonly status: {
+        readonly warning: {
+            readonly default: "#161311";
+            readonly emphased: {
+                readonly default: "#f99539";
+                readonly hover: "#ffdebe";
+                readonly selected: "#ffd7b3";
+            };
+            readonly hover: "#7e4e25";
+            readonly selected: "#b46201";
+        };
+    };
+    readonly text: {
+        readonly accent: "#5abbfb";
+        readonly colorOnDark: "#333639";
+        readonly colorOnLight: "#d6e3ee";
+        readonly disabled: "#738696";
+        readonly muted: "#738696";
+        readonly onAccent: "#333639";
+        readonly pressed: "#b0deff";
+        readonly primary: "#d6e3ee";
+        readonly secondary: "#9fb4c6";
+        readonly status: {
+            readonly onDark: "#040303";
+            readonly onLight: "#ffdebe";
+        };
+    };
+    readonly typography: {
+        readonly header: {
+            readonly twoXl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 28;
+            };
+            readonly threeXl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+            };
+            readonly fourXl: {
+                readonly fontSize: 32;
+                readonly lineHeight: 32;
+            };
+            readonly lg: {
+                readonly fontSize: 18;
+                readonly lineHeight: 24;
+            };
+            readonly md: {
+                readonly fontSize: 16;
+                readonly lineHeight: 20;
+            };
+            readonly sm: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+            };
+            readonly xl: {
+                readonly fontSize: 21;
+                readonly lineHeight: 24;
+            };
+            readonly xs: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+            };
+        };
+        readonly ui: {
+            readonly twoXl: {
+                readonly fontSize: 21;
+                readonly lineHeight: 28;
+            };
+            readonly threeXl: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+            };
+            readonly fourXl: {
+                readonly fontSize: 28;
+                readonly lineHeight: 32;
+            };
+            readonly fiveXl: {
+                readonly fontSize: 32;
+                readonly lineHeight: 36;
+            };
+            readonly lg: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+            };
+            readonly md: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+            };
+            readonly sm: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+            };
+            readonly xl: {
+                readonly fontSize: 18;
+                readonly lineHeight: 24;
+            };
+            readonly xs: {
+                readonly fontSize: 10;
+                readonly lineHeight: 16;
+            };
+        };
+    };
+};
+export type Semantic = typeof semantic;