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.1 to 5.0.0-rc.1

6

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

@@ -93,4 +93,4 @@

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

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

4

lib/json/tokens-color-palette.json

@@ -88,4 +88,4 @@ {

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

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

4

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

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

},
"gitHead": "2b7190882d62c82e682a64270b9deaf14f94f448"
"gitHead": "95a23eba3268b3169bae9d718dbf86749cebaa8a"
}

58

src/properties/color/palette.json

@@ -46,4 +46,4 @@ {

"light": {
"value": "#f4f4f5",
"rgb": "244, 244, 255"
"value": "#f3f5f6",
"rgb": "243, 245, 246"
},

@@ -57,4 +57,4 @@ "dark": {

"light": {
"value": "#e9eaeb",
"rgb": "233, 234, 235"
"value": "#e6eaed",
"rgb": "230, 234, 237"
},

@@ -68,4 +68,4 @@ "dark": {

"light": {
"value": "#caccce",
"rgb": "202, 204, 206"
"value": "#c5ced5",
"rgb": "197, 206, 213"
},

@@ -79,4 +79,4 @@ "dark": {

"light": {
"value": "#a7abad",
"rgb": "167, 171, 173"
"value": "#9dadb8",
"rgb": "157, 173, 184"
},

@@ -90,4 +90,4 @@ "dark": {

"light": {
"value": "#848a8d",
"rgb": "132, 138, 141"
"value": "#768c9b",
"rgb": "118, 140, 155"
},

@@ -101,4 +101,4 @@ "dark": {

"light": {
"value": "#71777b",
"rgb": "113, 119, 123"
"value": "#607a8c",
"rgb": "96, 122, 140"
},

@@ -112,4 +112,4 @@ "dark": {

"light": {
"value": "#545a5d",
"rgb": "84, 90, 93"
"value": "#435c6e",
"rgb": "67, 92, 110"
},

@@ -123,4 +123,4 @@ "dark": {

"light": {
"value": "#3f4345",
"rgb": "63, 67, 69"
"value": "#314452",
"rgb": "49, 68, 82"
},

@@ -134,4 +134,4 @@ "dark": {

"light": {
"value": "#282a2c",
"rgb": "40, 42, 44"
"value": "#1f2c34",
"rgb": "31, 44, 52"
},

@@ -145,4 +145,4 @@ "dark": {

"light": {
"value": "#1f2223",
"rgb": "31, 34, 35"
"value": "#192229",
"rgb": "25, 34, 41"
},

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

"dark": {
"value": "{color.palette.red.900.light.value}"
"value": "{color.palette.pink.900.light.value}"
}

@@ -170,3 +170,3 @@ },

"dark": {
"value": "{color.palette.red.800.light.value}"
"value": "{color.palette.pink.800.light.value}"
}

@@ -179,3 +179,3 @@ },

"dark": {
"value": "{color.palette.red.700.light.value}"
"value": "{color.palette.pink.700.light.value}"
}

@@ -188,3 +188,3 @@ },

"dark": {
"value": "{color.palette.red.600.light.value}"
"value": "{color.palette.pink.600.light.value}"
}

@@ -197,3 +197,3 @@ },

"dark": {
"value": "{color.palette.red.500.light.value}"
"value": "{color.palette.pink.500.light.value}"
}

@@ -206,3 +206,3 @@ },

"dark": {
"value": "{color.palette.red.400.light.value}"
"value": "{color.palette.pink.400.light.value}"
}

@@ -215,3 +215,3 @@ },

"dark": {
"value": "{color.palette.red.300.light.value}"
"value": "{color.palette.pink.300.light.value}"
}

@@ -224,3 +224,3 @@ },

"dark": {
"value": "{color.palette.red.200.light.value}"
"value": "{color.palette.pink.200.light.value}"
}

@@ -233,3 +233,3 @@ },

"dark": {
"value": "{color.palette.red.100.light.value}"
"value": "{color.palette.pink.100.light.value}"
}

@@ -236,0 +236,0 @@ }

546

src/properties/color/updated_background.json

@@ -21,2 +21,10 @@ {

},
"focus": {
"light": {
"value": "{color.palette.grey.100.light.value}"
},
"dark": {
"value": "{color.palette.grey.100.dark.value}"
}
},
"active": {

@@ -274,2 +282,12 @@ "light": {

},
"contrast": {
"_": {
"light": {
"value": "rgba({color.palette.grey.0.light.rgb}, {color.base.transparence.alpha.hover.value})"
},
"dark": {
"value": "rgba({color.palette.grey.0.dark.rgb}, {color.base.transparence.alpha.hover.value})"
}
}
},
"disabled": {

@@ -294,2 +312,12 @@ "light": {

},
"overlay": {
"_": {
"light": {
"value": "rgba({color.palette.grey.1000.light.rgb}, {color.palette.transparence.800.alpha})"
},
"dark": {
"value": "rgba({color.palette.grey.1000.light.rgb}, {color.palette.transparence.800.alpha})"
}
}
},
"brand": {

@@ -312,2 +340,36 @@ "_": {

},
"tertiary": {
"-": {
"light": {
"value": "{color.base.brand.200.light.value}"
},
"dark": {
"value": "{color.base.brand.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.brand.300.light.value}"
},
"dark": {
"value": "{color.base.brand.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.base.brand.300.light.value}"
},
"dark": {
"value": "{color.base.brand.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.brand.400.light.value}"
},
"dark": {
"value": "{color.base.brand.400.dark.value}"
}
}
},
"hover": {

@@ -416,2 +478,36 @@ "light": {

},
"tertiary": {
"-": {
"light": {
"value": "{color.base.theme.danger.200.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.theme.danger.300.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.base.theme.danger.300.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.theme.danger.400.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.400.dark.value}"
}
}
},
"hover": {

@@ -509,2 +605,36 @@ "light": {

},
"tertiary": {
"-": {
"light": {
"value": "{color.base.theme.success.200.light.value}"
},
"dark": {
"value": "{color.base.theme.success.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.theme.success.300.light.value}"
},
"dark": {
"value": "{color.base.theme.success.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.base.theme.success.300.light.value}"
},
"dark": {
"value": "{color.base.theme.success.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.theme.success.400.light.value}"
},
"dark": {
"value": "{color.base.theme.success.400.dark.value}"
}
}
},
"hover": {

@@ -530,6 +660,6 @@ "light": {

"light": {
"value": "{color.base.theme.warning.500.light.value}"
"value": "{color.base.theme.warning.400.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.500.dark.value}"
"value": "{color.base.theme.warning.400.dark.value}"
}

@@ -545,2 +675,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.base.theme.warning.200.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.theme.warning.300.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.base.theme.warning.300.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.theme.warning.400.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.400.dark.value}"
}
}
},
"hover": {

@@ -581,2 +745,36 @@ "light": {

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.pink.200.light.value}"
},
"dark": {
"value": "{color.palette.pink.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.pink.300.light.value}"
},
"dark": {
"value": "{color.palette.pink.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.pink.300.light.value}"
},
"dark": {
"value": "{color.palette.pink.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.pink.400.light.value}"
},
"dark": {
"value": "{color.palette.pink.400.dark.value}"
}
}
},
"hover": {

@@ -597,2 +795,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.pink.100.light.value}"
},
"dark": {
"value": "{color.palette.pink.100.dark.value}"
}
}

@@ -617,2 +823,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.red.200.light.value}"
},
"dark": {
"value": "{color.palette.red.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.red.300.light.value}"
},
"dark": {
"value": "{color.palette.red.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.red.300.light.value}"
},
"dark": {
"value": "{color.palette.red.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.red.400.light.value}"
},
"dark": {
"value": "{color.palette.red.400.dark.value}"
}
}
},
"hover": {

@@ -633,2 +873,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.red.100.light.value}"
},
"dark": {
"value": "{color.palette.red.100.dark.value}"
}
}

@@ -653,2 +901,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.orange.200.light.value}"
},
"dark": {
"value": "{color.palette.orange.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.orange.300.light.value}"
},
"dark": {
"value": "{color.palette.orange.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.orange.300.light.value}"
},
"dark": {
"value": "{color.palette.orange.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.orange.400.light.value}"
},
"dark": {
"value": "{color.palette.orange.400.dark.value}"
}
}
},
"hover": {

@@ -669,2 +951,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.orange.100.light.value}"
},
"dark": {
"value": "{color.palette.orange.100.dark.value}"
}
}

@@ -689,2 +979,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.yellow.200.light.value}"
},
"dark": {
"value": "{color.palette.yellow.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.yellow.300.light.value}"
},
"dark": {
"value": "{color.palette.yellow.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.yellow.300.light.value}"
},
"dark": {
"value": "{color.palette.yellow.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.yellow.400.light.value}"
},
"dark": {
"value": "{color.palette.yellow.400.dark.value}"
}
}
},
"hover": {

@@ -705,2 +1029,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.yellow.100.light.value}"
},
"dark": {
"value": "{color.palette.yellow.100.dark.value}"
}
}

@@ -725,2 +1057,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.green.200.light.value}"
},
"dark": {
"value": "{color.palette.green.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.green.300.light.value}"
},
"dark": {
"value": "{color.palette.green.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.green.300.light.value}"
},
"dark": {
"value": "{color.palette.green.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.green.400.light.value}"
},
"dark": {
"value": "{color.palette.green.400.dark.value}"
}
}
},
"hover": {

@@ -741,2 +1107,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.green.100.light.value}"
},
"dark": {
"value": "{color.palette.green.100.dark.value}"
}
}

@@ -761,2 +1135,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.blue.200.light.value}"
},
"dark": {
"value": "{color.palette.blue.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.blue.300.light.value}"
},
"dark": {
"value": "{color.palette.blue.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.blue.300.light.value}"
},
"dark": {
"value": "{color.palette.blue.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.blue.400.light.value}"
},
"dark": {
"value": "{color.palette.blue.400.dark.value}"
}
}
},
"hover": {

@@ -777,2 +1185,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.blue.100.light.value}"
},
"dark": {
"value": "{color.palette.blue.100.dark.value}"
}
}

@@ -797,2 +1213,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.ultramarine.200.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.ultramarine.300.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.ultramarine.300.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.ultramarine.400.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.400.dark.value}"
}
}
},
"hover": {

@@ -813,2 +1263,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.ultramarine.100.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.100.dark.value}"
}
}

@@ -833,2 +1291,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.purple.200.light.value}"
},
"dark": {
"value": "{color.palette.purple.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.purple.300.light.value}"
},
"dark": {
"value": "{color.palette.purple.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.purple.300.light.value}"
},
"dark": {
"value": "{color.palette.purple.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.purple.400.light.value}"
},
"dark": {
"value": "{color.palette.purple.400.dark.value}"
}
}
},
"hover": {

@@ -849,2 +1341,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.purple.100.light.value}"
},
"dark": {
"value": "{color.palette.purple.100.dark.value}"
}
}

@@ -869,2 +1369,36 @@ },

},
"tertiary": {
"-": {
"light": {
"value": "{color.palette.teal.200.light.value}"
},
"dark": {
"value": "{color.palette.teal.200.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.palette.teal.300.light.value}"
},
"dark": {
"value": "{color.palette.teal.300.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.teal.300.light.value}"
},
"dark": {
"value": "{color.palette.teal.300.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.teal.400.light.value}"
},
"dark": {
"value": "{color.palette.teal.400.dark.value}"
}
}
},
"hover": {

@@ -885,2 +1419,10 @@ "light": {

}
},
"disabled": {
"light": {
"value": "{color.palette.teal.100.light.value}"
},
"dark": {
"value": "{color.palette.teal.100.dark.value}"
}
}

@@ -887,0 +1429,0 @@ }

4

src/properties/color/updated_base.json

@@ -320,6 +320,6 @@ {

"light": {
"value": "linear-gradient(135deg, {color.palette.engie.blue.light.value} 0%, {color.palette.engie.green.dark.value} 100%)"
"value": "linear-gradient(90deg, {color.palette.engie.blue.light.value} 0%, {color.palette.engie.green.light.value} 100%)"
},
"dark": {
"value": "linear-gradient(135deg, {color.palette.engie.blue.dark.value} 0%, {color.palette.engie.green.dark.value} 100%)"
"value": "linear-gradient(90deg, {color.palette.engie.blue.dark.value} 0%, {color.palette.engie.green.dark.value} 100%)"
}

@@ -326,0 +326,0 @@ }

144

src/properties/color/updated_border.json

@@ -22,6 +22,6 @@ {

"light": {
"value": "{color.palette.grey.300.light.value}"
"value": "{color.palette.grey.500.light.value}"
},
"dark": {
"value": "{color.palette.grey.300.dark.value}"
"value": "{color.palette.grey.500.dark.value}"
}

@@ -173,2 +173,70 @@ },

}
},
"warning": {
"moderate": {
"light": {
"value": "{color.base.theme.warning.500.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.base.theme.warning.600.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.base.theme.warning.700.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.700.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.base.theme.warning.300.light.value}"
},
"dark": {
"value": "{color.base.theme.warning.300.dark.value}"
}
}
},
"success": {
"moderate": {
"light": {
"value": "{color.base.theme.success.500.light.value}"
},
"dark": {
"value": "{color.base.theme.success.500.dark.value}"
}
},
"bold": {
"light": {
"value": "{color.base.theme.success.600.light.value}"
},
"dark": {
"value": "{color.base.theme.success.600.dark.value}"
}
},
"strong": {
"light": {
"value": "{color.base.theme.success.700.light.value}"
},
"dark": {
"value": "{color.base.theme.success.700.dark.value}"
}
},
"disabled": {
"light": {
"value": "{color.base.theme.success.300.light.value}"
},
"dark": {
"value": "{color.base.theme.success.300.dark.value}"
}
}
}

@@ -200,2 +268,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.pink.300.light.value}"
},
"dark": {
"value": "{color.palette.pink.300.dark.value}"
}
}

@@ -227,2 +303,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.red.300.light.value}"
},
"dark": {
"value": "{color.palette.red.300.dark.value}"
}
}

@@ -254,2 +338,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.orange.300.light.value}"
},
"dark": {
"value": "{color.palette.orange.300.dark.value}"
}
}

@@ -281,2 +373,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.yellow.300.light.value}"
},
"dark": {
"value": "{color.palette.yellow.300.dark.value}"
}
}

@@ -308,2 +408,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.green.300.light.value}"
},
"dark": {
"value": "{color.palette.green.300.dark.value}"
}
}

@@ -335,2 +443,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.blue.300.light.value}"
},
"dark": {
"value": "{color.palette.blue.300.dark.value}"
}
}

@@ -362,2 +478,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.ultramarine.300.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.300.dark.value}"
}
}

@@ -389,2 +513,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.purple.300.light.value}"
},
"dark": {
"value": "{color.palette.purple.300.dark.value}"
}
}

@@ -416,2 +548,10 @@ },

}
},
"disabled": {
"light": {
"value": "{color.palette.teal.300.light.value}"
},
"dark": {
"value": "{color.palette.teal.300.dark.value}"
}
}

@@ -418,0 +558,0 @@ }

412

src/properties/color/updated_icon.json

@@ -21,7 +21,33 @@ {

"secondary": {
"light": {
"value": "{color.palette.grey.600.light.value}"
"_": {
"light": {
"value": "{color.palette.grey.600.light.value}"
},
"dark": {
"value": "{color.palette.grey.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.grey.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.grey.700.light.value}"
},
"dark": {
"value": "{color.palette.grey.700.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.grey.700.light.value}"
},
"dark": {
"value": "{color.palette.grey.700.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.grey.800.light.value}"
},
"dark": {
"value": "{color.palette.grey.800.dark.value}"
}
}

@@ -57,7 +83,33 @@ },

"secondary": {
"light": {
"value": "{color.base.brand.600.light.value}"
"_": {
"light": {
"value": "{color.base.brand.600.light.value}"
},
"dark": {
"value": "{color.base.brand.600.dark.value}"
}
},
"dark": {
"value": "{color.base.brand.600.dark.value}"
"hover": {
"light": {
"value": "{color.base.brand.700.light.value}"
},
"dark": {
"value": "{color.base.brand.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -85,11 +137,37 @@ },

"secondary": {
"light":{
"value": "{color.base.theme.danger.600.light.value}"
"_": {
"light": {
"value": "{color.base.theme.danger.600.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.600.dark.value}"
}
},
"dark": {
"value": "{color.base.theme.danger.600.dark.value}"
"hover": {
"light": {
"value": "{color.base.theme.danger.700.light.value}"
},
"dark": {
"value": "{color.base.theme.danger.700.dark.value}"
}
},
"focus": {
"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}"
}
}
},
"primary": {
"light":{
"light": {
"value": "{color.base.theme.danger.800.light.value}"

@@ -102,3 +180,3 @@ },

"disabled": {
"light":{
"light": {
"value": "{color.base.theme.danger.300.light.value}"

@@ -114,7 +192,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.pink.600.light.value}"
"_": {
"light": {
"value": "{color.palette.pink.600.light.value}"
},
"dark": {
"value": "{color.palette.pink.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.pink.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.pink.700.light.value}"
},
"dark": {
"value": "{color.palette.pink.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -141,7 +245,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.red.600.light.value}"
"_": {
"light": {
"value": "{color.palette.red.600.light.value}"
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.red.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.red.700.light.value}"
},
"dark": {
"value": "{color.palette.red.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -168,7 +298,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.orange.600.light.value}"
"_": {
"light": {
"value": "{color.palette.orange.600.light.value}"
},
"dark": {
"value": "{color.palette.orange.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.orange.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.orange.700.light.value}"
},
"dark": {
"value": "{color.palette.orange.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -195,7 +351,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.yellow.600.light.value}"
"_": {
"light": {
"value": "{color.palette.yellow.600.light.value}"
},
"dark": {
"value": "{color.palette.yellow.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.yellow.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.yellow.700.light.value}"
},
"dark": {
"value": "{color.palette.yellow.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -222,7 +404,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.green.600.light.value}"
"_": {
"light": {
"value": "{color.palette.green.600.light.value}"
},
"dark": {
"value": "{color.palette.green.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.green.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.green.700.light.value}"
},
"dark": {
"value": "{color.palette.green.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -249,7 +457,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.blue.600.light.value}"
"_": {
"light": {
"value": "{color.palette.blue.600.light.value}"
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.blue.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.blue.700.light.value}"
},
"dark": {
"value": "{color.palette.blue.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -276,7 +510,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.ultramarine.600.light.value}"
"_": {
"light": {
"value": "{color.palette.ultramarine.600.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.ultramarine.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.ultramarine.700.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -303,7 +563,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.purple.600.light.value}"
"_": {
"light": {
"value": "{color.palette.purple.600.light.value}"
},
"dark": {
"value": "{color.palette.purple.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.purple.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.purple.700.light.value}"
},
"dark": {
"value": "{color.palette.purple.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -330,7 +616,33 @@ },

"secondary": {
"light": {
"value": "{color.palette.teal.600.light.value}"
"_": {
"light": {
"value": "{color.palette.teal.600.light.value}"
},
"dark": {
"value": "{color.palette.teal.600.dark.value}"
}
},
"dark": {
"value": "{color.palette.teal.600.dark.value}"
"hover": {
"light": {
"value": "{color.palette.teal.700.light.value}"
},
"dark": {
"value": "{color.palette.teal.700.dark.value}"
}
},
"focus": {
"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}"
}
}

@@ -337,0 +649,0 @@ },

94

src/properties/color/updated_text.json

@@ -89,2 +89,26 @@ {

},
"hover": {
"light": {
"value": "{color.palette.grey.200.light.value}"
},
"dark": {
"value": "{color.palette.grey.200.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.palette.grey.200.light.value}"
},
"dark": {
"value": "{color.palette.grey.200.dark.value}"
}
},
"active": {
"light": {
"value": "{color.palette.grey.300.light.value}"
},
"dark": {
"value": "{color.palette.grey.300.dark.value}"
}
},
"disabled": {

@@ -144,2 +168,36 @@ "light": {

},
"high_contrast": {
"_": {
"light": {
"value": "{color.base.brand.700.light.value}"
},
"dark": {
"value": "{color.base.brand.700.dark.value}"
}
},
"hover": {
"light": {
"value": "{color.base.brand.800.light.value}"
},
"dark": {
"value": "{color.base.brand.800.dark.value}"
}
},
"focus": {
"light": {
"value": "{color.base.brand.800.light.value}"
},
"dark": {
"value": "{color.base.brand.800.dark.value}"
}
},
"active": {
"light": {
"value": "{color.base.brand.900.light.value}"
},
"dark": {
"value": "{color.base.brand.900.dark.value}"
}
}
},
"disabled": {

@@ -237,6 +295,6 @@ "light": {

"light": {
"value": "{color.palette.pink.100.light.value}"
"value": "{color.palette.pink.300.light.value}"
},
"dark": {
"value": "{color.palette.pink.100.dark.value}"
"value": "{color.palette.pink.300.dark.value}"
}

@@ -282,6 +340,6 @@ }

"light": {
"value": "{color.palette.red.100.light.value}"
"value": "{color.palette.red.300.light.value}"
},
"dark": {
"value": "{color.palette.red.100.dark.value}"
"value": "{color.palette.red.300.dark.value}"
}

@@ -327,6 +385,6 @@ }

"light": {
"value": "{color.palette.orange.100.light.value}"
"value": "{color.palette.orange.300.light.value}"
},
"dark": {
"value": "{color.palette.orange.100.dark.value}"
"value": "{color.palette.orange.300.dark.value}"
}

@@ -372,6 +430,6 @@ }

"light": {
"value": "{color.palette.yellow.100.light.value}"
"value": "{color.palette.yellow.300.light.value}"
},
"dark": {
"value": "{color.palette.yellow.100.dark.value}"
"value": "{color.palette.yellow.300.dark.value}"
}

@@ -417,6 +475,6 @@ }

"light": {
"value": "{color.palette.green.100.light.value}"
"value": "{color.palette.green.300.light.value}"
},
"dark": {
"value": "{color.palette.green.100.dark.value}"
"value": "{color.palette.green.300.dark.value}"
}

@@ -462,6 +520,6 @@ }

"light": {
"value": "{color.palette.blue.100.light.value}"
"value": "{color.palette.blue.300.light.value}"
},
"dark": {
"value": "{color.palette.blue.100.dark.value}"
"value": "{color.palette.blue.300.dark.value}"
}

@@ -507,6 +565,6 @@ }

"light": {
"value": "{color.palette.ultramarine.100.light.value}"
"value": "{color.palette.ultramarine.300.light.value}"
},
"dark": {
"value": "{color.palette.ultramarine.100.dark.value}"
"value": "{color.palette.ultramarine.300.dark.value}"
}

@@ -552,6 +610,6 @@ }

"light": {
"value": "{color.palette.purple.100.light.value}"
"value": "{color.palette.purple.300.light.value}"
},
"dark": {
"value": "{color.palette.purple.100.dark.value}"
"value": "{color.palette.purple.300.dark.value}"
}

@@ -597,6 +655,6 @@ }

"light": {
"value": "{color.palette.teal.100.light.value}"
"value": "{color.palette.teal.300.light.value}"
},
"dark": {
"value": "{color.palette.teal.100.dark.value}"
"value": "{color.palette.teal.300.dark.value}"
}

@@ -603,0 +661,0 @@ }

2

src/properties/size/border.json

@@ -20,3 +20,3 @@ {

"offset": {
"value": "4px"
"value": "2px"
}

@@ -23,0 +23,0 @@ }

22

src/properties/size/space.json
{
"size": {
"space": {
"0": {
"2": {
"value": "0.125rem"
},
"4": {
"value": "0.25rem"
},
"1": {
"8": {
"value": "0.5rem"
},
"1-2": {
"12": {
"value": "0.75rem"
},
"2": {
"16": {
"value": "1rem"
},
"3": {
"24": {
"value": "1.5rem"
},
"4": {
"32": {
"value": "2rem"
},
"5": {
"48": {
"value": "3rem"
},
"6": {
"64": {
"value": "4rem"
},
"7": {
"value": "6rem"
}

@@ -31,0 +31,0 @@ }

lib/css/tokens.css

Sorry, the diff of this file is not supported yet

lib/js/tokens.js

Sorry, the diff of this file is too big to display

lib/json/tokens.json

Sorry, the diff of this file is too big to display

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