@equinor/eds-tokens 2.3.1 → 2.3.2

package/dist/types/tokens/ts/semantic/light.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: "#f8f8f8";
+            };
+            readonly card: {
+                readonly default: "#ffffff";
+            };
+            readonly popover: {
+                readonly default: "#ffffff";
+                readonly inverted: "#404040";
+            };
+            readonly sheet: {
+                readonly dialog: {
+                    readonly default: "#ffffff";
+                };
+            };
+        };
+        readonly surface: {
+            readonly accent: {
+                readonly default: {
+                    readonly default: "#cae4e7";
+                    readonly hover: "#20565c";
+                    readonly pressed: "#ffffff";
+                };
+                readonly selected: {
+                    readonly default: "#a2cdd2";
+                    readonly hover: "#87c0c6";
+                    readonly pressed: "#6cb2b9";
+                };
+                readonly subtle: {
+                    readonly default: "#ddeff1";
+                    readonly hover: "#bbdbdf";
+                    readonly pressed: "#87c0c6";
+                };
+            };
+            readonly default: {
+                readonly active: "#ebebeb";
+                readonly default: "#f8f8f8";
+                readonly disabled: "#f8f8f8";
+                readonly hover: "#ebebeb";
+                readonly muted: "#f8f8f8";
+                readonly pressed: "#e1e1e1";
+                readonly readOnly: "#f8f8f8";
+                readonly selected: {
+                    readonly default: "#ddeff1";
+                    readonly hover: "#cfe7e9";
+                    readonly pressed: "#bbdbdf";
+                };
+            };
+        };
+    };
+    readonly border: {
+        readonly default: "#d4d4d4";
+        readonly disabled: "#a4a4a4";
+        readonly emphasized: "#b4b4b4";
+        readonly focus: "#5cade5";
+        readonly hover: "#a4a4a4";
+        readonly selected: "#1e383a";
+        readonly subtle: "#ebebeb";
+    };
+    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: "#1e383a";
+        readonly accentHover: "#cae4e7";
+        readonly accentPressed: "#ffffff";
+        readonly colorOnDark: "#dedede";
+        readonly colorOnLight: "#404040";
+        readonly disabled: "#c4c4c4";
+        readonly muted: "#a4a4a4";
+        readonly onAccent: "#dedede";
+        readonly primary: "#5b5b5b";
+        readonly secondary: "#868686";
+    };
+    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: "#fff6f0";
+            readonly emphased: {
+                readonly default: "#c86a00";
+                readonly hover: "#753c00";
+                readonly selected: "#603204";
+            };
+            readonly hover: "#fbdac1";
+            readonly selected: "#f0b689";
+        };
+    };
+    readonly text: {
+        readonly accent: "#1d8fcf";
+        readonly colorOnDark: "#dedede";
+        readonly colorOnLight: "#404040";
+        readonly disabled: "#a4a4a4";
+        readonly muted: "#a4a4a4";
+        readonly onAccent: "#dedede";
+        readonly pressed: "#006192";
+        readonly primary: "#404040";
+        readonly secondary: "#868686";
+        readonly status: {
+            readonly onDark: "#ffffff";
+            readonly onLight: "#753c00";
+        };
+    };
+    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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-tokens",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "Design tokens for the Equinor Design System",
   "type": "module",
   "exports": {
@@ -55,21 +55,22 @@
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
+    "@tokens-studio/studio-cli": "^0.1.7",
     "@types/node": "^25.5.2",
     "copyfiles": "^2.4.1",
     "lightningcss-cli": "^1.32.0",
-    "prettier": "3.8.3",
+    "prettier": "3.9.5",
     "rimraf": "^6.1.3",
-    "rollup": "^4.61.1",
+    "rollup": "^4.62.2",
     "rollup-plugin-delete": "^3.0.2",
-    "style-dictionary": "^5.4.0",
+    "style-dictionary": "^5.5.0",
     "style-dictionary-utils": "^6.0.1",
     "typescript": "^5.9.3",
-    "vite": "^8.0.16",
-    "vitest": "^4.1.5",
+    "vite": "^8.1.4",
+    "vitest": "^4.1.10",
     "@equinor/eds-tokens-build": "^1.1.0",
-    "@equinor/eds-color-palette-generator": "^0.1.0",
-    "@equinor/eds-tokens-sync": "^1.0.0"
+    "@equinor/eds-tokens-sync": "^1.0.0",
+    "@equinor/eds-color-palette-generator": "^0.1.0"
   },
   "scripts": {
     "build": "rollup -c && pnpm run types",
@@ -77,6 +78,7 @@
     "types": "tsc",
     "test": "vitest run",
     "test:watch": "vitest",
+    "generate:ts-tokens": "node scripts/generate-ts-tokens.mjs",
     "prettier:check": "prettier --check src/",
     "build:variables:color-scheme": "build-color-scheme-variables",
     "build:variables:semantic:static": "build-semantic-static-variables",