@drivy/cobalt 2.0.0-beta.4 → 2.0.0-beta.5

package/cjs/tokens/palette.js

@@ -256,7 +256,41 @@ const navy_alpha = {
 	"24": "#3026523D",
 	"26": "#30265242",
 	"28": "#30265247",
-	"30": "#3026524D"
+	"30": "#3026524D",
+	"32": "#30265252",
+	"34": "#30265257",
+	"36": "#3026525C",
+	"38": "#30265261",
+	"40": "#30265266",
+	"42": "#3026526B",
+	"44": "#30265270",
+	"46": "#30265275",
+	"48": "#3026527A",
+	"50": "#30265280",
+	"52": "#30265285",
+	"54": "#3026528A",
+	"56": "#3026528F",
+	"58": "#30265294",
+	"60": "#30265299",
+	"62": "#3026529E",
+	"64": "#302652A3",
+	"66": "#302652A8",
+	"68": "#302652AD",
+	"70": "#302652B3",
+	"72": "#302652B8",
+	"74": "#302652BD",
+	"76": "#302652C2",
+	"78": "#302652C7",
+	"80": "#302652CC",
+	"82": "#302652D1",
+	"84": "#302652D6",
+	"86": "#302652DB",
+	"88": "#302652E0",
+	"90": "#302652E6",
+	"92": "#302652EB",
+	"94": "#302652F0",
+	"96": "#302652F5",
+	"98": "#302652FA"
 };
 const grey_alpha = {
 	"1": "#E3E3E303",
@@ -271,7 +305,21 @@ const grey_alpha = {
 	"10": "#E3E3E31A",
 	"15": "#E3E3E326",
 	"20": "#E3E3E333",
-	"25": "#E3E3E340"
+	"25": "#E3E3E340",
+	"30": "#E3E3E34D",
+	"35": "#E3E3E359",
+	"40": "#E3E3E366",
+	"45": "#E3E3E373",
+	"50": "#E3E3E380",
+	"55": "#E3E3E38C",
+	"60": "#E3E3E399",
+	"65": "#E3E3E3A6",
+	"70": "#E3E3E3B3",
+	"75": "#E3E3E3BF",
+	"80": "#E3E3E3CC",
+	"85": "#E3E3E3D9",
+	"90": "#E3E3E3E6",
+	"95": "#E3E3E3F2"
 };
 var _palette = {
 	grey: grey,

package/cjs/tokens/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/tokens/theme.js

@@ -11,17 +11,17 @@ const outlineVariant = "navy.300/black.400";
 const onSurface = "navy.1100/grey.300";
 const onSurfaceVariant = "navy.600/grey.700";
 const onSurfaceContainerVariant = "grey.500/grey.1300";
-const disabled = "navy_alpha.5/grey_alpha.8";
-const onSurfaceDisabled = "navy_alpha.30/grey_alpha.15";
+const disabled = "navy_alpha.8/grey_alpha.20";
+const onSurfaceDisabled = "navy_alpha.40/grey_alpha.45";
 const primary = "purple.1100/purple.600";
 const onPrimary = "white/black.1600";
 const primaryContainer = "purple.200/purple.1600";
 const onPrimaryContainer = "purple.1100/purple.200";
-const secondary = "violet.900/violet.1100";
-const onSecondary = "violet.100/violet.100";
+const secondary = "violet.900/violet.400";
+const onSecondary = "violet.100/black.1600";
 const secondaryContainer = "violet.100/violet.1400";
 const onSecondaryContainer = "violet.1500/violet.100";
-const onSecondaryContainerVariant = "violet.800/violet.100";
+const onSecondaryContainerVariant = "violet.800/violet.500";
 const tertiary = "blue.900/blue.1100";
 const onTertiary = "white/blue.100";
 const outlineTertiary = "blue.1000/blue.800";
@@ -40,6 +40,8 @@ const warning = "yellow.800/yellow.600";
 const onWarning = "yellow.1500/black.1600";
 const warningContainer = "yellow.200/yellow.1600";
 const onWarningContainer = "yellow.1400/yellow.500";
+const neutral = "navy.1100/grey.300";
+const onNeutral = "white/black.1600";
 const connect = "purple.800/purple.500";
 const onConnect = "white/black.1600";
 const keyExchange = "violet.700/violet.500";
@@ -103,6 +105,8 @@ var _theme = {
 	onWarning: onWarning,
 	warningContainer: warningContainer,
 	onWarningContainer: onWarningContainer,
+	neutral: neutral,
+	onNeutral: onNeutral,
 	connect: connect,
 	onConnect: onConnect,
 	keyExchange: keyExchange,
@@ -141,6 +145,7 @@ exports.errorContainer = errorContainer;
 exports.focus = focus;
 exports.hover = hover;
 exports.keyExchange = keyExchange;
+exports.neutral = neutral;
 exports.onBusiness = onBusiness;
 exports.onBusinessContainer = onBusinessContainer;
 exports.onBusinessVariant = onBusinessVariant;
@@ -148,6 +153,7 @@ exports.onConnect = onConnect;
 exports.onError = onError;
 exports.onErrorContainer = onErrorContainer;
 exports.onKeyExchange = onKeyExchange;
+exports.onNeutral = onNeutral;
 exports.onPrimary = onPrimary;
 exports.onPrimaryContainer = onPrimaryContainer;
 exports.onSeasonHigh = onSeasonHigh;

package/cjs/tokens/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/src/index.d.ts",
@@ -62,7 +62,7 @@
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
     "autoprefixer": "10.4.21",
-    "core-js": "3.42.0",
+    "core-js": "3.43.0",
     "css-loader": "7.1.2",
     "eslint": "8.57.1",
     "eslint-plugin-storybook": "^0.12.0",
@@ -88,7 +88,7 @@
     "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-svgo": "2.0.0",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.89.1",
+    "sass": "1.89.2",
     "sass-loader": "13.3.3",
     "sharp-cli": "5.1.0",
     "storybook": "7.6.20",
@@ -97,7 +97,7 @@
     "svg2vectordrawable": "2.9.1",
     "svgo": "3.3.2",
     "ts-jest": "29.3.4",
-    "tsx": "4.19.4",
+    "tsx": "4.20.1",
     "typescript": "5.4.5"
   },
   "keywords": [

package/src/tokens/palette.js

@@ -252,7 +252,41 @@ const navy_alpha = {
 	"24": "#3026523D",
 	"26": "#30265242",
 	"28": "#30265247",
-	"30": "#3026524D"
+	"30": "#3026524D",
+	"32": "#30265252",
+	"34": "#30265257",
+	"36": "#3026525C",
+	"38": "#30265261",
+	"40": "#30265266",
+	"42": "#3026526B",
+	"44": "#30265270",
+	"46": "#30265275",
+	"48": "#3026527A",
+	"50": "#30265280",
+	"52": "#30265285",
+	"54": "#3026528A",
+	"56": "#3026528F",
+	"58": "#30265294",
+	"60": "#30265299",
+	"62": "#3026529E",
+	"64": "#302652A3",
+	"66": "#302652A8",
+	"68": "#302652AD",
+	"70": "#302652B3",
+	"72": "#302652B8",
+	"74": "#302652BD",
+	"76": "#302652C2",
+	"78": "#302652C7",
+	"80": "#302652CC",
+	"82": "#302652D1",
+	"84": "#302652D6",
+	"86": "#302652DB",
+	"88": "#302652E0",
+	"90": "#302652E6",
+	"92": "#302652EB",
+	"94": "#302652F0",
+	"96": "#302652F5",
+	"98": "#302652FA"
 };
 const grey_alpha = {
 	"1": "#E3E3E303",
@@ -267,7 +301,21 @@ const grey_alpha = {
 	"10": "#E3E3E31A",
 	"15": "#E3E3E326",
 	"20": "#E3E3E333",
-	"25": "#E3E3E340"
+	"25": "#E3E3E340",
+	"30": "#E3E3E34D",
+	"35": "#E3E3E359",
+	"40": "#E3E3E366",
+	"45": "#E3E3E373",
+	"50": "#E3E3E380",
+	"55": "#E3E3E38C",
+	"60": "#E3E3E399",
+	"65": "#E3E3E3A6",
+	"70": "#E3E3E3B3",
+	"75": "#E3E3E3BF",
+	"80": "#E3E3E3CC",
+	"85": "#E3E3E3D9",
+	"90": "#E3E3E3E6",
+	"95": "#E3E3E3F2"
 };
 var require$$1 = {
 	grey: grey,

package/src/tokens/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/src/tokens/theme.js

@@ -7,17 +7,17 @@ const outlineVariant = "navy.300/black.400";
 const onSurface = "navy.1100/grey.300";
 const onSurfaceVariant = "navy.600/grey.700";
 const onSurfaceContainerVariant = "grey.500/grey.1300";
-const disabled = "navy_alpha.5/grey_alpha.8";
-const onSurfaceDisabled = "navy_alpha.30/grey_alpha.15";
+const disabled = "navy_alpha.8/grey_alpha.20";
+const onSurfaceDisabled = "navy_alpha.40/grey_alpha.45";
 const primary = "purple.1100/purple.600";
 const onPrimary = "white/black.1600";
 const primaryContainer = "purple.200/purple.1600";
 const onPrimaryContainer = "purple.1100/purple.200";
-const secondary = "violet.900/violet.1100";
-const onSecondary = "violet.100/violet.100";
+const secondary = "violet.900/violet.400";
+const onSecondary = "violet.100/black.1600";
 const secondaryContainer = "violet.100/violet.1400";
 const onSecondaryContainer = "violet.1500/violet.100";
-const onSecondaryContainerVariant = "violet.800/violet.100";
+const onSecondaryContainerVariant = "violet.800/violet.500";
 const tertiary = "blue.900/blue.1100";
 const onTertiary = "white/blue.100";
 const outlineTertiary = "blue.1000/blue.800";
@@ -36,6 +36,8 @@ const warning = "yellow.800/yellow.600";
 const onWarning = "yellow.1500/black.1600";
 const warningContainer = "yellow.200/yellow.1600";
 const onWarningContainer = "yellow.1400/yellow.500";
+const neutral = "navy.1100/grey.300";
+const onNeutral = "white/black.1600";
 const connect = "purple.800/purple.500";
 const onConnect = "white/black.1600";
 const keyExchange = "violet.700/violet.500";
@@ -99,6 +101,8 @@ var require$$0 = {
 	onWarning: onWarning,
 	warningContainer: warningContainer,
 	onWarningContainer: onWarningContainer,
+	neutral: neutral,
+	onNeutral: onNeutral,
 	connect: connect,
 	onConnect: onConnect,
 	keyExchange: keyExchange,
@@ -125,5 +129,5 @@ var require$$0 = {
 	surfaceFixed: surfaceFixed
 };
 
-export { business, businessContainer, businessVariant, connect, require$$0 as default, disabled, drag, error, errorContainer, focus, hover, keyExchange, onBusiness, onBusinessContainer, onBusinessVariant, onConnect, onError, onErrorContainer, onKeyExchange, onPrimary, onPrimaryContainer, onSeasonHigh, onSeasonHighest, onSeasonLowest, onSeasonMedium, onSecondary, onSecondaryContainer, onSecondaryContainerVariant, onSuccess, onSuccessContainer, onSurface, onSurfaceContainerVariant, onSurfaceDisabled, onSurfaceVariant, onTertiary, onTertiaryContainer, onTertiaryContainerVariant, onWarning, onWarningContainer, outline, outlineTertiary, outlineVariant, press, primary, primaryContainer, scrim, seasonHigh, seasonHighest, seasonLowest, seasonMedium, secondary, secondaryContainer, success, successContainer, surface, surfaceBright, surfaceContainer, surfaceContainerVariant, surfaceFixed, tertiary, tertiaryContainer, warning, warningContainer };
+export { business, businessContainer, businessVariant, connect, require$$0 as default, disabled, drag, error, errorContainer, focus, hover, keyExchange, neutral, onBusiness, onBusinessContainer, onBusinessVariant, onConnect, onError, onErrorContainer, onKeyExchange, onNeutral, onPrimary, onPrimaryContainer, onSeasonHigh, onSeasonHighest, onSeasonLowest, onSeasonMedium, onSecondary, onSecondaryContainer, onSecondaryContainerVariant, onSuccess, onSuccessContainer, onSurface, onSurfaceContainerVariant, onSurfaceDisabled, onSurfaceVariant, onTertiary, onTertiaryContainer, onTertiaryContainerVariant, onWarning, onWarningContainer, outline, outlineTertiary, outlineVariant, press, primary, primaryContainer, scrim, seasonHigh, seasonHighest, seasonLowest, seasonMedium, secondary, secondaryContainer, success, successContainer, surface, surfaceBright, surfaceContainer, surfaceContainerVariant, surfaceFixed, tertiary, tertiaryContainer, warning, warningContainer };
 //# sourceMappingURL=theme.js.map

package/src/tokens/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/styles/core/palette.css

@@ -231,6 +231,40 @@
   --c-navy_alpha-26: #30265242;
   --c-navy_alpha-28: #30265247;
   --c-navy_alpha-30: #3026524d;
+  --c-navy_alpha-32: #30265252;
+  --c-navy_alpha-34: #30265257;
+  --c-navy_alpha-36: #3026525c;
+  --c-navy_alpha-38: #30265261;
+  --c-navy_alpha-40: #30265266;
+  --c-navy_alpha-42: #3026526b;
+  --c-navy_alpha-44: #30265270;
+  --c-navy_alpha-46: #30265275;
+  --c-navy_alpha-48: #3026527a;
+  --c-navy_alpha-50: #30265280;
+  --c-navy_alpha-52: #30265285;
+  --c-navy_alpha-54: #3026528a;
+  --c-navy_alpha-56: #3026528f;
+  --c-navy_alpha-58: #30265294;
+  --c-navy_alpha-60: #30265299;
+  --c-navy_alpha-62: #3026529e;
+  --c-navy_alpha-64: #302652a3;
+  --c-navy_alpha-66: #302652a8;
+  --c-navy_alpha-68: #302652ad;
+  --c-navy_alpha-70: #302652b3;
+  --c-navy_alpha-72: #302652b8;
+  --c-navy_alpha-74: #302652bd;
+  --c-navy_alpha-76: #302652c2;
+  --c-navy_alpha-78: #302652c7;
+  --c-navy_alpha-80: #302652cc;
+  --c-navy_alpha-82: #302652d1;
+  --c-navy_alpha-84: #302652d6;
+  --c-navy_alpha-86: #302652db;
+  --c-navy_alpha-88: #302652e0;
+  --c-navy_alpha-90: #302652e6;
+  --c-navy_alpha-92: #302652eb;
+  --c-navy_alpha-94: #302652f0;
+  --c-navy_alpha-96: #302652f5;
+  --c-navy_alpha-98: #302652fa;
   --c-grey_alpha-1: #e3e3e303;
   --c-grey_alpha-2: #e3e3e305;
   --c-grey_alpha-3: #e3e3e308;
@@ -244,4 +278,18 @@
   --c-grey_alpha-15: #e3e3e326;
   --c-grey_alpha-20: #e3e3e333;
   --c-grey_alpha-25: #e3e3e340;
+  --c-grey_alpha-30: #e3e3e34d;
+  --c-grey_alpha-35: #e3e3e359;
+  --c-grey_alpha-40: #e3e3e366;
+  --c-grey_alpha-45: #e3e3e373;
+  --c-grey_alpha-50: #e3e3e380;
+  --c-grey_alpha-55: #e3e3e38c;
+  --c-grey_alpha-60: #e3e3e399;
+  --c-grey_alpha-65: #e3e3e3a6;
+  --c-grey_alpha-70: #e3e3e3b3;
+  --c-grey_alpha-75: #e3e3e3bf;
+  --c-grey_alpha-80: #e3e3e3cc;
+  --c-grey_alpha-85: #e3e3e3d9;
+  --c-grey_alpha-90: #e3e3e3e6;
+  --c-grey_alpha-95: #e3e3e3f2;
 }

package/styles/core/theme.css

@@ -12,8 +12,8 @@
   --c-onSurface: var(--c-navy-1100);
   --c-onSurfaceVariant: var(--c-navy-600);
   --c-onSurfaceContainerVariant: var(--c-grey-500);
-  --c-disabled: var(--c-navy_alpha-5);
-  --c-onSurfaceDisabled: var(--c-navy_alpha-30);
+  --c-disabled: var(--c-navy_alpha-8);
+  --c-onSurfaceDisabled: var(--c-navy_alpha-40);
   --c-primary: var(--c-purple-1100);
   --c-onPrimary: var(--c-white);
   --c-primaryContainer: var(--c-purple-200);
@@ -41,6 +41,8 @@
   --c-onWarning: var(--c-yellow-1500);
   --c-warningContainer: var(--c-yellow-200);
   --c-onWarningContainer: var(--c-yellow-1400);
+  --c-neutral: var(--c-navy-1100);
+  --c-onNeutral: var(--c-white);
   --c-connect: var(--c-purple-800);
   --c-onConnect: var(--c-white);
   --c-keyExchange: var(--c-violet-700);
@@ -77,8 +79,8 @@
   --c-onSurface: var(--c-navy-1100);
   --c-onSurfaceVariant: var(--c-navy-600);
   --c-onSurfaceContainerVariant: var(--c-grey-500);
-  --c-disabled: var(--c-navy_alpha-5);
-  --c-onSurfaceDisabled: var(--c-navy_alpha-30);
+  --c-disabled: var(--c-navy_alpha-8);
+  --c-onSurfaceDisabled: var(--c-navy_alpha-40);
   --c-primary: var(--c-purple-1100);
   --c-onPrimary: var(--c-white);
   --c-primaryContainer: var(--c-purple-200);
@@ -106,6 +108,8 @@
   --c-onWarning: var(--c-yellow-1500);
   --c-warningContainer: var(--c-yellow-200);
   --c-onWarningContainer: var(--c-yellow-1400);
+  --c-neutral: var(--c-navy-1100);
+  --c-onNeutral: var(--c-white);
   --c-connect: var(--c-purple-800);
   --c-onConnect: var(--c-white);
   --c-keyExchange: var(--c-violet-700);
@@ -142,17 +146,17 @@
   --c-onSurface: var(--c-grey-300);
   --c-onSurfaceVariant: var(--c-grey-700);
   --c-onSurfaceContainerVariant: var(--c-grey-1300);
-  --c-disabled: var(--c-grey_alpha-8);
-  --c-onSurfaceDisabled: var(--c-grey_alpha-15);
+  --c-disabled: var(--c-grey_alpha-20);
+  --c-onSurfaceDisabled: var(--c-grey_alpha-45);
   --c-primary: var(--c-purple-600);
   --c-onPrimary: var(--c-black-1600);
   --c-primaryContainer: var(--c-purple-1600);
   --c-onPrimaryContainer: var(--c-purple-200);
-  --c-secondary: var(--c-violet-1100);
-  --c-onSecondary: var(--c-violet-100);
+  --c-secondary: var(--c-violet-400);
+  --c-onSecondary: var(--c-black-1600);
   --c-secondaryContainer: var(--c-violet-1400);
   --c-onSecondaryContainer: var(--c-violet-100);
-  --c-onSecondaryContainerVariant: var(--c-violet-100);
+  --c-onSecondaryContainerVariant: var(--c-violet-500);
   --c-tertiary: var(--c-blue-1100);
   --c-onTertiary: var(--c-blue-100);
   --c-outlineTertiary: var(--c-blue-800);
@@ -171,6 +175,8 @@
   --c-onWarning: var(--c-black-1600);
   --c-warningContainer: var(--c-yellow-1600);
   --c-onWarningContainer: var(--c-yellow-500);
+  --c-neutral: var(--c-grey-300);
+  --c-onNeutral: var(--c-black-1600);
   --c-connect: var(--c-purple-500);
   --c-onConnect: var(--c-black-1600);
   --c-keyExchange: var(--c-violet-500);

package/tokens/palette.js

@@ -252,7 +252,41 @@ const navy_alpha = {
 	"24": "#3026523D",
 	"26": "#30265242",
 	"28": "#30265247",
-	"30": "#3026524D"
+	"30": "#3026524D",
+	"32": "#30265252",
+	"34": "#30265257",
+	"36": "#3026525C",
+	"38": "#30265261",
+	"40": "#30265266",
+	"42": "#3026526B",
+	"44": "#30265270",
+	"46": "#30265275",
+	"48": "#3026527A",
+	"50": "#30265280",
+	"52": "#30265285",
+	"54": "#3026528A",
+	"56": "#3026528F",
+	"58": "#30265294",
+	"60": "#30265299",
+	"62": "#3026529E",
+	"64": "#302652A3",
+	"66": "#302652A8",
+	"68": "#302652AD",
+	"70": "#302652B3",
+	"72": "#302652B8",
+	"74": "#302652BD",
+	"76": "#302652C2",
+	"78": "#302652C7",
+	"80": "#302652CC",
+	"82": "#302652D1",
+	"84": "#302652D6",
+	"86": "#302652DB",
+	"88": "#302652E0",
+	"90": "#302652E6",
+	"92": "#302652EB",
+	"94": "#302652F0",
+	"96": "#302652F5",
+	"98": "#302652FA"
 };
 const grey_alpha = {
 	"1": "#E3E3E303",
@@ -267,7 +301,21 @@ const grey_alpha = {
 	"10": "#E3E3E31A",
 	"15": "#E3E3E326",
 	"20": "#E3E3E333",
-	"25": "#E3E3E340"
+	"25": "#E3E3E340",
+	"30": "#E3E3E34D",
+	"35": "#E3E3E359",
+	"40": "#E3E3E366",
+	"45": "#E3E3E373",
+	"50": "#E3E3E380",
+	"55": "#E3E3E38C",
+	"60": "#E3E3E399",
+	"65": "#E3E3E3A6",
+	"70": "#E3E3E3B3",
+	"75": "#E3E3E3BF",
+	"80": "#E3E3E3CC",
+	"85": "#E3E3E3D9",
+	"90": "#E3E3E3E6",
+	"95": "#E3E3E3F2"
 };
 var _palette = {
 	grey: grey,

package/tokens/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"palette.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tokens/theme.js

@@ -7,17 +7,17 @@ const outlineVariant = "navy.300/black.400";
 const onSurface = "navy.1100/grey.300";
 const onSurfaceVariant = "navy.600/grey.700";
 const onSurfaceContainerVariant = "grey.500/grey.1300";
-const disabled = "navy_alpha.5/grey_alpha.8";
-const onSurfaceDisabled = "navy_alpha.30/grey_alpha.15";
+const disabled = "navy_alpha.8/grey_alpha.20";
+const onSurfaceDisabled = "navy_alpha.40/grey_alpha.45";
 const primary = "purple.1100/purple.600";
 const onPrimary = "white/black.1600";
 const primaryContainer = "purple.200/purple.1600";
 const onPrimaryContainer = "purple.1100/purple.200";
-const secondary = "violet.900/violet.1100";
-const onSecondary = "violet.100/violet.100";
+const secondary = "violet.900/violet.400";
+const onSecondary = "violet.100/black.1600";
 const secondaryContainer = "violet.100/violet.1400";
 const onSecondaryContainer = "violet.1500/violet.100";
-const onSecondaryContainerVariant = "violet.800/violet.100";
+const onSecondaryContainerVariant = "violet.800/violet.500";
 const tertiary = "blue.900/blue.1100";
 const onTertiary = "white/blue.100";
 const outlineTertiary = "blue.1000/blue.800";
@@ -36,6 +36,8 @@ const warning = "yellow.800/yellow.600";
 const onWarning = "yellow.1500/black.1600";
 const warningContainer = "yellow.200/yellow.1600";
 const onWarningContainer = "yellow.1400/yellow.500";
+const neutral = "navy.1100/grey.300";
+const onNeutral = "white/black.1600";
 const connect = "purple.800/purple.500";
 const onConnect = "white/black.1600";
 const keyExchange = "violet.700/violet.500";
@@ -99,6 +101,8 @@ var _theme = {
 	onWarning: onWarning,
 	warningContainer: warningContainer,
 	onWarningContainer: onWarningContainer,
+	neutral: neutral,
+	onNeutral: onNeutral,
 	connect: connect,
 	onConnect: onConnect,
 	keyExchange: keyExchange,
@@ -125,5 +129,5 @@ var _theme = {
 	surfaceFixed: surfaceFixed
 };
 
-export { business, businessContainer, businessVariant, connect, _theme as default, disabled, drag, error, errorContainer, focus, hover, keyExchange, onBusiness, onBusinessContainer, onBusinessVariant, onConnect, onError, onErrorContainer, onKeyExchange, onPrimary, onPrimaryContainer, onSeasonHigh, onSeasonHighest, onSeasonLowest, onSeasonMedium, onSecondary, onSecondaryContainer, onSecondaryContainerVariant, onSuccess, onSuccessContainer, onSurface, onSurfaceContainerVariant, onSurfaceDisabled, onSurfaceVariant, onTertiary, onTertiaryContainer, onTertiaryContainerVariant, onWarning, onWarningContainer, outline, outlineTertiary, outlineVariant, press, primary, primaryContainer, scrim, seasonHigh, seasonHighest, seasonLowest, seasonMedium, secondary, secondaryContainer, success, successContainer, surface, surfaceBright, surfaceContainer, surfaceContainerVariant, surfaceFixed, tertiary, tertiaryContainer, warning, warningContainer };
+export { business, businessContainer, businessVariant, connect, _theme as default, disabled, drag, error, errorContainer, focus, hover, keyExchange, neutral, onBusiness, onBusinessContainer, onBusinessVariant, onConnect, onError, onErrorContainer, onKeyExchange, onNeutral, onPrimary, onPrimaryContainer, onSeasonHigh, onSeasonHighest, onSeasonLowest, onSeasonMedium, onSecondary, onSecondaryContainer, onSecondaryContainerVariant, onSuccess, onSuccessContainer, onSurface, onSurfaceContainerVariant, onSurfaceDisabled, onSurfaceVariant, onTertiary, onTertiaryContainer, onTertiaryContainerVariant, onWarning, onWarningContainer, outline, outlineTertiary, outlineVariant, press, primary, primaryContainer, scrim, seasonHigh, seasonHighest, seasonLowest, seasonMedium, secondary, secondaryContainer, success, successContainer, surface, surfaceBright, surfaceContainer, surfaceContainerVariant, surfaceFixed, tertiary, tertiaryContainer, warning, warningContainer };
 //# sourceMappingURL=theme.js.map

package/tokens/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/types/src/components/Icon/index.d.ts

@@ -5,7 +5,7 @@ interface IconsMap {
 }
 export declare const BUNDLED_ICONS: IconsMap;
 export type IconSources = keyof typeof iconTokens.icons;
-export declare const iconColors: ("surface" | "surfaceBright" | "surfaceContainer" | "surfaceContainerVariant" | "outline" | "outlineVariant" | "onSurface" | "onSurfaceVariant" | "onSurfaceContainerVariant" | "disabled" | "onSurfaceDisabled" | "primary" | "onPrimary" | "primaryContainer" | "onPrimaryContainer" | "secondary" | "onSecondary" | "secondaryContainer" | "onSecondaryContainer" | "onSecondaryContainerVariant" | "tertiary" | "onTertiary" | "outlineTertiary" | "tertiaryContainer" | "onTertiaryContainer" | "onTertiaryContainerVariant" | "success" | "onSuccess" | "successContainer" | "onSuccessContainer" | "error" | "onError" | "errorContainer" | "onErrorContainer" | "warning" | "onWarning" | "warningContainer" | "onWarningContainer" | "connect" | "onConnect" | "keyExchange" | "onKeyExchange" | "seasonLowest" | "onSeasonLowest" | "seasonMedium" | "onSeasonMedium" | "seasonHigh" | "onSeasonHigh" | "seasonHighest" | "onSeasonHighest" | "business" | "businessVariant" | "onBusiness" | "onBusinessVariant" | "businessContainer" | "onBusinessContainer" | "hover" | "focus" | "press" | "drag" | "scrim" | "surfaceFixed")[];
+export declare const iconColors: ("surface" | "surfaceBright" | "surfaceContainer" | "surfaceContainerVariant" | "outline" | "outlineVariant" | "onSurface" | "onSurfaceVariant" | "onSurfaceContainerVariant" | "disabled" | "onSurfaceDisabled" | "primary" | "onPrimary" | "primaryContainer" | "onPrimaryContainer" | "secondary" | "onSecondary" | "secondaryContainer" | "onSecondaryContainer" | "onSecondaryContainerVariant" | "tertiary" | "onTertiary" | "outlineTertiary" | "tertiaryContainer" | "onTertiaryContainer" | "onTertiaryContainerVariant" | "success" | "onSuccess" | "successContainer" | "onSuccessContainer" | "error" | "onError" | "errorContainer" | "onErrorContainer" | "warning" | "onWarning" | "warningContainer" | "onWarningContainer" | "neutral" | "onNeutral" | "connect" | "onConnect" | "keyExchange" | "onKeyExchange" | "seasonLowest" | "onSeasonLowest" | "seasonMedium" | "onSeasonMedium" | "seasonHigh" | "onSeasonHigh" | "seasonHighest" | "onSeasonHighest" | "business" | "businessVariant" | "onBusiness" | "onBusinessVariant" | "businessContainer" | "onBusinessContainer" | "hover" | "focus" | "press" | "drag" | "scrim" | "surfaceFixed")[];
 export type IconColorsType = (typeof iconColors)[number];
 export interface IconProps {
     source: IconSources;

package/types/src/tokens/index.d.ts

@@ -604,6 +604,40 @@ export declare const palette: {
         "26": string;
         "28": string;
         "30": string;
+        "32": string;
+        "34": string;
+        "36": string;
+        "38": string;
+        "40": string;
+        "42": string;
+        "44": string;
+        "46": string;
+        "48": string;
+        "50": string;
+        "52": string;
+        "54": string;
+        "56": string;
+        "58": string;
+        "60": string;
+        "62": string;
+        "64": string;
+        "66": string;
+        "68": string;
+        "70": string;
+        "72": string;
+        "74": string;
+        "76": string;
+        "78": string;
+        "80": string;
+        "82": string;
+        "84": string;
+        "86": string;
+        "88": string;
+        "90": string;
+        "92": string;
+        "94": string;
+        "96": string;
+        "98": string;
     };
     grey_alpha: {
         "1": string;
@@ -619,6 +653,20 @@ export declare const palette: {
         "15": string;
         "20": string;
         "25": string;
+        "30": string;
+        "35": string;
+        "40": string;
+        "45": string;
+        "50": string;
+        "55": string;
+        "60": string;
+        "65": string;
+        "70": string;
+        "75": string;
+        "80": string;
+        "85": string;
+        "90": string;
+        "95": string;
     };
 };
 export declare const theme: {
@@ -660,6 +708,8 @@ export declare const theme: {
     onWarning: string;
     warningContainer: string;
     onWarningContainer: string;
+    neutral: string;
+    onNeutral: string;
     connect: string;
     onConnect: string;
     keyExchange: string;

package/utils/getCobaltTailwindcssConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/thibaudesnouf/sources/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}
+{"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/cedric/Dev/drivy/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}