@equinor/eds-tokens 2.3.0-beta.0 → 2.3.0-beta.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Equinor ASA
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/build/css/color/color-scheme/dark-semantic-trimmed.css

@@ -51,6 +51,10 @@
   --eds-color-bg-danger-fill-emphasis-default: #ffa3a1;
   --eds-color-bg-danger-fill-emphasis-hover: #ffc1bf;
   --eds-color-bg-danger-fill-emphasis-active: #ffd9d7;
+  --eds-color-bg-floating: #202223;
+  --eds-color-bg-backdrop: #738696;
+  --eds-color-bg-input: #0b0b0b;
+  --eds-color-bg-disabled: #525c65;
   --eds-color-border-neutral-subtle: #525c65;
   --eds-color-border-neutral-medium: #738696;
   --eds-color-border-neutral-strong: #9fb4c6;
@@ -69,6 +73,8 @@
   --eds-color-border-danger-subtle: #923a3c;
   --eds-color-border-danger-medium: #e53748;
   --eds-color-border-danger-strong: #ff8082;
+  --eds-color-border-focus: #2d8bc5;
+  --eds-color-border-disabled: #738696;
   --eds-color-text-neutral-subtle: #d6e3ee; /** Used for text and icons */
   --eds-color-text-neutral-strong: #f5fdff; /** Used for text and icons */
   --eds-color-text-neutral-subtle-on-emphasis: #333639; /** Text or icons against colored backgrounds */
@@ -93,4 +99,6 @@
   --eds-color-text-danger-strong: #fff5f4; /** Used for text and icons */
   --eds-color-text-danger-subtle-on-emphasis: #492d2c; /** Text or icons against colored backgrounds */
   --eds-color-text-danger-strong-on-emphasis: #040303; /** Text or icons against colored backgrounds */
+  --eds-color-text-link: #5abbfb;
+  --eds-color-text-disabled: #738696;
 }

package/build/css/color/color-scheme/light-semantic-trimmed.css

@@ -51,6 +51,10 @@
   --eds-color-bg-danger-fill-emphasis-default: #bc002a;
   --eds-color-bg-danger-fill-emphasis-hover: #9a1026;
   --eds-color-bg-danger-fill-emphasis-active: #8e1525;
+  --eds-color-bg-floating: #ffffff;
+  --eds-color-bg-backdrop: #aeaeae;
+  --eds-color-bg-input: #f5f5f5;
+  --eds-color-bg-disabled: #e1e1e1;
   --eds-color-border-neutral-subtle: #d4d4d4;
   --eds-color-border-neutral-medium: #aeaeae;
   --eds-color-border-neutral-strong: #696969;
@@ -69,6 +73,8 @@
   --eds-color-border-danger-subtle: #ffbcba;
   --eds-color-border-danger-medium: #ff7a7d;
   --eds-color-border-danger-strong: #c6002d;
+  --eds-color-border-focus: #6fb6e9;
+  --eds-color-border-disabled: #aeaeae;
   --eds-color-text-neutral-subtle: #585858; /** Used for text and icons */
   --eds-color-text-neutral-strong: #1d1d1d; /** Used for text and icons */
   --eds-color-text-neutral-subtle-on-emphasis: #dedede; /** Text or icons against colored backgrounds */
@@ -93,4 +99,6 @@
   --eds-color-text-danger-strong: #2e1414; /** Used for text and icons */
   --eds-color-text-danger-subtle-on-emphasis: #ffcbc9; /** Text or icons against colored backgrounds */
   --eds-color-text-danger-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+  --eds-color-text-link: #0070a9;
+  --eds-color-text-disabled: #aeaeae;
 }

package/build/css/color/static/semantic-verbose.css

@@ -51,6 +51,9 @@
   --eds-color-bg-danger-fill-emphasis-default: var(--eds-color-danger-9);
   --eds-color-bg-danger-fill-emphasis-hover: var(--eds-color-danger-10);
   --eds-color-bg-danger-fill-emphasis-active: var(--eds-color-danger-11);
+  --eds-color-bg-floating: var(--eds-color-bg-floating);
+  --eds-color-bg-backdrop: var(--eds-color-bg-backdrop);
+  --eds-color-bg-input: var(--eds-color-bg-input);
   --eds-color-border-neutral-subtle: var(--eds-color-neutral-6);
   --eds-color-border-neutral-medium: var(--eds-color-neutral-7);
   --eds-color-border-neutral-strong: var(--eds-color-neutral-8);
@@ -69,6 +72,7 @@
   --eds-color-border-danger-subtle: var(--eds-color-danger-6);
   --eds-color-border-danger-medium: var(--eds-color-danger-7);
   --eds-color-border-danger-strong: var(--eds-color-danger-8);
+  --eds-color-border-focus: var(--eds-color-border-focus);
   --eds-color-text-neutral-subtle: var(--eds-color-neutral-12); /** Used for text and icons */
   --eds-color-text-neutral-strong: var(--eds-color-neutral-13); /** Used for text and icons */
   --eds-color-text-neutral-subtle-on-emphasis: var(--eds-color-neutral-14); /** Text or icons against colored backgrounds */
@@ -93,4 +97,8 @@
   --eds-color-text-danger-strong: var(--eds-color-danger-13); /** Used for text and icons */
   --eds-color-text-danger-subtle-on-emphasis: var(--eds-color-danger-14); /** Text or icons against colored backgrounds */
   --eds-color-text-danger-strong-on-emphasis: var(--eds-color-danger-15); /** Text or icons against colored backgrounds */
+  --eds-color-text-link: var(--eds-color-text-link);
+  --eds-color-bg-disabled: var(--eds-color-bg-disabled);
+  --eds-color-border-disabled: var(--eds-color-border-disabled);
+  --eds-color-text-disabled: var(--eds-color-text-disabled);
 }

package/build/css/color/static/variables.css

@@ -52,6 +52,9 @@
   --eds-color-bg-danger-fill-emphasis-default: var(--eds-color-danger-9);
   --eds-color-bg-danger-fill-emphasis-hover: var(--eds-color-danger-10);
   --eds-color-bg-danger-fill-emphasis-active: var(--eds-color-danger-11);
+  --eds-color-bg-floating: var(--eds-color-bg-floating);
+  --eds-color-bg-backdrop: var(--eds-color-bg-backdrop);
+  --eds-color-bg-input: var(--eds-color-bg-input);
   --eds-color-border-neutral-subtle: var(--eds-color-neutral-6);
   --eds-color-border-neutral-medium: var(--eds-color-neutral-7);
   --eds-color-border-neutral-strong: var(--eds-color-neutral-8);
@@ -70,6 +73,7 @@
   --eds-color-border-danger-subtle: var(--eds-color-danger-6);
   --eds-color-border-danger-medium: var(--eds-color-danger-7);
   --eds-color-border-danger-strong: var(--eds-color-danger-8);
+  --eds-color-border-focus: var(--eds-color-border-focus);
   --eds-color-text-neutral-subtle: var(--eds-color-neutral-12); /** Used for text and icons */
   --eds-color-text-neutral-strong: var(--eds-color-neutral-13); /** Used for text and icons */
   --eds-color-text-neutral-subtle-on-emphasis: var(--eds-color-neutral-14); /** Text or icons against colored backgrounds */
@@ -94,4 +98,8 @@
   --eds-color-text-danger-strong: var(--eds-color-danger-13); /** Used for text and icons */
   --eds-color-text-danger-subtle-on-emphasis: var(--eds-color-danger-14); /** Text or icons against colored backgrounds */
   --eds-color-text-danger-strong-on-emphasis: var(--eds-color-danger-15); /** Text or icons against colored backgrounds */
+  --eds-color-text-link: var(--eds-color-text-link);
+  --eds-color-bg-disabled: var(--eds-color-bg-disabled);
+  --eds-color-border-disabled: var(--eds-color-border-disabled);
+  --eds-color-text-disabled: var(--eds-color-text-disabled);
 }

package/build/js/color/color-scheme/dark-semantic.d.ts

@@ -50,6 +50,10 @@ export const BG_DANGER_FILL_MUTED_ACTIVE: string;
 export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string;
 export const BG_DANGER_FILL_EMPHASIS_HOVER: string;
 export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string;
+export const BG_FLOATING: string;
+export const BG_BACKDROP: string;
+export const BG_INPUT: string;
+export const BG_DISABLED: string;
 export const BORDER_NEUTRAL_SUBTLE: string;
 export const BORDER_NEUTRAL_MEDIUM: string;
 export const BORDER_NEUTRAL_STRONG: string;
@@ -68,6 +72,8 @@ export const BORDER_WARNING_STRONG: string;
 export const BORDER_DANGER_SUBTLE: string;
 export const BORDER_DANGER_MEDIUM: string;
 export const BORDER_DANGER_STRONG: string;
+export const BORDER_FOCUS: string;
+export const BORDER_DISABLED: string;
 /** Used for text and icons */
 export const TEXT_NEUTRAL_SUBTLE: string;
 /** Used for text and icons */
@@ -116,3 +122,5 @@ export const TEXT_DANGER_STRONG: string;
 export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string;
 /** Text or icons against colored backgrounds */
 export const TEXT_DANGER_STRONG_ON_EMPHASIS: string;
+export const TEXT_LINK: string;
+export const TEXT_DISABLED: string;

package/build/js/color/color-scheme/dark-semantic.js

@@ -50,6 +50,10 @@ export const BG_DANGER_FILL_MUTED_ACTIVE = "#d43745";
 export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#ffa3a1";
 export const BG_DANGER_FILL_EMPHASIS_HOVER = "#ffc1bf";
 export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#ffd9d7";
+export const BG_FLOATING = "#202223";
+export const BG_BACKDROP = "#738696";
+export const BG_INPUT = "#0b0b0b";
+export const BG_DISABLED = "#525c65";
 export const BORDER_NEUTRAL_SUBTLE = "#525c65";
 export const BORDER_NEUTRAL_MEDIUM = "#738696";
 export const BORDER_NEUTRAL_STRONG = "#9fb4c6";
@@ -68,6 +72,8 @@ export const BORDER_WARNING_STRONG = "#f99539";
 export const BORDER_DANGER_SUBTLE = "#923a3c";
 export const BORDER_DANGER_MEDIUM = "#e53748";
 export const BORDER_DANGER_STRONG = "#ff8082";
+export const BORDER_FOCUS = "#2d8bc5";
+export const BORDER_DISABLED = "#738696";
 export const TEXT_NEUTRAL_SUBTLE = "#d6e3ee"; // Used for text and icons
 export const TEXT_NEUTRAL_STRONG = "#f5fdff"; // Used for text and icons
 export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#333639"; // Text or icons against colored backgrounds
@@ -92,3 +98,5 @@ export const TEXT_DANGER_SUBTLE = "#ffd0ce"; // Used for text and icons
 export const TEXT_DANGER_STRONG = "#fff5f4"; // Used for text and icons
 export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#492d2c"; // Text or icons against colored backgrounds
 export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#040303"; // Text or icons against colored backgrounds
+export const TEXT_LINK = "#5abbfb";
+export const TEXT_DISABLED = "#738696";

package/build/js/color/color-scheme/light-semantic.d.ts

@@ -50,6 +50,10 @@ export const BG_DANGER_FILL_MUTED_ACTIVE: string;
 export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string;
 export const BG_DANGER_FILL_EMPHASIS_HOVER: string;
 export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string;
+export const BG_FLOATING: string;
+export const BG_BACKDROP: string;
+export const BG_INPUT: string;
+export const BG_DISABLED: string;
 export const BORDER_NEUTRAL_SUBTLE: string;
 export const BORDER_NEUTRAL_MEDIUM: string;
 export const BORDER_NEUTRAL_STRONG: string;
@@ -68,6 +72,8 @@ export const BORDER_WARNING_STRONG: string;
 export const BORDER_DANGER_SUBTLE: string;
 export const BORDER_DANGER_MEDIUM: string;
 export const BORDER_DANGER_STRONG: string;
+export const BORDER_FOCUS: string;
+export const BORDER_DISABLED: string;
 /** Used for text and icons */
 export const TEXT_NEUTRAL_SUBTLE: string;
 /** Used for text and icons */
@@ -116,3 +122,5 @@ export const TEXT_DANGER_STRONG: string;
 export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string;
 /** Text or icons against colored backgrounds */
 export const TEXT_DANGER_STRONG_ON_EMPHASIS: string;
+export const TEXT_LINK: string;
+export const TEXT_DISABLED: string;

package/build/js/color/color-scheme/light-semantic.js

@@ -50,6 +50,10 @@ export const BG_DANGER_FILL_MUTED_ACTIVE = "#ffa3a1";
 export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#bc002a";
 export const BG_DANGER_FILL_EMPHASIS_HOVER = "#9a1026";
 export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#8e1525";
+export const BG_FLOATING = "#ffffff";
+export const BG_BACKDROP = "#aeaeae";
+export const BG_INPUT = "#f5f5f5";
+export const BG_DISABLED = "#e1e1e1";
 export const BORDER_NEUTRAL_SUBTLE = "#d4d4d4";
 export const BORDER_NEUTRAL_MEDIUM = "#aeaeae";
 export const BORDER_NEUTRAL_STRONG = "#696969";
@@ -68,6 +72,8 @@ export const BORDER_WARNING_STRONG = "#a34e00";
 export const BORDER_DANGER_SUBTLE = "#ffbcba";
 export const BORDER_DANGER_MEDIUM = "#ff7a7d";
 export const BORDER_DANGER_STRONG = "#c6002d";
+export const BORDER_FOCUS = "#6fb6e9";
+export const BORDER_DISABLED = "#aeaeae";
 export const TEXT_NEUTRAL_SUBTLE = "#585858"; // Used for text and icons
 export const TEXT_NEUTRAL_STRONG = "#1d1d1d"; // Used for text and icons
 export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#dedede"; // Text or icons against colored backgrounds
@@ -92,3 +98,5 @@ export const TEXT_DANGER_SUBTLE = "#a50827"; // Used for text and icons
 export const TEXT_DANGER_STRONG = "#2e1414"; // Used for text and icons
 export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#ffcbc9"; // Text or icons against colored backgrounds
 export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_LINK = "#0070a9";
+export const TEXT_DISABLED = "#aeaeae";

package/build/js/color/static/semantic.d.ts

@@ -50,6 +50,10 @@ export const BG_DANGER_FILL_MUTED_ACTIVE: string;
 export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string;
 export const BG_DANGER_FILL_EMPHASIS_HOVER: string;
 export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string;
+export const BG_FLOATING: string;
+export const BG_BACKDROP: string;
+export const BG_INPUT: string;
+export const BG_DISABLED: string;
 export const BORDER_NEUTRAL_SUBTLE: string;
 export const BORDER_NEUTRAL_MEDIUM: string;
 export const BORDER_NEUTRAL_STRONG: string;
@@ -68,6 +72,8 @@ export const BORDER_WARNING_STRONG: string;
 export const BORDER_DANGER_SUBTLE: string;
 export const BORDER_DANGER_MEDIUM: string;
 export const BORDER_DANGER_STRONG: string;
+export const BORDER_FOCUS: string;
+export const BORDER_DISABLED: string;
 /** Used for text and icons */
 export const TEXT_NEUTRAL_SUBTLE: string;
 /** Used for text and icons */
@@ -116,3 +122,5 @@ export const TEXT_DANGER_STRONG: string;
 export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string;
 /** Text or icons against colored backgrounds */
 export const TEXT_DANGER_STRONG_ON_EMPHASIS: string;
+export const TEXT_LINK: string;
+export const TEXT_DISABLED: string;

package/build/js/color/static/semantic.js

@@ -50,6 +50,10 @@ export const BG_DANGER_FILL_MUTED_ACTIVE = "#ffa3a1";
 export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#bc002a";
 export const BG_DANGER_FILL_EMPHASIS_HOVER = "#9a1026";
 export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#8e1525";
+export const BG_FLOATING = "#ffffff";
+export const BG_BACKDROP = "#aeaeae";
+export const BG_INPUT = "#f5f5f5";
+export const BG_DISABLED = "#e1e1e1";
 export const BORDER_NEUTRAL_SUBTLE = "#d4d4d4";
 export const BORDER_NEUTRAL_MEDIUM = "#aeaeae";
 export const BORDER_NEUTRAL_STRONG = "#696969";
@@ -68,6 +72,8 @@ export const BORDER_WARNING_STRONG = "#a34e00";
 export const BORDER_DANGER_SUBTLE = "#ffbcba";
 export const BORDER_DANGER_MEDIUM = "#ff7a7d";
 export const BORDER_DANGER_STRONG = "#c6002d";
+export const BORDER_FOCUS = "#6fb6e9";
+export const BORDER_DISABLED = "#aeaeae";
 export const TEXT_NEUTRAL_SUBTLE = "#585858"; // Used for text and icons
 export const TEXT_NEUTRAL_STRONG = "#1d1d1d"; // Used for text and icons
 export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#dedede"; // Text or icons against colored backgrounds
@@ -92,3 +98,5 @@ export const TEXT_DANGER_SUBTLE = "#a50827"; // Used for text and icons
 export const TEXT_DANGER_STRONG = "#2e1414"; // Used for text and icons
 export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#ffcbc9"; // Text or icons against colored backgrounds
 export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_LINK = "#0070a9";
+export const TEXT_DISABLED = "#aeaeae";

package/build/json/color/color-scheme/flat/dark-semantic.json

@@ -47,6 +47,10 @@
   "bg-danger-fill-emphasis-default": "#ffa3a1",
   "bg-danger-fill-emphasis-hover": "#ffc1bf",
   "bg-danger-fill-emphasis-active": "#ffd9d7",
+  "bg-floating": "#202223",
+  "bg-backdrop": "#738696",
+  "bg-input": "#0b0b0b",
+  "bg-disabled": "#525c65",
   "border-neutral-subtle": "#525c65",
   "border-neutral-medium": "#738696",
   "border-neutral-strong": "#9fb4c6",
@@ -65,6 +69,8 @@
   "border-danger-subtle": "#923a3c",
   "border-danger-medium": "#e53748",
   "border-danger-strong": "#ff8082",
+  "border-focus": "#2d8bc5",
+  "border-disabled": "#738696",
   "text-neutral-subtle": "#d6e3ee",
   "text-neutral-strong": "#f5fdff",
   "text-neutral-subtle-on-emphasis": "#333639",
@@ -88,5 +94,7 @@
   "text-danger-subtle": "#ffd0ce",
   "text-danger-strong": "#fff5f4",
   "text-danger-subtle-on-emphasis": "#492d2c",
-  "text-danger-strong-on-emphasis": "#040303"
+  "text-danger-strong-on-emphasis": "#040303",
+  "text-link": "#5abbfb",
+  "text-disabled": "#738696"
 }

package/build/json/color/color-scheme/flat/light-semantic.json

@@ -47,6 +47,10 @@
   "bg-danger-fill-emphasis-default": "#bc002a",
   "bg-danger-fill-emphasis-hover": "#9a1026",
   "bg-danger-fill-emphasis-active": "#8e1525",
+  "bg-floating": "#ffffff",
+  "bg-backdrop": "#aeaeae",
+  "bg-input": "#f5f5f5",
+  "bg-disabled": "#e1e1e1",
   "border-neutral-subtle": "#d4d4d4",
   "border-neutral-medium": "#aeaeae",
   "border-neutral-strong": "#696969",
@@ -65,6 +69,8 @@
   "border-danger-subtle": "#ffbcba",
   "border-danger-medium": "#ff7a7d",
   "border-danger-strong": "#c6002d",
+  "border-focus": "#6fb6e9",
+  "border-disabled": "#aeaeae",
   "text-neutral-subtle": "#585858",
   "text-neutral-strong": "#1d1d1d",
   "text-neutral-subtle-on-emphasis": "#dedede",
@@ -88,5 +94,7 @@
   "text-danger-subtle": "#a50827",
   "text-danger-strong": "#2e1414",
   "text-danger-subtle-on-emphasis": "#ffcbc9",
-  "text-danger-strong-on-emphasis": "#ffffff"
+  "text-danger-strong-on-emphasis": "#ffffff",
+  "text-link": "#0070a9",
+  "text-disabled": "#aeaeae"
 }

package/build/json/color/color-scheme/nested/dark-semantic.json

@@ -83,7 +83,11 @@
         "Hover": "#ffc1bf",
         "Active": "#ffd9d7"
       }
-    }
+    },
+    "Floating": "#202223",
+    "Backdrop": "#738696",
+    "Input": "#0b0b0b",
+    "Disabled": "#525c65"
   },
   "Border": {
     "Neutral": {
@@ -115,7 +119,9 @@
       "Subtle": "#923a3c",
       "Medium": "#e53748",
       "Strong": "#ff8082"
-    }
+    },
+    "Focus": "#2d8bc5",
+    "Disabled": "#738696"
   },
   "Text": {
     "Neutral": {
@@ -153,6 +159,8 @@
       "Strong": "#fff5f4",
       "Subtle on emphasis": "#492d2c",
       "Strong on emphasis": "#040303"
-    }
+    },
+    "Link": "#5abbfb",
+    "Disabled": "#738696"
   }
 }

package/build/json/color/color-scheme/nested/light-semantic.json

@@ -83,7 +83,11 @@
         "Hover": "#9a1026",
         "Active": "#8e1525"
       }
-    }
+    },
+    "Floating": "#ffffff",
+    "Backdrop": "#aeaeae",
+    "Input": "#f5f5f5",
+    "Disabled": "#e1e1e1"
   },
   "Border": {
     "Neutral": {
@@ -115,7 +119,9 @@
       "Subtle": "#ffbcba",
       "Medium": "#ff7a7d",
       "Strong": "#c6002d"
-    }
+    },
+    "Focus": "#6fb6e9",
+    "Disabled": "#aeaeae"
   },
   "Text": {
     "Neutral": {
@@ -153,6 +159,8 @@
       "Strong": "#2e1414",
       "Subtle on emphasis": "#ffcbc9",
       "Strong on emphasis": "#ffffff"
-    }
+    },
+    "Link": "#0070a9",
+    "Disabled": "#aeaeae"
   }
 }

package/build/json/color/static/flat/semantic.json

@@ -47,6 +47,10 @@
   "bg-danger-fill-emphasis-default": "#bc002a",
   "bg-danger-fill-emphasis-hover": "#9a1026",
   "bg-danger-fill-emphasis-active": "#8e1525",
+  "bg-floating": "#ffffff",
+  "bg-backdrop": "#aeaeae",
+  "bg-input": "#f5f5f5",
+  "bg-disabled": "#e1e1e1",
   "border-neutral-subtle": "#d4d4d4",
   "border-neutral-medium": "#aeaeae",
   "border-neutral-strong": "#696969",
@@ -65,6 +69,8 @@
   "border-danger-subtle": "#ffbcba",
   "border-danger-medium": "#ff7a7d",
   "border-danger-strong": "#c6002d",
+  "border-focus": "#6fb6e9",
+  "border-disabled": "#aeaeae",
   "text-neutral-subtle": "#585858",
   "text-neutral-strong": "#1d1d1d",
   "text-neutral-subtle-on-emphasis": "#dedede",
@@ -88,5 +94,7 @@
   "text-danger-subtle": "#a50827",
   "text-danger-strong": "#2e1414",
   "text-danger-subtle-on-emphasis": "#ffcbc9",
-  "text-danger-strong-on-emphasis": "#ffffff"
+  "text-danger-strong-on-emphasis": "#ffffff",
+  "text-link": "#0070a9",
+  "text-disabled": "#aeaeae"
 }

package/build/json/color/static/nested/semantic.json

@@ -83,7 +83,11 @@
         "Hover": "#9a1026",
         "Active": "#8e1525"
       }
-    }
+    },
+    "Floating": "#ffffff",
+    "Backdrop": "#aeaeae",
+    "Input": "#f5f5f5",
+    "Disabled": "#e1e1e1"
   },
   "Border": {
     "Neutral": {
@@ -115,7 +119,9 @@
       "Subtle": "#ffbcba",
       "Medium": "#ff7a7d",
       "Strong": "#c6002d"
-    }
+    },
+    "Focus": "#6fb6e9",
+    "Disabled": "#aeaeae"
   },
   "Text": {
     "Neutral": {
@@ -153,6 +159,8 @@
       "Strong": "#2e1414",
       "Subtle on emphasis": "#ffcbc9",
       "Strong on emphasis": "#ffffff"
-    }
+    },
+    "Link": "#0070a9",
+    "Disabled": "#aeaeae"
   }
 }

package/build/ts/color/color-scheme/dark-semantic.ts

@@ -88,6 +88,10 @@ export const color = {
         active: '#ffd9d7',
       },
     },
+    floating: '#202223',
+    backdrop: '#738696',
+    input: '#0b0b0b',
+    disabled: '#525c65',
   },
   border: {
     neutral: {
@@ -120,6 +124,8 @@ export const color = {
       medium: '#e53748',
       strong: '#ff8082',
     },
+    focus: '#2d8bc5',
+    disabled: '#738696',
   },
   text: {
     neutral: {
@@ -158,5 +164,7 @@ export const color = {
       subtleOnEmphasis: '#492d2c',
       strongOnEmphasis: '#040303',
     },
+    link: '#5abbfb',
+    disabled: '#738696',
   },
 } as const

package/build/ts/color/color-scheme/light-semantic.ts

@@ -88,6 +88,10 @@ export const color = {
         active: '#8e1525',
       },
     },
+    floating: '#ffffff',
+    backdrop: '#aeaeae',
+    input: '#f5f5f5',
+    disabled: '#e1e1e1',
   },
   border: {
     neutral: {
@@ -120,6 +124,8 @@ export const color = {
       medium: '#ff7a7d',
       strong: '#c6002d',
     },
+    focus: '#6fb6e9',
+    disabled: '#aeaeae',
   },
   text: {
     neutral: {
@@ -158,5 +164,7 @@ export const color = {
       subtleOnEmphasis: '#ffcbc9',
       strongOnEmphasis: '#ffffff',
     },
+    link: '#0070a9',
+    disabled: '#aeaeae',
   },
 } as const

package/build/ts/color/static/semantic.ts

@@ -0,0 +1,170 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const color = {
+  bg: {
+    neutral: {
+      canvas: '#f5f5f5',
+      surface: '#ffffff',
+      fillMuted: {
+        default: '#e1e1e1',
+        hover: '#d4d4d4',
+        active: '#c4c4c4',
+      },
+      fillEmphasis: {
+        default: '#636363',
+        hover: '#525252',
+        active: '#4d4d4d',
+      },
+    },
+    accent: {
+      canvas: '#eaf8fa',
+      surface: '#f6ffff',
+      fillMuted: {
+        default: '#cfe7e9',
+        hover: '#bbdbdf',
+        active: '#a2cdd2',
+      },
+      fillEmphasis: {
+        default: '#206f77',
+        hover: '#205c62',
+        active: '#20565c',
+      },
+    },
+    success: {
+      canvas: '#eafbe8',
+      surface: '#f6fff5',
+      fillMuted: {
+        default: '#cfeacc',
+        hover: '#bbe0b8',
+        active: '#a2d49e',
+      },
+      fillEmphasis: {
+        default: '#207720',
+        hover: '#20621f',
+        active: '#215c1f',
+      },
+    },
+    info: {
+      canvas: '#e7f8ff',
+      surface: '#f4ffff',
+      fillMuted: {
+        default: '#cae6fa',
+        hover: '#b5daf5',
+        active: '#99cbf0',
+      },
+      fillEmphasis: {
+        default: '#006aa0',
+        hover: '#085883',
+        active: '#0e5279',
+      },
+    },
+    warning: {
+      canvas: '#fff1e2',
+      surface: '#fffcf0',
+      fillMuted: {
+        default: '#fbdac1',
+        hover: '#f6caaa',
+        active: '#f0b689',
+      },
+      fillEmphasis: {
+        default: '#9b4900',
+        hover: '#813e00',
+        active: '#773a00',
+      },
+    },
+    danger: {
+      canvas: '#ffecea',
+      surface: '#fff9f8',
+      fillMuted: {
+        default: '#ffd0ce',
+        hover: '#ffbcba',
+        active: '#ffa3a1',
+      },
+      fillEmphasis: {
+        default: '#bc002a',
+        hover: '#9a1026',
+        active: '#8e1525',
+      },
+    },
+    floating: '#ffffff',
+    backdrop: '#aeaeae',
+    input: '#f5f5f5',
+    disabled: '#e1e1e1',
+  },
+  border: {
+    neutral: {
+      subtle: '#d4d4d4',
+      medium: '#aeaeae',
+      strong: '#696969',
+    },
+    accent: {
+      subtle: '#bbdbdf',
+      medium: '#7cbac1',
+      strong: '#21767e',
+    },
+    success: {
+      subtle: '#bbe0b8',
+      medium: '#7cc278',
+      strong: '#227e22',
+    },
+    info: {
+      subtle: '#b5daf5',
+      medium: '#6fb6e9',
+      strong: '#0070a9',
+    },
+    warning: {
+      subtle: '#f6caaa',
+      medium: '#e89959',
+      strong: '#a34e00',
+    },
+    danger: {
+      subtle: '#ffbcba',
+      medium: '#ff7a7d',
+      strong: '#c6002d',
+    },
+    focus: '#6fb6e9',
+    disabled: '#aeaeae',
+  },
+  text: {
+    neutral: {
+      subtle: '#585858',
+      strong: '#1d1d1d',
+      subtleOnEmphasis: '#dedede',
+      strongOnEmphasis: '#ffffff',
+    },
+    accent: {
+      subtle: '#1f6369',
+      strong: '#141f20',
+      subtleOnEmphasis: '#cae4e7',
+      strongOnEmphasis: '#ffffff',
+    },
+    success: {
+      subtle: '#20691f',
+      strong: '#142114',
+      subtleOnEmphasis: '#cae8c7',
+      strongOnEmphasis: '#ffffff',
+    },
+    info: {
+      subtle: '#015e8d',
+      strong: '#121e27',
+      subtleOnEmphasis: '#c5e3f9',
+      strongOnEmphasis: '#ffffff',
+    },
+    warning: {
+      subtle: '#8a4100',
+      strong: '#27190e',
+      subtleOnEmphasis: '#fad6bc',
+      strongOnEmphasis: '#ffffff',
+    },
+    danger: {
+      subtle: '#a50827',
+      strong: '#2e1414',
+      subtleOnEmphasis: '#ffcbc9',
+      strongOnEmphasis: '#ffffff',
+    },
+    link: '#0070a9',
+    disabled: '#aeaeae',
+  },
+} as const

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-tokens",
-  "version": "2.3.0-beta.0",
+  "version": "2.3.0-beta.1",
   "description": "Design tokens for the Equinor Design System",
   "type": "module",
   "exports": {
@@ -45,6 +45,31 @@
     "tokens.css",
     "elements.css"
   ],
+  "keywords": [
+    "eds",
+    "design system",
+    "equinor",
+    "design tokens"
+  ],
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@types/node": "^25.3.3",
+    "copyfiles": "^2.4.1",
+    "lightningcss-cli": "^1.31.1",
+    "prettier": "3.8.1",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.59.0",
+    "rollup-plugin-delete": "^3.0.2",
+    "style-dictionary": "^5.3.2",
+    "style-dictionary-utils": "^4.1.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "@equinor/eds-tokens-sync": "^1.0.0",
+    "@equinor/eds-color-palette-generator": "^0.1.0",
+    "@equinor/eds-tokens-build": "^1.1.0"
+  },
   "scripts": {
     "build": "rollup -c && pnpm run types",
     "dev": "rollup -c -w",
@@ -80,30 +105,5 @@
     "update-figma:color-dynamic": "sync-tokens-to-figma --file-key nyPaQ3QnI1UAcxKW4a0d2c",
     "update-tokens": "pnpm run update-tokens:foundations && pnpm run update-tokens:color-static && pnpm run update-tokens:color-dynamic && pnpm run update-tokens:spacing-primitives && pnpm run update-tokens:spacing-modes",
     "update-figma": "pnpm run update-figma:foundations && pnpm run update-figma:color-static && pnpm run update-figma:color-dynamic && pnpm run update-figma:spacing-primitives && pnpm run update-figma:spacing-modes"
-  },
-  "keywords": [
-    "eds",
-    "design system",
-    "equinor",
-    "design tokens"
-  ],
-  "devDependencies": {
-    "@equinor/eds-color-palette-generator": "workspace:^",
-    "@equinor/eds-tokens-build": "workspace:^",
-    "@equinor/eds-tokens-sync": "workspace:^",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@types/node": "^25.3.0",
-    "copyfiles": "^2.4.1",
-    "lightningcss-cli": "^1.31.1",
-    "prettier": "3.8.1",
-    "rimraf": "^6.1.3",
-    "rollup": "^4.59.0",
-    "rollup-plugin-delete": "^3.0.2",
-    "style-dictionary": "^5.3.2",
-    "style-dictionary-utils": "^4.1.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
   }
-}
+}