@drivy/cobalt 0.25.1 → 0.26.0

package/tokens/theme.js

@@ -1,4 +1,10 @@
 const background = {
+	primary: "grey.lighter/white/black.500",
+	secondary: "white/white/black.300",
+	secondaryInteractive: {
+		DEFAULT: "white/white/black.300",
+		hover: "grey.lighter/navy.50/black.300"
+	},
 	accent: "purple/purple.500/purpleDeep.400",
 	accentInteractive: {
 		DEFAULT: "purple/purple.500/purpleDeep.400",
@@ -9,30 +15,58 @@ const background = {
 		DEFAULT: "indigo/purple.100/purpleDeep.900",
 		hover: "indigo/purpleLight.100/purpleDeep.900"
 	},
-	connect: "turquoise/turquoise.500/turquoise.500",
-	connectInteractive: {
-		DEFAULT: "turquoise/turquoise.500/turquoise.500",
-		hover: "turquoise/turquoise.700/turquoise.500"
-	},
-	driver: "deprecatedDriver/yellow.500/yellow.500",
+	info: "grey.lighter/yellow.100/yellow.1000",
 	error: "red/red.500/red.500",
 	errorInteractive: {
 		DEFAULT: "red/red.500/red.500",
 		hover: "red/red.700/red.500"
 	},
 	errorAlt: "graphite/red.100/red.900",
-	info: "grey.lighter/yellow.100/yellow.1000",
-	neutral: "grey.light/navy.100/black.50",
-	neutralAlt: "grey.lighter/navy.50/black.100",
+	success: "green/green.700/green.700",
+	successAlt: "graphite/green.100/green.1000",
+	connect: "turquoise/turquoise.500/turquoise.500",
+	connectInteractive: {
+		DEFAULT: "turquoise/turquoise.500/turquoise.500",
+		hover: "turquoise/turquoise.700/turquoise.500"
+	},
+	driver: "deprecatedDriver/yellow.500/yellow.500",
 	owner: "indigo.dark/navy.700/navy.700",
-	primary: "grey.lighter/white/black.500",
-	secondary: "white/white/black.300",
-	secondaryInteractive: {
-		DEFAULT: "white/white/black.300",
-		hover: "grey.lighter/navy.50/black.300"
+	disabled: "grey.light/navy.100/black.50",
+	neutral: "grey.light/navy.100/black.50",
+	neutralAlt: "grey.lighter/navy.50/black.100"
+};
+const text = {
+	base: "graphite/navy.700/grey.100",
+	baseInteractive: {
+		DEFAULT: "graphite/navy.700/grey.100",
+		hover: "graphite/navy.900/grey.100"
+	},
+	subdued: "graphite.light/navy.300/grey.300",
+	subduedInteractive: {
+		DEFAULT: "graphite.light/navy.300/grey.300",
+		hover: "graphite/navy.500/grey.300"
+	},
+	accent: "purple/purple.500/purpleDeep.400",
+	accentInteractive: {
+		DEFAULT: "blue/purple.500/purpleDeep.400",
+		hover: "blue/purple.700/purpleDeep.400"
+	},
+	accentAlt: "white/purple.500/grey.100",
+	accentAltInteractive: {
+		DEFAULT: "white/purple.500/grey.100",
+		hover: "indigo/purple.700/grey.100"
 	},
+	info: "graphite.light/yellow.900/yellow.300",
+	error: "red/red.500/red.400",
+	errorAlt: "white/red.500/red.500",
 	success: "green/green.700/green.700",
-	successAlt: "graphite/green.100/green.1000"
+	successAlt: "white/green.900/green.100",
+	connect: "turquoise/turquoise.500/turquoise.500",
+	driver: "graphite/navy.700/navy.700",
+	owner: "white/white/grey.100",
+	warning: "coral/orange.500/orange.300",
+	infoAlt: "turquoise/yellow.500/yellow.700",
+	inversed: "white/white/white"
 };
 const buttonBackground = {
 	selected: "indigo/purple.100/purpleDeep.900",
@@ -124,14 +158,17 @@ const buttonLabel = {
 		press: "blue/purple.900/purpleDeep.400"
 	}
 };
-const fill = {
-	accent: "purple/purple.500/purpleDeep.400",
-	accentAlt: "purple/purple.100/purpleDeep.900",
-	disabled: "grey.dark/navy.300/grey.300",
-	secondary: "turquoise/yellow.500/yellow.500",
-	subdued: "grey.light/navy.100/black.50"
-};
 const icon = {
+	base: "graphite/navy.500/grey.100",
+	baseInteractive: {
+		DEFAULT: "graphite/navy.500/grey.100",
+		hover: "graphite/navy.700/grey.100"
+	},
+	subdued: "graphite.light/navy.300/grey.300",
+	subduedInteractive: {
+		DEFAULT: "graphite.light/navy.300/grey.300",
+		hover: "graphite/navy.500/grey.300"
+	},
 	accent: "purple/purple.500/purpleDeep.400",
 	accentInteractive: {
 		DEFAULT: "purple/purple.500/purpleDeep.400",
@@ -142,29 +179,27 @@ const icon = {
 		DEFAULT: "white/purple.500/grey.100",
 		hover: "indigo/purple.700/grey.100"
 	},
-	base: "graphite/navy.500/grey.100",
-	baseInteractive: {
-		DEFAULT: "graphite/navy.500/grey.100",
-		hover: "graphite/navy.700/grey.100"
-	},
-	connect: "turquoise/turquoise.500/white",
-	driver: "graphite/navy.700//navy.700",
+	info: "graphite.light/yellow.900/yellow.300",
 	error: "red/red.500/red.400",
 	errorAlt: "red/red.500/red.200",
-	info: "graphite.light/yellow.900/yellow.300",
-	infoAlt: "turquoise/yellow.500/yellow.700",
-	inversed: "white/white/white",
-	owner: "white/white/white",
-	subdued: "graphite.light/navy.300/grey.300",
-	subduedInteractive: {
-		DEFAULT: "graphite.light/navy.300/grey.300",
-		hover: "graphite/navy.500/grey.300"
-	},
 	success: "green/green.700/green.700",
 	successAlt: "white/green.900/green.100",
-	warning: "coral/orange.500/orange.300"
+	connect: "turquoise/turquoise.500/white",
+	driver: "graphite/navy.700//navy.700",
+	owner: "white/white/white",
+	warning: "coral/orange.500/orange.300",
+	infoAlt: "turquoise/yellow.500/yellow.700",
+	inversed: "white/white/white",
+	disabled: "grey.lighter/navy.100/black.50"
 };
 const stroke = {
+	base: "grey/navy.100/black.50",
+	baseInteractive: {
+		DEFAULT: "grey/navy.100/black.50",
+		hover: "graphite.light/navy.300/purpleDeep.400",
+		press: "graphite/navy.500/purpleDeep.400"
+	},
+	subdued: "grey.light/navy.100/black.50",
 	accent: "indigo/purple.500/purpleDeep.400",
 	accentInteractive: {
 		DEFAULT: "indigo/purple.500/purpleDeep.400",
@@ -172,60 +207,32 @@ const stroke = {
 		press: "indigo.dark/purple.900/purpleDeep.400"
 	},
 	accentAlt: "purple/purple.300/purpleDeep.700",
-	base: "grey/navy.100/black.50",
-	baseInteractive: {
-		DEFAULT: "grey/navy.100/black.50",
-		hover: "graphite.light/navy.300/purpleDeep.400",
-		press: "graphite/navy.500/purpleDeep.400"
-	},
 	error: "red/red.500/red.200",
 	errorAlt: "red/red.500/red.200",
-	subdued: "grey.light/navy.100/black.50",
 	success: "green/green.500/green.700",
 	successAlt: "green/green.500/green.700"
 };
-const text = {
+const fill = {
+	base: "graphite/navy.500/grey.100",
+	secondary: "turquoise/yellow.500/yellow.500",
+	subdued: "grey.light/navy.100/black.50",
 	accent: "purple/purple.500/purpleDeep.400",
-	accentInteractive: {
-		DEFAULT: "blue/purple.500/purpleDeep.400",
-		hover: "blue/purple.700/purpleDeep.400"
-	},
-	accentAlt: "white/purple.500/grey.100",
-	accentAltInteractive: {
-		DEFAULT: "white/purple.500/grey.100",
-		hover: "indigo/purple.700/grey.100"
-	},
-	base: "graphite/navy.700/grey.100",
-	baseInteractive: {
-		DEFAULT: "graphite/navy.700/grey.100",
-		hover: "graphite/navy.900/grey.100"
-	},
-	connect: "turquoise/turquoise.500/turquoise.500",
-	driver: "graphite/navy.700/navy.700",
-	error: "red/red.500/red.400",
-	errorAlt: "white/red.500/red.500",
-	info: "graphite.light/yellow.900/yellow.300",
-	infoAlt: "turquoise/yellow.500/yellow.700",
-	inversed: "white/white/white",
-	owner: "white/white/grey.100",
-	subdued: "graphite.light/navy.300/grey.300",
-	subduedInteractive: {
-		DEFAULT: "graphite.light/navy.300/grey.300",
-		hover: "graphite/navy.500/grey.300"
-	},
-	success: "green/green.700/green.700",
-	successAlt: "white/green.900/green.100",
-	warning: "coral/orange.500/orange.300"
+	accentAlt: "purple/purple.100/purpleDeep.900",
+	success: "red/red.500/red.500",
+	error: "green/green.500/green.700",
+	negative: "red/red.150/red.900",
+	neutral: "grey.lighter/navy.50/black.100",
+	disabled: "grey.dark/navy.300/grey.300"
 };
 var _theme = {
 	background: background,
+	text: text,
 	buttonBackground: buttonBackground,
 	buttonIcon: buttonIcon,
 	buttonLabel: buttonLabel,
-	fill: fill,
 	icon: icon,
 	stroke: stroke,
-	text: text
+	fill: fill
 };
 
 export { background, buttonBackground, buttonIcon, buttonLabel, _theme as default, fill, icon, stroke, text };

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/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: ("info" | "amber" | "blue" | "coral" | "graphite" | "graphiteLight" | "green" | "greenDark" | "greenLight" | "grey" | "greyDark" | "greyLight" | "greyLighter" | "indigo" | "indigoDark" | "purple" | "purpleLight" | "red" | "turquoise" | "white" | "accent" | "accentInteractive" | "accentAlt" | "accentAltInteractive" | "base" | "baseInteractive" | "connect" | "driver" | "error" | "errorAlt" | "infoAlt" | "inversed" | "owner" | "subdued" | "subduedInteractive" | "success" | "successAlt" | "warning")[];
+export declare const iconColors: ("info" | "amber" | "blue" | "coral" | "graphite" | "graphiteLight" | "green" | "greenDark" | "greenLight" | "grey" | "greyDark" | "greyLight" | "greyLighter" | "indigo" | "indigoDark" | "purple" | "purpleLight" | "red" | "turquoise" | "white" | "base" | "baseInteractive" | "subdued" | "subduedInteractive" | "accent" | "accentInteractive" | "accentAlt" | "accentAltInteractive" | "error" | "errorAlt" | "success" | "successAlt" | "connect" | "driver" | "owner" | "warning" | "infoAlt" | "inversed" | "disabled")[];
 export type IconColorsType = typeof iconColors[number];
 export interface IconProps {
     source: IconSources;

package/types/tokens/index.d.ts

@@ -438,6 +438,12 @@ export declare const palette: {
 };
 export declare const theme: {
     background: {
+        primary: string;
+        secondary: string;
+        secondaryInteractive: {
+            DEFAULT: string;
+            hover: string;
+        };
         accent: string;
         accentInteractive: {
             DEFAULT: string;
@@ -448,30 +454,58 @@ export declare const theme: {
             DEFAULT: string;
             hover: string;
         };
+        info: string;
+        error: string;
+        errorInteractive: {
+            DEFAULT: string;
+            hover: string;
+        };
+        errorAlt: string;
+        success: string;
+        successAlt: string;
         connect: string;
         connectInteractive: {
             DEFAULT: string;
             hover: string;
         };
         driver: string;
-        error: string;
-        errorInteractive: {
+        owner: string;
+        disabled: string;
+        neutral: string;
+        neutralAlt: string;
+    };
+    text: {
+        base: string;
+        baseInteractive: {
             DEFAULT: string;
             hover: string;
         };
-        errorAlt: string;
-        info: string;
-        neutral: string;
-        neutralAlt: string;
-        owner: string;
-        primary: string;
-        secondary: string;
-        secondaryInteractive: {
+        subdued: string;
+        subduedInteractive: {
             DEFAULT: string;
             hover: string;
         };
+        accent: string;
+        accentInteractive: {
+            DEFAULT: string;
+            hover: string;
+        };
+        accentAlt: string;
+        accentAltInteractive: {
+            DEFAULT: string;
+            hover: string;
+        };
+        info: string;
+        error: string;
+        errorAlt: string;
         success: string;
         successAlt: string;
+        connect: string;
+        driver: string;
+        owner: string;
+        warning: string;
+        infoAlt: string;
+        inversed: string;
     };
     buttonBackground: {
         selected: string;
@@ -563,97 +597,70 @@ export declare const theme: {
             press: string;
         };
     };
-    fill: {
-        accent: string;
-        accentAlt: string;
-        disabled: string;
-        secondary: string;
-        subdued: string;
-    };
     icon: {
-        accent: string;
-        accentInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentAlt: string;
-        accentAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
         base: string;
         baseInteractive: {
             DEFAULT: string;
             hover: string;
         };
-        connect: string;
-        driver: string;
-        error: string;
-        errorAlt: string;
-        info: string;
-        infoAlt: string;
-        inversed: string;
-        owner: string;
         subdued: string;
         subduedInteractive: {
             DEFAULT: string;
             hover: string;
         };
-        success: string;
-        successAlt: string;
-        warning: string;
-    };
-    stroke: {
         accent: string;
         accentInteractive: {
             DEFAULT: string;
             hover: string;
-            press: string;
         };
         accentAlt: string;
-        base: string;
-        baseInteractive: {
+        accentAltInteractive: {
             DEFAULT: string;
             hover: string;
-            press: string;
         };
+        info: string;
         error: string;
         errorAlt: string;
-        subdued: string;
         success: string;
         successAlt: string;
+        connect: string;
+        driver: string;
+        owner: string;
+        warning: string;
+        infoAlt: string;
+        inversed: string;
+        disabled: string;
     };
-    text: {
-        accent: string;
-        accentInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
-        accentAlt: string;
-        accentAltInteractive: {
-            DEFAULT: string;
-            hover: string;
-        };
+    stroke: {
         base: string;
         baseInteractive: {
             DEFAULT: string;
             hover: string;
+            press: string;
         };
-        connect: string;
-        driver: string;
-        error: string;
-        errorAlt: string;
-        info: string;
-        infoAlt: string;
-        inversed: string;
-        owner: string;
         subdued: string;
-        subduedInteractive: {
+        accent: string;
+        accentInteractive: {
             DEFAULT: string;
             hover: string;
+            press: string;
         };
+        accentAlt: string;
+        error: string;
+        errorAlt: string;
         success: string;
         successAlt: string;
-        warning: string;
+    };
+    fill: {
+        base: string;
+        secondary: string;
+        subdued: string;
+        accent: string;
+        accentAlt: string;
+        success: string;
+        error: string;
+        negative: string;
+        neutral: string;
+        disabled: string;
     };
 };