@ornikar/kitt-universal 31.0.1 → 31.1.0

package/dist/linaria-themes-node-22.17.es.web.mjs

@@ -127,6 +127,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']
+    }
   }
 };