New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@engie-group/fluid-design-tokens

Package Overview
Dependencies
Maintainers
3
Versions
40
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@engie-group/fluid-design-tokens - npm Package Compare versions

Comparing version 5.0.0-beta.0 to 5.0.0-beta.1

src/properties/color/updated_background.json
src/properties/color/updated_base.json
src/properties/color/updated_border.json
src/properties/color/updated_icon.json
src/properties/color/updated_text.json

6

lib/js/tokens-color-palette.js
/**
* Do not edit directly
* Generated on Tue, 13 Sep 2022 12:21:54 GMT
* Generated on Fri, 30 Sep 2022 12:57:20 GMT
*/

@@ -92,3 +92,5 @@

},
"group": "primary"
"group": "primary",
"light": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)",
"dark": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)"
},

@@ -95,0 +97,0 @@ "green-fun": {

987

lib/js/tokens.js
/**
* Do not edit directly
* Generated on Tue, 13 Sep 2022 12:21:54 GMT
* Generated on Fri, 30 Sep 2022 12:57:20 GMT
*/

@@ -51,14 +51,64 @@

"selected": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
}
},
"secondary": {
"light": "#f4f4f5",
"dark": "#282a2c"
"-": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"hover": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"focus": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"active": {
"light": "#caccce",
"dark": "#545a5d"
}
},
"tertiary": {
"light": "#e9eaeb",
"dark": "#3f4345"
"-": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"hover": {
"light": "#caccce",
"dark": "#545a5d"
},
"focus": {
"light": "#caccce",
"dark": "#545a5d"
},
"active": {
"light": "#a7abad",
"dark": "#71777b"
}
},
"neutral": {
"_": {
"light": "#71777b",
"dark": "#a7abad"
},
"hover": {
"light": "#545a5d",
"dark": "#caccce"
},
"focus": {
"light": "#545a5d",
"dark": "#caccce"
},
"active": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"disabled": {
"light": "#caccce",
"dark": "#545a5d"
}
},
"disabled": {

@@ -68,26 +118,126 @@ "light": "#f4f4f5",

},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"focus": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"active": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"hover": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"focus": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"active": {
"light": "#caccce",
"dark": "#545a5d"
},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "rgba(255, 255, 255, 0.2)",
"dark": "rgba(31, 34, 35, 0.2)"
},
"focus": {
"light": "rgba(255, 255, 255, 0.2)",
"dark": "rgba(31, 34, 35, 0.2)"
},
"active": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"high_contrast": {
"_": {
"light": "#282a2c",
"dark": "#f4f4f5"
}
},
"brand": {
"_": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
"disabled": {
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"focus": {
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"active": {
"light": "#e3ebfb",
"dark": "#004478"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
},
"high_contrast": {
"_": {
"light": "#0c2b4b",
"dark": "#f1f5fd"
}
}

@@ -98,3 +248,3 @@ },

"_": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -114,6 +264,68 @@ },

},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
"focus": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"focus": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"active": {
"light": "#ffe4df",
"dark": "#7f1d1b"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
}
},
"success": {
"_": {
"light": "#418448",
"dark": "#6fbc75"
},
"secondary": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"hover": {
"light": "#316336",
"dark": "#a2daa3"
},
"active": {
"light": "#264a2a",
"dark": "#d8f0d7"
}
},
"warning": {
"_": {
"light": "#d96929",
"dark": "#d96929"
},
"secondary": {
"light": "#fff2e8",
"dark": "#422211"
},
"hover": {
"light": "#bd5a21",
"dark": "#ff8c47"
},
"active": {
"light": "#8e441a",
"dark": "#ffbf8e"
}
}

@@ -123,3 +335,3 @@ },

"_": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -138,6 +350,2 @@ },

"dark": "#ffe4df"
},
"inverse": {
"light": "#30282c",
"dark": "#fff2ef"
}

@@ -147,3 +355,3 @@ },

"_": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -162,6 +370,2 @@ },

"dark": "#ffe4df"
},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
}

@@ -171,3 +375,3 @@ },

"_": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -186,6 +390,2 @@ },

"dark": "#ffe5d0"
},
"inverse": {
"light": "#422211",
"dark": "#fff2e8"
}

@@ -195,4 +395,4 @@ },

"_": {
"light": "#8e7236",
"dark": "#cca64f"
"light": "#f2c665",
"dark": "#6b562a"
},

@@ -210,6 +410,2 @@ "secondary": {

"dark": "#ffeaa1"
},
"inverse": {
"light": "#322918",
"dark": "#fff5cb"
}

@@ -219,3 +415,3 @@ },

"_": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -234,6 +430,2 @@ },

"dark": "#d8f0d7"
},
"inverse": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}

@@ -243,20 +435,16 @@ },

"_": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
"light": "#004478",
"dark": "#e3ebfb"
}

@@ -266,3 +454,3 @@ },

"_": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -281,6 +469,2 @@ },

"dark": "#e7eaf5"
},
"inverse": {
"light": "#17255f",
"dark": "#f2f4f9"
}

@@ -290,3 +474,3 @@ },

"_": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -305,6 +489,2 @@ },

"dark": "#eee7f6"
},
"inverse": {
"light": "#2d2834",
"dark": "#f7f4fb"
}

@@ -328,6 +508,2 @@ },

"dark": "#cef0ef"
},
"inverse": {
"light": "#192d2d",
"dark": "#e6f7f7"
}

@@ -481,3 +657,5 @@ }

},
"group": "primary"
"group": "primary",
"light": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)",
"dark": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)"
},

@@ -627,15 +805,15 @@ "gray": {

"primary": {
"light": "#007bbf",
"dark": "#31b4ff",
"light": "#007acd",
"dark": "#7fadef",
"active": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},

@@ -812,36 +990,36 @@ "group": "theme"

"100": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
"light": "#e3ebfb",
"dark": "#004478"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
"light": "#7fadef",
"dark": "#007acd"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
"light": "#0c2b4b",
"dark": "#f1f5fd"
}

@@ -865,3 +1043,3 @@ },

"light": "#ff8979",
"dark": "#db3735"
"dark": "#db3835"
},

@@ -873,3 +1051,3 @@ "500": {

"600": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -889,3 +1067,87 @@ },

}
},
"success": {
"100": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"200": {
"light": "#d8f0d7",
"dark": "#264a2a"
},
"300": {
"light": "#a2daa3",
"dark": "#316336"
},
"400": {
"light": "#6fbc75",
"dark": "#418448"
},
"500": {
"light": "#4d9955",
"dark": "#4d9955"
},
"600": {
"light": "#418448",
"dark": "#6fbc75"
},
"700": {
"light": "#316336",
"dark": "#a2daa3"
},
"800": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"900": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}
},
"warning": {
"100": {
"light": "#fff2e8",
"dark": "#422211"
},
"200": {
"light": "#ffe5d0",
"dark": "#693315"
},
"300": {
"light": "#ffbf8e",
"dark": "#8e441a"
},
"400": {
"light": "#ff8c47",
"dark": "#bd5a21"
},
"500": {
"light": "#d96929",
"dark": "#d96929"
},
"600": {
"light": "#bd5a21",
"dark": "#ff8c47"
},
"700": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"800": {
"light": "#693315",
"dark": "#ffe5d0"
},
"900": {
"light": "#422211",
"dark": "#fff2e8"
}
}
},
"transparence": {
"alpha": {
"hover": "0.2",
"focus": "0.2",
"active": "0.4",
"disabled": "0.4"
}
}

@@ -915,3 +1177,3 @@ },

"bold": {
"light": "#70777b",
"light": "#71777b",
"dark": "#a7abad"

@@ -928,23 +1190,47 @@ },

"hover": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"focus": {
"light": "#007bbf",
"dark": "#31b4ff"
"_": {
"light": "#007acd",
"dark": "#7fadef"
}
},
"disabled": {
"light": "#caccce",
"dark": "#545a5d"
},
"brand": {
"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"disabled": {
"light": "#b6cdf8",
"dark": "#005aa0"
}
},
"inverse": {
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"focus": {
"light": "#ffffff",
"dark": "#1f2223"
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"theme": {

@@ -957,3 +1243,3 @@ "danger": {

"bold": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -964,2 +1250,6 @@ },

"dark": "#ffbdb0"
},
"disabled": {
"light": "#ffbdb0",
"dark": "#aa2424"
}

@@ -974,3 +1264,3 @@ }

"bold": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -989,3 +1279,3 @@ },

"bold": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1004,3 +1294,3 @@ },

"bold": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -1019,3 +1309,3 @@ },

"bold": {
"light": "#8e7236",
"light": "#8e7336",
"dark": "#cca64f"

@@ -1034,3 +1324,3 @@ },

"bold": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -1045,12 +1335,12 @@ },

"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
}

@@ -1064,3 +1354,3 @@ },

"bold": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -1079,3 +1369,3 @@ },

"bold": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -1117,3 +1407,3 @@ },

"secondary": {
"light": "#70777b",
"light": "#71777b",
"dark": "#a7abad"

@@ -1125,14 +1415,24 @@ },

},
"inverse": {
"primary": {
"light": "#ffffff",
"dark": "#1f2223"
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"brand": {
"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
}

@@ -1143,3 +1443,3 @@ },

"secondary": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1159,3 +1459,3 @@ },

"secondary": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -1174,3 +1474,3 @@ },

"secondary": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1189,3 +1489,3 @@ },

"secondary": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -1204,3 +1504,3 @@ },

"secondary": {
"light": "#8e7236",
"light": "#8e7336",
"dark": "#cca64f"

@@ -1219,3 +1519,3 @@ },

"secondary": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -1234,12 +1534,12 @@ },

"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
}

@@ -1249,3 +1549,3 @@ },

"secondary": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -1264,3 +1564,3 @@ },

"secondary": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -1293,2 +1593,31 @@ },

"palette": {
"transparence": {
"100": {
"alpha": "0.1"
},
"200": {
"alpha": "0.2"
},
"300": {
"alpha": "0.3"
},
"400": {
"alpha": "0.4"
},
"500": {
"alpha": "0.5"
},
"600": {
"alpha": "0.6"
},
"700": {
"alpha": "0.7"
},
"800": {
"alpha": "0.8"
},
"900": {
"alpha": "0.9"
}
},
"grey": {

@@ -1313,3 +1642,3 @@ "0": {

"light": "#a7abad",
"dark": "#70777b"
"dark": "#71777b"
},

@@ -1321,3 +1650,3 @@ "500": {

"600": {
"light": "#70777b",
"light": "#71777b",
"dark": "#a7abad"

@@ -1357,3 +1686,3 @@ },

"light": "#ff82b7",
"dark": "#db3735"
"dark": "#db3835"
},

@@ -1365,3 +1694,3 @@ "500": {

"600": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -1397,3 +1726,3 @@ },

"light": "#ff8979",
"dark": "#db3735"
"dark": "#db3835"
},

@@ -1405,3 +1734,3 @@ "500": {

"600": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1437,3 +1766,3 @@ },

"light": "#ff8c47",
"dark": "#bc5921"
"dark": "#bd5a21"
},

@@ -1445,3 +1774,3 @@ "500": {

"600": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -1477,3 +1806,3 @@ },

"light": "#cca64f",
"dark": "#8e7236"
"dark": "#8e7336"
},

@@ -1485,3 +1814,3 @@ "500": {

"600": {
"light": "#8e7236",
"light": "#8e7336",
"dark": "#cca64f"

@@ -1517,3 +1846,3 @@ },

"light": "#6fbc75",
"dark": "#408448"
"dark": "#418448"
},

@@ -1525,3 +1854,3 @@ "500": {

"600": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -1544,36 +1873,36 @@ },

"100": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
"light": "#e3ebfb",
"dark": "#004478"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
"light": "#7fadef",
"dark": "#007acd"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
"light": "#0c2b4b",
"dark": "#f1f5fd"
}

@@ -1596,3 +1925,3 @@ },

"light": "#9fa9d4",
"dark": "#6372b2"
"dark": "#6473b3"
},

@@ -1604,3 +1933,3 @@ "500": {

"600": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -1636,3 +1965,3 @@ },

"light": "#bba0d9",
"dark": "#8b64b7"
"dark": "#8c65b7"
},

@@ -1644,3 +1973,3 @@ "500": {

"600": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -1698,2 +2027,16 @@ },

}
},
"transparent": {
"light": "transparent",
"dark": "transparent"
},
"engie": {
"blue": {
"light": "#00AAFF",
"dark": "#00AAFF"
},
"green": {
"light": "#23d2b5",
"dark": "#23d2b5"
}
}

@@ -1834,4 +2177,4 @@ },

"light": {
"light": "#007bbf",
"dark": "#31b4ff",
"light": "#007acd",
"dark": "#7fadef",
"group": "theme"

@@ -1916,4 +2259,4 @@ },

"focus": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},

@@ -1934,4 +2277,18 @@ "inner-focus": {

"primary": {
"light": "#1f2223",
"dark": "#ffffff"
"_": {
"light": "#1f2223",
"dark": "#ffffff"
},
"hover": {
"light": "#007acd",
"dark": "#7fadef"
},
"focus": {
"light": "#007acd",
"dark": "#7fadef"
},
"active": {
"light": "#005aa0",
"dark": "#b6cdf8"
}
},

@@ -1943,21 +2300,57 @@ "secondary": {

"tertiary": {
"light": "#70777b",
"dark": "#a7abad"
"_": {
"light": "#71777b",
"dark": "#a7abad"
},
"hover": {
"light": "#007acd",
"dark": "#7fadef"
},
"focus": {
"light": "#007acd",
"dark": "#7fadef"
},
"active": {
"light": "#005aa0",
"dark": "#b6cdf8"
}
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"disabled": {
"light": "#a7abad",
"dark": "#70777b"
"_": {
"light": "#caccce",
"dark": "#545a5d"
}
},
"brand": {
"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
"_": {
"light": "#007acd",
"dark": "#7fadef"
},
"hover": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#004478",
"dark": "#e3ebfb"
}
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#b6cdf8",
"dark": "#005aa0"
}

@@ -1968,8 +2361,22 @@ },

"primary": {
"light": "#db3735",
"dark": "#ff8979"
"_": {
"light": "#db3835",
"dark": "#ff8979"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"focus": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
}
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
"light": "#ffbdb0",
"dark": "#aa2424"
}

@@ -1980,4 +2387,18 @@ }

"primary": {
"light": "#ca437b",
"dark": "#ff8979"
"_": {
"light": "#db3835",
"dark": "#ff8979"
},
"hover": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"focus": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"active": {
"light": "#553b46",
"dark": "#ffe4df"
}
},

@@ -1991,4 +2412,18 @@ "disabled": {

"primary": {
"light": "#db3735",
"dark": "#ff8979"
"_": {
"light": "#db3835",
"dark": "#ff8979"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"focus": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
}
},

@@ -2002,4 +2437,18 @@ "disabled": {

"primary": {
"light": "#bc5921",
"dark": "#ff8c47"
"_": {
"light": "#bd5a21",
"dark": "#ff8c47"
},
"hover": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"focus": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"active": {
"light": "#693315",
"dark": "#ffe5d0"
}
},

@@ -2013,4 +2462,18 @@ "disabled": {

"primary": {
"light": "#8e7236",
"dark": "#cca64f"
"_": {
"light": "#8e7336",
"dark": "#cca64f"
},
"hover": {
"light": "#6b562a",
"dark": "#f2c665"
},
"focus": {
"light": "#6b562a",
"dark": "#f2c665"
},
"active": {
"light": "#4f4022",
"dark": "#ffeaa1"
}
},

@@ -2024,4 +2487,18 @@ "disabled": {

"primary": {
"light": "#408448",
"dark": "#6fbc75"
"_": {
"light": "#418448",
"dark": "#6fbc75"
},
"hover": {
"light": "#316336",
"dark": "#a2daa3"
},
"focus": {
"light": "#316336",
"dark": "#a2daa3"
},
"active": {
"light": "#264a2a",
"dark": "#d8f0d7"
}
},

@@ -2035,8 +2512,22 @@ "disabled": {

"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
"_": {
"light": "#007acd",
"dark": "#7fadef"
},
"hover": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#004478",
"dark": "#e3ebfb"
}
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
}

@@ -2046,4 +2537,18 @@ },

"primary": {
"light": "#6372b2",
"dark": "#9fa9d4"
"_": {
"light": "#6473b3",
"dark": "#9fa9d4"
},
"hover": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"focus": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"active": {
"light": "#2b3d83",
"dark": "#e7eaf5"
}
},

@@ -2057,4 +2562,18 @@ "disabled": {

"primary": {
"light": "#8b64b7",
"dark": "#bba0d9"
"_": {
"light": "#8c65b7",
"dark": "#bba0d9"
},
"hover": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"focus": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"active": {
"light": "#4d3a62",
"dark": "#eee7f6"
}
},

@@ -2068,4 +2587,18 @@ "disabled": {

"primary": {
"light": "#008480",
"dark": "#3dbcb8"
"_": {
"light": "#008480",
"dark": "#3dbcb8"
},
"hover": {
"light": "#0a6361",
"dark": "#88dad8"
},
"focus": {
"light": "#0a6361",
"dark": "#88dad8"
},
"active": {
"light": "#154948",
"dark": "#cef0ef"
}
},

@@ -2140,2 +2673,6 @@ "disabled": {

"sm": "0"
},
"focus": {
"width": "2px",
"offset": "4px"
}

@@ -2142,0 +2679,0 @@ },

4

lib/json/tokens-color-palette.json

@@ -87,3 +87,5 @@ {

},
"group": "primary"
"group": "primary",
"light": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)",
"dark": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)"
},

@@ -90,0 +92,0 @@ "green-fun": {

985

lib/json/tokens.json

@@ -46,14 +46,64 @@ {

"selected": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
}
},
"secondary": {
"light": "#f4f4f5",
"dark": "#282a2c"
"-": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"hover": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"focus": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"active": {
"light": "#caccce",
"dark": "#545a5d"
}
},
"tertiary": {
"light": "#e9eaeb",
"dark": "#3f4345"
"-": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"hover": {
"light": "#caccce",
"dark": "#545a5d"
},
"focus": {
"light": "#caccce",
"dark": "#545a5d"
},
"active": {
"light": "#a7abad",
"dark": "#71777b"
}
},
"neutral": {
"_": {
"light": "#71777b",
"dark": "#a7abad"
},
"hover": {
"light": "#545a5d",
"dark": "#caccce"
},
"focus": {
"light": "#545a5d",
"dark": "#caccce"
},
"active": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"disabled": {
"light": "#caccce",
"dark": "#545a5d"
}
},
"disabled": {

@@ -63,26 +113,126 @@ "light": "#f4f4f5",

},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"focus": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"active": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"hover": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"focus": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"active": {
"light": "#caccce",
"dark": "#545a5d"
},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "rgba(255, 255, 255, 0.2)",
"dark": "rgba(31, 34, 35, 0.2)"
},
"focus": {
"light": "rgba(255, 255, 255, 0.2)",
"dark": "rgba(31, 34, 35, 0.2)"
},
"active": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"high_contrast": {
"_": {
"light": "#282a2c",
"dark": "#f4f4f5"
}
},
"brand": {
"_": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
"disabled": {
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"focus": {
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"active": {
"light": "#e3ebfb",
"dark": "#004478"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
},
"high_contrast": {
"_": {
"light": "#0c2b4b",
"dark": "#f1f5fd"
}
}

@@ -93,3 +243,3 @@ },

"_": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -109,6 +259,68 @@ },

},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
"focus": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"flat": {
"_": {
"light": "transparent",
"dark": "transparent"
},
"hover": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"focus": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"active": {
"light": "#ffe4df",
"dark": "#7f1d1b"
},
"disabled": {
"light": "transparent",
"dark": "transparent"
}
}
},
"success": {
"_": {
"light": "#418448",
"dark": "#6fbc75"
},
"secondary": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"hover": {
"light": "#316336",
"dark": "#a2daa3"
},
"active": {
"light": "#264a2a",
"dark": "#d8f0d7"
}
},
"warning": {
"_": {
"light": "#d96929",
"dark": "#d96929"
},
"secondary": {
"light": "#fff2e8",
"dark": "#422211"
},
"hover": {
"light": "#bd5a21",
"dark": "#ff8c47"
},
"active": {
"light": "#8e441a",
"dark": "#ffbf8e"
}
}

@@ -118,3 +330,3 @@ },

"_": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -133,6 +345,2 @@ },

"dark": "#ffe4df"
},
"inverse": {
"light": "#30282c",
"dark": "#fff2ef"
}

@@ -142,3 +350,3 @@ },

"_": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -157,6 +365,2 @@ },

"dark": "#ffe4df"
},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
}

@@ -166,3 +370,3 @@ },

"_": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -181,6 +385,2 @@ },

"dark": "#ffe5d0"
},
"inverse": {
"light": "#422211",
"dark": "#fff2e8"
}

@@ -190,4 +390,4 @@ },

"_": {
"light": "#8e7236",
"dark": "#cca64f"
"light": "#f2c665",
"dark": "#6b562a"
},

@@ -205,6 +405,2 @@ "secondary": {

"dark": "#ffeaa1"
},
"inverse": {
"light": "#322918",
"dark": "#fff5cb"
}

@@ -214,3 +410,3 @@ },

"_": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -229,6 +425,2 @@ },

"dark": "#d8f0d7"
},
"inverse": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}

@@ -238,20 +430,16 @@ },

"_": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
"light": "#004478",
"dark": "#e3ebfb"
}

@@ -261,3 +449,3 @@ },

"_": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -276,6 +464,2 @@ },

"dark": "#e7eaf5"
},
"inverse": {
"light": "#17255f",
"dark": "#f2f4f9"
}

@@ -285,3 +469,3 @@ },

"_": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -300,6 +484,2 @@ },

"dark": "#eee7f6"
},
"inverse": {
"light": "#2d2834",
"dark": "#f7f4fb"
}

@@ -323,6 +503,2 @@ },

"dark": "#cef0ef"
},
"inverse": {
"light": "#192d2d",
"dark": "#e6f7f7"
}

@@ -476,3 +652,5 @@ }

},
"group": "primary"
"group": "primary",
"light": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)",
"dark": "linear-gradient(135deg, #00AAFF 0%, #23d2b5 100%)"
},

@@ -622,15 +800,15 @@ "gray": {

"primary": {
"light": "#007bbf",
"dark": "#31b4ff",
"light": "#007acd",
"dark": "#7fadef",
"active": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},

@@ -807,36 +985,36 @@ "group": "theme"

"100": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
"light": "#e3ebfb",
"dark": "#004478"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
"light": "#7fadef",
"dark": "#007acd"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
"light": "#0c2b4b",
"dark": "#f1f5fd"
}

@@ -860,3 +1038,3 @@ },

"light": "#ff8979",
"dark": "#db3735"
"dark": "#db3835"
},

@@ -868,3 +1046,3 @@ "500": {

"600": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -884,3 +1062,87 @@ },

}
},
"success": {
"100": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"200": {
"light": "#d8f0d7",
"dark": "#264a2a"
},
"300": {
"light": "#a2daa3",
"dark": "#316336"
},
"400": {
"light": "#6fbc75",
"dark": "#418448"
},
"500": {
"light": "#4d9955",
"dark": "#4d9955"
},
"600": {
"light": "#418448",
"dark": "#6fbc75"
},
"700": {
"light": "#316336",
"dark": "#a2daa3"
},
"800": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"900": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}
},
"warning": {
"100": {
"light": "#fff2e8",
"dark": "#422211"
},
"200": {
"light": "#ffe5d0",
"dark": "#693315"
},
"300": {
"light": "#ffbf8e",
"dark": "#8e441a"
},
"400": {
"light": "#ff8c47",
"dark": "#bd5a21"
},
"500": {
"light": "#d96929",
"dark": "#d96929"
},
"600": {
"light": "#bd5a21",
"dark": "#ff8c47"
},
"700": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"800": {
"light": "#693315",
"dark": "#ffe5d0"
},
"900": {
"light": "#422211",
"dark": "#fff2e8"
}
}
},
"transparence": {
"alpha": {
"hover": "0.2",
"focus": "0.2",
"active": "0.4",
"disabled": "0.4"
}
}

@@ -910,3 +1172,3 @@ },

"bold": {
"light": "#70777b",
"light": "#71777b",
"dark": "#a7abad"

@@ -923,23 +1185,47 @@ },

"hover": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"focus": {
"light": "#007bbf",
"dark": "#31b4ff"
"_": {
"light": "#007acd",
"dark": "#7fadef"
}
},
"disabled": {
"light": "#caccce",
"dark": "#545a5d"
},
"brand": {
"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"disabled": {
"light": "#b6cdf8",
"dark": "#005aa0"
}
},
"inverse": {
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"focus": {
"light": "#ffffff",
"dark": "#1f2223"
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"theme": {

@@ -952,3 +1238,3 @@ "danger": {

"bold": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -959,2 +1245,6 @@ },

"dark": "#ffbdb0"
},
"disabled": {
"light": "#ffbdb0",
"dark": "#aa2424"
}

@@ -969,3 +1259,3 @@ }

"bold": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -984,3 +1274,3 @@ },

"bold": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -999,3 +1289,3 @@ },

"bold": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -1014,3 +1304,3 @@ },

"bold": {
"light": "#8e7236",
"light": "#8e7336",
"dark": "#cca64f"

@@ -1029,3 +1319,3 @@ },

"bold": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -1040,12 +1330,12 @@ },

"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
}

@@ -1059,3 +1349,3 @@ },

"bold": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -1074,3 +1364,3 @@ },

"bold": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -1112,3 +1402,3 @@ },

"secondary": {
"light": "#70777b",
"light": "#71777b",
"dark": "#a7abad"

@@ -1120,14 +1410,24 @@ },

},
"inverse": {
"primary": {
"light": "#ffffff",
"dark": "#1f2223"
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"brand": {
"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
}

@@ -1138,3 +1438,3 @@ },

"secondary": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1154,3 +1454,3 @@ },

"secondary": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -1169,3 +1469,3 @@ },

"secondary": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1184,3 +1484,3 @@ },

"secondary": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -1199,3 +1499,3 @@ },

"secondary": {
"light": "#8e7236",
"light": "#8e7336",
"dark": "#cca64f"

@@ -1214,3 +1514,3 @@ },

"secondary": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -1229,12 +1529,12 @@ },

"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
}

@@ -1244,3 +1544,3 @@ },

"secondary": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -1259,3 +1559,3 @@ },

"secondary": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -1288,2 +1588,31 @@ },

"palette": {
"transparence": {
"100": {
"alpha": "0.1"
},
"200": {
"alpha": "0.2"
},
"300": {
"alpha": "0.3"
},
"400": {
"alpha": "0.4"
},
"500": {
"alpha": "0.5"
},
"600": {
"alpha": "0.6"
},
"700": {
"alpha": "0.7"
},
"800": {
"alpha": "0.8"
},
"900": {
"alpha": "0.9"
}
},
"grey": {

@@ -1308,3 +1637,3 @@ "0": {

"light": "#a7abad",
"dark": "#70777b"
"dark": "#71777b"
},

@@ -1316,3 +1645,3 @@ "500": {

"600": {
"light": "#70777b",
"light": "#71777b",
"dark": "#a7abad"

@@ -1352,3 +1681,3 @@ },

"light": "#ff82b7",
"dark": "#db3735"
"dark": "#db3835"
},

@@ -1360,3 +1689,3 @@ "500": {

"600": {
"light": "#ca437b",
"light": "#db3835",
"dark": "#ff8979"

@@ -1392,3 +1721,3 @@ },

"light": "#ff8979",
"dark": "#db3735"
"dark": "#db3835"
},

@@ -1400,3 +1729,3 @@ "500": {

"600": {
"light": "#db3735",
"light": "#db3835",
"dark": "#ff8979"

@@ -1432,3 +1761,3 @@ },

"light": "#ff8c47",
"dark": "#bc5921"
"dark": "#bd5a21"
},

@@ -1440,3 +1769,3 @@ "500": {

"600": {
"light": "#bc5921",
"light": "#bd5a21",
"dark": "#ff8c47"

@@ -1472,3 +1801,3 @@ },

"light": "#cca64f",
"dark": "#8e7236"
"dark": "#8e7336"
},

@@ -1480,3 +1809,3 @@ "500": {

"600": {
"light": "#8e7236",
"light": "#8e7336",
"dark": "#cca64f"

@@ -1512,3 +1841,3 @@ },

"light": "#6fbc75",
"dark": "#408448"
"dark": "#418448"
},

@@ -1520,3 +1849,3 @@ "500": {

"600": {
"light": "#408448",
"light": "#418448",
"dark": "#6fbc75"

@@ -1539,36 +1868,36 @@ },

"100": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
"light": "#e3ebfb",
"dark": "#004478"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
"light": "#b6cdf8",
"dark": "#005aa0"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
"light": "#7fadef",
"dark": "#007acd"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
"light": "#3c8cde",
"dark": "#3c8cde"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
"light": "#005aa0",
"dark": "#b6cdf8"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
"light": "#004478",
"dark": "#e3ebfb"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
"light": "#0c2b4b",
"dark": "#f1f5fd"
}

@@ -1591,3 +1920,3 @@ },

"light": "#9fa9d4",
"dark": "#6372b2"
"dark": "#6473b3"
},

@@ -1599,3 +1928,3 @@ "500": {

"600": {
"light": "#6372b2",
"light": "#6473b3",
"dark": "#9fa9d4"

@@ -1631,3 +1960,3 @@ },

"light": "#bba0d9",
"dark": "#8b64b7"
"dark": "#8c65b7"
},

@@ -1639,3 +1968,3 @@ "500": {

"600": {
"light": "#8b64b7",
"light": "#8c65b7",
"dark": "#bba0d9"

@@ -1693,2 +2022,16 @@ },

}
},
"transparent": {
"light": "transparent",
"dark": "transparent"
},
"engie": {
"blue": {
"light": "#00AAFF",
"dark": "#00AAFF"
},
"green": {
"light": "#23d2b5",
"dark": "#23d2b5"
}
}

@@ -1829,4 +2172,4 @@ },

"light": {
"light": "#007bbf",
"dark": "#31b4ff",
"light": "#007acd",
"dark": "#7fadef",
"group": "theme"

@@ -1911,4 +2254,4 @@ },

"focus": {
"light": "#007bbf",
"dark": "#31b4ff"
"light": "#007acd",
"dark": "#7fadef"
},

@@ -1929,4 +2272,18 @@ "inner-focus": {

"primary": {
"light": "#1f2223",
"dark": "#ffffff"
"_": {
"light": "#1f2223",
"dark": "#ffffff"
},
"hover": {
"light": "#007acd",
"dark": "#7fadef"
},
"focus": {
"light": "#007acd",
"dark": "#7fadef"
},
"active": {
"light": "#005aa0",
"dark": "#b6cdf8"
}
},

@@ -1938,21 +2295,57 @@ "secondary": {

"tertiary": {
"light": "#70777b",
"dark": "#a7abad"
"_": {
"light": "#71777b",
"dark": "#a7abad"
},
"hover": {
"light": "#007acd",
"dark": "#7fadef"
},
"focus": {
"light": "#007acd",
"dark": "#7fadef"
},
"active": {
"light": "#005aa0",
"dark": "#b6cdf8"
}
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"disabled": {
"light": "rgba(255, 255, 255, 0.4)",
"dark": "rgba(31, 34, 35, 0.4)"
}
},
"disabled": {
"light": "#a7abad",
"dark": "#70777b"
"_": {
"light": "#caccce",
"dark": "#545a5d"
}
},
"brand": {
"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
"_": {
"light": "#007acd",
"dark": "#7fadef"
},
"hover": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#004478",
"dark": "#e3ebfb"
}
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#b6cdf8",
"dark": "#005aa0"
}

@@ -1963,8 +2356,22 @@ },

"primary": {
"light": "#db3735",
"dark": "#ff8979"
"_": {
"light": "#db3835",
"dark": "#ff8979"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"focus": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
}
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
"light": "#ffbdb0",
"dark": "#aa2424"
}

@@ -1975,4 +2382,18 @@ }

"primary": {
"light": "#ca437b",
"dark": "#ff8979"
"_": {
"light": "#db3835",
"dark": "#ff8979"
},
"hover": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"focus": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"active": {
"light": "#553b46",
"dark": "#ffe4df"
}
},

@@ -1986,4 +2407,18 @@ "disabled": {

"primary": {
"light": "#db3735",
"dark": "#ff8979"
"_": {
"light": "#db3835",
"dark": "#ff8979"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"focus": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
}
},

@@ -1997,4 +2432,18 @@ "disabled": {

"primary": {
"light": "#bc5921",
"dark": "#ff8c47"
"_": {
"light": "#bd5a21",
"dark": "#ff8c47"
},
"hover": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"focus": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"active": {
"light": "#693315",
"dark": "#ffe5d0"
}
},

@@ -2008,4 +2457,18 @@ "disabled": {

"primary": {
"light": "#8e7236",
"dark": "#cca64f"
"_": {
"light": "#8e7336",
"dark": "#cca64f"
},
"hover": {
"light": "#6b562a",
"dark": "#f2c665"
},
"focus": {
"light": "#6b562a",
"dark": "#f2c665"
},
"active": {
"light": "#4f4022",
"dark": "#ffeaa1"
}
},

@@ -2019,4 +2482,18 @@ "disabled": {

"primary": {
"light": "#408448",
"dark": "#6fbc75"
"_": {
"light": "#418448",
"dark": "#6fbc75"
},
"hover": {
"light": "#316336",
"dark": "#a2daa3"
},
"focus": {
"light": "#316336",
"dark": "#a2daa3"
},
"active": {
"light": "#264a2a",
"dark": "#d8f0d7"
}
},

@@ -2030,8 +2507,22 @@ "disabled": {

"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
"_": {
"light": "#007acd",
"dark": "#7fadef"
},
"hover": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"focus": {
"light": "#005aa0",
"dark": "#b6cdf8"
},
"active": {
"light": "#004478",
"dark": "#e3ebfb"
}
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
"light": "#f1f5fd",
"dark": "#0c2b4b"
}

@@ -2041,4 +2532,18 @@ },

"primary": {
"light": "#6372b2",
"dark": "#9fa9d4"
"_": {
"light": "#6473b3",
"dark": "#9fa9d4"
},
"hover": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"focus": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"active": {
"light": "#2b3d83",
"dark": "#e7eaf5"
}
},

@@ -2052,4 +2557,18 @@ "disabled": {

"primary": {
"light": "#8b64b7",
"dark": "#bba0d9"
"_": {
"light": "#8c65b7",
"dark": "#bba0d9"
},
"hover": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"focus": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"active": {
"light": "#4d3a62",
"dark": "#eee7f6"
}
},

@@ -2063,4 +2582,18 @@ "disabled": {

"primary": {
"light": "#008480",
"dark": "#3dbcb8"
"_": {
"light": "#008480",
"dark": "#3dbcb8"
},
"hover": {
"light": "#0a6361",
"dark": "#88dad8"
},
"focus": {
"light": "#0a6361",
"dark": "#88dad8"
},
"active": {
"light": "#154948",
"dark": "#cef0ef"
}
},

@@ -2135,2 +2668,6 @@ "disabled": {

"sm": "0"
},
"focus": {
"width": "2px",
"offset": "4px"
}

@@ -2137,0 +2674,0 @@ },

4

package.json
{
"name": "@engie-group/fluid-design-tokens",
"version": "5.0.0-beta.0",
"version": "5.0.0-beta.1",
"description": "Fluid Design Tokens",

@@ -48,3 +48,3 @@ "keywords": [

},
"gitHead": "f8c59d5d88df46aa92ba3e7bcf5397f211361589"
"gitHead": "2b7190882d62c82e682a64270b9deaf14f94f448"
}

530

src/properties/color/background.json

@@ -45,532 +45,2 @@ {

}
},
"primary": {
"_" : {
"light": {
"value": "{color.palette.grey.0.light.value}"
},
"dark": {
"value": "{color.palette.grey.0.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.background.secondary.light.value}"
},
"dark": {
"value": "{color.background.secondary.dark.value}"
}
},
"active": {
"light": {
"value": "{color.background.tertiary.light.value}"
},
"dark": {
"value": "{color.background.tertiary.dark.value}"
}
},
"selected": {
"light": {
"value": "{color.background.brand.secondary.light.value}"
},
"dark": {
"value": "{color.background.brand.secondary.dark.value}"
}
}
},
"secondary": {
"light": {
"value": "{color.palette.grey.100.light.value}"
},
"dark": {
"value": "{color.palette.grey.100.dark.value}"
}
},
"tertiary": {
"light": {
"value": "{color.palette.grey.200.light.value}"
},
"dark": {
"value": "{color.palette.grey.200.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.grey.100.light.value}"
},
"dark": {
"value": "{color.palette.grey.100.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.grey.900.light.value}"
},
"dark": {
"value": "{color.palette.grey.900.dark.value}"
}
},
"brand": {
"_": {
"light": {
"value": "{color.base.brand.600.light.value}"
},
"dark": {
"value": "{color.base.brand.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.base.brand.100.light.value}"
},
"dark": {
"value": "{color.base.brand.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.brand.700.light.value}"
},
"dark": {
"value": "{color.base.brand.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.brand.800.light.value}"
},
"dark": {
"value": "{color.base.brand.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.base.brand.900.light.value}"
},
"dark": {
"value": "{color.base.brand.900.dark.value}"
}
}
},
"theme": {
"danger": {
"_": {
"light": {
"value": "{color.base.theme.danger.600.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.base.theme.danger.100.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.theme.danger.700.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.theme.danger.800.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.base.theme.danger.900.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.900.dark.value}"
}
}
}
},
"pink": {
"_": {
"light": {
"value": "{color.palette.pink.600.light.value}"
},
"dark": {
"value": "{color.palette.pink.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.pink.100.light.value}"
},
"dark": {
"value": "{color.palette.pink.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.pink.700.light.value}"
},
"dark": {
"value": "{color.palette.pink.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.pink.800.light.value}"
},
"dark": {
"value": "{color.palette.pink.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.pink.900.light.value}"
},
"dark": {
"value": "{color.palette.pink.900.dark.value}"
}
}
},
"red": {
"_": {
"light": {
"value": "{color.palette.red.600.light.value}"
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.red.100.light.value}"
},
"dark": {
"value": "{color.palette.red.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.red.700.light.value}"
},
"dark": {
"value": "{color.palette.red.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.red.800.light.value}"
},
"dark": {
"value": "{color.palette.red.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.red.900.light.value}"
},
"dark": {
"value": "{color.palette.red.900.dark.value}"
}
}
},
"orange": {
"_": {
"light": {
"value": "{color.palette.orange.600.light.value}"
},
"dark": {
"value": "{color.palette.orange.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.orange.100.light.value}"
},
"dark": {
"value": "{color.palette.orange.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.orange.700.light.value}"
},
"dark": {
"value": "{color.palette.orange.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.orange.800.light.value}"
},
"dark": {
"value": "{color.palette.orange.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.orange.900.light.value}"
},
"dark": {
"value": "{color.palette.orange.900.dark.value}"
}
}
},
"yellow": {
"_": {
"light": {
"value": "{color.palette.yellow.600.light.value}"
},
"dark": {
"value": "{color.palette.yellow.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.yellow.100.light.value}"
},
"dark": {
"value": "{color.palette.yellow.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.yellow.700.light.value}"
},
"dark": {
"value": "{color.palette.yellow.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.yellow.800.light.value}"
},
"dark": {
"value": "{color.palette.yellow.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.yellow.900.light.value}"
},
"dark": {
"value": "{color.palette.yellow.900.dark.value}"
}
}
},
"green": {
"_": {
"light": {
"value": "{color.palette.green.600.light.value}"
},
"dark": {
"value": "{color.palette.green.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.green.100.light.value}"
},
"dark": {
"value": "{color.palette.green.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.green.700.light.value}"
},
"dark": {
"value": "{color.palette.green.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.green.800.light.value}"
},
"dark": {
"value": "{color.palette.green.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.green.900.light.value}"
},
"dark": {
"value": "{color.palette.green.900.dark.value}"
}
}
},
"blue": {
"_": {
"light": {
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.blue.100.light.value}"
},
"dark": {
"value": "{color.palette.blue.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.blue.700.light.value}"
},
"dark": {
"value": "{color.palette.blue.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.blue.800.light.value}"
},
"dark": {
"value": "{color.palette.blue.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.blue.900.light.value}"
},
"dark": {
"value": "{color.palette.blue.900.dark.value}"
}
}
},
"ultramarine": {
"_": {
"light": {
"value": "{color.palette.ultramarine.600.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.ultramarine.100.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.ultramarine.700.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.ultramarine.800.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.ultramarine.900.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.900.dark.value}"
}
}
},
"purple": {
"_": {
"light": {
"value": "{color.palette.purple.600.light.value}"
},
"dark": {
"value": "{color.palette.purple.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.purple.100.light.value}"
},
"dark": {
"value": "{color.palette.purple.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.purple.700.light.value}"
},
"dark": {
"value": "{color.palette.purple.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.purple.800.light.value}"
},
"dark": {
"value": "{color.palette.purple.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.purple.900.light.value}"
},
"dark": {
"value": "{color.palette.purple.900.dark.value}"
}
}
},
"teal": {
"_": {
"light": {
"value": "{color.palette.teal.600.light.value}"
},
"dark": {
"value": "{color.palette.teal.600.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.teal.100.light.value}"
},
"dark": {
"value": "{color.palette.teal.100.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.teal.700.light.value}"
},
"dark": {
"value": "{color.palette.teal.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.teal.800.light.value}"
},
"dark": {
"value": "{color.palette.teal.800.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.teal.900.light.value}"
},
"dark": {
"value": "{color.palette.teal.900.dark.value}"
}
}
}

@@ -577,0 +47,0 @@ }

150

src/properties/color/base.json

@@ -914,152 +914,2 @@ {

"group": "secondary"
},
"brand": {
"100": {
"light": {
"value": "{color.palette.blue.100.light.value}"
},
"dark": {
"value": "{color.palette.blue.100.dark.value}"
}
},
"200": {
"light": {
"value": "{color.palette.blue.200.light.value}"
},
"dark": {
"value": "{color.palette.blue.200.dark.value}"
}
},
"300": {
"light": {
"value": "{color.palette.blue.300.light.value}"
},
"dark": {
"value": "{color.palette.blue.300.dark.value}"
}
},
"400": {
"light": {
"value": "{color.palette.blue.400.light.value}"
},
"dark": {
"value": "{color.palette.blue.400.dark.value}"
}
},
"500": {
"light": {
"value": "{color.palette.blue.500.light.value}"
},
"dark": {
"value": "{color.palette.blue.500.dark.value}"
}
},
"600": {
"light": {
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
}
},
"700": {
"light": {
"value": "{color.palette.blue.700.light.value}"
},
"dark": {
"value": "{color.palette.blue.700.dark.value}"
}
},
"800": {
"light": {
"value": "{color.palette.blue.800.light.value}"
},
"dark": {
"value": "{color.palette.blue.800.dark.value}"
}
},
"900": {
"light": {
"value": "{color.palette.blue.900.light.value}"
},
"dark": {
"value": "{color.palette.blue.900.dark.value}"
}
}
},
"theme": {
"danger": {
"100": {
"light": {
"value": "{color.palette.red.100.light.value}"
},
"dark": {
"value": "{color.palette.red.100.dark.value}"
}
},
"200": {
"light": {
"value": "{color.palette.red.200.light.value}"
},
"dark": {
"value": "{color.palette.red.200.dark.value}"
}
},
"300": {
"light": {
"value": "{color.palette.red.300.light.value}"
},
"dark": {
"value": "{color.palette.red.300.dark.value}"
}
},
"400": {
"light": {
"value": "{color.palette.red.400.light.value}"
},
"dark": {
"value": "{color.palette.red.400.dark.value}"
}
},
"500": {
"light": {
"value": "{color.palette.red.500.light.value}"
},
"dark": {
"value": "{color.palette.red.500.dark.value}"
}
},
"600": {
"light": {
"value": "{color.palette.red.600.light.value}"
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
}
},
"700": {
"light": {
"value": "{color.palette.red.700.light.value}"
},
"dark": {
"value": "{color.palette.red.700.dark.value}"
}
},
"800": {
"light": {
"value": "{color.palette.red.800.light.value}"
},
"dark": {
"value": "{color.palette.red.800.dark.value}"
}
},
"900": {
"light": {
"value": "{color.palette.red.900.light.value}"
},
"dark": {
"value": "{color.palette.red.900.dark.value}"
}
}
}
}

@@ -1066,0 +916,0 @@ }

352

src/properties/color/border.json

@@ -19,354 +19,2 @@ {

}
},
"minimal": {
"light": {
"value": "{color.palette.grey.200.light.value}"
},
"dark": {
"value": "{color.palette.grey.200.dark.value}"
}
},
"subtle": {
"light": {
"value": "{color.palette.grey.300.light.value}"
},
"dark": {
"value": "{color.palette.grey.300.dark.value}"
}
},
"moderate": {
"light": {
"value": "{color.palette.grey.300.light.value}"
},
"dark": {
"value": "{color.palette.grey.300.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.grey.600.light.value}"
},
"dark": {
"value": "{color.palette.grey.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.grey.700.light.value}"
},
"dark": {
"value": "{color.palette.grey.700.dark.value}"
}
},
"contrast": {
"light": {
"value": "{color.palette.grey.900.light.value}"
},
"dark": {
"value": "{color.palette.grey.900.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.border.brand.bold.light.value}"
},
"dark": {
"value": "{color.border.brand.bold.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.border.brand.bold.light.value}"
},
"dark": {
"value": "{color.border.brand.bold.dark.value}"
}
},
"brand": {
"moderate": {
"light": {
"value": "{color.base.brand.500.light.value}"
},
"dark": {
"value": "{color.base.brand.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.base.brand.600.light.value}"
},
"dark": {
"value": "{color.base.brand.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.base.brand.700.light.value}"
},
"dark": {
"value": "{color.base.brand.700.dark.value}"
}
}
},
"theme": {
"danger": {
"moderate": {
"light": {
"value": "{color.base.theme.danger.500.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.base.theme.danger.600.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.base.theme.danger.700.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.700.dark.value}"
}
}
}
},
"pink": {
"moderate": {
"light": {
"value": "{color.palette.pink.500.light.value}"
},
"dark": {
"value": "{color.palette.pink.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.pink.600.light.value}"
},
"dark": {
"value": "{color.palette.pink.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.pink.700.light.value}"
},
"dark": {
"value": "{color.palette.pink.700.dark.value}"
}
}
},
"red": {
"moderate": {
"light": {
"value": "{color.palette.red.500.light.value}"
},
"dark": {
"value": "{color.palette.red.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.red.600.light.value}"
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.red.700.light.value}"
},
"dark": {
"value": "{color.palette.red.700.dark.value}"
}
}
},
"orange": {
"moderate": {
"light": {
"value": "{color.palette.orange.500.light.value}"
},
"dark": {
"value": "{color.palette.orange.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.orange.600.light.value}"
},
"dark": {
"value": "{color.palette.orange.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.orange.700.light.value}"
},
"dark": {
"value": "{color.palette.orange.700.dark.value}"
}
}
},
"yellow": {
"moderate": {
"light": {
"value": "{color.palette.yellow.500.light.value}"
},
"dark": {
"value": "{color.palette.yellow.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.yellow.600.light.value}"
},
"dark": {
"value": "{color.palette.yellow.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.yellow.700.light.value}"
},
"dark": {
"value": "{color.palette.yellow.700.dark.value}"
}
}
},
"green": {
"moderate": {
"light": {
"value": "{color.palette.green.500.light.value}"
},
"dark": {
"value": "{color.palette.green.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.green.600.light.value}"
},
"dark": {
"value": "{color.palette.green.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.green.700.light.value}"
},
"dark": {
"value": "{color.palette.green.700.dark.value}"
}
}
},
"blue": {
"moderate": {
"light": {
"value": "{color.palette.blue.500.light.value}"
},
"dark": {
"value": "{color.palette.blue.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.blue.700.light.value}"
},
"dark": {
"value": "{color.palette.blue.700.dark.value}"
}
}
},
"ultramarine": {
"moderate": {
"light": {
"value": "{color.palette.ultramarine.500.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.ultramarine.600.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.ultramarine.700.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.700.dark.value}"
}
}
},
"purple": {
"moderate": {
"light": {
"value": "{color.palette.purple.500.light.value}"
},
"dark": {
"value": "{color.palette.purple.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.purple.600.light.value}"
},
"dark": {
"value": "{color.palette.purple.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.purple.700.light.value}"
},
"dark": {
"value": "{color.palette.purple.700.dark.value}"
}
}
},
"teal": {
"moderate": {
"light": {
"value": "{color.palette.teal.500.light.value}"
},
"dark": {
"value": "{color.palette.teal.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.palette.teal.600.light.value}"
},
"dark": {
"value": "{color.palette.teal.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.palette.teal.700.light.value}"
},
"dark": {
"value": "{color.palette.teal.700.dark.value}"
}
}
}

@@ -373,0 +21,0 @@ }

320

src/properties/color/icon.json

@@ -11,322 +11,2 @@ {

}
},
"disabled": {
"light": {
"value": "{color.palette.grey.300.light.value}"
},
"dark": {
"value": "{color.palette.grey.300.dark.value}"
}
},
"tertiary": {
"light": {
"value": "{color.palette.grey.500.light.value}"
},
"dark": {
"value": "{color.palette.grey.500.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.grey.600.light.value}"
},
"dark": {
"value": "{color.palette.grey.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.grey.800.light.value}"
},
"dark": {
"value": "{color.palette.grey.800.dark.value}"
}
},
"brand": {
"secondary": {
"light": {
"value": "{color.base.brand.600.light.value}"
},
"dark": {
"value": "{color.base.brand.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.base.brand.800.light.value}"
},
"dark": {
"value": "{color.base.brand.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.base.brand.300.light.value}"
},
"dark": {
"value": "{color.base.brand.300.dark.value}"
}
}
},
"theme": {
"danger": {
"secondary": {
"light":{
"value": "{color.base.theme.danger.600.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.600.dark.value}"
}
},
"primary": {
"light":{
"value": "{color.base.theme.danger.800.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.800.dark.value}"
}
},
"disabled": {
"light":{
"value": "{color.base.theme.danger.300.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.300.dark.value}"
}
}
}
},
"pink": {
"secondary": {
"light": {
"value": "{color.palette.pink.600.light.value}"
},
"dark": {
"value": "{color.palette.pink.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.pink.800.light.value}"
},
"dark": {
"value": "{color.palette.pink.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.pink.300.light.value}"
},
"dark": {
"value": "{color.palette.pink.300.dark.value}"
}
}
},
"red": {
"secondary": {
"light": {
"value": "{color.palette.red.600.light.value}"
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.red.800.light.value}"
},
"dark": {
"value": "{color.palette.red.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.red.300.light.value}"
},
"dark": {
"value": "{color.palette.red.300.dark.value}"
}
}
},
"orange": {
"secondary": {
"light": {
"value": "{color.palette.orange.600.light.value}"
},
"dark": {
"value": "{color.palette.orange.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.orange.800.light.value}"
},
"dark": {
"value": "{color.palette.orange.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.orange.300.light.value}"
},
"dark": {
"value": "{color.palette.orange.300.dark.value}"
}
}
},
"yellow": {
"secondary": {
"light": {
"value": "{color.palette.yellow.600.light.value}"
},
"dark": {
"value": "{color.palette.yellow.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.yellow.800.light.value}"
},
"dark": {
"value": "{color.palette.yellow.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.yellow.300.light.value}"
},
"dark": {
"value": "{color.palette.yellow.300.dark.value}"
}
}
},
"green": {
"secondary": {
"light": {
"value": "{color.palette.green.600.light.value}"
},
"dark": {
"value": "{color.palette.green.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.green.800.light.value}"
},
"dark": {
"value": "{color.palette.green.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.green.300.light.value}"
},
"dark": {
"value": "{color.palette.green.300.dark.value}"
}
}
},
"blue": {
"secondary": {
"light": {
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.blue.800.light.value}"
},
"dark": {
"value": "{color.palette.blue.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.blue.300.light.value}"
},
"dark": {
"value": "{color.palette.blue.300.dark.value}"
}
}
},
"ultramarine": {
"secondary": {
"light": {
"value": "{color.palette.ultramarine.600.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.ultramarine.800.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.ultramarine.300.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.300.dark.value}"
}
}
},
"purple": {
"secondary": {
"light": {
"value": "{color.palette.purple.600.light.value}"
},
"dark": {
"value": "{color.palette.purple.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.purple.800.light.value}"
},
"dark": {
"value": "{color.palette.purple.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.purple.300.light.value}"
},
"dark": {
"value": "{color.palette.purple.300.dark.value}"
}
}
},
"teal": {
"secondary": {
"light": {
"value": "{color.palette.teal.600.light.value}"
},
"dark": {
"value": "{color.palette.teal.600.dark.value}"
}
},
"primary": {
"light": {
"value": "{color.palette.teal.800.light.value}"
},
"dark": {
"value": "{color.palette.teal.800.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.teal.300.light.value}"
},
"dark": {
"value": "{color.palette.teal.300.dark.value}"
}
}
}

@@ -333,0 +13,0 @@ }

189

src/properties/color/palette.json
{
"color": {
"palette": {
"transparence": {
"100": {
"alpha": "0.1"
},
"200": {
"alpha": "0.2"
},
"300": {
"alpha": "0.3"
},
"400": {
"alpha": "0.4"
},
"500": {
"alpha": "0.5"
},
"600": {
"alpha": "0.6"
},
"700": {
"alpha": "0.7"
},
"800": {
"alpha": "0.8"
},
"900": {
"alpha": "0.9"
}
},
"grey": {
"0": {
"light": {
"value": "#ffffff"
"value": "#ffffff",
"rgb": "255, 255, 255"
},
"dark": {
"value": "{color.palette.grey.1000.light.value}"
"value": "{color.palette.grey.1000.light.value}",
"rgb": "{color.palette.grey.1000.light.rgb}"
}

@@ -15,6 +46,8 @@ },

"light": {
"value": "#f4f4f5"
"value": "#f4f4f5",
"rgb": "244, 244, 255"
},
"dark": {
"value": "{color.palette.grey.900.light.value}"
"value": "{color.palette.grey.900.light.value}",
"rgb": "{color.palette.grey.900.light.rgb}"
}

@@ -24,6 +57,8 @@ },

"light": {
"value": "#e9eaeb"
"value": "#e9eaeb",
"rgb": "233, 234, 235"
},
"dark": {
"value": "{color.palette.grey.800.light.value}"
"value": "{color.palette.grey.800.light.value}",
"rgb": "{color.palette.grey.800.light.rgb}"
}

@@ -33,6 +68,8 @@ },

"light": {
"value": "#caccce"
"value": "#caccce",
"rgb": "202, 204, 206"
},
"dark": {
"value": "{color.palette.grey.700.light.value}"
"value": "{color.palette.grey.700.light.value}",
"rgb": "{color.palette.grey.700.light.rgb}"
}

@@ -42,6 +79,8 @@ },

"light": {
"value": "#a7abad"
"value": "#a7abad",
"rgb": "167, 171, 173"
},
"dark": {
"value": "{color.palette.grey.600.light.value}"
"value": "{color.palette.grey.600.light.value}",
"rgb": "{color.palette.grey.600.light.rgb}"
}

@@ -51,6 +90,8 @@ },

"light": {
"value": "#848a8d"
"value": "#848a8d",
"rgb": "132, 138, 141"
},
"dark": {
"value": "{color.palette.grey.500.light.value}"
"value": "{color.palette.grey.500.light.value}",
"rgb": "{color.palette.grey.500.light.rgb}"
}

@@ -60,6 +101,8 @@ },

"light": {
"value": "#70777b"
"value": "#71777b",
"rgb": "113, 119, 123"
},
"dark": {
"value": "{color.palette.grey.400.light.value}"
"value": "{color.palette.grey.400.light.value}",
"rgb": "{color.palette.grey.400.light.rgb}"
}

@@ -69,6 +112,8 @@ },

"light": {
"value": "#545a5d"
"value": "#545a5d",
"rgb": "84, 90, 93"
},
"dark": {
"value": "{color.palette.grey.300.light.value}"
"value": "{color.palette.grey.300.light.value}",
"rgb": "{color.palette.grey.300.light.rgb}"
}

@@ -78,6 +123,8 @@ },

"light": {
"value": "#3f4345"
"value": "#3f4345",
"rgb": "63, 67, 69"
},
"dark": {
"value": "{color.palette.grey.200.light.value}"
"value": "{color.palette.grey.200.light.value}",
"rgb": "{color.palette.grey.200.light.rgb}"
}

@@ -87,6 +134,8 @@ },

"light": {
"value": "#282a2c"
"value": "#282a2c",
"rgb": "40, 42, 44"
},
"dark": {
"value": "{color.palette.grey.100.light.value}"
"value": "{color.palette.grey.100.light.value}",
"rgb": "{color.palette.grey.100.light.rgb}"
}

@@ -96,6 +145,8 @@ },

"light": {
"value": "#1f2223"
"value": "#1f2223",
"rgb": "31, 34, 35"
},
"dark": {
"value": "{color.palette.grey.0.light.value}"
"value": "{color.palette.grey.0.light.value}",
"rgb": "{color.palette.grey.0.light.rgb}"
}

@@ -147,3 +198,3 @@ }

"light": {
"value": "#ca437b"
"value": "#db3835"
},

@@ -222,3 +273,3 @@ "dark": {

"light": {
"value": "#db3735"
"value": "#db3835"
},

@@ -297,3 +348,3 @@ "dark": {

"light": {
"value": "#bc5921"
"value": "#bd5a21"
},

@@ -372,3 +423,3 @@ "dark": {

"light": {
"value": "#8e7236"
"value": "#8e7336"
},

@@ -447,3 +498,3 @@ "dark": {

"light": {
"value": "#408448"
"value": "#418448"
},

@@ -482,6 +533,8 @@ "dark": {

"light": {
"value": "#ebf5ff"
"value": "#f1f5fd",
"rgb": "241, 245, 253"
},
"dark": {
"value": "{color.palette.blue.900.light.value}"
"value": "{color.palette.blue.900.light.value}",
"rgb": "{color.palette.blue.900.light.rgb}"
}

@@ -491,6 +544,8 @@ },

"light": {
"value": "#d4edff"
"value": "#e3ebfb",
"rgb": "227, 235, 251"
},
"dark": {
"value": "{color.palette.blue.800.light.value}"
"value": "{color.palette.blue.800.light.value}",
"rgb": "{color.palette.blue.800.light.rgb}"
}

@@ -500,6 +555,8 @@ },

"light": {
"value": "#8fd4ff"
"value": "#b6cdf8",
"rgb": "182, 205, 248"
},
"dark": {
"value": "{color.palette.blue.700.light.value}"
"value": "{color.palette.blue.700.light.value}",
"rgb": "{color.palette.blue.700.light.rgb}"
}

@@ -509,6 +566,8 @@ },

"light": {
"value": "#31b4ff"
"value": "#7fadef",
"rgb": "127, 173, 239"
},
"dark": {
"value": "{color.palette.blue.600.light.value}"
"value": "{color.palette.blue.600.light.value}",
"rgb": "{color.palette.blue.600.light.rgb}"
}

@@ -518,6 +577,8 @@ },

"light": {
"value": "#008fdd"
"value": "#3c8cde",
"rgb": "60, 140, 222"
},
"dark": {
"value": "{color.palette.blue.500.light.value}"
"value": "{color.palette.blue.500.light.value}",
"rgb": "{color.palette.blue.500.light.rgb}"
}

@@ -527,6 +588,8 @@ },

"light": {
"value": "#007bbf"
"value": "#007acd",
"rgb": "0, 122, 205"
},
"dark": {
"value": "{color.palette.blue.400.light.value}"
"value": "{color.palette.blue.400.light.value}",
"rgb": "{color.palette.blue.400.light.rgb}"
}

@@ -536,6 +599,8 @@ },

"light": {
"value": "#005d91"
"value": "#005aa0",
"rgb": "0, 90, 160"
},
"dark": {
"value": "{color.palette.blue.300.light.value}"
"value": "{color.palette.blue.300.light.value}",
"rgb": "{color.palette.blue.300.light.rgb}"
}

@@ -545,6 +610,8 @@ },

"light": {
"value": "#0b466a"
"value": "#004478",
"rgb": "0, 68, 120"
},
"dark": {
"value": "{color.palette.blue.200.light.value}"
"value": "{color.palette.blue.200.light.value}",
"rgb": "{color.palette.blue.200.light.rgb}"
}

@@ -554,6 +621,8 @@ },

"light": {
"value": "#132c42"
"value": "#0c2b4b",
"rgb": "12, 43, 75"
},
"dark": {
"value": "{color.palette.blue.100.light.value}"
"value": "{color.palette.blue.100.light.value}",
"rgb": "{color.palette.blue.100.light.rgb}"
}

@@ -605,3 +674,3 @@ }

"light": {
"value": "#6372b2"
"value": "#6473b3"
},

@@ -680,3 +749,3 @@ "dark": {

"light": {
"value": "#8b64b7"
"value": "#8c65b7"
},

@@ -785,2 +854,28 @@ "dark": {

}
},
"transparent": {
"light": {
"value": "transparent"
},
"dark": {
"value": "transparent"
}
},
"engie": {
"blue": {
"light": {
"value": "#00AAFF"
},
"dark": {
"value": "#00AAFF"
}
},
"green": {
"light": {
"value": "#23d2b5"
},
"dark": {
"value": "#23d2b5"
}
}
}

@@ -787,0 +882,0 @@ }

240

src/properties/color/text.json

@@ -394,242 +394,2 @@ {

}
},
"primary": {
"light": {
"value": "{color.palette.grey.1000.light.value}"
},
"dark": {
"value": "{color.palette.grey.1000.dark.value}"
}
},
"secondary": {
"light": {
"value": "{color.palette.grey.800.light.value}"
},
"dark": {
"value": "{color.palette.grey.800.dark.value}"
}
},
"tertiary": {
"light": {
"value": "{color.palette.grey.600.light.value}"
},
"dark": {
"value": "{color.palette.grey.600.dark.value}"
}
},
"inverse": {
"light": {
"value": "{color.palette.grey.900.light.value}"
},
"dark": {
"value": "{color.palette.grey.900.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.grey.400.light.value}"
},
"dark": {
"value": "{color.palette.grey.400.dark.value}"
}
},
"brand": {
"primary": {
"light": {
"value": "{color.base.brand.600.light.value}"
},
"dark": {
"value": "{color.base.brand.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.base.brand.100.light.value}"
},
"dark": {
"value": "{color.base.brand.100.dark.value}"
}
}
},
"theme": {
"danger": {
"primary": {
"light": {
"value": "{color.base.theme.danger.600.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.base.theme.danger.100.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.100.dark.value}"
}
}
}
},
"pink": {
"primary": {
"light": {
"value": "{color.palette.pink.600.light.value}"
},
"dark": {
"value": "{color.palette.pink.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.pink.100.light.value}"
},
"dark": {
"value": "{color.palette.pink.100.dark.value}"
}
}
},
"red": {
"primary": {
"light": {
"value": "{color.palette.red.600.light.value}"
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.red.100.light.value}"
},
"dark": {
"value": "{color.palette.red.100.dark.value}"
}
}
},
"orange": {
"primary": {
"light": {
"value": "{color.palette.orange.600.light.value}"
},
"dark": {
"value": "{color.palette.orange.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.orange.100.light.value}"
},
"dark": {
"value": "{color.palette.orange.100.dark.value}"
}
}
},
"yellow": {
"primary": {
"light": {
"value": "{color.palette.yellow.600.light.value}"
},
"dark": {
"value": "{color.palette.yellow.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.yellow.100.light.value}"
},
"dark": {
"value": "{color.palette.yellow.100.dark.value}"
}
}
},
"green": {
"primary": {
"light": {
"value": "{color.palette.green.600.light.value}"
},
"dark": {
"value": "{color.palette.green.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.green.100.light.value}"
},
"dark": {
"value": "{color.palette.green.100.dark.value}"
}
}
},
"blue": {
"primary": {
"light": {
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.blue.100.light.value}"
},
"dark": {
"value": "{color.palette.blue.100.dark.value}"
}
}
},
"ultramarine": {
"primary": {
"light": {
"value": "{color.palette.ultramarine.600.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.ultramarine.100.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.100.dark.value}"
}
}
},
"purple": {
"primary": {
"light": {
"value": "{color.palette.purple.600.light.value}"
},
"dark": {
"value": "{color.palette.purple.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.purple.100.light.value}"
},
"dark": {
"value": "{color.palette.purple.100.dark.value}"
}
}
},
"teal": {
"primary": {
"light": {
"value": "{color.palette.teal.600.light.value}"
},
"dark": {
"value": "{color.palette.teal.600.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.palette.teal.100.light.value}"
},
"dark": {
"value": "{color.palette.teal.100.dark.value}"
}
}
}

@@ -636,0 +396,0 @@ }

8

src/properties/size/border.json

@@ -14,2 +14,10 @@ {

}
},
"focus": {
"width": {
"value": "2px"
},
"offset": {
"value": "4px"
}
}

@@ -16,0 +24,0 @@ }

lib/css/tokens.css

Sorry, the diff of this file is not supported yet

lib/scss/tokens.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc