@equinor/eds-tokens 2.3.2 → 3.0.0-beta.1

package/src/tokens/ts/color-scheme/dark.ts

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+
+export const colorScheme = {
+  accent: {
+    '1': '#121414',
+    '2': '#191d1d',
+    '3': '#3c6266',
+    '4': '#3e7378',
+    '5': '#41878e',
+    '6': '#3c6266',
+    '7': '#439199',
+    '8': '#6ec0c9',
+    '9': '#8cd2da',
+    '10': '#ace3e9',
+    '11': '#c7f1f6',
+    '12': '#bcebf1',
+    '13': '#f1ffff',
+    '14': '#2c3839',
+    '15': '#030303',
+  },
+  bgBackdrop: '#738696',
+  bgDisabled: '#525c65',
+  bgFloating: '#1b1c1d',
+  bgInput: '#131414',
+  borderDisabled: '#738696',
+  borderFocus: '#2d8bc5',
+  danger: {
+    '1': '#181212',
+    '2': '#221919',
+    '3': '#923a3c',
+    '4': '#b03940',
+    '5': '#d43745',
+    '6': '#923a3c',
+    '7': '#e53748',
+    '8': '#ff8182',
+    '9': '#ffa4a2',
+    '10': '#ffc4c1',
+    '11': '#ffdddb',
+    '12': '#ffd1ce',
+    '13': '#fff7f6',
+    '14': '#492d2c',
+    '15': '#040303',
+  },
+  info: {
+    '1': '#121416',
+    '2': '#191d1f',
+    '3': '#33607e',
+    '4': '#316f98',
+    '5': '#2e82b7',
+    '6': '#33607e',
+    '7': '#2d8bc5',
+    '8': '#5abbfb',
+    '9': '#82cdff',
+    '10': '#b0deff',
+    '11': '#c9edff',
+    '12': '#bfe7ff',
+    '13': '#eefeff',
+    '14': '#2a3741',
+    '15': '#030304',
+  },
+  neutral: {
+    '1': '#131414',
+    '2': '#1b1c1d',
+    '3': '#525c65',
+    '4': '#5d6b76',
+    '5': '#6b7d8b',
+    '6': '#525c65',
+    '7': '#738696',
+    '8': '#9fb4c6',
+    '9': '#b4c7d7',
+    '10': '#cadae7',
+    '11': '#deeaf4',
+    '12': '#d6e3ee',
+    '13': '#f8fcff',
+    '14': '#333639',
+    '15': '#030303',
+  },
+  success: {
+    '1': '#121512',
+    '2': '#191d19',
+    '3': '#3c673a',
+    '4': '#3e793c',
+    '5': '#418e3e',
+    '6': '#3c673a',
+    '7': '#449941',
+    '8': '#6eca6a',
+    '9': '#8cdb87',
+    '10': '#aceba8',
+    '11': '#c7f7c3',
+    '12': '#bcf2b8',
+    '13': '#f1ffef',
+    '14': '#2c392b',
+    '15': '#030303',
+  },
+  textDisabled: '#738696',
+  textLink: '#5abbfb',
+  warning: {
+    '1': '#161311',
+    '2': '#201b17',
+    '3': '#7e4e25',
+    '4': '#97571b',
+    '5': '#b46201',
+    '6': '#7e4e25',
+    '7': '#c26900',
+    '8': '#f99539',
+    '9': '#ffaf6b',
+    '10': '#ffcba2',
+    '11': '#ffdebe',
+    '12': '#ffd7b3',
+    '13': '#fff8e9',
+    '14': '#413226',
+    '15': '#040303',
+  },
+} as const
+
+export type ColorScheme = typeof colorScheme

package/src/tokens/ts/color-scheme/light.ts

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+
+export const colorScheme = {
+  accent: {
+    '1': '#eefbfd',
+    '2': '#ddeff1',
+    '3': '#cfe7e9',
+    '4': '#bbdbdf',
+    '5': '#a2cdd2',
+    '6': '#87c0c6',
+    '7': '#6cb2b9',
+    '8': '#3c959e',
+    '9': '#21767e',
+    '10': '#1f666d',
+    '11': '#20565c',
+    '12': '#20474b',
+    '13': '#1e383a',
+    '14': '#cae4e7',
+    '15': '#ffffff',
+  },
+  bgBackdrop: '#a4a4a4',
+  bgDisabled: '#e1e1e1',
+  bgFloating: '#ebebeb',
+  bgInput: '#f8f8f8',
+  borderDisabled: '#a4a4a4',
+  borderFocus: '#5cade5',
+  danger: {
+    '1': '#fff4f3',
+    '2': '#ffe1df',
+    '3': '#ffd4d2',
+    '4': '#ffc3c0',
+    '5': '#ffa7a5',
+    '6': '#ff8d8d',
+    '7': '#ff6d71',
+    '8': '#f12844',
+    '9': '#c5002e',
+    '10': '#ab0428',
+    '11': '#8e1525',
+    '12': '#721c22',
+    '13': '#571c1f',
+    '14': '#ffd0ce',
+    '15': '#ffffff',
+  },
+  info: {
+    '1': '#f2faff',
+    '2': '#d9efff',
+    '3': '#cae6fa',
+    '4': '#b5daf5',
+    '5': '#99cbf0',
+    '6': '#7bbceb',
+    '7': '#5cade5',
+    '8': '#1d8fcf',
+    '9': '#0070a7',
+    '10': '#006192',
+    '11': '#0e5279',
+    '12': '#164461',
+    '13': '#18364a',
+    '14': '#c5e3f9',
+    '15': '#ffffff',
+  },
+  neutral: {
+    '1': '#f8f8f8',
+    '2': '#ebebeb',
+    '3': '#e1e1e1',
+    '4': '#d4d4d4',
+    '5': '#c4c4c4',
+    '6': '#b4b4b4',
+    '7': '#a4a4a4',
+    '8': '#868686',
+    '9': '#696969',
+    '10': '#5b5b5b',
+    '11': '#4d4d4d',
+    '12': '#404040',
+    '13': '#333333',
+    '14': '#dedede',
+    '15': '#ffffff',
+  },
+  success: {
+    '1': '#eefeed',
+    '2': '#ddf2db',
+    '3': '#cfeacc',
+    '4': '#bbe0b8',
+    '5': '#a2d49e',
+    '6': '#87c783',
+    '7': '#6dba69',
+    '8': '#3c9e3b',
+    '9': '#227e22',
+    '10': '#206d1f',
+    '11': '#205c1f',
+    '12': '#214b1f',
+    '13': '#1e3b1d',
+    '14': '#cae8c7',
+    '15': '#ffffff',
+  },
+  textDisabled: '#a4a4a4',
+  textLink: '#1d8fcf',
+  warning: {
+    '1': '#fff6f0',
+    '2': '#ffe6d3',
+    '3': '#fbdac1',
+    '4': '#f6caaa',
+    '5': '#f0b689',
+    '6': '#eba267',
+    '7': '#e38d42',
+    '8': '#c86a00',
+    '9': '#9f5100',
+    '10': '#894700',
+    '11': '#753c00',
+    '12': '#603204',
+    '13': '#4a2a0e',
+    '14': '#fad6bc',
+    '15': '#ffffff',
+  },
+} as const
+
+export type ColorScheme = typeof colorScheme

package/src/tokens/ts/colors/default.ts

@@ -0,0 +1,251 @@
+/**
+ * Do not edit directly — generated by scripts/generate-ts-tokens.mjs
+ * from the Tokens Studio DTCG + CSS exports.
+ */
+
+export const colors = {
+  dark: {
+    blue: {
+      '1': '#121416',
+      '2': '#191d1f',
+      '3': '#33607e',
+      '4': '#316f98',
+      '5': '#2e82b7',
+      '6': '#33607e',
+      '7': '#2d8bc5',
+      '8': '#5abbfb',
+      '9': '#82cdff',
+      '10': '#b0deff',
+      '11': '#c9edff',
+      '12': '#bfe7ff',
+      '13': '#eefeff',
+      '14': '#2a3741',
+      '15': '#030304',
+    },
+    gray: {
+      '1': '#141414',
+      '2': '#1c1c1c',
+      '3': '#5b5b5b',
+      '4': '#696969',
+      '5': '#7a7a7a',
+      '6': '#5b5b5b',
+      '7': '#838383',
+      '8': '#b1b1b1',
+      '9': '#c4c4c4',
+      '10': '#d7d7d7',
+      '11': '#e8e8e8',
+      '12': '#e1e1e1',
+      '13': '#fcfcfc',
+      '14': '#353535',
+      '15': '#030303',
+    },
+    green: {
+      '1': '#121512',
+      '2': '#191d19',
+      '3': '#3c673a',
+      '4': '#3e793c',
+      '5': '#418e3e',
+      '6': '#3c673a',
+      '7': '#449941',
+      '8': '#6eca6a',
+      '9': '#8cdb87',
+      '10': '#aceba8',
+      '11': '#c7f7c3',
+      '12': '#bcf2b8',
+      '13': '#f1ffef',
+      '14': '#2c392b',
+      '15': '#030303',
+    },
+    mossGreen: {
+      '1': '#121414',
+      '2': '#191d1d',
+      '3': '#3c6266',
+      '4': '#3e7378',
+      '5': '#41878e',
+      '6': '#3c6266',
+      '7': '#439199',
+      '8': '#6ec0c9',
+      '9': '#8cd2da',
+      '10': '#ace3e9',
+      '11': '#c7f1f6',
+      '12': '#bcebf1',
+      '13': '#f1ffff',
+      '14': '#2c3839',
+      '15': '#030303',
+    },
+    northSea: {
+      '1': '#131414',
+      '2': '#1b1c1d',
+      '3': '#525c65',
+      '4': '#5d6b76',
+      '5': '#6b7d8b',
+      '6': '#525c65',
+      '7': '#738696',
+      '8': '#9fb4c6',
+      '9': '#b4c7d7',
+      '10': '#cadae7',
+      '11': '#deeaf4',
+      '12': '#d6e3ee',
+      '13': '#f8fcff',
+      '14': '#333639',
+      '15': '#030303',
+    },
+    orange: {
+      '1': '#161311',
+      '2': '#201b17',
+      '3': '#7e4e25',
+      '4': '#97571b',
+      '5': '#b46201',
+      '6': '#7e4e25',
+      '7': '#c26900',
+      '8': '#f99539',
+      '9': '#ffaf6b',
+      '10': '#ffcba2',
+      '11': '#ffdebe',
+      '12': '#ffd7b3',
+      '13': '#fff8e9',
+      '14': '#413226',
+      '15': '#040303',
+    },
+    red: {
+      '1': '#181212',
+      '2': '#221919',
+      '3': '#923a3c',
+      '4': '#b03940',
+      '5': '#d43745',
+      '6': '#923a3c',
+      '7': '#e53748',
+      '8': '#ff8182',
+      '9': '#ffa4a2',
+      '10': '#ffc4c1',
+      '11': '#ffdddb',
+      '12': '#ffd1ce',
+      '13': '#fff7f6',
+      '14': '#492d2c',
+      '15': '#040303',
+    },
+  },
+  light: {
+    blue: {
+      '1': '#f2faff',
+      '2': '#d9efff',
+      '3': '#cae6fa',
+      '4': '#b5daf5',
+      '5': '#99cbf0',
+      '6': '#7bbceb',
+      '7': '#5cade5',
+      '8': '#1d8fcf',
+      '9': '#0070a7',
+      '10': '#006192',
+      '11': '#0e5279',
+      '12': '#164461',
+      '13': '#18364a',
+      '14': '#c5e3f9',
+      '15': '#ffffff',
+    },
+    gray: {
+      '1': '#f8f8f8',
+      '2': '#ebebeb',
+      '3': '#e1e1e1',
+      '4': '#d4d4d4',
+      '5': '#c4c4c4',
+      '6': '#b4b4b4',
+      '7': '#a4a4a4',
+      '8': '#868686',
+      '9': '#696969',
+      '10': '#5b5b5b',
+      '11': '#4d4d4d',
+      '12': '#404040',
+      '13': '#333333',
+      '14': '#dedede',
+      '15': '#ffffff',
+    },
+    green: {
+      '1': '#eefeed',
+      '2': '#ddf2db',
+      '3': '#cfeacc',
+      '4': '#bbe0b8',
+      '5': '#a2d49e',
+      '6': '#87c783',
+      '7': '#6dba69',
+      '8': '#3c9e3b',
+      '9': '#227e22',
+      '10': '#206d1f',
+      '11': '#205c1f',
+      '12': '#214b1f',
+      '13': '#1e3b1d',
+      '14': '#cae8c7',
+      '15': '#ffffff',
+    },
+    mossGreen: {
+      '1': '#eefbfd',
+      '2': '#ddeff1',
+      '3': '#cfe7e9',
+      '4': '#bbdbdf',
+      '5': '#a2cdd2',
+      '6': '#87c0c6',
+      '7': '#6cb2b9',
+      '8': '#3c959e',
+      '9': '#21767e',
+      '10': '#1f666d',
+      '11': '#20565c',
+      '12': '#20474b',
+      '13': '#1e383a',
+      '14': '#cae4e7',
+      '15': '#ffffff',
+    },
+    northSea: {
+      '1': '#f5f9fc',
+      '2': '#e6ecf1',
+      '3': '#dbe2e8',
+      '4': '#ccd6dd',
+      '5': '#bac6d0',
+      '6': '#a7b7c3',
+      '7': '#95a7b6',
+      '8': '#74899b',
+      '9': '#596c7b',
+      '10': '#4d5d6a',
+      '11': '#424f59',
+      '12': '#374149',
+      '13': '#2d3439',
+      '14': '#d8dfe5',
+      '15': '#ffffff',
+    },
+    orange: {
+      '1': '#fff6f0',
+      '2': '#ffe6d3',
+      '3': '#fbdac1',
+      '4': '#f6caaa',
+      '5': '#f0b689',
+      '6': '#eba267',
+      '7': '#e38d42',
+      '8': '#c86a00',
+      '9': '#9f5100',
+      '10': '#894700',
+      '11': '#753c00',
+      '12': '#603204',
+      '13': '#4a2a0e',
+      '14': '#fad6bc',
+      '15': '#ffffff',
+    },
+    red: {
+      '1': '#fff4f3',
+      '2': '#ffe1df',
+      '3': '#ffd4d2',
+      '4': '#ffc3c0',
+      '5': '#ffa7a5',
+      '6': '#ff8d8d',
+      '7': '#ff6d71',
+      '8': '#f12844',
+      '9': '#c5002e',
+      '10': '#ab0428',
+      '11': '#8e1525',
+      '12': '#721c22',
+      '13': '#571c1f',
+      '14': '#ffd0ce',
+      '15': '#ffffff',
+    },
+  },
+} as const
+
+export type Colors = typeof colors

package/src/tokens/ts/density/comfortable.ts

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

package/src/tokens/ts/density/compact.ts

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