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

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

@@ -0,0 +1,170 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const color = {
+  bg: {
+    neutral: {
+      canvas: '#0b0b0b',
+      surface: '#202223',
+      fillMuted: {
+        default: '#525c65',
+        hover: '#5d6b76',
+        active: '#6b7d8b',
+      },
+      fillEmphasis: {
+        default: '#b4c7d7',
+        hover: '#cadae7',
+        active: '#deeaf4',
+      },
+    },
+    accent: {
+      canvas: '#0a0b0b',
+      surface: '#1e2323',
+      fillMuted: {
+        default: '#3c6266',
+        hover: '#3e7378',
+        active: '#41878e',
+      },
+      fillEmphasis: {
+        default: '#8cd2da',
+        hover: '#ace3e9',
+        active: '#c7f1f6',
+      },
+    },
+    success: {
+      canvas: '#0a0c0a',
+      surface: '#1e231e',
+      fillMuted: {
+        default: '#3c673a',
+        hover: '#3e793c',
+        active: '#418e3e',
+      },
+      fillEmphasis: {
+        default: '#8cdb87',
+        hover: '#aceba8',
+        active: '#c7f7c3',
+      },
+    },
+    info: {
+      canvas: '#0a0b0c',
+      surface: '#1d2226',
+      fillMuted: {
+        default: '#33607e',
+        hover: '#316f98',
+        active: '#2e82b7',
+      },
+      fillEmphasis: {
+        default: '#7dceff',
+        hover: '#a2e0ff',
+        active: '#c4eeff',
+      },
+    },
+    warning: {
+      canvas: '#0c0b0a',
+      surface: '#27201b',
+      fillMuted: {
+        default: '#7e4e25',
+        hover: '#97571b',
+        active: '#b46201',
+      },
+      fillEmphasis: {
+        default: '#ffad63',
+        hover: '#ffc791',
+        active: '#ffddb9',
+      },
+    },
+    danger: {
+      canvas: '#0d0a0a',
+      surface: '#2a1e1e',
+      fillMuted: {
+        default: '#923a3c',
+        hover: '#b03940',
+        active: '#d43745',
+      },
+      fillEmphasis: {
+        default: '#ffa3a1',
+        hover: '#ffc1bf',
+        active: '#ffd9d7',
+      },
+    },
+    floating: '#202223',
+    backdrop: '#738696',
+    input: '#0b0b0b',
+    disabled: '#525c65',
+  },
+  border: {
+    neutral: {
+      subtle: '#525c65',
+      medium: '#738696',
+      strong: '#9fb4c6',
+    },
+    accent: {
+      subtle: '#3c6266',
+      medium: '#439199',
+      strong: '#6ec0c9',
+    },
+    success: {
+      subtle: '#3c673a',
+      medium: '#439941',
+      strong: '#6eca6a',
+    },
+    info: {
+      subtle: '#33607e',
+      medium: '#2d8bc5',
+      strong: '#5abbfb',
+    },
+    warning: {
+      subtle: '#7e4e25',
+      medium: '#c36800',
+      strong: '#f99539',
+    },
+    danger: {
+      subtle: '#923a3c',
+      medium: '#e53748',
+      strong: '#ff8082',
+    },
+    focus: '#2d8bc5',
+    disabled: '#738696',
+  },
+  text: {
+    neutral: {
+      subtle: '#d6e3ee',
+      strong: '#f5fdff',
+      subtleOnEmphasis: '#333639',
+      strongOnEmphasis: '#030303',
+    },
+    accent: {
+      subtle: '#bcebf1',
+      strong: '#e6ffff',
+      subtleOnEmphasis: '#2c3839',
+      strongOnEmphasis: '#030303',
+    },
+    success: {
+      subtle: '#bcf2b8',
+      strong: '#e6ffe3',
+      subtleOnEmphasis: '#2c392b',
+      strongOnEmphasis: '#030303',
+    },
+    info: {
+      subtle: '#b7e8ff',
+      strong: '#ecffff',
+      subtleOnEmphasis: '#2a3741',
+      strongOnEmphasis: '#030304',
+    },
+    warning: {
+      subtle: '#ffd4aa',
+      strong: '#fff7e6',
+      subtleOnEmphasis: '#413226',
+      strongOnEmphasis: '#040303',
+    },
+    danger: {
+      subtle: '#ffd0ce',
+      strong: '#fff5f4',
+      subtleOnEmphasis: '#492d2c',
+      strongOnEmphasis: '#040303',
+    },
+    link: '#5abbfb',
+    disabled: '#738696',
+  },
+} as const

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

@@ -0,0 +1,116 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const color = {
+  bgFloating: '#ffffff',
+  bgBackdrop: '#aeaeae',
+  bgInput: '#f5f5f5',
+  borderFocus: '#6fb6e9',
+  textLink: '#0070a9',
+  bgDisabled: '#e1e1e1',
+  borderDisabled: '#aeaeae',
+  textDisabled: '#aeaeae',
+  accent: {
+    '1': '#eaf8fa',
+    '2': '#f6ffff',
+    '3': '#cfe7e9',
+    '4': '#bbdbdf',
+    '5': '#a2cdd2',
+    '6': '#bbdbdf',
+    '7': '#7cbac1',
+    '8': '#21767e',
+    '9': '#206f77',
+    '10': '#205c62',
+    '11': '#20565c',
+    '12': '#1f6369',
+    '13': '#141f20',
+    '14': '#cae4e7',
+    '15': '#ffffff',
+  },
+  neutral: {
+    '1': '#f5f5f5',
+    '2': '#ffffff',
+    '3': '#e1e1e1',
+    '4': '#d4d4d4',
+    '5': '#c4c4c4',
+    '6': '#d4d4d4',
+    '7': '#aeaeae',
+    '8': '#696969',
+    '9': '#636363',
+    '10': '#525252',
+    '11': '#4d4d4d',
+    '12': '#585858',
+    '13': '#1d1d1d',
+    '14': '#dedede',
+    '15': '#ffffff',
+  },
+  info: {
+    '1': '#e7f8ff',
+    '2': '#f4ffff',
+    '3': '#cae6fa',
+    '4': '#b5daf5',
+    '5': '#99cbf0',
+    '6': '#b5daf5',
+    '7': '#6fb6e9',
+    '8': '#0070a9',
+    '9': '#006aa0',
+    '10': '#085883',
+    '11': '#0e5279',
+    '12': '#015e8d',
+    '13': '#121e27',
+    '14': '#c5e3f9',
+    '15': '#ffffff',
+  },
+  success: {
+    '1': '#eafbe8',
+    '2': '#f6fff5',
+    '3': '#cfeacc',
+    '4': '#bbe0b8',
+    '5': '#a2d49e',
+    '6': '#bbe0b8',
+    '7': '#7cc278',
+    '8': '#227e22',
+    '9': '#207720',
+    '10': '#20621f',
+    '11': '#215c1f',
+    '12': '#20691f',
+    '13': '#142114',
+    '14': '#cae8c7',
+    '15': '#ffffff',
+  },
+  warning: {
+    '1': '#fff1e2',
+    '2': '#fffcf0',
+    '3': '#fbdac1',
+    '4': '#f6caaa',
+    '5': '#f0b689',
+    '6': '#f6caaa',
+    '7': '#e89959',
+    '8': '#a34e00',
+    '9': '#9b4900',
+    '10': '#813e00',
+    '11': '#773a00',
+    '12': '#8a4100',
+    '13': '#27190e',
+    '14': '#fad6bc',
+    '15': '#ffffff',
+  },
+  danger: {
+    '1': '#ffecea',
+    '2': '#fff9f8',
+    '3': '#ffd0ce',
+    '4': '#ffbcba',
+    '5': '#ffa3a1',
+    '6': '#ffbcba',
+    '7': '#ff7a7d',
+    '8': '#c6002d',
+    '9': '#bc002a',
+    '10': '#9a1026',
+    '11': '#8e1525',
+    '12': '#a50827',
+    '13': '#2e1414',
+    '14': '#ffcbc9',
+    '15': '#ffffff',
+  },
+} as const

package/build/ts/color/color-scheme/light-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/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