@fylgja/tokens
Version:
[](https://www.npmjs.com/package/@fylgja/tokens) [](https://www.npmjs.com/package/@fylgja/tokens) [![License](https://img.shields.
1,223 lines • 27.1 kB
JSON
{
"undefined": {
"ratio-box": {
"$value": 1
},
"ratio-landscape": {
"$value": "4/3"
},
"ratio-portrait": {
"$value": "3/4"
},
"ratio-widescreen": {
"$value": "16/9"
},
"ratio-superwide": {
"$value": "21/9"
},
"ratio-ultrawide": {
"$value": "18/5"
},
"ratio-golden": {
"$value": "1.618/1"
},
"border-size-1": {
"$value": "1px",
"$type": "dimension"
},
"border-size-2": {
"$value": "2px",
"$type": "dimension"
},
"border-size-3": {
"$value": "4px",
"$type": "dimension"
},
"border-size-4": {
"$value": "8px",
"$type": "dimension"
},
"border-size-5": {
"$value": "12px",
"$type": "dimension"
},
"radius-1": {
"$value": "0.125rem"
},
"radius-2": {
"$value": "0.25rem"
},
"radius-3": {
"$value": "0.5rem"
},
"radius-4": {
"$value": "1rem"
},
"radius-5": {
"$value": "2rem"
},
"radius-6": {
"$value": "3rem"
},
"radius-full": {
"$value": "1e5px"
},
"pink-0": {
"$value": "oklch(99% .03 350)",
"$type": "color"
},
"pink-1": {
"$value": "oklch(95% .06 350)",
"$type": "color"
},
"pink-2": {
"$value": "oklch(90% .12 350)",
"$type": "color"
},
"pink-3": {
"$value": "oklch(88% .14 350)",
"$type": "color"
},
"pink-4": {
"$value": "oklch(82% .16 350)",
"$type": "color"
},
"pink-5": {
"$value": "oklch(78% .17 350)",
"$type": "color"
},
"pink-6": {
"$value": "oklch(68% .19 350)",
"$type": "color"
},
"pink-7": {
"$value": "oklch(58% .21 350)",
"$type": "color"
},
"pink-8": {
"$value": "oklch(52% .20 350)",
"$type": "color"
},
"pink-9": {
"$value": "oklch(44% .18 350)",
"$type": "color"
},
"pink-10": {
"$value": "oklch(35% .15 350)",
"$type": "color"
},
"pink-11": {
"$value": "oklch(28% .12 350)",
"$type": "color"
},
"pink-12": {
"$value": "oklch(20% .10 350)",
"$type": "color"
},
"pink-13": {
"$value": "oklch(15% .07 350)",
"$type": "color"
},
"pink-14": {
"$value": "oklch(11% .05 350)",
"$type": "color"
},
"purple-0": {
"$value": "oklch(99% .03 330)",
"$type": "color"
},
"purple-1": {
"$value": "oklch(95% .06 330)",
"$type": "color"
},
"purple-2": {
"$value": "oklch(90% .12 330)",
"$type": "color"
},
"purple-3": {
"$value": "oklch(88% .14 330)",
"$type": "color"
},
"purple-4": {
"$value": "oklch(82% .16 330)",
"$type": "color"
},
"purple-5": {
"$value": "oklch(78% .17 330)",
"$type": "color"
},
"purple-6": {
"$value": "oklch(68% .19 330)",
"$type": "color"
},
"purple-7": {
"$value": "oklch(58% .21 330)",
"$type": "color"
},
"purple-8": {
"$value": "oklch(52% .20 330)",
"$type": "color"
},
"purple-9": {
"$value": "oklch(44% .18 330)",
"$type": "color"
},
"purple-10": {
"$value": "oklch(35% .15 330)",
"$type": "color"
},
"purple-11": {
"$value": "oklch(28% .12 330)",
"$type": "color"
},
"purple-12": {
"$value": "oklch(20% .10 330)",
"$type": "color"
},
"purple-13": {
"$value": "oklch(15% .07 330)",
"$type": "color"
},
"purple-14": {
"$value": "oklch(11% .05 330)",
"$type": "color"
},
"violet-0": {
"$value": "oklch(99% .03 310)",
"$type": "color"
},
"violet-1": {
"$value": "oklch(95% .06 310)",
"$type": "color"
},
"violet-2": {
"$value": "oklch(90% .12 310)",
"$type": "color"
},
"violet-3": {
"$value": "oklch(88% .14 310)",
"$type": "color"
},
"violet-4": {
"$value": "oklch(82% .16 310)",
"$type": "color"
},
"violet-5": {
"$value": "oklch(78% .17 310)",
"$type": "color"
},
"violet-6": {
"$value": "oklch(68% .19 310)",
"$type": "color"
},
"violet-7": {
"$value": "oklch(58% .21 310)",
"$type": "color"
},
"violet-8": {
"$value": "oklch(52% .20 310)",
"$type": "color"
},
"violet-9": {
"$value": "oklch(44% .18 310)",
"$type": "color"
},
"violet-10": {
"$value": "oklch(35% .15 310)",
"$type": "color"
},
"violet-11": {
"$value": "oklch(28% .12 310)",
"$type": "color"
},
"violet-12": {
"$value": "oklch(20% .10 310)",
"$type": "color"
},
"violet-13": {
"$value": "oklch(15% .07 310)",
"$type": "color"
},
"violet-14": {
"$value": "oklch(11% .05 310)",
"$type": "color"
},
"indigo-0": {
"$value": "oklch(99% .03 290)",
"$type": "color"
},
"indigo-1": {
"$value": "oklch(95% .06 290)",
"$type": "color"
},
"indigo-2": {
"$value": "oklch(90% .12 290)",
"$type": "color"
},
"indigo-3": {
"$value": "oklch(88% .14 290)",
"$type": "color"
},
"indigo-4": {
"$value": "oklch(82% .16 290)",
"$type": "color"
},
"indigo-5": {
"$value": "oklch(78% .17 290)",
"$type": "color"
},
"indigo-6": {
"$value": "oklch(68% .19 290)",
"$type": "color"
},
"indigo-7": {
"$value": "oklch(58% .21 290)",
"$type": "color"
},
"indigo-8": {
"$value": "oklch(52% .20 290)",
"$type": "color"
},
"indigo-9": {
"$value": "oklch(44% .18 290)",
"$type": "color"
},
"indigo-10": {
"$value": "oklch(35% .15 290)",
"$type": "color"
},
"indigo-11": {
"$value": "oklch(28% .12 290)",
"$type": "color"
},
"indigo-12": {
"$value": "oklch(20% .10 290)",
"$type": "color"
},
"indigo-13": {
"$value": "oklch(15% .07 290)",
"$type": "color"
},
"indigo-14": {
"$value": "oklch(11% .05 290)",
"$type": "color"
},
"blue-0": {
"$value": "oklch(99% .03 260)",
"$type": "color"
},
"blue-1": {
"$value": "oklch(95% .06 260)",
"$type": "color"
},
"blue-2": {
"$value": "oklch(90% .12 260)",
"$type": "color"
},
"blue-3": {
"$value": "oklch(88% .14 260)",
"$type": "color"
},
"blue-4": {
"$value": "oklch(82% .16 260)",
"$type": "color"
},
"blue-5": {
"$value": "oklch(78% .17 260)",
"$type": "color"
},
"blue-6": {
"$value": "oklch(68% .19 260)",
"$type": "color"
},
"blue-7": {
"$value": "oklch(58% .21 260)",
"$type": "color"
},
"blue-8": {
"$value": "oklch(52% .20 260)",
"$type": "color"
},
"blue-9": {
"$value": "oklch(44% .18 260)",
"$type": "color"
},
"blue-10": {
"$value": "oklch(35% .15 260)",
"$type": "color"
},
"blue-11": {
"$value": "oklch(28% .12 260)",
"$type": "color"
},
"blue-12": {
"$value": "oklch(20% .10 260)",
"$type": "color"
},
"blue-13": {
"$value": "oklch(15% .07 260)",
"$type": "color"
},
"blue-14": {
"$value": "oklch(11% .05 260)",
"$type": "color"
},
"cyan-0": {
"$value": "oklch(99% .03 220)",
"$type": "color"
},
"cyan-1": {
"$value": "oklch(95% .06 220)",
"$type": "color"
},
"cyan-2": {
"$value": "oklch(90% .12 220)",
"$type": "color"
},
"cyan-3": {
"$value": "oklch(88% .14 220)",
"$type": "color"
},
"cyan-4": {
"$value": "oklch(82% .16 220)",
"$type": "color"
},
"cyan-5": {
"$value": "oklch(78% .17 220)",
"$type": "color"
},
"cyan-6": {
"$value": "oklch(68% .19 220)",
"$type": "color"
},
"cyan-7": {
"$value": "oklch(58% .21 220)",
"$type": "color"
},
"cyan-8": {
"$value": "oklch(52% .20 220)",
"$type": "color"
},
"cyan-9": {
"$value": "oklch(44% .18 220)",
"$type": "color"
},
"cyan-10": {
"$value": "oklch(35% .15 220)",
"$type": "color"
},
"cyan-11": {
"$value": "oklch(28% .12 220)",
"$type": "color"
},
"cyan-12": {
"$value": "oklch(20% .10 220)",
"$type": "color"
},
"cyan-13": {
"$value": "oklch(15% .07 220)",
"$type": "color"
},
"cyan-14": {
"$value": "oklch(11% .05 220)",
"$type": "color"
},
"teal-0": {
"$value": "oklch(99% .03 170)",
"$type": "color"
},
"teal-1": {
"$value": "oklch(95% .06 170)",
"$type": "color"
},
"teal-2": {
"$value": "oklch(90% .12 170)",
"$type": "color"
},
"teal-3": {
"$value": "oklch(88% .14 170)",
"$type": "color"
},
"teal-4": {
"$value": "oklch(82% .16 170)",
"$type": "color"
},
"teal-5": {
"$value": "oklch(78% .17 170)",
"$type": "color"
},
"teal-6": {
"$value": "oklch(68% .19 170)",
"$type": "color"
},
"teal-7": {
"$value": "oklch(58% .21 170)",
"$type": "color"
},
"teal-8": {
"$value": "oklch(52% .20 170)",
"$type": "color"
},
"teal-9": {
"$value": "oklch(44% .18 170)",
"$type": "color"
},
"teal-10": {
"$value": "oklch(35% .15 170)",
"$type": "color"
},
"teal-11": {
"$value": "oklch(28% .12 170)",
"$type": "color"
},
"teal-12": {
"$value": "oklch(20% .10 170)",
"$type": "color"
},
"teal-13": {
"$value": "oklch(15% .07 170)",
"$type": "color"
},
"teal-14": {
"$value": "oklch(11% .05 170)",
"$type": "color"
},
"green-0": {
"$value": "oklch(99% .03 140)",
"$type": "color"
},
"green-1": {
"$value": "oklch(95% .06 140)",
"$type": "color"
},
"green-2": {
"$value": "oklch(90% .12 140)",
"$type": "color"
},
"green-3": {
"$value": "oklch(88% .14 140)",
"$type": "color"
},
"green-4": {
"$value": "oklch(82% .16 140)",
"$type": "color"
},
"green-5": {
"$value": "oklch(78% .17 140)",
"$type": "color"
},
"green-6": {
"$value": "oklch(68% .19 140)",
"$type": "color"
},
"green-7": {
"$value": "oklch(58% .21 140)",
"$type": "color"
},
"green-8": {
"$value": "oklch(52% .20 140)",
"$type": "color"
},
"green-9": {
"$value": "oklch(44% .18 140)",
"$type": "color"
},
"green-10": {
"$value": "oklch(35% .15 140)",
"$type": "color"
},
"green-11": {
"$value": "oklch(28% .12 140)",
"$type": "color"
},
"green-12": {
"$value": "oklch(20% .10 140)",
"$type": "color"
},
"green-13": {
"$value": "oklch(15% .07 140)",
"$type": "color"
},
"green-14": {
"$value": "oklch(11% .05 140)",
"$type": "color"
},
"lime-0": {
"$value": "oklch(99% .03 125)",
"$type": "color"
},
"lime-1": {
"$value": "oklch(95% .06 125)",
"$type": "color"
},
"lime-2": {
"$value": "oklch(90% .12 125)",
"$type": "color"
},
"lime-3": {
"$value": "oklch(88% .14 125)",
"$type": "color"
},
"lime-4": {
"$value": "oklch(82% .16 125)",
"$type": "color"
},
"lime-5": {
"$value": "oklch(78% .17 125)",
"$type": "color"
},
"lime-6": {
"$value": "oklch(68% .19 125)",
"$type": "color"
},
"lime-7": {
"$value": "oklch(58% .21 125)",
"$type": "color"
},
"lime-8": {
"$value": "oklch(52% .20 125)",
"$type": "color"
},
"lime-9": {
"$value": "oklch(44% .18 125)",
"$type": "color"
},
"lime-10": {
"$value": "oklch(35% .15 125)",
"$type": "color"
},
"lime-11": {
"$value": "oklch(28% .12 125)",
"$type": "color"
},
"lime-12": {
"$value": "oklch(20% .10 125)",
"$type": "color"
},
"lime-13": {
"$value": "oklch(15% .07 125)",
"$type": "color"
},
"lime-14": {
"$value": "oklch(11% .05 125)",
"$type": "color"
},
"yellow-0": {
"$value": "oklch(99% .03 96)",
"$type": "color"
},
"yellow-1": {
"$value": "oklch(95% .06 96)",
"$type": "color"
},
"yellow-2": {
"$value": "oklch(90% .12 96)",
"$type": "color"
},
"yellow-3": {
"$value": "oklch(88% .14 96)",
"$type": "color"
},
"yellow-4": {
"$value": "oklch(82% .16 96)",
"$type": "color"
},
"yellow-5": {
"$value": "oklch(78% .17 96)",
"$type": "color"
},
"yellow-6": {
"$value": "oklch(68% .19 96)",
"$type": "color"
},
"yellow-7": {
"$value": "oklch(58% .21 96)",
"$type": "color"
},
"yellow-8": {
"$value": "oklch(52% .20 96)",
"$type": "color"
},
"yellow-9": {
"$value": "oklch(44% .18 96)",
"$type": "color"
},
"yellow-10": {
"$value": "oklch(35% .15 96)",
"$type": "color"
},
"yellow-11": {
"$value": "oklch(28% .12 96)",
"$type": "color"
},
"yellow-12": {
"$value": "oklch(20% .10 96)",
"$type": "color"
},
"yellow-13": {
"$value": "oklch(15% .07 96)",
"$type": "color"
},
"yellow-14": {
"$value": "oklch(11% .05 96)",
"$type": "color"
},
"orange-0": {
"$value": "oklch(99% .03 70)",
"$type": "color"
},
"orange-1": {
"$value": "oklch(95% .06 70)",
"$type": "color"
},
"orange-2": {
"$value": "oklch(90% .12 70)",
"$type": "color"
},
"orange-3": {
"$value": "oklch(88% .14 70)",
"$type": "color"
},
"orange-4": {
"$value": "oklch(82% .16 70)",
"$type": "color"
},
"orange-5": {
"$value": "oklch(78% .17 70)",
"$type": "color"
},
"orange-6": {
"$value": "oklch(68% .19 70)",
"$type": "color"
},
"orange-7": {
"$value": "oklch(58% .21 70)",
"$type": "color"
},
"orange-8": {
"$value": "oklch(52% .20 70)",
"$type": "color"
},
"orange-9": {
"$value": "oklch(44% .18 70)",
"$type": "color"
},
"orange-10": {
"$value": "oklch(35% .15 70)",
"$type": "color"
},
"orange-11": {
"$value": "oklch(28% .12 70)",
"$type": "color"
},
"orange-12": {
"$value": "oklch(20% .10 70)",
"$type": "color"
},
"orange-13": {
"$value": "oklch(15% .07 70)",
"$type": "color"
},
"orange-14": {
"$value": "oklch(11% .05 70)",
"$type": "color"
},
"red-0": {
"$value": "oklch(99% .03 25)",
"$type": "color"
},
"red-1": {
"$value": "oklch(95% .06 25)",
"$type": "color"
},
"red-2": {
"$value": "oklch(90% .12 25)",
"$type": "color"
},
"red-3": {
"$value": "oklch(88% .14 25)",
"$type": "color"
},
"red-4": {
"$value": "oklch(82% .16 25)",
"$type": "color"
},
"red-5": {
"$value": "oklch(78% .17 25)",
"$type": "color"
},
"red-6": {
"$value": "oklch(68% .19 25)",
"$type": "color"
},
"red-7": {
"$value": "oklch(58% .21 25)",
"$type": "color"
},
"red-8": {
"$value": "oklch(52% .20 25)",
"$type": "color"
},
"red-9": {
"$value": "oklch(44% .18 25)",
"$type": "color"
},
"red-10": {
"$value": "oklch(35% .15 25)",
"$type": "color"
},
"red-11": {
"$value": "oklch(28% .12 25)",
"$type": "color"
},
"red-12": {
"$value": "oklch(20% .10 25)",
"$type": "color"
},
"red-13": {
"$value": "oklch(15% .07 25)",
"$type": "color"
},
"red-14": {
"$value": "oklch(11% .05 25)",
"$type": "color"
},
"hue-pink": {
"$value": 350,
"$type": "color"
},
"hue-purple": {
"$value": 330,
"$type": "color"
},
"hue-violet": {
"$value": 310,
"$type": "color"
},
"hue-indigo": {
"$value": 290,
"$type": "color"
},
"hue-blue": {
"$value": 260,
"$type": "color"
},
"hue-cyan": {
"$value": 220,
"$type": "color"
},
"hue-teal": {
"$value": 170,
"$type": "color"
},
"hue-green": {
"$value": 140,
"$type": "color"
},
"hue-lime": {
"$value": 125,
"$type": "color"
},
"hue-yellow": {
"$value": 96,
"$type": "color"
},
"hue-orange": {
"$value": 70,
"$type": "color"
},
"hue-red": {
"$value": 25,
"$type": "color"
},
"ease-1": {
"$value": "cubic-bezier(0.25, 0.1, 0.1, 1)",
"$type": "cubic-bezier"
},
"ease-2": {
"$value": "cubic-bezier(0.25, 0.1, 0.2, 1)",
"$type": "cubic-bezier"
},
"ease-3": {
"$value": "cubic-bezier(0.25, 0.1, 0.3, 1)",
"$type": "cubic-bezier"
},
"ease-4": {
"$value": "cubic-bezier(0.25, 0.1, 0.4, 1)",
"$type": "cubic-bezier"
},
"ease-5": {
"$value": "cubic-bezier(0.25, 0.1, 0.5, 1)",
"$type": "cubic-bezier"
},
"easeIn-1": {
"$value": "cubic-bezier(0.3, 0, 1, 1)",
"$type": "cubic-bezier"
},
"easeIn-2": {
"$value": "cubic-bezier(0.5, 0, 1, 1)",
"$type": "cubic-bezier"
},
"easeIn-3": {
"$value": "cubic-bezier(0.7, 0, 1, 1)",
"$type": "cubic-bezier"
},
"easeIn-4": {
"$value": "cubic-bezier(0.9, 0, 1, 1)",
"$type": "cubic-bezier"
},
"easeIn-5": {
"$value": "cubic-bezier(1, 0, 1, 1)",
"$type": "cubic-bezier"
},
"easeOut-1": {
"$value": "cubic-bezier(0, 0, 0.7, 1)",
"$type": "cubic-bezier"
},
"easeOut-2": {
"$value": "cubic-bezier(0, 0, 0.5, 1)",
"$type": "cubic-bezier"
},
"easeOut-3": {
"$value": "cubic-bezier(0, 0, 0.3, 1)",
"$type": "cubic-bezier"
},
"easeOut-4": {
"$value": "cubic-bezier(0, 0, 0.1, 1)",
"$type": "cubic-bezier"
},
"easeOut-5": {
"$value": "cubic-bezier(0, 0, 0, 1)",
"$type": "cubic-bezier"
},
"easeInOut-1": {
"$value": "cubic-bezier(0.1, 0, 0.9, 1)",
"$type": "cubic-bezier"
},
"easeInOut-2": {
"$value": "cubic-bezier(0.3, 0, 0.7, 1)",
"$type": "cubic-bezier"
},
"easeInOut-3": {
"$value": "cubic-bezier(0.5, 0, 0.5, 1)",
"$type": "cubic-bezier"
},
"easeInOut-4": {
"$value": "cubic-bezier(0.7, 0, 0.3, 1)",
"$type": "cubic-bezier"
},
"easeInOut-5": {
"$value": "cubic-bezier(0.9, 0, 0.1, 1)",
"$type": "cubic-bezier"
},
"easeElasticIn-1": {
"$value": "cubic-bezier(0.5, 0.25, 0.75, -0.25)",
"$type": "cubic-bezier"
},
"easeElasticIn-2": {
"$value": "cubic-bezier(0.5, 0, 0.75, -0.25)",
"$type": "cubic-bezier"
},
"easeElasticIn-3": {
"$value": "cubic-bezier(0.5, -0.25, 0.75, -0.25)",
"$type": "cubic-bezier"
},
"easeElasticIn-4": {
"$value": "cubic-bezier(0.5, -0.5, 0.75, -0.25)",
"$type": "cubic-bezier"
},
"easeElasticIn-5": {
"$value": "cubic-bezier(0.5, -0.75, 0.75, -0.25)",
"$type": "cubic-bezier"
},
"easeElasticOut-1": {
"$value": "cubic-bezier(0.5, 0.75, 0.75, 1.25)",
"$type": "cubic-bezier"
},
"easeElasticOut-2": {
"$value": "cubic-bezier(0.5, 1, 0.75, 1.25)",
"$type": "cubic-bezier"
},
"easeElasticOut-3": {
"$value": "cubic-bezier(0.5, 1.25, 0.75, 1.25)",
"$type": "cubic-bezier"
},
"easeElasticOut-4": {
"$value": "cubic-bezier(0.5, 1.5, 0.75, 1.25)",
"$type": "cubic-bezier"
},
"easeElasticOut-5": {
"$value": "cubic-bezier(0.5, 1.75, 0.75, 1.25)",
"$type": "cubic-bezier"
},
"easeElasticInOut-1": {
"$value": "cubic-bezier(0.5, -0.1, 0.1, 1.5)",
"$type": "cubic-bezier"
},
"easeElasticInOut-2": {
"$value": "cubic-bezier(0.5, -0.3, 0.1, 1.5)",
"$type": "cubic-bezier"
},
"easeElasticInOut-3": {
"$value": "cubic-bezier(0.5, -0.5, 0.1, 1.5)",
"$type": "cubic-bezier"
},
"easeElasticInOut-4": {
"$value": "cubic-bezier(0.5, -0.7, 0.1, 1.5)",
"$type": "cubic-bezier"
},
"easeElasticInOut-5": {
"$value": "cubic-bezier(0.5, -0.9, 0.1, 1.5)",
"$type": "cubic-bezier"
},
"fontSize-1": {
"$value": "0.875rem"
},
"fontSize-2": {
"$value": "1rem"
},
"fontSize-3": {
"$value": "1.125rem"
},
"fontSize-4": {
"$value": "1.25rem"
},
"fontSize-5": {
"$value": "1.5rem"
},
"fontSize-6": {
"$value": "2rem"
},
"fontSize-7": {
"$value": "2.5rem"
},
"fontSize-8": {
"$value": "3rem"
},
"fontSize-9": {
"$value": "3.5rem"
},
"fontSize-fluid-1": {
"$value": "clamp(0.875rem, 1.5cqi, 1rem)"
},
"fontSize-fluid-2": {
"$value": "clamp(1rem, 2cqi, 1.125rem)"
},
"fontSize-fluid-3": {
"$value": "clamp(1.25rem, 2cqi, 1.5rem)"
},
"fontSize-fluid-4": {
"$value": "clamp(1.5rem, 3cqi, 2rem)"
},
"fontSize-fluid-5": {
"$value": "clamp(2rem, 5cqi, 3.5rem)"
},
"lineHeight-1": {
"$value": "1.1"
},
"lineHeight-2": {
"$value": "1.25"
},
"lineHeight-3": {
"$value": "1.375"
},
"lineHeight-4": {
"$value": "1.5"
},
"lineHeight-5": {
"$value": "1.8"
},
"shadow-color-umbra": {
"$value": "color-mix(in srgb, var(--shadow-color, gray) calc(var(--shadow-strength, 1%) + 20%), #0000)",
"$type": "color"
},
"shadow-color-penumbra": {
"$value": "color-mix(in srgb, var(--shadow-color, gray) calc(var(--shadow-strength, 1%) + 14%), #0000)",
"$type": "color"
},
"shadow-color-ambient": {
"$value": "color-mix(in srgb, var(--shadow-color, gray) calc(var(--shadow-strength, 1%) + 12%), #0000)",
"$type": "color"
},
"shadow-1": {
"$value": [
"0 2px 1px -1px var(--shadow-color-umbra)",
"0 1px 1px var(--shadow-color-penumbra)",
"0 1px 3px var(--shadow-color-ambient)"
]
},
"shadow-2": {
"$value": [
"0 3px 3px -2px var(--shadow-color-umbra)",
"0 3px 4px var(--shadow-color-penumbra)",
"0 1px 8px var(--shadow-color-ambient)"
]
},
"shadow-3": {
"$value": [
"0 3px 5px -1px var(--shadow-color-umbra)",
"0 6px 10px var(--shadow-color-penumbra)",
"0 1px 18px var(--shadow-color-ambient)"
]
},
"shadow-4": {
"$value": [
"0 5px 5px -3px var(--shadow-color-umbra)",
"0 8px 10px 1px var(--shadow-color-penumbra)",
"0 3px 14px 2px var(--shadow-color-ambient)"
]
},
"shadow-5": {
"$value": [
"0 7px 8px -4px var(--shadow-color-umbra)",
"0 12px 17px 2px var(--shadow-color-penumbra)",
"0 5px 22px 4px var(--shadow-color-ambient)"
]
},
"shadow-6": {
"$value": [
"0 8px 10px -5px var(--shadow-color-umbra)",
"0 16px 24px 2px var(--shadow-color-penumbra)",
"0 6px 30px 5px var(--shadow-color-ambient)"
]
},
"spacing": {
"$value": "0.25rem"
},
"size-1": {
"$value": "calc(var(--spacing) * 1)",
"$type": "dimension"
},
"size-2": {
"$value": "calc(var(--spacing) * 2)",
"$type": "dimension"
},
"size-3": {
"$value": "calc(var(--spacing) * 3)",
"$type": "dimension"
},
"size-4": {
"$value": "calc(var(--spacing) * 4)",
"$type": "dimension"
},
"size-5": {
"$value": "calc(var(--spacing) * 5)",
"$type": "dimension"
},
"size-6": {
"$value": "calc(var(--spacing) * 6)",
"$type": "dimension"
},
"size-7": {
"$value": "calc(var(--spacing) * 7)",
"$type": "dimension"
},
"size-8": {
"$value": "calc(var(--spacing) * 8)",
"$type": "dimension"
},
"size-9": {
"$value": "calc(var(--spacing) * 9)",
"$type": "dimension"
},
"size-10": {
"$value": "calc(var(--spacing) * 10)",
"$type": "dimension"
},
"size-12": {
"$value": "calc(var(--spacing) * 12)",
"$type": "dimension"
},
"size-14": {
"$value": "calc(var(--spacing) * 14)",
"$type": "dimension"
},
"size-16": {
"$value": "calc(var(--spacing) * 16)",
"$type": "dimension"
},
"size-18": {
"$value": "calc(var(--spacing) * 18)",
"$type": "dimension"
},
"size-20": {
"$value": "calc(var(--spacing) * 20)",
"$type": "dimension"
},
"size-24": {
"$value": "calc(var(--spacing) * 24)",
"$type": "dimension"
},
"size-28": {
"$value": "calc(var(--spacing) * 28)",
"$type": "dimension"
},
"size-32": {
"$value": "calc(var(--spacing) * 32)",
"$type": "dimension"
},
"size-36": {
"$value": "calc(var(--spacing) * 36)",
"$type": "dimension"
},
"size-40": {
"$value": "calc(var(--spacing) * 40)",
"$type": "dimension"
},
"size-50": {
"$value": "calc(var(--spacing) * 50)",
"$type": "dimension"
},
"size-60": {
"$value": "calc(var(--spacing) * 60)",
"$type": "dimension"
},
"size-70": {
"$value": "calc(var(--spacing) * 70)",
"$type": "dimension"
},
"size-80": {
"$value": "calc(var(--spacing) * 80)",
"$type": "dimension"
},
"size-90": {
"$value": "calc(var(--spacing) * 90)",
"$type": "dimension"
},
"size-100": {
"$value": "calc(var(--spacing) * 100)",
"$type": "dimension"
},
"size-120": {
"$value": "calc(var(--spacing) * 120)",
"$type": "dimension"
},
"size-05": {
"$value": "calc(var(--spacing) * 0.5)",
"$type": "dimension"
},
"size-heading": {
"$value": "36ch",
"$type": "dimension"
},
"size-content": {
"$value": "64ch",
"$type": "dimension"
},
"layer-1": {
"$value": 1
},
"layer-2": {
"$value": 2
},
"layer-3": {
"$value": 4
},
"layer-4": {
"$value": 6
},
"layer-5": {
"$value": 8
}
}
}