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-alpha.2 to 5.0.0-beta.0

src/properties/color/palette.json

2

lib/js/tokens-color-palette.js
/**
* Do not edit directly
* Generated on Tue, 26 Jul 2022 09:01:26 GMT
* Generated on Tue, 13 Sep 2022 12:21:54 GMT
*/

@@ -5,0 +5,0 @@

1310

lib/js/tokens.js
/**
* Do not edit directly
* Generated on Tue, 26 Jul 2022 09:01:26 GMT
* Generated on Tue, 13 Sep 2022 12:21:54 GMT
*/

@@ -23,10 +23,6 @@

"active": {
"light": "#f5f5f5",
"dark": "#1a3447"
"light": "#f4f4f5",
"dark": "#282a2c"
}
},
"disabled": {
"light": "#e0e0e0",
"dark": "rgba(255,255,255, .26)"
},
"hr": {

@@ -41,2 +37,280 @@ "light": "#e0e0e0",

}
},
"primary": {
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"hover": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"active": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"selected": {
"light": "#ebf5ff",
"dark": "#132c42"
}
},
"secondary": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"tertiary": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"disabled": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"brand": {
"_": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"theme": {
"danger": {
"_": {
"light": "#db3735",
"dark": "#ff8979"
},
"secondary": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
}
}
},
"pink": {
"_": {
"light": "#ca437b",
"dark": "#ff8979"
},
"secondary": {
"light": "#fff2f7",
"dark": "#4e1714"
},
"hover": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"active": {
"light": "#553b46",
"dark": "#ffe4df"
},
"inverse": {
"light": "#30282c",
"dark": "#fff2ef"
}
},
"red": {
"_": {
"light": "#db3735",
"dark": "#ff8979"
},
"secondary": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
}
},
"orange": {
"_": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"secondary": {
"light": "#fff2e8",
"dark": "#422211"
},
"hover": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"active": {
"light": "#693315",
"dark": "#ffe5d0"
},
"inverse": {
"light": "#422211",
"dark": "#fff2e8"
}
},
"yellow": {
"_": {
"light": "#8e7236",
"dark": "#cca64f"
},
"secondary": {
"light": "#fff5cb",
"dark": "#322918"
},
"hover": {
"light": "#6b562a",
"dark": "#f2c665"
},
"active": {
"light": "#4f4022",
"dark": "#ffeaa1"
},
"inverse": {
"light": "#322918",
"dark": "#fff5cb"
}
},
"green": {
"_": {
"light": "#408448",
"dark": "#6fbc75"
},
"secondary": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"hover": {
"light": "#316336",
"dark": "#a2daa3"
},
"active": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"inverse": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}
},
"blue": {
"_": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"ultramarine": {
"_": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"secondary": {
"light": "#f2f4f9",
"dark": "#17255f"
},
"hover": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"active": {
"light": "#2b3d83",
"dark": "#e7eaf5"
},
"inverse": {
"light": "#17255f",
"dark": "#f2f4f9"
}
},
"purple": {
"_": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"secondary": {
"light": "#f7f4fb",
"dark": "#2d2834"
},
"hover": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"active": {
"light": "#4d3a62",
"dark": "#eee7f6"
},
"inverse": {
"light": "#2d2834",
"dark": "#f7f4fb"
}
},
"teal": {
"_": {
"light": "#008480",
"dark": "#3dbcb8"
},
"secondary": {
"light": "#e6f7f7",
"dark": "#192d2d"
},
"hover": {
"light": "#0a6361",
"dark": "#88dad8"
},
"active": {
"light": "#154948",
"dark": "#cef0ef"
},
"inverse": {
"light": "#192d2d",
"dark": "#e6f7f7"
}
}

@@ -334,12 +608,16 @@ },

"primary": {
"light": "#009de9",
"dark": "#009de9",
"light": "#007bbf",
"dark": "#31b4ff",
"active": {
"light": "#006190",
"dark": "#61c2f1"
"light": "#0b466a",
"dark": "#d4edff"
},
"hover": {
"light": "#0074ac",
"dark": "#42b6ee"
"light": "#005d91",
"dark": "#8fd4ff"
},
"focus": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"group": "theme"

@@ -512,2 +790,80 @@ },

"group": "secondary"
},
"brand": {
"100": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"theme": {
"danger": {
"100": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"200": {
"light": "#ffe4df",
"dark": "#7f1d1b"
},
"300": {
"light": "#ffbdb0",
"dark": "#aa2424"
},
"400": {
"light": "#ff8979",
"dark": "#db3735"
},
"500": {
"light": "#f34e46",
"dark": "#f34e46"
},
"600": {
"light": "#db3735",
"dark": "#ff8979"
},
"700": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"800": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"900": {
"light": "#4e1714",
"dark": "#fff2ef"
}
}
}

@@ -523,2 +879,190 @@ },

}
},
"minimal": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"subtle": {
"light": "#caccce",
"dark": "#545a5d"
},
"moderate": {
"light": "#caccce",
"dark": "#545a5d"
},
"bold": {
"light": "#70777b",
"dark": "#a7abad"
},
"strong": {
"light": "#545a5d",
"dark": "#caccce"
},
"contrast": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"hover": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"focus": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"brand": {
"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
}
},
"theme": {
"danger": {
"moderate": {
"light": "#f34e46",
"dark": "#f34e46"
},
"bold": {
"light": "#db3735",
"dark": "#ff8979"
},
"strong": {
"light": "#aa2424",
"dark": "#ffbdb0"
}
}
},
"pink": {
"moderate": {
"light": "#f1468d",
"dark": "#f34e46"
},
"bold": {
"light": "#ca437b",
"dark": "#ff8979"
},
"strong": {
"light": "#81475f",
"dark": "#ffbdb0"
}
},
"red": {
"moderate": {
"light": "#f34e46",
"dark": "#f34e46"
},
"bold": {
"light": "#db3735",
"dark": "#ff8979"
},
"strong": {
"light": "#aa2424",
"dark": "#ffbdb0"
}
},
"orange": {
"moderate": {
"light": "#d96929",
"dark": "#d96929"
},
"bold": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"strong": {
"light": "#8e441a",
"dark": "#ffbf8e"
}
},
"yellow": {
"moderate": {
"light": "#a4853e",
"dark": "#a4853e"
},
"bold": {
"light": "#8e7236",
"dark": "#cca64f"
},
"strong": {
"light": "#6b562a",
"dark": "#f2c665"
}
},
"green": {
"moderate": {
"light": "#4d9955",
"dark": "#4d9955"
},
"bold": {
"light": "#408448",
"dark": "#6fbc75"
},
"strong": {
"light": "#316336",
"dark": "#a2daa3"
}
},
"blue": {
"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
}
},
"ultramarine": {
"moderate": {
"light": "#7986bf",
"dark": "#7986bf"
},
"bold": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"strong": {
"light": "#44549b",
"dark": "#c4cbe5"
}
},
"purple": {
"moderate": {
"light": "#9d79c5",
"dark": "#9d79c5"
},
"bold": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"strong": {
"light": "#6d4797",
"dark": "#d6c6e9"
}
},
"teal": {
"moderate": {
"light": "#0a9994",
"dark": "#0a9994"
},
"bold": {
"light": "#008480",
"dark": "#3dbcb8"
},
"strong": {
"light": "#0a6361",
"dark": "#88dad8"
}
}

@@ -530,4 +1074,566 @@ },

"dark": "#b8bfc3"
},
"disabled": {
"light": "#caccce",
"dark": "#545a5d"
},
"tertiary": {
"light": "#848a8d",
"dark": "#848a8d"
},
"secondary": {
"light": "#70777b",
"dark": "#a7abad"
},
"primary": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"brand": {
"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
}
},
"theme": {
"danger": {
"secondary": {
"light": "#db3735",
"dark": "#ff8979"
},
"primary": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"disabled": {
"light": "#ffbdb0",
"dark": "#aa2424"
}
}
},
"pink": {
"secondary": {
"light": "#ca437b",
"dark": "#ff8979"
},
"primary": {
"light": "#553b46",
"dark": "#ffe4df"
},
"disabled": {
"light": "#ffb8d6",
"dark": "#aa2424"
}
},
"red": {
"secondary": {
"light": "#db3735",
"dark": "#ff8979"
},
"primary": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"disabled": {
"light": "#ffbdb0",
"dark": "#aa2424"
}
},
"orange": {
"secondary": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"primary": {
"light": "#693315",
"dark": "#ffe5d0"
},
"disabled": {
"light": "#ffbf8e",
"dark": "#8e441a"
}
},
"yellow": {
"secondary": {
"light": "#8e7236",
"dark": "#cca64f"
},
"primary": {
"light": "#4f4022",
"dark": "#ffeaa1"
},
"disabled": {
"light": "#f2c665",
"dark": "#6b562a"
}
},
"green": {
"secondary": {
"light": "#408448",
"dark": "#6fbc75"
},
"primary": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"disabled": {
"light": "#a2daa3",
"dark": "#316336"
}
},
"blue": {
"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
}
},
"ultramarine": {
"secondary": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"primary": {
"light": "#2b3d83",
"dark": "#e7eaf5"
},
"disabled": {
"light": "#c4cbe5",
"dark": "#44549b"
}
},
"purple": {
"secondary": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"primary": {
"light": "#4d3a62",
"dark": "#eee7f6"
},
"disabled": {
"light": "#d6c6e9",
"dark": "#6d4797"
}
},
"teal": {
"secondary": {
"light": "#008480",
"dark": "#3dbcb8"
},
"primary": {
"light": "#154948",
"dark": "#cef0ef"
},
"disabled": {
"light": "#88dad8",
"dark": "#0a6361"
}
}
},
"palette": {
"grey": {
"0": {
"light": "#ffffff",
"dark": "#1f2223"
},
"100": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"200": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"300": {
"light": "#caccce",
"dark": "#545a5d"
},
"400": {
"light": "#a7abad",
"dark": "#70777b"
},
"500": {
"light": "#848a8d",
"dark": "#848a8d"
},
"600": {
"light": "#70777b",
"dark": "#a7abad"
},
"700": {
"light": "#545a5d",
"dark": "#caccce"
},
"800": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"900": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"1000": {
"light": "#1f2223",
"dark": "#ffffff"
}
},
"pink": {
"100": {
"light": "#fff2f7",
"dark": "#4e1714"
},
"200": {
"light": "#ffe3ee",
"dark": "#7f1d1b"
},
"300": {
"light": "#ffb8d6",
"dark": "#aa2424"
},
"400": {
"light": "#ff82b7",
"dark": "#db3735"
},
"500": {
"light": "#f1468d",
"dark": "#f34e46"
},
"600": {
"light": "#ca437b",
"dark": "#ff8979"
},
"700": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"800": {
"light": "#553b46",
"dark": "#ffe4df"
},
"900": {
"light": "#30282c",
"dark": "#fff2ef"
}
},
"red": {
"100": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"200": {
"light": "#ffe4df",
"dark": "#7f1d1b"
},
"300": {
"light": "#ffbdb0",
"dark": "#aa2424"
},
"400": {
"light": "#ff8979",
"dark": "#db3735"
},
"500": {
"light": "#f34e46",
"dark": "#f34e46"
},
"600": {
"light": "#db3735",
"dark": "#ff8979"
},
"700": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"800": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"900": {
"light": "#4e1714",
"dark": "#fff2ef"
}
},
"orange": {
"100": {
"light": "#fff2e8",
"dark": "#422211"
},
"200": {
"light": "#ffe5d0",
"dark": "#693315"
},
"300": {
"light": "#ffbf8e",
"dark": "#8e441a"
},
"400": {
"light": "#ff8c47",
"dark": "#bc5921"
},
"500": {
"light": "#d96929",
"dark": "#d96929"
},
"600": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"700": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"800": {
"light": "#693315",
"dark": "#ffe5d0"
},
"900": {
"light": "#422211",
"dark": "#fff2e8"
}
},
"yellow": {
"100": {
"light": "#fff5cb",
"dark": "#322918"
},
"200": {
"light": "#ffeaa1",
"dark": "#4f4022"
},
"300": {
"light": "#f2c665",
"dark": "#6b562a"
},
"400": {
"light": "#cca64f",
"dark": "#8e7236"
},
"500": {
"light": "#a4853e",
"dark": "#a4853e"
},
"600": {
"light": "#8e7236",
"dark": "#cca64f"
},
"700": {
"light": "#6b562a",
"dark": "#f2c665"
},
"800": {
"light": "#4f4022",
"dark": "#ffeaa1"
},
"900": {
"light": "#322918",
"dark": "#fff5cb"
}
},
"green": {
"100": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"200": {
"light": "#d8f0d7",
"dark": "#264a2a"
},
"300": {
"light": "#a2daa3",
"dark": "#316336"
},
"400": {
"light": "#6fbc75",
"dark": "#408448"
},
"500": {
"light": "#4d9955",
"dark": "#4d9955"
},
"600": {
"light": "#408448",
"dark": "#6fbc75"
},
"700": {
"light": "#316336",
"dark": "#a2daa3"
},
"800": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"900": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}
},
"blue": {
"100": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"ultramarine": {
"100": {
"light": "#f2f4f9",
"dark": "#17255f"
},
"200": {
"light": "#e7eaf5",
"dark": "#2b3d83"
},
"300": {
"light": "#c4cbe5",
"dark": "#44549b"
},
"400": {
"light": "#9fa9d4",
"dark": "#6372b2"
},
"500": {
"light": "#7986bf",
"dark": "#7986bf"
},
"600": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"700": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"800": {
"light": "#2b3d83",
"dark": "#e7eaf5"
},
"900": {
"light": "#17255f",
"dark": "#f2f4f9"
}
},
"purple": {
"100": {
"light": "#f7f4fb",
"dark": "#2d2834"
},
"200": {
"light": "#eee7f6",
"dark": "#4d3a62"
},
"300": {
"light": "#d6c6e9",
"dark": "#6d4797"
},
"400": {
"light": "#bba0d9",
"dark": "#8b64b7"
},
"500": {
"light": "#9d79c5",
"dark": "#9d79c5"
},
"600": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"700": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"800": {
"light": "#4d3a62",
"dark": "#eee7f6"
},
"900": {
"light": "#2d2834",
"dark": "#f7f4fb"
}
},
"teal": {
"100": {
"light": "#e6f7f7",
"dark": "#192d2d"
},
"200": {
"light": "#cef0ef",
"dark": "#154948"
},
"300": {
"light": "#88dad8",
"dark": "#0a6361"
},
"400": {
"light": "#3dbcb8",
"dark": "#008480"
},
"500": {
"light": "#0a9994",
"dark": "#0a9994"
},
"600": {
"light": "#008480",
"dark": "#3dbcb8"
},
"700": {
"light": "#0a6361",
"dark": "#88dad8"
},
"800": {
"light": "#154948",
"dark": "#cef0ef"
},
"900": {
"light": "#192d2d",
"dark": "#e6f7f7"
}
}
},
"placeholder": {

@@ -666,4 +1772,4 @@ "input": {

"light": {
"light": "#009de9",
"dark": "#009de9",
"light": "#007bbf",
"dark": "#31b4ff",
"group": "theme"

@@ -744,6 +1850,2 @@ },

},
"disabled": {
"light": "#9e9e9e",
"dark": "rgba(255,255,255, .26)"
},
"label": {

@@ -753,4 +1855,4 @@ "light": "#757575",

"focus": {
"light": "#009de9",
"dark": "#009de9"
"light": "#007bbf",
"dark": "#31b4ff"
},

@@ -769,2 +1871,134 @@ "inner-focus": {

"dark": "rgba(255,255,255, .5)"
},
"primary": {
"light": "#1f2223",
"dark": "#ffffff"
},
"secondary": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"tertiary": {
"light": "#70777b",
"dark": "#a7abad"
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"disabled": {
"light": "#a7abad",
"dark": "#70777b"
},
"brand": {
"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
}
},
"theme": {
"danger": {
"primary": {
"light": "#db3735",
"dark": "#ff8979"
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
}
}
},
"pink": {
"primary": {
"light": "#ca437b",
"dark": "#ff8979"
},
"disabled": {
"light": "#fff2f7",
"dark": "#4e1714"
}
},
"red": {
"primary": {
"light": "#db3735",
"dark": "#ff8979"
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
}
},
"orange": {
"primary": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"disabled": {
"light": "#fff2e8",
"dark": "#422211"
}
},
"yellow": {
"primary": {
"light": "#8e7236",
"dark": "#cca64f"
},
"disabled": {
"light": "#fff5cb",
"dark": "#322918"
}
},
"green": {
"primary": {
"light": "#408448",
"dark": "#6fbc75"
},
"disabled": {
"light": "#eef8ee",
"dark": "#1b2e1c"
}
},
"blue": {
"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
}
},
"ultramarine": {
"primary": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"disabled": {
"light": "#f2f4f9",
"dark": "#17255f"
}
},
"purple": {
"primary": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"disabled": {
"light": "#f7f4fb",
"dark": "#2d2834"
}
},
"teal": {
"primary": {
"light": "#008480",
"dark": "#3dbcb8"
},
"disabled": {
"light": "#e6f7f7",
"dark": "#192d2d"
}
}

@@ -803,23 +2037,23 @@ },

"2-dp": {
"light": "0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .06)",
"light": "0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px rgba(0, 0, 0, .06)",
"dark": "0 3px 0 rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .3), 0 1px 5px rgba(0, 0, 0, .3)"
},
"4-dp": {
"light": "0 1px 10px 0 rgba(0, 0, 0, .1), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .06)",
"light": "0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06)",
"dark": "0 1px 10px rgba(0, 0, 0, .3), 0 4px 5px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .35)"
},
"6-dp": {
"light": "0 1px 18px 0 rgba(0, 0, 0, .1), 0 6px 10px 0 rgba(0, 0, 0, .06), 0 3px 5px -1px rgba(0, 0, 0, .06)",
"light": "0 3px 5px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.06), 0 1px 18px rgba(0, 0, 0, 0.06)",
"dark": "0 1px 18px rgba(0, 0, 0, .3), 0 6px 10px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .3)"
},
"8-dp": {
"light": "0 3px 14px 2px rgba(0, 0, 0, .1), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .06)",
"light": "0 5px 5px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.06)",
"dark": "0 3px 14px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .3)"
},
"16-dp": {
"light": "0 6px 30px 5px rgba(0, 0, 0, .1), 0 16px 24px 2px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .06)",
"light": "0 8px 10px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.06), 0 6px 30px rgba(0, 0, 0, 0.06)",
"dark": "0 6px 30px rgba(0, 0, 0, .3), 0 16px 24px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .35)"
},
"24-dp": {
"light": "0 11px 15px -7px rgba(0, 0, 0, .1), 0 9px 46px 8px rgba(0, 0, 0, .06), 0 24px 38px 3px rgba(0, 0, 0, .06)",
"light": "0 11px 15px rgba(0, 0, 0, 0.1), 0 24px 38px rgba(0, 0, 0, 0.06), 0 9px 46px rgba(0, 0, 0, 0.06)",
"dark": "0 9px 46px rgba(0, 0, 0, .3), 0 24px 38px rgba(0, 0, 0, .3), 0 11px 15px rgba(0, 0, 0, .3)"

@@ -833,4 +2067,4 @@ }

"radius": {
"md": "4px",
"sm": "2px"
"md": "0",
"sm": "0"
}

@@ -872,11 +2106,11 @@ },

"space": {
"0": "4px",
"1": "8px",
"2": "16px",
"3": "24px",
"4": "32px",
"5": "48px",
"6": "64px",
"7": "96px",
"1-2": "12px"
"0": "0.25rem",
"1": "0.5rem",
"2": "1rem",
"3": "1.5rem",
"4": "2rem",
"5": "3rem",
"6": "4rem",
"7": "6rem",
"1-2": "0.75rem"
}

@@ -883,0 +2117,0 @@ },

1308

lib/json/tokens.json

@@ -18,10 +18,6 @@ {

"active": {
"light": "#f5f5f5",
"dark": "#1a3447"
"light": "#f4f4f5",
"dark": "#282a2c"
}
},
"disabled": {
"light": "#e0e0e0",
"dark": "rgba(255,255,255, .26)"
},
"hr": {

@@ -36,2 +32,280 @@ "light": "#e0e0e0",

}
},
"primary": {
"_": {
"light": "#ffffff",
"dark": "#1f2223"
},
"hover": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"active": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"selected": {
"light": "#ebf5ff",
"dark": "#132c42"
}
},
"secondary": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"tertiary": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"disabled": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"brand": {
"_": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"theme": {
"danger": {
"_": {
"light": "#db3735",
"dark": "#ff8979"
},
"secondary": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
}
}
},
"pink": {
"_": {
"light": "#ca437b",
"dark": "#ff8979"
},
"secondary": {
"light": "#fff2f7",
"dark": "#4e1714"
},
"hover": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"active": {
"light": "#553b46",
"dark": "#ffe4df"
},
"inverse": {
"light": "#30282c",
"dark": "#fff2ef"
}
},
"red": {
"_": {
"light": "#db3735",
"dark": "#ff8979"
},
"secondary": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"hover": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"active": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"inverse": {
"light": "#4e1714",
"dark": "#fff2ef"
}
},
"orange": {
"_": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"secondary": {
"light": "#fff2e8",
"dark": "#422211"
},
"hover": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"active": {
"light": "#693315",
"dark": "#ffe5d0"
},
"inverse": {
"light": "#422211",
"dark": "#fff2e8"
}
},
"yellow": {
"_": {
"light": "#8e7236",
"dark": "#cca64f"
},
"secondary": {
"light": "#fff5cb",
"dark": "#322918"
},
"hover": {
"light": "#6b562a",
"dark": "#f2c665"
},
"active": {
"light": "#4f4022",
"dark": "#ffeaa1"
},
"inverse": {
"light": "#322918",
"dark": "#fff5cb"
}
},
"green": {
"_": {
"light": "#408448",
"dark": "#6fbc75"
},
"secondary": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"hover": {
"light": "#316336",
"dark": "#a2daa3"
},
"active": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"inverse": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}
},
"blue": {
"_": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"secondary": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"hover": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"active": {
"light": "#0b466a",
"dark": "#d4edff"
},
"inverse": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"ultramarine": {
"_": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"secondary": {
"light": "#f2f4f9",
"dark": "#17255f"
},
"hover": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"active": {
"light": "#2b3d83",
"dark": "#e7eaf5"
},
"inverse": {
"light": "#17255f",
"dark": "#f2f4f9"
}
},
"purple": {
"_": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"secondary": {
"light": "#f7f4fb",
"dark": "#2d2834"
},
"hover": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"active": {
"light": "#4d3a62",
"dark": "#eee7f6"
},
"inverse": {
"light": "#2d2834",
"dark": "#f7f4fb"
}
},
"teal": {
"_": {
"light": "#008480",
"dark": "#3dbcb8"
},
"secondary": {
"light": "#e6f7f7",
"dark": "#192d2d"
},
"hover": {
"light": "#0a6361",
"dark": "#88dad8"
},
"active": {
"light": "#154948",
"dark": "#cef0ef"
},
"inverse": {
"light": "#192d2d",
"dark": "#e6f7f7"
}
}

@@ -329,12 +603,16 @@ },

"primary": {
"light": "#009de9",
"dark": "#009de9",
"light": "#007bbf",
"dark": "#31b4ff",
"active": {
"light": "#006190",
"dark": "#61c2f1"
"light": "#0b466a",
"dark": "#d4edff"
},
"hover": {
"light": "#0074ac",
"dark": "#42b6ee"
"light": "#005d91",
"dark": "#8fd4ff"
},
"focus": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"group": "theme"

@@ -507,2 +785,80 @@ },

"group": "secondary"
},
"brand": {
"100": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"theme": {
"danger": {
"100": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"200": {
"light": "#ffe4df",
"dark": "#7f1d1b"
},
"300": {
"light": "#ffbdb0",
"dark": "#aa2424"
},
"400": {
"light": "#ff8979",
"dark": "#db3735"
},
"500": {
"light": "#f34e46",
"dark": "#f34e46"
},
"600": {
"light": "#db3735",
"dark": "#ff8979"
},
"700": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"800": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"900": {
"light": "#4e1714",
"dark": "#fff2ef"
}
}
}

@@ -518,2 +874,190 @@ },

}
},
"minimal": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"subtle": {
"light": "#caccce",
"dark": "#545a5d"
},
"moderate": {
"light": "#caccce",
"dark": "#545a5d"
},
"bold": {
"light": "#70777b",
"dark": "#a7abad"
},
"strong": {
"light": "#545a5d",
"dark": "#caccce"
},
"contrast": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"hover": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"focus": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"brand": {
"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
}
},
"theme": {
"danger": {
"moderate": {
"light": "#f34e46",
"dark": "#f34e46"
},
"bold": {
"light": "#db3735",
"dark": "#ff8979"
},
"strong": {
"light": "#aa2424",
"dark": "#ffbdb0"
}
}
},
"pink": {
"moderate": {
"light": "#f1468d",
"dark": "#f34e46"
},
"bold": {
"light": "#ca437b",
"dark": "#ff8979"
},
"strong": {
"light": "#81475f",
"dark": "#ffbdb0"
}
},
"red": {
"moderate": {
"light": "#f34e46",
"dark": "#f34e46"
},
"bold": {
"light": "#db3735",
"dark": "#ff8979"
},
"strong": {
"light": "#aa2424",
"dark": "#ffbdb0"
}
},
"orange": {
"moderate": {
"light": "#d96929",
"dark": "#d96929"
},
"bold": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"strong": {
"light": "#8e441a",
"dark": "#ffbf8e"
}
},
"yellow": {
"moderate": {
"light": "#a4853e",
"dark": "#a4853e"
},
"bold": {
"light": "#8e7236",
"dark": "#cca64f"
},
"strong": {
"light": "#6b562a",
"dark": "#f2c665"
}
},
"green": {
"moderate": {
"light": "#4d9955",
"dark": "#4d9955"
},
"bold": {
"light": "#408448",
"dark": "#6fbc75"
},
"strong": {
"light": "#316336",
"dark": "#a2daa3"
}
},
"blue": {
"moderate": {
"light": "#008fdd",
"dark": "#008fdd"
},
"bold": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"strong": {
"light": "#005d91",
"dark": "#8fd4ff"
}
},
"ultramarine": {
"moderate": {
"light": "#7986bf",
"dark": "#7986bf"
},
"bold": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"strong": {
"light": "#44549b",
"dark": "#c4cbe5"
}
},
"purple": {
"moderate": {
"light": "#9d79c5",
"dark": "#9d79c5"
},
"bold": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"strong": {
"light": "#6d4797",
"dark": "#d6c6e9"
}
},
"teal": {
"moderate": {
"light": "#0a9994",
"dark": "#0a9994"
},
"bold": {
"light": "#008480",
"dark": "#3dbcb8"
},
"strong": {
"light": "#0a6361",
"dark": "#88dad8"
}
}

@@ -525,4 +1069,566 @@ },

"dark": "#b8bfc3"
},
"disabled": {
"light": "#caccce",
"dark": "#545a5d"
},
"tertiary": {
"light": "#848a8d",
"dark": "#848a8d"
},
"secondary": {
"light": "#70777b",
"dark": "#a7abad"
},
"primary": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"brand": {
"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
}
},
"theme": {
"danger": {
"secondary": {
"light": "#db3735",
"dark": "#ff8979"
},
"primary": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"disabled": {
"light": "#ffbdb0",
"dark": "#aa2424"
}
}
},
"pink": {
"secondary": {
"light": "#ca437b",
"dark": "#ff8979"
},
"primary": {
"light": "#553b46",
"dark": "#ffe4df"
},
"disabled": {
"light": "#ffb8d6",
"dark": "#aa2424"
}
},
"red": {
"secondary": {
"light": "#db3735",
"dark": "#ff8979"
},
"primary": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"disabled": {
"light": "#ffbdb0",
"dark": "#aa2424"
}
},
"orange": {
"secondary": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"primary": {
"light": "#693315",
"dark": "#ffe5d0"
},
"disabled": {
"light": "#ffbf8e",
"dark": "#8e441a"
}
},
"yellow": {
"secondary": {
"light": "#8e7236",
"dark": "#cca64f"
},
"primary": {
"light": "#4f4022",
"dark": "#ffeaa1"
},
"disabled": {
"light": "#f2c665",
"dark": "#6b562a"
}
},
"green": {
"secondary": {
"light": "#408448",
"dark": "#6fbc75"
},
"primary": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"disabled": {
"light": "#a2daa3",
"dark": "#316336"
}
},
"blue": {
"secondary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"primary": {
"light": "#0b466a",
"dark": "#d4edff"
},
"disabled": {
"light": "#8fd4ff",
"dark": "#005d91"
}
},
"ultramarine": {
"secondary": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"primary": {
"light": "#2b3d83",
"dark": "#e7eaf5"
},
"disabled": {
"light": "#c4cbe5",
"dark": "#44549b"
}
},
"purple": {
"secondary": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"primary": {
"light": "#4d3a62",
"dark": "#eee7f6"
},
"disabled": {
"light": "#d6c6e9",
"dark": "#6d4797"
}
},
"teal": {
"secondary": {
"light": "#008480",
"dark": "#3dbcb8"
},
"primary": {
"light": "#154948",
"dark": "#cef0ef"
},
"disabled": {
"light": "#88dad8",
"dark": "#0a6361"
}
}
},
"palette": {
"grey": {
"0": {
"light": "#ffffff",
"dark": "#1f2223"
},
"100": {
"light": "#f4f4f5",
"dark": "#282a2c"
},
"200": {
"light": "#e9eaeb",
"dark": "#3f4345"
},
"300": {
"light": "#caccce",
"dark": "#545a5d"
},
"400": {
"light": "#a7abad",
"dark": "#70777b"
},
"500": {
"light": "#848a8d",
"dark": "#848a8d"
},
"600": {
"light": "#70777b",
"dark": "#a7abad"
},
"700": {
"light": "#545a5d",
"dark": "#caccce"
},
"800": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"900": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"1000": {
"light": "#1f2223",
"dark": "#ffffff"
}
},
"pink": {
"100": {
"light": "#fff2f7",
"dark": "#4e1714"
},
"200": {
"light": "#ffe3ee",
"dark": "#7f1d1b"
},
"300": {
"light": "#ffb8d6",
"dark": "#aa2424"
},
"400": {
"light": "#ff82b7",
"dark": "#db3735"
},
"500": {
"light": "#f1468d",
"dark": "#f34e46"
},
"600": {
"light": "#ca437b",
"dark": "#ff8979"
},
"700": {
"light": "#81475f",
"dark": "#ffbdb0"
},
"800": {
"light": "#553b46",
"dark": "#ffe4df"
},
"900": {
"light": "#30282c",
"dark": "#fff2ef"
}
},
"red": {
"100": {
"light": "#fff2ef",
"dark": "#4e1714"
},
"200": {
"light": "#ffe4df",
"dark": "#7f1d1b"
},
"300": {
"light": "#ffbdb0",
"dark": "#aa2424"
},
"400": {
"light": "#ff8979",
"dark": "#db3735"
},
"500": {
"light": "#f34e46",
"dark": "#f34e46"
},
"600": {
"light": "#db3735",
"dark": "#ff8979"
},
"700": {
"light": "#aa2424",
"dark": "#ffbdb0"
},
"800": {
"light": "#7f1d1b",
"dark": "#ffe4df"
},
"900": {
"light": "#4e1714",
"dark": "#fff2ef"
}
},
"orange": {
"100": {
"light": "#fff2e8",
"dark": "#422211"
},
"200": {
"light": "#ffe5d0",
"dark": "#693315"
},
"300": {
"light": "#ffbf8e",
"dark": "#8e441a"
},
"400": {
"light": "#ff8c47",
"dark": "#bc5921"
},
"500": {
"light": "#d96929",
"dark": "#d96929"
},
"600": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"700": {
"light": "#8e441a",
"dark": "#ffbf8e"
},
"800": {
"light": "#693315",
"dark": "#ffe5d0"
},
"900": {
"light": "#422211",
"dark": "#fff2e8"
}
},
"yellow": {
"100": {
"light": "#fff5cb",
"dark": "#322918"
},
"200": {
"light": "#ffeaa1",
"dark": "#4f4022"
},
"300": {
"light": "#f2c665",
"dark": "#6b562a"
},
"400": {
"light": "#cca64f",
"dark": "#8e7236"
},
"500": {
"light": "#a4853e",
"dark": "#a4853e"
},
"600": {
"light": "#8e7236",
"dark": "#cca64f"
},
"700": {
"light": "#6b562a",
"dark": "#f2c665"
},
"800": {
"light": "#4f4022",
"dark": "#ffeaa1"
},
"900": {
"light": "#322918",
"dark": "#fff5cb"
}
},
"green": {
"100": {
"light": "#eef8ee",
"dark": "#1b2e1c"
},
"200": {
"light": "#d8f0d7",
"dark": "#264a2a"
},
"300": {
"light": "#a2daa3",
"dark": "#316336"
},
"400": {
"light": "#6fbc75",
"dark": "#408448"
},
"500": {
"light": "#4d9955",
"dark": "#4d9955"
},
"600": {
"light": "#408448",
"dark": "#6fbc75"
},
"700": {
"light": "#316336",
"dark": "#a2daa3"
},
"800": {
"light": "#264a2a",
"dark": "#d8f0d7"
},
"900": {
"light": "#1b2e1c",
"dark": "#eef8ee"
}
},
"blue": {
"100": {
"light": "#ebf5ff",
"dark": "#132c42"
},
"200": {
"light": "#d4edff",
"dark": "#0b466a"
},
"300": {
"light": "#8fd4ff",
"dark": "#005d91"
},
"400": {
"light": "#31b4ff",
"dark": "#007bbf"
},
"500": {
"light": "#008fdd",
"dark": "#008fdd"
},
"600": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"700": {
"light": "#005d91",
"dark": "#8fd4ff"
},
"800": {
"light": "#0b466a",
"dark": "#d4edff"
},
"900": {
"light": "#132c42",
"dark": "#ebf5ff"
}
},
"ultramarine": {
"100": {
"light": "#f2f4f9",
"dark": "#17255f"
},
"200": {
"light": "#e7eaf5",
"dark": "#2b3d83"
},
"300": {
"light": "#c4cbe5",
"dark": "#44549b"
},
"400": {
"light": "#9fa9d4",
"dark": "#6372b2"
},
"500": {
"light": "#7986bf",
"dark": "#7986bf"
},
"600": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"700": {
"light": "#44549b",
"dark": "#c4cbe5"
},
"800": {
"light": "#2b3d83",
"dark": "#e7eaf5"
},
"900": {
"light": "#17255f",
"dark": "#f2f4f9"
}
},
"purple": {
"100": {
"light": "#f7f4fb",
"dark": "#2d2834"
},
"200": {
"light": "#eee7f6",
"dark": "#4d3a62"
},
"300": {
"light": "#d6c6e9",
"dark": "#6d4797"
},
"400": {
"light": "#bba0d9",
"dark": "#8b64b7"
},
"500": {
"light": "#9d79c5",
"dark": "#9d79c5"
},
"600": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"700": {
"light": "#6d4797",
"dark": "#d6c6e9"
},
"800": {
"light": "#4d3a62",
"dark": "#eee7f6"
},
"900": {
"light": "#2d2834",
"dark": "#f7f4fb"
}
},
"teal": {
"100": {
"light": "#e6f7f7",
"dark": "#192d2d"
},
"200": {
"light": "#cef0ef",
"dark": "#154948"
},
"300": {
"light": "#88dad8",
"dark": "#0a6361"
},
"400": {
"light": "#3dbcb8",
"dark": "#008480"
},
"500": {
"light": "#0a9994",
"dark": "#0a9994"
},
"600": {
"light": "#008480",
"dark": "#3dbcb8"
},
"700": {
"light": "#0a6361",
"dark": "#88dad8"
},
"800": {
"light": "#154948",
"dark": "#cef0ef"
},
"900": {
"light": "#192d2d",
"dark": "#e6f7f7"
}
}
},
"placeholder": {

@@ -661,4 +1767,4 @@ "input": {

"light": {
"light": "#009de9",
"dark": "#009de9",
"light": "#007bbf",
"dark": "#31b4ff",
"group": "theme"

@@ -739,6 +1845,2 @@ },

},
"disabled": {
"light": "#9e9e9e",
"dark": "rgba(255,255,255, .26)"
},
"label": {

@@ -748,4 +1850,4 @@ "light": "#757575",

"focus": {
"light": "#009de9",
"dark": "#009de9"
"light": "#007bbf",
"dark": "#31b4ff"
},

@@ -764,2 +1866,134 @@ "inner-focus": {

"dark": "rgba(255,255,255, .5)"
},
"primary": {
"light": "#1f2223",
"dark": "#ffffff"
},
"secondary": {
"light": "#3f4345",
"dark": "#e9eaeb"
},
"tertiary": {
"light": "#70777b",
"dark": "#a7abad"
},
"inverse": {
"light": "#282a2c",
"dark": "#f4f4f5"
},
"disabled": {
"light": "#a7abad",
"dark": "#70777b"
},
"brand": {
"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
}
},
"theme": {
"danger": {
"primary": {
"light": "#db3735",
"dark": "#ff8979"
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
}
}
},
"pink": {
"primary": {
"light": "#ca437b",
"dark": "#ff8979"
},
"disabled": {
"light": "#fff2f7",
"dark": "#4e1714"
}
},
"red": {
"primary": {
"light": "#db3735",
"dark": "#ff8979"
},
"disabled": {
"light": "#fff2ef",
"dark": "#4e1714"
}
},
"orange": {
"primary": {
"light": "#bc5921",
"dark": "#ff8c47"
},
"disabled": {
"light": "#fff2e8",
"dark": "#422211"
}
},
"yellow": {
"primary": {
"light": "#8e7236",
"dark": "#cca64f"
},
"disabled": {
"light": "#fff5cb",
"dark": "#322918"
}
},
"green": {
"primary": {
"light": "#408448",
"dark": "#6fbc75"
},
"disabled": {
"light": "#eef8ee",
"dark": "#1b2e1c"
}
},
"blue": {
"primary": {
"light": "#007bbf",
"dark": "#31b4ff"
},
"disabled": {
"light": "#ebf5ff",
"dark": "#132c42"
}
},
"ultramarine": {
"primary": {
"light": "#6372b2",
"dark": "#9fa9d4"
},
"disabled": {
"light": "#f2f4f9",
"dark": "#17255f"
}
},
"purple": {
"primary": {
"light": "#8b64b7",
"dark": "#bba0d9"
},
"disabled": {
"light": "#f7f4fb",
"dark": "#2d2834"
}
},
"teal": {
"primary": {
"light": "#008480",
"dark": "#3dbcb8"
},
"disabled": {
"light": "#e6f7f7",
"dark": "#192d2d"
}
}

@@ -798,23 +2032,23 @@ },

"2-dp": {
"light": "0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .06)",
"light": "0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px rgba(0, 0, 0, .06)",
"dark": "0 3px 0 rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .3), 0 1px 5px rgba(0, 0, 0, .3)"
},
"4-dp": {
"light": "0 1px 10px 0 rgba(0, 0, 0, .1), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .06)",
"light": "0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06)",
"dark": "0 1px 10px rgba(0, 0, 0, .3), 0 4px 5px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .35)"
},
"6-dp": {
"light": "0 1px 18px 0 rgba(0, 0, 0, .1), 0 6px 10px 0 rgba(0, 0, 0, .06), 0 3px 5px -1px rgba(0, 0, 0, .06)",
"light": "0 3px 5px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.06), 0 1px 18px rgba(0, 0, 0, 0.06)",
"dark": "0 1px 18px rgba(0, 0, 0, .3), 0 6px 10px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .3)"
},
"8-dp": {
"light": "0 3px 14px 2px rgba(0, 0, 0, .1), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .06)",
"light": "0 5px 5px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.06)",
"dark": "0 3px 14px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .3)"
},
"16-dp": {
"light": "0 6px 30px 5px rgba(0, 0, 0, .1), 0 16px 24px 2px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .06)",
"light": "0 8px 10px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.06), 0 6px 30px rgba(0, 0, 0, 0.06)",
"dark": "0 6px 30px rgba(0, 0, 0, .3), 0 16px 24px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .35)"
},
"24-dp": {
"light": "0 11px 15px -7px rgba(0, 0, 0, .1), 0 9px 46px 8px rgba(0, 0, 0, .06), 0 24px 38px 3px rgba(0, 0, 0, .06)",
"light": "0 11px 15px rgba(0, 0, 0, 0.1), 0 24px 38px rgba(0, 0, 0, 0.06), 0 9px 46px rgba(0, 0, 0, 0.06)",
"dark": "0 9px 46px rgba(0, 0, 0, .3), 0 24px 38px rgba(0, 0, 0, .3), 0 11px 15px rgba(0, 0, 0, .3)"

@@ -828,4 +2062,4 @@ }

"radius": {
"md": "4px",
"sm": "2px"
"md": "0",
"sm": "0"
}

@@ -867,11 +2101,11 @@ },

"space": {
"0": "4px",
"1": "8px",
"2": "16px",
"3": "24px",
"4": "32px",
"5": "48px",
"6": "64px",
"7": "96px",
"1-2": "12px"
"0": "0.25rem",
"1": "0.5rem",
"2": "1rem",
"3": "1.5rem",
"4": "2rem",
"5": "3rem",
"6": "4rem",
"7": "6rem",
"1-2": "0.75rem"
}

@@ -878,0 +2112,0 @@ },

4

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

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

},
"gitHead": "1ac1d258bbc193592caab7cea792d492bf2fc978"
"gitHead": "f8c59d5d88df46aa92ba3e7bcf5397f211361589"
}

542

src/properties/color/background.json

@@ -21,17 +21,9 @@ {

"light": {
"value": "{color.base.gray.100.light.value}"
"value": "{color.palette.grey.100.light.value}"
},
"dark": {
"value": "{color.base.gray.600.dark.value}"
"value": "{color.palette.grey.100.dark.value}"
}
}
},
"disabled": {
"light": {
"value": "{color.base.gray.300.light.value}"
},
"dark": {
"value": "{color.base.white.200.dark.value}"
}
},
"hr": {

@@ -54,2 +46,532 @@ "light": {

}
},
"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}"
}
}
}

@@ -56,0 +578,0 @@ }

170

src/properties/color/base.json

@@ -562,13 +562,13 @@ {

"light": {
"value": "{color.base.blue-corporate.light.value}"
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.base.blue-corporate.dark.value}"
"value": "{color.palette.blue.600.dark.value}"
},
"active": {
"light": {
"value": "{color.base.blue-corporate.active.light.value}"
"value": "{color.palette.blue.800.light.value}"
},
"dark": {
"value": "{color.base.blue-corporate.active.dark.value}"
"value": "{color.palette.blue.800.dark.value}"
}

@@ -578,8 +578,16 @@ },

"light": {
"value": "{color.base.blue-corporate.hover.light.value}"
"value": "{color.palette.blue.700.light.value}"
},
"dark": {
"value": "{color.base.blue-corporate.hover.dark.value}"
"value": "{color.palette.blue.700.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.blue.700.light.value}"
},
"dark": {
"value": "{color.palette.blue.700.dark.value}"
}
},
"group": "theme"

@@ -908,2 +916,152 @@ },

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

@@ -910,0 +1068,0 @@ }

352

src/properties/color/border.json

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

}
},
"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}"
}
}
}

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

320

src/properties/color/icon.json

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

}
},
"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}"
}
}
}

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

248

src/properties/color/text.json

@@ -355,10 +355,2 @@ {

},
"disabled": {
"light": {
"value": "{color.base.gray.500.light.value}"
},
"dark": {
"value": "{color.base.white.200.dark.value}"
}
},
"label": {

@@ -403,2 +395,242 @@ "light": {

}
},
"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}"
}
}
}

@@ -405,0 +637,0 @@ }

12

src/properties/motion/animation.json
{
"motion": {
"bezier": {
"fast-out-slow-in": "cubic-bezier(.4, 0, .2, 1)",
"linear-out-slow-in": "cubic-bezier(0, 0, .2, 1)",
"fast-out-linear-in": "cubic-bezier(.4, 0, 1, 1)"
"fast-out-slow-in": {
"value": "cubic-bezier(.4, 0, .2, 1)"
},
"linear-out-slow-in": {
"value": "cubic-bezier(0, 0, .2, 1)"
},
"fast-out-linear-in": {
"value": "cubic-bezier(.4, 0, 1, 1)"
}
}
}
}

12

src/properties/shadow/base.json

@@ -6,3 +6,3 @@ {

"light": {
"value": "0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .06)"
"value": "0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px rgba(0, 0, 0, .06)"
},

@@ -15,3 +15,3 @@ "dark": {

"light": {
"value": "0 1px 10px 0 rgba(0, 0, 0, .1), 0 4px 5px 0 rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .06)"
"value": "0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.06)"
},

@@ -24,3 +24,3 @@ "dark": {

"light": {
"value": "0 1px 18px 0 rgba(0, 0, 0, .1), 0 6px 10px 0 rgba(0, 0, 0, .06), 0 3px 5px -1px rgba(0, 0, 0, .06)"
"value": "0 3px 5px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.06), 0 1px 18px rgba(0, 0, 0, 0.06)"
},

@@ -33,3 +33,3 @@ "dark": {

"light": {
"value": "0 3px 14px 2px rgba(0, 0, 0, .1), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .06)"
"value": "0 5px 5px rgba(0, 0, 0, 0.1), 0 8px 10px rgba(0, 0, 0, 0.06), 0 3px 14px rgba(0, 0, 0, 0.06)"
},

@@ -42,3 +42,3 @@ "dark": {

"light": {
"value": "0 6px 30px 5px rgba(0, 0, 0, .1), 0 16px 24px 2px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .06)"
"value": "0 8px 10px rgba(0, 0, 0, 0.1), 0 16px 24px rgba(0, 0, 0, 0.06), 0 6px 30px rgba(0, 0, 0, 0.06)"
},

@@ -51,3 +51,3 @@ "dark": {

"light": {
"value": "0 11px 15px -7px rgba(0, 0, 0, .1), 0 9px 46px 8px rgba(0, 0, 0, .06), 0 24px 38px 3px rgba(0, 0, 0, .06)"
"value": "0 11px 15px rgba(0, 0, 0, 0.1), 0 24px 38px rgba(0, 0, 0, 0.06), 0 9px 46px rgba(0, 0, 0, 0.06)"
},

@@ -54,0 +54,0 @@ "dark": {

4

src/properties/size/border.json

@@ -9,6 +9,6 @@ {

"md": {
"value": "4px"
"value": "0"
},
"sm": {
"value": "2px"
"value": "0"
}

@@ -15,0 +15,0 @@ }

18

src/properties/size/space.json

@@ -5,27 +5,27 @@ {

"0": {
"value": "4px"
"value": "0.25rem"
},
"1": {
"value": "8px"
"value": "0.5rem"
},
"1-2": {
"value": "12px"
"value": "0.75rem"
},
"2": {
"value": "16px"
"value": "1rem"
},
"3": {
"value": "24px"
"value": "1.5rem"
},
"4": {
"value": "32px"
"value": "2rem"
},
"5": {
"value": "48px"
"value": "3rem"
},
"6": {
"value": "64px"
"value": "4rem"
},
"7": {
"value": "96px"
"value": "6rem"
}

@@ -32,0 +32,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