@drivy/cobalt 0.16.2 → 0.17.0

package/styles/core/theme.scss

@@ -0,0 +1,149 @@
+/**********************************/
+/* GENERATED WHEN BUILDING COBALT */
+/*** DO NOT MODIFY IT DIRECTLY ****/
+/**********************************/
+:root {
+  --c-background-accent: var(--c-l-purple);
+  --c-background-accentInteractive: var(--c-l-purple);
+  --c-background-accentInteractive--hover: var(--c-l-purple);
+  --c-background-accentAlt: var(--c-l-indigo);
+  --c-background-accentAltInteractive: var(--c-l-indigo);
+  --c-background-accentAltInteractive--hover: var(--c-l-indigo);
+  --c-background-connect: var(--c-l-turquoise);
+  --c-background-connectInteractive: var(--c-l-turquoise);
+  --c-background-connectInteractive--hover: var(--c-l-turquoise);
+  --c-background-driver: var(--c-l-deprecatedDriver);
+  --c-background-error: var(--c-l-red);
+  --c-background-errorInteractive: var(--c-l-red);
+  --c-background-errorInteractive--hover: var(--c-l-red);
+  --c-background-errorAlt: var(--c-l-graphite);
+  --c-background-info: var(--c-l-grey-lighter);
+  --c-background-neutral: var(--c-l-grey-light);
+  --c-background-neutralAlt: var(--c-l-grey-lighter);
+  --c-background-owner: var(--c-l-indigo-dark);
+  --c-background-primary: var(--c-l-grey-lighter);
+  --c-background-secondary: var(--c-l-white);
+  --c-background-secondaryInteractive: var(--c-l-white);
+  --c-background-secondaryInteractive--hover: var(--c-l-grey-lighter);
+  --c-background-success: var(--c-l-green);
+  --c-background-successAlt: var(--c-l-graphite);
+  --c-buttonBackground-accentAlt: var(--c-l-indigo);
+  --c-buttonBackground-destructiveInteractive: var(--c-l-red);
+  --c-buttonBackground-destructiveInteractive--hover: var(--c-l-red);
+  --c-buttonBackground-destructiveInteractive--press: var(--c-l-red);
+  --c-buttonBackground-disabled: var(--c-l-grey-lighter);
+  --c-buttonBackground-primaryInteractive: var(--c-l-purple);
+  --c-buttonBackground-primaryInteractive--hover: var(--c-l-indigo);
+  --c-buttonBackground-primaryInteractive--press: var(--c-l-indigo-dark);
+  --c-buttonBackground-secondaryInteractive: var(--c-l-white);
+  --c-buttonBackground-secondaryInteractive--hover: var(--c-l-white);
+  --c-buttonBackground-secondaryInteractive--press: var(--c-l-white);
+  --c-buttonBackground-success: var(--c-l-green);
+  --c-buttonBackground-successAltInteractive: var(--c-l-green);
+  --c-buttonBackground-successAltInteractive--hover: var(--c-l-green);
+  --c-buttonBackground-successAltInteractive--press: var(--c-l-green);
+  --c-buttonBackground-tertiaryInteractive: var(--c-l-white);
+  --c-buttonBackground-tertiaryInteractive--hover: var(--c-l-white);
+  --c-buttonBackground-tertiaryInteractive--press: var(--c-l-white);
+  --c-buttonIcon-accentAlt: var(--c-l-purple);
+  --c-buttonIcon-destructiveInteractive: var(--c-l-red);
+  --c-buttonIcon-destructiveInteractive--hover: var(--c-l-red);
+  --c-buttonIcon-destructiveInteractive--press: var(--c-l-red);
+  --c-buttonIcon-disabled: var(--c-l-graphite-light);
+  --c-buttonIcon-primaryInteractive: var(--c-l-white);
+  --c-buttonIcon-primaryInteractive--hover: var(--c-l-white);
+  --c-buttonIcon-primaryInteractive--press: var(--c-l-white);
+  --c-buttonIcon-secondaryInteractive: var(--c-l-indigo);
+  --c-buttonIcon-secondaryInteractive--hover: var(--c-l-indigo);
+  --c-buttonIcon-secondaryInteractive--press: var(--c-l-indigo-dark);
+  --c-buttonIcon-success: var(--c-l-white);
+  --c-buttonIcon-successAltInteractive: var(--c-l-white);
+  --c-buttonIcon-successAltInteractive--hover: var(--c-l-white);
+  --c-buttonIcon-successAltInteractive--press: var(--c-l-white);
+  --c-buttonIcon-tertiaryInteractive: var(--c-l-blue);
+  --c-buttonIcon-tertiaryInteractive--hover: var(--c-l-blue);
+  --c-buttonIcon-tertiaryInteractive--press: var(--c-l-blue);
+  --c-buttonLabel-accentAlt: var(--c-l-purple);
+  --c-buttonLabel-destructiveInteractive: var(--c-l-white);
+  --c-buttonLabel-destructiveInteractive--hover: var(--c-l-white);
+  --c-buttonLabel-destructiveInteractive--press: var(--c-l-white);
+  --c-buttonLabel-disabled: var(--c-l-graphite-light);
+  --c-buttonLabel-primaryInteractive: var(--c-l-white);
+  --c-buttonLabel-primaryInteractive--hover: var(--c-l-white);
+  --c-buttonLabel-primaryInteractive--press: var(--c-l-white);
+  --c-buttonLabel-secondaryInteractive: var(--c-l-indigo);
+  --c-buttonLabel-secondaryInteractive--hover: var(--c-l-indigo);
+  --c-buttonLabel-secondaryInteractive--press: var(--c-l-indigo-dark);
+  --c-buttonLabel-success: var(--c-l-white);
+  --c-buttonLabel-successAltInteractive: var(--c-l-white);
+  --c-buttonLabel-successAltInteractive--hover: var(--c-l-white);
+  --c-buttonLabel-successAltInteractive--press: var(--c-l-white);
+  --c-buttonLabel-tertiaryInteractive: var(--c-l-blue);
+  --c-buttonLabel-tertiaryInteractive--hover: var(--c-l-blue);
+  --c-buttonLabel-tertiaryInteractive--press: var(--c-l-blue);
+  --c-fill-accent: var(--c-l-purple);
+  --c-fill-accentAlt: var(--c-l-purple);
+  --c-fill-disabled: var(--c-l-grey-dark);
+  --c-fill-secondary: var(--c-l-turquoise);
+  --c-fill-subdued: var(--c-l-grey-light);
+  --c-icon-accent: var(--c-l-purple);
+  --c-icon-accentInteractive: var(--c-l-purple);
+  --c-icon-accentInteractive--hover: var(--c-l-indigo);
+  --c-icon-accentAlt: var(--c-l-white);
+  --c-icon-accentAltInteractive: var(--c-l-white);
+  --c-icon-accentAltInteractive--hover: var(--c-l-indigo);
+  --c-icon-base: var(--c-l-graphite);
+  --c-icon-baseInteractive: var(--c-l-graphite);
+  --c-icon-baseInteractive--hover: var(--c-l-graphite);
+  --c-icon-connect: var(--c-l-turquoise);
+  --c-icon-driver: var(--c-l-graphite);
+  --c-icon-error: var(--c-l-red);
+  --c-icon-errorAlt: var(--c-l-red);
+  --c-icon-info: var(--c-l-graphite-light);
+  --c-icon-infoAlt: var(--c-l-turquoise);
+  --c-icon-inversed: var(--c-l-white);
+  --c-icon-owner: var(--c-l-white);
+  --c-icon-subdued: var(--c-l-graphite-light);
+  --c-icon-subduedInteractive: var(--c-l-graphite-light);
+  --c-icon-subduedInteractive--hover: var(--c-l-graphite);
+  --c-icon-success: var(--c-l-green);
+  --c-icon-successAlt: var(--c-l-white);
+  --c-icon-warning: var(--c-l-coral);
+  --c-stroke-accent: var(--c-l-indigo);
+  --c-stroke-accentInteractive: var(--c-l-indigo);
+  --c-stroke-accentInteractive--hover: var(--c-l-indigo);
+  --c-stroke-accentInteractive--press: var(--c-l-indigo-dark);
+  --c-stroke-accentAlt: var(--c-l-indigo);
+  --c-stroke-base: var(--c-l-grey);
+  --c-stroke-baseInteractive: var(--c-l-grey);
+  --c-stroke-baseInteractive--hover: var(--c-l-graphite-light);
+  --c-stroke-baseInteractive--press: var(--c-l-graphite);
+  --c-stroke-error: var(--c-l-red);
+  --c-stroke-errorAlt: var(--c-l-red);
+  --c-stroke-subdued: var(--c-l-grey-light);
+  --c-stroke-success: var(--c-l-green);
+  --c-stroke-successAlt: var(--c-l-green);
+  --c-text-accent: var(--c-l-purple);
+  --c-text-accentInteractive: var(--c-l-blue);
+  --c-text-accentInteractive--hover: var(--c-l-blue);
+  --c-text-accentAlt: var(--c-l-white);
+  --c-text-accentAltInteractive: var(--c-l-white);
+  --c-text-accentAltInteractive--hover: var(--c-l-indigo);
+  --c-text-base: var(--c-l-graphite);
+  --c-text-baseInteractive: var(--c-l-graphite);
+  --c-text-baseInteractive--hover: var(--c-l-graphite);
+  --c-text-connect: var(--c-l-turquoise);
+  --c-text-driver: var(--c-l-graphite);
+  --c-text-error: var(--c-l-red);
+  --c-text-errorAlt: var(--c-l-white);
+  --c-text-info: var(--c-l-graphite-light);
+  --c-text-infoAlt: var(--c-l-turquoise);
+  --c-text-inversed: var(--c-l-white);
+  --c-text-owner: var(--c-l-white);
+  --c-text-subdued: var(--c-l-graphite-light);
+  --c-text-subduedInteractive: var(--c-l-graphite-light);
+  --c-text-subduedInteractive--hover: var(--c-l-graphite);
+  --c-text-success: var(--c-l-green);
+  --c-text-successAlt: var(--c-l-white);
+  --c-text-warning: var(--c-l-coral);
+}

package/styles/core.scss

@@ -1,3 +1,5 @@
+@import "core/palette";
+@import "core/theme";
 @import "core/utilities";
 @import "core/color";
 @import "core/animation";

package/tokens/colors.js

@@ -27,6 +27,8 @@ const green = {
 	dark: "#00a873"
 };
 const blue = "#2ea2ea";
+const deprecatedBlueGhost = "#2ea2ea0f";
+const deprecatedDriver = "#ffd988";
 var _colors = {
 	white: white,
 	grey: grey,
@@ -38,8 +40,10 @@ var _colors = {
 	amber: amber,
 	red: red,
 	green: green,
-	blue: blue
+	blue: blue,
+	deprecatedBlueGhost: deprecatedBlueGhost,
+	deprecatedDriver: deprecatedDriver
 };
 
-export { amber, blue, coral, _colors as default, graphite, green, grey, indigo, purple, red, turquoise, white };
+export { amber, blue, coral, _colors as default, deprecatedBlueGhost, deprecatedDriver, graphite, green, grey, indigo, purple, red, turquoise, white };
 //# sourceMappingURL=colors.js.map

package/tokens/colors.js.map

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

package/tokens/index.js

@@ -1,5 +1,7 @@
 import _breakpoints from './breakpoints.js';
 import _colors from './colors.js';
+import _palette from './palette.js';
+import _theme from './theme.js';
 import _countries from './countries.js';
 import _icons from './icons.js';
 import _zIndexes from './zIndexes.js';
@@ -9,7 +11,9 @@ const breakpoints = _breakpoints;
 const colors = _colors;
 const countries = _countries;
 const icons = _icons;
-const zIndexes = _zIndexes;
+const zIndexes = _zIndexes;
+const palette = _palette;
+const theme = _theme;
 
-export { breakpoints, colors, countries, icons, zIndexes };
+export { breakpoints, colors, countries, icons, palette, theme, zIndexes };
 //# sourceMappingURL=index.js.map

package/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\n"],"names":[],"mappings":";;;;;;AAAA;AAOO,MAAM,WAAW,GAAG,aAAY;AAChC,MAAM,MAAM,GAAG,QAAO;AACtB,MAAM,SAAS,GAAG,WAAU;AAC5B,MAAM,KAAK,GAAG,OAAM;AACpB,MAAM,QAAQ,GAAG;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _colors from \"./colors.json\"\nimport _palette from \"./palette.json\"\nimport _theme from \"./theme.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const colors = _colors\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\nexport const palette = _palette\nexport const theme = _theme\n"],"names":[],"mappings":";;;;;;;;AAAA;AASO,MAAM,WAAW,GAAG,aAAY;AAChC,MAAM,MAAM,GAAG,QAAO;AACtB,MAAM,SAAS,GAAG,WAAU;AAC5B,MAAM,KAAK,GAAG,OAAM;AACpB,MAAM,QAAQ,GAAG,UAAS;AAC1B,MAAM,OAAO,GAAG,SAAQ;AACxB,MAAM,KAAK,GAAG;;;;"}

package/tokens/palette.js

@@ -0,0 +1,92 @@
+const black = {
+	"50": "#544F53",
+	"100": "#363036",
+	"300": "#282127",
+	"500": "#191218"
+};
+const grey = {
+	"100": "#E3E2E3",
+	"300": "#A9A6A9"
+};
+const green = {
+	"100": "#CDEBCB",
+	"120": "#BFE5BD",
+	"150": "#B1E0AE",
+	"500": "#5CBF54",
+	"700": "#479D3E",
+	"900": "#2F6D1C",
+	"1000": "#15310D"
+};
+const navy = {
+	"50": "#F1F1F4",
+	"100": "#E3E2E8",
+	"300": "#7B728E",
+	"500": "#362E53",
+	"700": "#261A48",
+	"900": "#0F0429"
+};
+const orange = {
+	"100": "#F1D5B1",
+	"300": "#EEC186",
+	"500": "#E39735",
+	"900": "#462E0C"
+};
+const purpleDeep = {
+	"100": "#F2A6EE",
+	"300": "#EA71E3",
+	"400": "#C31DBA",
+	"500": "#9B1794",
+	"700": "#73116E",
+	"900": "#4B0B48"
+};
+const purpleLight = {
+	"100": "#FFDCFD"
+};
+const purple = {
+	"100": "#F6E5F5",
+	"300": "#CA6BC3",
+	"400": "#C04FB8",
+	"500": "#B01AA7",
+	"700": "#8D1586",
+	"900": "#5F1159"
+};
+const red = {
+	"100": "#FDEDED",
+	"120": "#FBDADA",
+	"150": "#F9C8C8",
+	"300": "#E38C8C",
+	"400": "#ED4545",
+	"500": "#C71414",
+	"700": "#AF1212",
+	"900": "#3F2424"
+};
+const turquoise = {
+	"500": "#5ECBDD",
+	"700": "#53B3C2"
+};
+const white = "#fff";
+const yellow = {
+	"100": "#FFEED1",
+	"300": "#FFDDA3",
+	"500": "#FFC766",
+	"700": "#C59548",
+	"900": "#75592D",
+	"1000": "#3B2E17"
+};
+var _palette = {
+	black: black,
+	grey: grey,
+	green: green,
+	navy: navy,
+	orange: orange,
+	purpleDeep: purpleDeep,
+	purpleLight: purpleLight,
+	purple: purple,
+	red: red,
+	turquoise: turquoise,
+	white: white,
+	yellow: yellow
+};
+
+export { black, _palette as default, green, grey, navy, orange, purple, purpleDeep, purpleLight, red, turquoise, white, yellow };
+//# sourceMappingURL=palette.js.map

package/tokens/palette.js.map

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

package/tokens/theme.js

@@ -0,0 +1,232 @@
+const background = {
+	accent: "purple/purple.500/purpleDeep.400",
+	accentInteractive: {
+		DEFAULT: "purple/purple.500/purpleDeep.400",
+		hover: "purple/purple.700/purpleDeep.400"
+	},
+	accentAlt: "indigo/purple.100/purpleDeep.900",
+	accentAltInteractive: {
+		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",
+	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",
+	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"
+	},
+	success: "green/green.700/green.700",
+	successAlt: "graphite/green.100/green.1000"
+};
+const buttonBackground = {
+	accentAlt: "indigo/purple.100/purpleDeep.900",
+	destructiveInteractive: {
+		DEFAULT: "red/red.100/red.900",
+		hover: "red/red.120/red.900",
+		press: "red/red.150/red.900"
+	},
+	disabled: "grey.lighter/navy.100/black.50",
+	primaryInteractive: {
+		DEFAULT: "purple/purple.500/purpleDeep.500",
+		hover: "indigo/purple.700/purpleDeep.500",
+		press: "indigo.dark/purple.900/purpleDeep.500"
+	},
+	secondaryInteractive: {
+		DEFAULT: "white/white/black.500",
+		hover: "white/white/black.500",
+		press: "white/white/black.500"
+	},
+	success: "green/green.700/green.900",
+	successAltInteractive: {
+		DEFAULT: "green/green.100/green.1000",
+		hover: "green/green.120/green.1000",
+		press: "green/green.150/green.1000"
+	},
+	tertiaryInteractive: {
+		DEFAULT: "white/white/white",
+		hover: "white/white/white",
+		press: "white/white/white"
+	}
+};
+const buttonIcon = {
+	accentAlt: "purple/purple.500/grey.100",
+	destructiveInteractive: {
+		DEFAULT: "red/red.500/red.200",
+		hover: "red/red.500/red.200",
+		press: "red/red.500/red.200"
+	},
+	disabled: "graphite.light/navy.300/grey.300",
+	primaryInteractive: {
+		DEFAULT: "white/white/grey.100",
+		hover: "white/white/grey.100",
+		press: "white/white/grey.100"
+	},
+	secondaryInteractive: {
+		DEFAULT: "indigo/purple.500/purpleDeep.400",
+		hover: "indigo/purple.700/purpleDeep.400",
+		press: "indigo.dark/purple.900/purpleDeep.400"
+	},
+	success: "white/white/green.100",
+	successAltInteractive: {
+		DEFAULT: "white/green.900/green.100",
+		hover: "white/green.900/green.100",
+		press: "white/green.900/green.100"
+	},
+	tertiaryInteractive: {
+		DEFAULT: "blue/purple.500/purpleDeep.400",
+		hover: "blue/purple.700/purpleDeep.400",
+		press: "blue/purple.900/purpleDeep.400"
+	}
+};
+const buttonLabel = {
+	accentAlt: "purple/purple.500/grey.100",
+	destructiveInteractive: {
+		DEFAULT: "white/red.500/red.200",
+		hover: "white/red.500/red.200",
+		press: "white/red.500/red.200"
+	},
+	disabled: "graphite.light/navy.300/grey.300",
+	primaryInteractive: {
+		DEFAULT: "white/white/grey.100",
+		hover: "white/white/grey.100",
+		press: "white/white/grey.100"
+	},
+	secondaryInteractive: {
+		DEFAULT: "indigo/purple.500/purpleDeep.400",
+		hover: "indigo/purple.700/purpleDeep.400",
+		press: "indigo.dark/purple.900/purpleDeep.400"
+	},
+	success: "white/white/green.100",
+	successAltInteractive: {
+		DEFAULT: "white/green.900/green.100",
+		hover: "white/green.900/green.100",
+		press: "white/green.900/green.100"
+	},
+	tertiaryInteractive: {
+		DEFAULT: "blue/purple.500/purpleDeep.400",
+		hover: "blue/purple.700/purpleDeep.400",
+		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 = {
+	accent: "purple/purple.500/purpleDeep.400",
+	accentInteractive: {
+		DEFAULT: "purple/purple.500/purpleDeep.400",
+		hover: "indigo/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.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",
+	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"
+};
+const stroke = {
+	accent: "indigo/purple.500/purpleDeep.400",
+	accentInteractive: {
+		DEFAULT: "indigo/purple.500/purpleDeep.400",
+		hover: "indigo/purple.700/purpleDeep.400",
+		press: "indigo.dark/purple.900/purpleDeep.400"
+	},
+	accentAlt: "indigo/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 = {
+	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"
+};
+var _theme = {
+	background: background,
+	buttonBackground: buttonBackground,
+	buttonIcon: buttonIcon,
+	buttonLabel: buttonLabel,
+	fill: fill,
+	icon: icon,
+	stroke: stroke,
+	text: text
+};
+
+export { background, buttonBackground, buttonIcon, buttonLabel, _theme as default, fill, icon, stroke, text };
+//# sourceMappingURL=theme.js.map

package/tokens/theme.js.map

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

package/types/__tests__/fileMock.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: string;
+export = _exports;

package/types/components/Button/Button.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from "react";
-import { BrandButtonPropsType } from "../Buttons/BrandButton";
 import { GhostButtonPropsType } from "../Buttons/GhostButton";
 import { InversedButtonPropsType } from "../Buttons/InversedButton";
 import { DefaultButtonPropsType } from "../Buttons/DefaultButton";
@@ -9,7 +8,6 @@ declare type withButtonRef<Props> = Props & {
 /**
  * We add API only props here since it's not related to the Buttons subcomponents
  */
-declare type BrandButtonAPIPropsType = BrandButtonPropsType;
 declare type InversedButtonAPIPropsType = InversedButtonPropsType & {
     inversed?: true;
 };
@@ -21,11 +19,10 @@ declare type DefaultButtonAPIPropsType = DefaultButtonPropsType;
  * Overloads
  */
 declare type ButtonOverload = {
-    (props: withButtonRef<BrandButtonAPIPropsType>): JSX.Element;
     (props: withButtonRef<InversedButtonAPIPropsType>): JSX.Element;
     (props: withButtonRef<GhostButtonAPIPropsType>): JSX.Element;
     (props: withButtonRef<DefaultButtonAPIPropsType>): JSX.Element;
 };
-export declare type ButtonPropsType = withButtonRef<BrandButtonAPIPropsType> | withButtonRef<InversedButtonAPIPropsType> | withButtonRef<GhostButtonAPIPropsType> | withButtonRef<DefaultButtonAPIPropsType>;
+export declare type ButtonPropsType = withButtonRef<InversedButtonAPIPropsType> | withButtonRef<GhostButtonAPIPropsType> | withButtonRef<DefaultButtonAPIPropsType>;
 declare const Button: ButtonOverload;
 export default Button;

package/types/components/Button/Link.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from "react";
-import { BrandLinkPropsType } from "../Buttons/BrandButton";
 import { GhostLinkPropsType } from "../Buttons/GhostButton";
 import { InversedLinkPropsType } from "../Buttons/InversedButton";
 import { DefaultLinkPropsType } from "../Buttons/DefaultButton";
@@ -9,7 +8,6 @@ declare type withAnchorRef<Props> = Props & {
 /**
  * We add API only props here since it's not related to the Buttons subcomponents
  */
-declare type BrandLinkAPIPropsType = BrandLinkPropsType;
 declare type InversedLinkAPIPropsType = InversedLinkPropsType & {
     inversed?: true;
 };
@@ -21,11 +19,10 @@ declare type DefaultLinkAPIPropsType = DefaultLinkPropsType;
  * Overloads
  */
 declare type LinkOverload = {
-    (props: withAnchorRef<BrandLinkAPIPropsType>): JSX.Element;
     (props: withAnchorRef<InversedLinkAPIPropsType>): JSX.Element;
     (props: withAnchorRef<GhostLinkAPIPropsType>): JSX.Element;
     (props: withAnchorRef<DefaultLinkAPIPropsType>): JSX.Element;
 };
-export declare type ButtonLinkPropsType = withAnchorRef<BrandLinkAPIPropsType> | withAnchorRef<InversedLinkAPIPropsType> | withAnchorRef<GhostLinkAPIPropsType> | withAnchorRef<DefaultLinkAPIPropsType>;
+export declare type ButtonLinkPropsType = withAnchorRef<InversedLinkAPIPropsType> | withAnchorRef<GhostLinkAPIPropsType> | withAnchorRef<DefaultLinkAPIPropsType>;
 declare const Link: LinkOverload;
 export default Link;