@drivy/cobalt 1.5.0 → 2.0.0-beta.2

package/styles/core.scss

@@ -1,8 +1,7 @@
 @import "core/fonts";
 @import "core/palette";
-@import "core/default-theme";
+@import "core/theme";
 @import "core/utilities";
-@import "core/color";
 @import "core/animation";
 @import "core/border-radius";
 @import "core/border";

package/tokens/index.js

@@ -1,5 +1,4 @@
 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';
@@ -8,12 +7,11 @@ import _zIndexes from './zIndexes.js';
 
 // For now we can't re-export json using TS and JSON import has no default
 const breakpoints = _breakpoints;
-const colors = _colors;
 const countries = _countries;
 const icons = _icons;
 const zIndexes = _zIndexes;
 const palette = _palette;
 const theme = _theme;
 
-export { breakpoints, colors, countries, icons, palette, theme, zIndexes };
+export { breakpoints, 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 _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;;;;"}
+{"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 _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 countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\nexport const palette = _palette\nexport const theme = _theme\n"],"names":[],"mappings":";;;;;;;AAAA;AAQO,MAAM,WAAW,GAAG,aAAY;AAChC,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

@@ -1,163 +1,292 @@
-const white = "#FFFFFF";
+const grey = {
+	"100": "#FFFFFF",
+	"200": "#F1F1F1",
+	"300": "#E3E3E3",
+	"400": "#D5D5D5",
+	"500": "#C7C6C7",
+	"600": "#BAB8BA",
+	"700": "#ACAAAC",
+	"800": "#9F9B9F",
+	"900": "#918D91",
+	"1000": "#858185",
+	"1100": "#797579",
+	"1200": "#6D6A6D",
+	"1300": "#615E61",
+	"1400": "#555355",
+	"1500": "#494749",
+	"1600": "#3D3C3D"
+};
+const black = {
+	"100": "#4D4C4C",
+	"200": "#4A4949",
+	"300": "#464545",
+	"400": "#434242",
+	"500": "#403E3F",
+	"600": "#3C3B3B",
+	"700": "#393738",
+	"800": "#353435",
+	"900": "#323131",
+	"1000": "#2F2D2E",
+	"1100": "#2B2A2B",
+	"1200": "#282627",
+	"1300": "#242324",
+	"1400": "#212021",
+	"1500": "#1D1C1D",
+	"1600": "#1A191A"
+};
+const navy = {
+	"100": "#F1F1F4",
+	"200": "#DADAE3",
+	"300": "#C4C3D3",
+	"400": "#ACABC4",
+	"500": "#9592B5",
+	"600": "#7E78A7",
+	"700": "#675F98",
+	"800": "#574E82",
+	"900": "#463E6B",
+	"1000": "#362E53",
+	"1100": "#302652",
+	"1200": "#2B1F51",
+	"1300": "#25194F",
+	"1400": "#21134D",
+	"1500": "#1C0E49",
+	"1600": "#180A46"
+};
 const purple = {
-	"100": "#F8F2F8",
+	"100": "#F4F1F4",
 	"200": "#F0E1EE",
-	"300": "#DB97D5",
-	"400": "#D54AC8",
-	"500": "#B01AA7",
-	"600": "#A6199D",
-	"700": "#901588",
-	"800": "#75116F",
-	"900": "#530C4F",
-	"1000": "#3E093B",
-	"1100": "#280626",
-	"1200": "#160315"
+	"300": "#E1B4E2",
+	"400": "#DD9CE0",
+	"500": "#DB82DF",
+	"600": "#DB66E0",
+	"700": "#DB48E3",
+	"800": "#DD28E9",
+	"900": "#D90EE8",
+	"1000": "#C705D7",
+	"1100": "#BC00CC",
+	"1200": "#920E9D",
+	"1300": "#77157F",
+	"1400": "#5E1964",
+	"1500": "#481A4C",
+	"1600": "#341936"
 };
-const navy = {
-	"50": "#F1F1F4",
-	"100": "#E3E2E8",
-	"120": "#CAC7D2",
-	"200": "#BBB8C7",
-	"300": "#7B728E",
-	"400": "#554B70",
-	"500": "#362E53",
-	"700": "#261A48",
-	"900": "#0F0429"
+const violet = {
+	"100": "#EFE9FB",
+	"200": "#DCCCF7",
+	"300": "#CBAEF4",
+	"400": "#BC8FF3",
+	"500": "#AE6FF3",
+	"600": "#A34DF4",
+	"700": "#9B2BF6",
+	"800": "#9606F9",
+	"900": "#8C01DE",
+	"1000": "#7C01C5",
+	"1100": "#6B01AB",
+	"1200": "#5B0092",
+	"1300": "#4B0078",
+	"1400": "#3B005F",
+	"1500": "#2B0045",
+	"1600": "#1B002C"
 };
-const yellow = {
-	"100": "#FFEED1",
-	"300": "#FFDDA3",
-	"400": "#FFD387",
-	"500": "#FFC766",
-	"700": "#C59548",
-	"900": "#75592D",
-	"1000": "#3B2E17"
+const blue = {
+	"100": "#F5F8FF",
+	"200": "#D9E5FF",
+	"300": "#BDD3FE",
+	"400": "#A2C3FD",
+	"500": "#87B4FC",
+	"600": "#6DA5FA",
+	"700": "#5298F8",
+	"800": "#388CF6",
+	"900": "#1F81F3",
+	"1000": "#176CDC",
+	"1100": "#1D5AB6",
+	"1200": "#214B94",
+	"1300": "#223D74",
+	"1400": "#203057",
+	"1500": "#1B243C",
+	"1600": "#141824"
 };
-const green = {
-	"100": "#F4F9F3",
-	"200": "#E5F2E4",
-	"300": "#C8E5C6",
-	"400": "#93D790",
-	"500": "#5CBF54",
-	"700": "#479D3E",
-	"900": "#2F6D1C",
-	"1000": "#1B500A",
-	"1100": "#143B05",
-	"1200": "#102E03"
+const lime = {
+	"100": "#F8FEC5",
+	"200": "#F4FCA1",
+	"300": "#F0FA85",
+	"400": "#EBF669",
+	"500": "#E6F24F",
+	"600": "#E1ED35",
+	"700": "#DBE71B",
+	"800": "#C2CB18",
+	"900": "#A6AD18",
+	"1000": "#8C9219",
+	"1100": "#75791D",
+	"1200": "#60631E",
+	"1300": "#4C4E1E",
+	"1400": "#3A3B1C",
+	"1500": "#292A18",
+	"1600": "#1A1B12"
+};
+const orange = {
+	"100": "#F1BEB1",
+	"200": "#EEAF9B",
+	"300": "#ECA185",
+	"400": "#EB956E",
+	"500": "#E98957",
+	"600": "#E97F3F",
+	"700": "#E87727",
+	"800": "#D76A14",
+	"900": "#CC6212",
+	"1000": "#B65410",
+	"1100": "#9F470D",
+	"1200": "#893B0B",
+	"1300": "#722F09",
+	"1400": "#5B2407",
+	"1500": "#441905",
+	"1600": "#2D1003"
 };
 const red = {
-	"100": "#FDEDED",
-	"120": "#F7E9E9",
-	"150": "#EED0D0",
-	"200": "#E5B5B5",
-	"300": "#DB9494",
-	"400": "#D16969",
-	"500": "#C71414",
-	"600": "#B61212",
-	"700": "#A21010",
-	"800": "#8D0E0E",
-	"900": "#730C0C",
-	"1000": "#510808",
-	"1200": "#4A0707",
-	"1300": "#420707",
-	"1400": "#390606",
-	"1500": "#2F0505",
-	"1600": "#210303"
+	"100": "#FEF0F0",
+	"200": "#FCD3D3",
+	"300": "#FAB7B7",
+	"400": "#F79B9B",
+	"500": "#F57F7F",
+	"600": "#F26363",
+	"700": "#EF4848",
+	"800": "#EB2D2D",
+	"900": "#E41616",
+	"1000": "#C71414",
+	"1100": "#AB1616",
+	"1200": "#901717",
+	"1300": "#771616",
+	"1400": "#5E1515",
+	"1500": "#471212",
+	"1600": "#310E0E"
 };
-const orange = {
-	"100": "#F1D5B1",
-	"300": "#EEC186",
-	"500": "#E39735",
-	"900": "#462E0C"
+const green = {
+	"100": "#F3FBEF",
+	"200": "#E0F4D7",
+	"300": "#CBEDC0",
+	"400": "#B6E5A9",
+	"500": "#A0DD93",
+	"600": "#8AD37D",
+	"700": "#73C968",
+	"800": "#5CBF54",
+	"900": "#49B142",
+	"1000": "#3E9939",
+	"1100": "#348230",
+	"1200": "#2A6A27",
+	"1300": "#20521E",
+	"1400": "#163B15",
+	"1500": "#0D230D",
+	"1600": "#040B04"
 };
-const black = {
-	"50": "#544F53",
-	"75": "#443F44",
-	"100": "#363036",
-	"200": "#2E292E",
-	"300": "#282127",
-	"400": "#251D24",
-	"500": "#191218",
-	"600": "#0F0A0E",
-	"700": "#090609",
-	"800": "#030203",
-	"1000": "#000000"
+const yellow = {
+	"100": "#FFFCF7",
+	"200": "#FFF4E2",
+	"300": "#FFEDCE",
+	"400": "#FFE5B9",
+	"500": "#FFDDA4",
+	"600": "#FFD68F",
+	"700": "#FFCE7B",
+	"800": "#FFC766",
+	"900": "#F9BA4C",
+	"1000": "#F0AD35",
+	"1100": "#E59E20",
+	"1200": "#C68B1F",
+	"1300": "#A47622",
+	"1400": "#846122",
+	"1500": "#664D20",
+	"1600": "#4A3A1C"
 };
-const grey = {
-	"50": "#F8F9FA",
-	"100": "#E3E2E3",
-	"200": "#C3C1C3",
-	"300": "#A9A6A9",
-	"400": "#9D9A9D",
-	"500": "#918D91",
-	"600": "#7D787D",
-	"700": "#6A676A"
+const white = "#FFFFFF";
+const white_alpha = {
+	"5": "#FFFFFF0D",
+	"10": "#FFFFFF1A",
+	"15": "#FFFFFF26",
+	"20": "#FFFFFF33",
+	"25": "#FFFFFF40",
+	"30": "#FFFFFF4D",
+	"35": "#FFFFFF59",
+	"40": "#FFFFFF66",
+	"45": "#FFFFFF73",
+	"50": "#FFFFFF80",
+	"55": "#FFFFFF8C",
+	"60": "#FFFFFF99",
+	"65": "#FFFFFFA6",
+	"70": "#FFFFFFB3"
 };
-const blue = {
-	"100": "#F5F8FF",
-	"200": "#E5EDFF",
-	"300": "#B7D3FF",
-	"400": "#74B0FF",
-	"500": "#1F81F3",
-	"600": "#185BD1",
-	"700": "#1B3B8B",
-	"800": "#19255C",
-	"900": "#151C38",
-	"1000": "#101423",
-	"1100": "#0D1016",
-	"1200": "#0A0B0F"
-};
-const turquoise = {
-	"50": "#ECF9FB",
-	"100": "#CFEFF5",
-	"200": "#AFE5EE",
-	"300": "#8EDBE7",
-	"400": "#76D3E2",
-	"500": "#5ECBDD",
-	"600": "#56C6D9",
-	"700": "#4CBED4",
-	"800": "#42B8CF",
-	"900": "#31ACC7",
-	"1200": "#11505E"
-};
-const season = {
-	"100": "#A9D4A8",
-	"200": "#9FD09E",
-	"300": "#7CC27B",
-	"400": "#56B654",
-	"500": "#24AA1F",
-	"600": "#229F1C",
-	"700": "#1F931A",
-	"800": "#1D8618",
-	"900": "#1A7816",
-	"1000": "#166612",
-	"1100": "#11510F",
-	"1200": "#0A3109"
-};
-const newPurple = {
-	"200": "#E46FEE",
-	"500": "#BC00CC"
-};
-const newViolet = {
-	"200": "#B86FFF",
-	"500": "#6C06B5"
+const black_alpha = {
+	"2": "#00000005",
+	"4": "#0000000A",
+	"6": "#0000000F",
+	"8": "#00000014",
+	"10": "#0000001A",
+	"12": "#0000001F",
+	"14": "#00000024",
+	"16": "#00000029",
+	"18": "#0000002E",
+	"20": "#00000033",
+	"22": "#00000038",
+	"24": "#0000003D",
+	"26": "#00000042",
+	"28": "#00000047",
+	"30": "#0000004D",
+	"32": "#00000052",
+	"34": "#00000057"
+};
+const navy_alpha = {
+	"1": "#30265203",
+	"2": "#30265205",
+	"3": "#30265208",
+	"4": "#3026520A",
+	"5": "#3026520D",
+	"6": "#3026520F",
+	"7": "#30265212",
+	"8": "#30265214",
+	"9": "#30265217",
+	"10": "#3026521A",
+	"12": "#3026521F",
+	"14": "#30265224",
+	"16": "#30265229",
+	"18": "#3026522E",
+	"20": "#30265233",
+	"22": "#30265238",
+	"24": "#3026523D",
+	"26": "#30265242",
+	"28": "#30265247",
+	"30": "#3026524D"
+};
+const grey_alpha = {
+	"1": "#E3E3E303",
+	"2": "#E3E3E305",
+	"3": "#E3E3E308",
+	"4": "#E3E3E30A",
+	"5": "#E3E3E30D",
+	"6": "#E3E3E30F",
+	"7": "#E3E3E312",
+	"8": "#E3E3E314",
+	"9": "#E3E3E317",
+	"10": "#E3E3E31A",
+	"15": "#E3E3E326",
+	"20": "#E3E3E333",
+	"25": "#E3E3E340"
 };
 var _palette = {
-	white: white,
-	purple: purple,
-	navy: navy,
-	yellow: yellow,
-	green: green,
-	red: red,
-	orange: orange,
-	black: black,
 	grey: grey,
+	black: black,
+	navy: navy,
+	purple: purple,
+	violet: violet,
 	blue: blue,
-	turquoise: turquoise,
-	season: season,
-	newPurple: newPurple,
-	newViolet: newViolet
+	lime: lime,
+	orange: orange,
+	red: red,
+	green: green,
+	yellow: yellow,
+	white: white,
+	white_alpha: white_alpha,
+	black_alpha: black_alpha,
+	navy_alpha: navy_alpha,
+	grey_alpha: grey_alpha
 };
 
-export { black, blue, _palette as default, green, grey, navy, newPurple, newViolet, orange, purple, red, season, turquoise, white, yellow };
+export { black, black_alpha, blue, _palette as default, green, grey, grey_alpha, lime, navy, navy_alpha, orange, purple, red, violet, white, white_alpha, yellow };
 //# sourceMappingURL=palette.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}