@ornikar/kitt-universal 30.0.1 → 31.0.1-canary.7572adc2e30f541d2bcef92dd996237207ebbb9c.0

package/dist/index-node-22.17.es.web.mjs

@@ -55,8 +55,10 @@ const colorScales = {
     6: '#C1B59F'
   }),
   lightning: createColorScale({
+    4: '#FFF966',
     5: '#FFF500',
-    7: '#43390A'
+    8: '#594D0D',
+    9: '#43390A'
   }),
   rainbow: createColorScale({
     pink: '#E4A4F9',
@@ -82,22 +84,26 @@ const colorScales = {
   blue: createColorScale({
     1: '#E9F4FC',
     2: '#BCDFF6',
-    6: '#1772AB'
+    6: '#1772AB',
+    7: '#125A87'
   }),
   green: createColorScale({
     1: '#ECFEDD',
     2: '#DBFAC1',
-    6: '#438D06'
+    6: '#438D06',
+    7: '#357105'
   }),
   yellow: createColorScale({
     1: '#FDF8E7',
     2: '#FAEBB8',
-    6: '#EFC11F'
+    6: '#EFC11F',
+    7: '#BA930B'
   }),
   red: createColorScale({
     1: '#FDE4E3',
     2: '#FAB8B8',
-    6: '#F14847'
+    6: '#F14847',
+    7: '#BD100F'
   }),
   'beige-alpha': createColorScale({
     '25': '#C1B59F40',
@@ -112,6 +118,7 @@ const colorScales = {
   'white-alpha': createColorScale({
     '10': '#FFFFFF1A',
     '20': '#FFFFFF33',
+    '60': '#FFFFFF99',
     '80': '#FFFFFFCC',
     '90': '#FFFFFFE5'
   })
@@ -152,6 +159,102 @@ const colors = {
   overlay: {
     dark: deepPurpleColorPalette['grey-alpha.50'],
     light: deepPurpleColorPalette['white-alpha.80']
+  },
+  // Bumper semantic tokens
+  // Should be kept in sync with the light theme in bumper
+  // https://github.com/ornikar/kitt/blob/79e367e962c957c016c4df67dbcf515c8f45ff0e/@ornikar/bumper/src/themes/light.ts#L6
+  bumper: {
+    content: {
+      base: {
+        hi: deepPurpleColorPalette['grey.9'],
+        mid: deepPurpleColorPalette['grey.7'],
+        low: deepPurpleColorPalette['grey.5'],
+        onContrasted: {
+          hi: deepPurpleColorPalette['grey.0'],
+          mid: deepPurpleColorPalette['white-alpha.80'],
+          low: deepPurpleColorPalette['white-alpha.60']
+        }
+      },
+      accent: deepPurpleColorPalette['deepPurple.8'],
+      promo: deepPurpleColorPalette['lightning.9'],
+      info: deepPurpleColorPalette['blue.7'],
+      success: deepPurpleColorPalette['green.7'],
+      warning: deepPurpleColorPalette['yellow.7'],
+      danger: deepPurpleColorPalette['red.7'],
+      muted: deepPurpleColorPalette['beige.6'],
+      disabled: deepPurpleColorPalette['grey.3']
+    },
+    bg: {
+      base: {
+        hi: {
+          default: deepPurpleColorPalette['beige.2'],
+          pressed: deepPurpleColorPalette['beige.3']
+        },
+        mid: {
+          default: deepPurpleColorPalette['beige.1'],
+          pressed: deepPurpleColorPalette['beige.2']
+        },
+        low: {
+          default: deepPurpleColorPalette['grey.0'],
+          pressed: deepPurpleColorPalette['beige.1']
+        }
+      },
+      accent: {
+        default: deepPurpleColorPalette['deepPurple.8'],
+        pressed: deepPurpleColorPalette['deepPurple.7']
+      },
+      promo: {
+        hi: {
+          default: deepPurpleColorPalette['lightning.9'],
+          pressed: deepPurpleColorPalette['lightning.8']
+        },
+        mid: {
+          default: deepPurpleColorPalette['lightning.5'],
+          pressed: deepPurpleColorPalette['lightning.4']
+        }
+      },
+      highlight: {
+        default: deepPurpleColorPalette['blue.1'],
+        pressed: deepPurpleColorPalette['blue.2']
+      },
+      info: {
+        hi: deepPurpleColorPalette['blue.6'],
+        mid: deepPurpleColorPalette['blue.1']
+      },
+      success: {
+        hi: deepPurpleColorPalette['green.6'],
+        mid: deepPurpleColorPalette['green.1']
+      },
+      warning: {
+        hi: deepPurpleColorPalette['yellow.6'],
+        mid: deepPurpleColorPalette['yellow.1']
+      },
+      danger: {
+        hi: deepPurpleColorPalette['red.6'],
+        mid: deepPurpleColorPalette['red.1']
+      },
+      disabled: {
+        hi: deepPurpleColorPalette['grey.3'],
+        mid: deepPurpleColorPalette['grey.1']
+      },
+      overlay: deepPurpleColorPalette['grey-alpha.50']
+    },
+    border: {
+      base: {
+        hi: deepPurpleColorPalette['grey.9'],
+        mid: deepPurpleColorPalette['beige.3'],
+        onContrasted: {
+          hi: deepPurpleColorPalette['grey.0'],
+          mid: deepPurpleColorPalette['white-alpha.20']
+        }
+      },
+      accent: deepPurpleColorPalette['deepPurple.8'],
+      info: deepPurpleColorPalette['blue.6'],
+      success: deepPurpleColorPalette['green.6'],
+      warning: deepPurpleColorPalette['yellow.6'],
+      danger: deepPurpleColorPalette['red.6'],
+      disabled: deepPurpleColorPalette['grey.2']
+    }
   }
 };
 
@@ -11951,10 +12054,10 @@ function Sticker({
     },
     promo: {
       background: kittTheme.kitt.palettes.deepPurple['lightning.5'],
-      font: kittTheme.kitt.palettes.deepPurple['lightning.7']
+      font: kittTheme.kitt.palettes.deepPurple['lightning.9']
     },
     darkPromo: {
-      background: kittTheme.kitt.palettes.deepPurple['lightning.7'],
+      background: kittTheme.kitt.palettes.deepPurple['lightning.9'],
       font: kittTheme.kitt.palettes.deepPurple['lightning.5']
     },
     disabled: {