@stokelp/styled-system 2.57.0 → 2.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/package.json +1 -1
  2. package/panda.buildinfo.json +22 -4
  3. package/recipes/button.d.ts +1 -1
  4. package/recipes/button.mjs +75 -1
  5. package/recipes/icon-button.d.ts +1 -1
  6. package/recipes/icon-button.mjs +75 -1
  7. package/tokens/index.mjs +8 -0
  8. package/tokens/tokens.d.ts +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stokelp/styled-system",
3
- "version": "2.57.0",
3
+ "version": "2.59.0",
4
4
  "description": "Stokelp UI styled-system",
5
5
  "type": "module",
6
6
  "publishConfig": {
package/panda.buildinfo.json CHANGED
@@ -31,6 +31,24 @@
31
31
  "background]___[value:error.100]___[cond:_hover",
32
32
  "color]___[value:error.700]___[cond:_hover",
33
33
  "color]___[value:error.700]___[cond:_active",
34
+ "background]___[value:success.500]___[cond:_disabled<___>_hover",
35
+ "background]___[value:success.500]___[cond:_disabled<___>_active",
36
+ "background]___[value:success.500]___[cond:_disabled",
37
+ "background]___[value:success.800]___[cond:_active",
38
+ "background]___[value:success.700]___[cond:_hover",
39
+ "background]___[value:success.500",
40
+ "background]___[value:success.700]___[cond:_active",
41
+ "background]___[value:success.500]___[cond:_hover",
42
+ "borderColor]___[value:success.500",
43
+ "borderColor]___[value:success.700]___[cond:_active",
44
+ "color]___[value:success.500]___[cond:_disabled<___>_hover",
45
+ "color]___[value:success.500]___[cond:_disabled<___>_active",
46
+ "color]___[value:success.500]___[cond:_disabled",
47
+ "color]___[value:success.500",
48
+ "background]___[value:success.200]___[cond:_active",
49
+ "background]___[value:success.100]___[cond:_hover",
50
+ "color]___[value:success.700]___[cond:_hover",
51
+ "color]___[value:success.700]___[cond:_active",
34
52
  "minWidth]___[value:auto",
35
53
  "borderRadius]___[value:3px]___[cond:& > svg",
36
54
  "display]___[value:flex",
@@ -56,7 +74,6 @@
56
74
  "background]___[value:primary.200]___[cond:_hover",
57
75
  "background]___[value:primary.100]___[cond:_hover",
58
76
  "paddingBottom]___[value:space-24",
59
- "background]___[value:success.500",
60
77
  "borderRadius]___[value:full",
61
78
  "background]___[value:black/10",
62
79
  "color]___[value:secondary.500",
@@ -86,7 +103,6 @@
86
103
  "marginTop]___[value:100",
87
104
  "marginTop]___[value:space-16",
88
105
  "color]___[value:primary.500",
89
- "color]___[value:success.500",
90
106
  "color]___[value:warning.500",
91
107
  "borderRadius]___[value:radius-24",
92
108
  "height]___[value:200",
@@ -109,7 +125,8 @@
109
125
  "variant]___[value:secondary]___[recipe:iconButton",
110
126
  "variant]___[value:primary]___[recipe:iconButton",
111
127
  "size]___[value:lg]___[recipe:iconButton",
112
- "severity]___[value:danger]___[recipe:iconButton"
128
+ "severity]___[value:danger]___[recipe:iconButton",
129
+ "severity]___[value:success]___[recipe:iconButton"
113
130
  ],
114
131
  "priceTag": [
115
132
  "size]___[value:md]___[recipe:priceTag",
@@ -229,7 +246,8 @@
229
246
  "variant]___[value:secondary]___[recipe:button",
230
247
  "size]___[value:md]___[recipe:button",
231
248
  "size]___[value:sm]___[recipe:button",
232
- "severity]___[value:danger]___[recipe:button"
249
+ "severity]___[value:danger]___[recipe:button",
250
+ "severity]___[value:success]___[recipe:button"
233
251
  ],
234
252
  "combobox": [
235
253
  "size]___[value:md]___[recipe:combobox",
package/recipes/button.d.ts CHANGED
@@ -14,7 +14,7 @@ variant: "primary" | "secondary" | "tertiary"
14
14
  /**
15
15
  * @default "none"
16
16
  */
17
- severity: "none" | "danger"
17
+ severity: "none" | "danger" | "success"
18
18
  }
19
19
 
20
20
  type ButtonVariantMap = {
package/recipes/button.mjs CHANGED
@@ -99,6 +99,79 @@ const buttonFn = /* @__PURE__ */ createRecipe('button', {
99
99
  "_active": "error.700"
100
100
  }
101
101
  }
102
+ },
103
+ {
104
+ "variant": "primary",
105
+ "severity": "success",
106
+ "css": {
107
+ "bg": {
108
+ "_disabled": {
109
+ "_hover": "success.500",
110
+ "_active": "success.500",
111
+ "base": "success.500"
112
+ },
113
+ "_active": "success.800",
114
+ "_hover": "success.700",
115
+ "base": "success.500"
116
+ }
117
+ }
118
+ },
119
+ {
120
+ "variant": "secondary",
121
+ "severity": "success",
122
+ "css": {
123
+ "bg": {
124
+ "_disabled": {
125
+ "_hover": "transparent",
126
+ "_active": "transparent",
127
+ "base": "transparent"
128
+ },
129
+ "_active": "success.700",
130
+ "_hover": "success.500",
131
+ "base": "transparent"
132
+ },
133
+ "borderColor": {
134
+ "base": "success.500",
135
+ "_active": "success.700"
136
+ },
137
+ "borderStyle": "solid",
138
+ "color": {
139
+ "_disabled": {
140
+ "_hover": "success.500",
141
+ "_active": "success.500",
142
+ "base": "success.500"
143
+ },
144
+ "base": "success.500",
145
+ "_hover": "white",
146
+ "_active": "white"
147
+ }
148
+ }
149
+ },
150
+ {
151
+ "variant": "tertiary",
152
+ "severity": "success",
153
+ "css": {
154
+ "bg": {
155
+ "_disabled": {
156
+ "_hover": "transparent",
157
+ "_active": "transparent",
158
+ "base": "transparent"
159
+ },
160
+ "_active": "success.200",
161
+ "_hover": "success.100",
162
+ "base": "transparent"
163
+ },
164
+ "color": {
165
+ "_disabled": {
166
+ "_hover": "success.500",
167
+ "_active": "success.500",
168
+ "base": "success.500"
169
+ },
170
+ "base": "success.500",
171
+ "_hover": "success.700",
172
+ "_active": "success.700"
173
+ }
174
+ }
102
175
  }
103
176
  ])
104
177
 
@@ -115,7 +188,8 @@ const buttonVariantMap = {
115
188
  ],
116
189
  "severity": [
117
190
  "none",
118
- "danger"
191
+ "danger",
192
+ "success"
119
193
  ]
120
194
  }
121
195
 
package/recipes/icon-button.d.ts CHANGED
@@ -14,7 +14,7 @@ variant: "primary" | "secondary" | "tertiary"
14
14
  /**
15
15
  * @default "none"
16
16
  */
17
- severity: "none" | "danger"
17
+ severity: "none" | "danger" | "success"
18
18
  }
19
19
 
20
20
  type IconButtonVariantMap = {
package/recipes/icon-button.mjs CHANGED
@@ -100,6 +100,79 @@ const iconButtonFn = /* @__PURE__ */ createRecipe('icon-button', {
100
100
  }
101
101
  }
102
102
  },
103
+ {
104
+ "variant": "primary",
105
+ "severity": "success",
106
+ "css": {
107
+ "bg": {
108
+ "_disabled": {
109
+ "_hover": "success.500",
110
+ "_active": "success.500",
111
+ "base": "success.500"
112
+ },
113
+ "_active": "success.800",
114
+ "_hover": "success.700",
115
+ "base": "success.500"
116
+ }
117
+ }
118
+ },
119
+ {
120
+ "variant": "secondary",
121
+ "severity": "success",
122
+ "css": {
123
+ "bg": {
124
+ "_disabled": {
125
+ "_hover": "transparent",
126
+ "_active": "transparent",
127
+ "base": "transparent"
128
+ },
129
+ "_active": "success.700",
130
+ "_hover": "success.500",
131
+ "base": "transparent"
132
+ },
133
+ "borderColor": {
134
+ "base": "success.500",
135
+ "_active": "success.700"
136
+ },
137
+ "borderStyle": "solid",
138
+ "color": {
139
+ "_disabled": {
140
+ "_hover": "success.500",
141
+ "_active": "success.500",
142
+ "base": "success.500"
143
+ },
144
+ "base": "success.500",
145
+ "_hover": "white",
146
+ "_active": "white"
147
+ }
148
+ }
149
+ },
150
+ {
151
+ "variant": "tertiary",
152
+ "severity": "success",
153
+ "css": {
154
+ "bg": {
155
+ "_disabled": {
156
+ "_hover": "transparent",
157
+ "_active": "transparent",
158
+ "base": "transparent"
159
+ },
160
+ "_active": "success.200",
161
+ "_hover": "success.100",
162
+ "base": "transparent"
163
+ },
164
+ "color": {
165
+ "_disabled": {
166
+ "_hover": "success.500",
167
+ "_active": "success.500",
168
+ "base": "success.500"
169
+ },
170
+ "base": "success.500",
171
+ "_hover": "success.700",
172
+ "_active": "success.700"
173
+ }
174
+ }
175
+ },
103
176
  {
104
177
  "variant": "primary",
105
178
  "size": "sm",
@@ -136,7 +209,8 @@ const iconButtonVariantMap = {
136
209
  ],
137
210
  "severity": [
138
211
  "none",
139
- "danger"
212
+ "danger",
213
+ "success"
140
214
  ]
141
215
  }
142
216
 
package/tokens/index.mjs CHANGED
@@ -207,6 +207,10 @@ const tokens = {
207
207
  "value": "#1E3A76",
208
208
  "variable": "var(--colors-blue-900)"
209
209
  },
210
+ "colors.grey.10": {
211
+ "value": "#FBFBFC",
212
+ "variable": "var(--colors-grey-10)"
213
+ },
210
214
  "colors.grey.50": {
211
215
  "value": "#F5F6F6",
212
216
  "variable": "var(--colors-grey-50)"
@@ -1491,6 +1495,10 @@ const tokens = {
1491
1495
  "value": "var(--colors-color-palette-900)",
1492
1496
  "variable": "var(--colors-color-palette-900)"
1493
1497
  },
1498
+ "colors.colorPalette.10": {
1499
+ "value": "var(--colors-color-palette-10)",
1500
+ "variable": "var(--colors-color-palette-10)"
1501
+ },
1494
1502
  "colors.colorPalette.50": {
1495
1503
  "value": "var(--colors-color-palette-50)",
1496
1504
  "variable": "var(--colors-color-palette-50)"
package/tokens/tokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.bounce" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-in-right" | "animations.drawer-out-left" | "animations.drawer-out-right" | "animations.fade-in" | "animations.ping" | "animations.pulse" | "animations.skeleton-pulse" | "animations.spin" | "animations.collapse-in" | "animations.collapse-out" | "aspectRatios.golden" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.square" | "aspectRatios.ultrawide" | "aspectRatios.wide" | "blurs.2xl" | "blurs.3xl" | "blurs.base" | "blurs.lg" | "blurs.md" | "blurs.sm" | "blurs.xl" | "borders.border.none" | "colors.black" | "colors.current" | "colors.transparent" | "colors.white" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.grey.50" | "colors.grey.100" | "colors.grey.200" | "colors.grey.300" | "colors.grey.400" | "colors.grey.500" | "colors.grey.600" | "colors.grey.700" | "colors.grey.800" | "colors.grey.900" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "durations.fast" | "durations.faster" | "durations.fastest" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.default" | "easings.ease-bounce-1" | "easings.ease-bounce-2" | "easings.ease-bounce-3" | "easings.ease-bounce-4" | "easings.ease-bounce-5" | "easings.ease-spring-1" | "easings.ease-spring-2" | "easings.ease-spring-3" | "easings.ease-spring-4" | "easings.ease-spring-5" | "easings.emphasized-in" | "easings.emphasized-out" | "easings.in" | "easings.in-out" | "easings.linear" | "easings.out" | "easings.pulse" | "fontSizes.body.lg" | "fontSizes.body.md" | "fontSizes.body.sm" | "fontSizes.heading.desktop.2xl" | "fontSizes.heading.desktop.lg" | "fontSizes.heading.desktop.md" | "fontSizes.heading.desktop.sm" | "fontSizes.heading.desktop.xs" | "fontSizes.heading.mobile.2xl" | "fontSizes.heading.mobile.lg" | "fontSizes.heading.mobile.md" | "fontSizes.heading.mobile.sm" | "fontSizes.heading.mobile.xs" | "fontWeights.black" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.medium" | "fontWeights.normal" | "fontWeights.semibold" | "fontWeights.thin" | "fonts.satoshi" | "fonts.cabinet" | "fonts.mono" | "fonts.sans" | "fonts.serif" | "letterSpacings.normal" | "letterSpacings.tight" | "letterSpacings.tighter" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "radii.radius-0" | "radii.radius-2" | "radii.radius-4" | "radii.radius-6" | "radii.radius-8" | "radii.radius-10" | "radii.radius-12" | "radii.radius-16" | "radii.radius-20" | "radii.radius-24" | "radii.radius-28" | "radii.radius-32" | "radii.radius-36" | "radii.radius-40" | "radii.radius-44" | "radii.radius-48" | "radii.radius-52" | "radii.radius-56" | "radii.radius-60" | "radii.radius-64" | "radii.full" | "shadows.2xl" | "shadows.inner" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.xl" | "shadows.xs" | "sizes.size-0" | "sizes.size-12" | "sizes.size-14" | "sizes.size-16" | "sizes.size-18" | "sizes.size-2" | "sizes.size-20" | "sizes.size-24" | "sizes.size-28" | "sizes.size-32" | "sizes.size-36" | "sizes.size-4" | "sizes.size-40" | "sizes.size-6" | "sizes.size-44" | "sizes.size-8" | "sizes.full" | "sizes.max" | "sizes.size-48" | "sizes.fit" | "sizes.size-52" | "sizes.min" | "sizes.size-56" | "sizes.size-60" | "sizes.size-64" | "sizes.size-68" | "sizes.size-72" | "sizes.size-76" | "sizes.size-80" | "sizes.breakpoint-xl" | "sizes.breakpoint-lg" | "sizes.breakpoint-md" | "sizes.breakpoint-sm" | "spacing.space-0" | "spacing.space-12" | "spacing.space-10" | "spacing.space-14" | "spacing.space-16" | "spacing.space-18" | "spacing.space-2" | "spacing.space-20" | "spacing.space-24" | "spacing.space-28" | "spacing.space-32" | "spacing.space-36" | "spacing.space-4" | "spacing.space-40" | "spacing.space-6" | "spacing.space-44" | "spacing.space-8" | "spacing.space-48" | "spacing.space-52" | "spacing.space-56" | "spacing.space-60" | "spacing.space-64" | "spacing.space-68" | "spacing.space-72" | "spacing.space-76" | "spacing.space-80" | "zIndex.banner" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.hide" | "zIndex.modal" | "zIndex.overlay" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.sticky" | "zIndex.toast" | "zIndex.tooltip" | "breakpoints.xl" | "breakpoints.lg" | "breakpoints.md" | "breakpoints.sm" | "colors.decorative.red.light" | "colors.decorative.red.mid" | "colors.decorative.red.dark" | "colors.decorative.blue.light" | "colors.decorative.blue.mid" | "colors.decorative.blue.dark" | "colors.decorative.yellow.light" | "colors.decorative.yellow.mid" | "colors.decorative.yellow.dark" | "colors.decorative.purple.light" | "colors.decorative.purple.mid" | "colors.decorative.purple.dark" | "colors.decorative.green.light" | "colors.decorative.green.mid" | "colors.decorative.green.dark" | "colors.decorative.brown.light" | "colors.decorative.brown.mid" | "colors.decorative.brown.dark" | "colors.typology.fish.light" | "colors.typology.fish.mid" | "colors.typology.fish.dark" | "colors.typology.meat.light" | "colors.typology.meat.mid" | "colors.typology.meat.dark" | "colors.typology.fruit.light" | "colors.typology.fruit.mid" | "colors.typology.fruit.dark" | "colors.typology.vegetable.light" | "colors.typology.vegetable.mid" | "colors.typology.vegetable.dark" | "colors.typology.cereal.light" | "colors.typology.cereal.mid" | "colors.typology.cereal.dark" | "colors.typology.oil.light" | "colors.typology.oil.mid" | "colors.typology.oil.dark" | "colors.typology.aromatic.light" | "colors.typology.aromatic.mid" | "colors.typology.aromatic.dark" | "colors.primary.100" | "colors.primary.200" | "colors.primary.300" | "colors.primary.400" | "colors.primary.500" | "colors.primary.600" | "colors.primary.700" | "colors.primary.800" | "colors.primary.900" | "colors.secondary.100" | "colors.secondary.200" | "colors.secondary.300" | "colors.secondary.400" | "colors.secondary.500" | "colors.secondary.600" | "colors.secondary.700" | "colors.secondary.800" | "colors.secondary.900" | "colors.error.100" | "colors.error.200" | "colors.error.300" | "colors.error.400" | "colors.error.500" | "colors.error.600" | "colors.error.700" | "colors.error.800" | "colors.error.900" | "colors.success.100" | "colors.success.200" | "colors.success.300" | "colors.success.400" | "colors.success.500" | "colors.success.600" | "colors.success.700" | "colors.success.800" | "colors.success.900" | "colors.warning.100" | "colors.warning.200" | "colors.warning.300" | "colors.warning.400" | "colors.warning.500" | "colors.warning.600" | "colors.warning.700" | "colors.warning.800" | "colors.warning.900" | "colors.text" | "colors.text.disabled" | "colors.text.heading" | "spacing.-space-0" | "spacing.-space-12" | "spacing.-space-10" | "spacing.-space-14" | "spacing.-space-16" | "spacing.-space-18" | "spacing.-space-2" | "spacing.-space-20" | "spacing.-space-24" | "spacing.-space-28" | "spacing.-space-32" | "spacing.-space-36" | "spacing.-space-4" | "spacing.-space-40" | "spacing.-space-6" | "spacing.-space-44" | "spacing.-space-8" | "spacing.-space-48" | "spacing.-space-52" | "spacing.-space-56" | "spacing.-space-60" | "spacing.-space-64" | "spacing.-space-68" | "spacing.-space-72" | "spacing.-space-76" | "spacing.-space-80" | "colors.colorPalette" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.50" | "colors.colorPalette.red.light" | "colors.colorPalette.light" | "colors.colorPalette.red.mid" | "colors.colorPalette.mid" | "colors.colorPalette.red.dark" | "colors.colorPalette.dark" | "colors.colorPalette.blue.light" | "colors.colorPalette.blue.mid" | "colors.colorPalette.blue.dark" | "colors.colorPalette.yellow.light" | "colors.colorPalette.yellow.mid" | "colors.colorPalette.yellow.dark" | "colors.colorPalette.purple.light" | "colors.colorPalette.purple.mid" | "colors.colorPalette.purple.dark" | "colors.colorPalette.green.light" | "colors.colorPalette.green.mid" | "colors.colorPalette.green.dark" | "colors.colorPalette.brown.light" | "colors.colorPalette.brown.mid" | "colors.colorPalette.brown.dark" | "colors.colorPalette.fish.light" | "colors.colorPalette.fish.mid" | "colors.colorPalette.fish.dark" | "colors.colorPalette.meat.light" | "colors.colorPalette.meat.mid" | "colors.colorPalette.meat.dark" | "colors.colorPalette.fruit.light" | "colors.colorPalette.fruit.mid" | "colors.colorPalette.fruit.dark" | "colors.colorPalette.vegetable.light" | "colors.colorPalette.vegetable.mid" | "colors.colorPalette.vegetable.dark" | "colors.colorPalette.cereal.light" | "colors.colorPalette.cereal.mid" | "colors.colorPalette.cereal.dark" | "colors.colorPalette.oil.light" | "colors.colorPalette.oil.mid" | "colors.colorPalette.oil.dark" | "colors.colorPalette.aromatic.light" | "colors.colorPalette.aromatic.mid" | "colors.colorPalette.aromatic.dark" | "colors.colorPalette.disabled" | "colors.colorPalette.heading"
2
+ export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.bounce" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-in-right" | "animations.drawer-out-left" | "animations.drawer-out-right" | "animations.fade-in" | "animations.ping" | "animations.pulse" | "animations.skeleton-pulse" | "animations.spin" | "animations.collapse-in" | "animations.collapse-out" | "aspectRatios.golden" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.square" | "aspectRatios.ultrawide" | "aspectRatios.wide" | "blurs.2xl" | "blurs.3xl" | "blurs.base" | "blurs.lg" | "blurs.md" | "blurs.sm" | "blurs.xl" | "borders.border.none" | "colors.black" | "colors.current" | "colors.transparent" | "colors.white" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.grey.10" | "colors.grey.50" | "colors.grey.100" | "colors.grey.200" | "colors.grey.300" | "colors.grey.400" | "colors.grey.500" | "colors.grey.600" | "colors.grey.700" | "colors.grey.800" | "colors.grey.900" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "durations.fast" | "durations.faster" | "durations.fastest" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.default" | "easings.ease-bounce-1" | "easings.ease-bounce-2" | "easings.ease-bounce-3" | "easings.ease-bounce-4" | "easings.ease-bounce-5" | "easings.ease-spring-1" | "easings.ease-spring-2" | "easings.ease-spring-3" | "easings.ease-spring-4" | "easings.ease-spring-5" | "easings.emphasized-in" | "easings.emphasized-out" | "easings.in" | "easings.in-out" | "easings.linear" | "easings.out" | "easings.pulse" | "fontSizes.body.lg" | "fontSizes.body.md" | "fontSizes.body.sm" | "fontSizes.heading.desktop.2xl" | "fontSizes.heading.desktop.lg" | "fontSizes.heading.desktop.md" | "fontSizes.heading.desktop.sm" | "fontSizes.heading.desktop.xs" | "fontSizes.heading.mobile.2xl" | "fontSizes.heading.mobile.lg" | "fontSizes.heading.mobile.md" | "fontSizes.heading.mobile.sm" | "fontSizes.heading.mobile.xs" | "fontWeights.black" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.medium" | "fontWeights.normal" | "fontWeights.semibold" | "fontWeights.thin" | "fonts.satoshi" | "fonts.cabinet" | "fonts.mono" | "fonts.sans" | "fonts.serif" | "letterSpacings.normal" | "letterSpacings.tight" | "letterSpacings.tighter" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "radii.radius-0" | "radii.radius-2" | "radii.radius-4" | "radii.radius-6" | "radii.radius-8" | "radii.radius-10" | "radii.radius-12" | "radii.radius-16" | "radii.radius-20" | "radii.radius-24" | "radii.radius-28" | "radii.radius-32" | "radii.radius-36" | "radii.radius-40" | "radii.radius-44" | "radii.radius-48" | "radii.radius-52" | "radii.radius-56" | "radii.radius-60" | "radii.radius-64" | "radii.full" | "shadows.2xl" | "shadows.inner" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.xl" | "shadows.xs" | "sizes.size-0" | "sizes.size-12" | "sizes.size-14" | "sizes.size-16" | "sizes.size-18" | "sizes.size-2" | "sizes.size-20" | "sizes.size-24" | "sizes.size-28" | "sizes.size-32" | "sizes.size-36" | "sizes.size-4" | "sizes.size-40" | "sizes.size-6" | "sizes.size-44" | "sizes.size-8" | "sizes.full" | "sizes.max" | "sizes.size-48" | "sizes.fit" | "sizes.size-52" | "sizes.min" | "sizes.size-56" | "sizes.size-60" | "sizes.size-64" | "sizes.size-68" | "sizes.size-72" | "sizes.size-76" | "sizes.size-80" | "sizes.breakpoint-xl" | "sizes.breakpoint-lg" | "sizes.breakpoint-md" | "sizes.breakpoint-sm" | "spacing.space-0" | "spacing.space-12" | "spacing.space-10" | "spacing.space-14" | "spacing.space-16" | "spacing.space-18" | "spacing.space-2" | "spacing.space-20" | "spacing.space-24" | "spacing.space-28" | "spacing.space-32" | "spacing.space-36" | "spacing.space-4" | "spacing.space-40" | "spacing.space-6" | "spacing.space-44" | "spacing.space-8" | "spacing.space-48" | "spacing.space-52" | "spacing.space-56" | "spacing.space-60" | "spacing.space-64" | "spacing.space-68" | "spacing.space-72" | "spacing.space-76" | "spacing.space-80" | "zIndex.banner" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.hide" | "zIndex.modal" | "zIndex.overlay" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.sticky" | "zIndex.toast" | "zIndex.tooltip" | "breakpoints.xl" | "breakpoints.lg" | "breakpoints.md" | "breakpoints.sm" | "colors.decorative.red.light" | "colors.decorative.red.mid" | "colors.decorative.red.dark" | "colors.decorative.blue.light" | "colors.decorative.blue.mid" | "colors.decorative.blue.dark" | "colors.decorative.yellow.light" | "colors.decorative.yellow.mid" | "colors.decorative.yellow.dark" | "colors.decorative.purple.light" | "colors.decorative.purple.mid" | "colors.decorative.purple.dark" | "colors.decorative.green.light" | "colors.decorative.green.mid" | "colors.decorative.green.dark" | "colors.decorative.brown.light" | "colors.decorative.brown.mid" | "colors.decorative.brown.dark" | "colors.typology.fish.light" | "colors.typology.fish.mid" | "colors.typology.fish.dark" | "colors.typology.meat.light" | "colors.typology.meat.mid" | "colors.typology.meat.dark" | "colors.typology.fruit.light" | "colors.typology.fruit.mid" | "colors.typology.fruit.dark" | "colors.typology.vegetable.light" | "colors.typology.vegetable.mid" | "colors.typology.vegetable.dark" | "colors.typology.cereal.light" | "colors.typology.cereal.mid" | "colors.typology.cereal.dark" | "colors.typology.oil.light" | "colors.typology.oil.mid" | "colors.typology.oil.dark" | "colors.typology.aromatic.light" | "colors.typology.aromatic.mid" | "colors.typology.aromatic.dark" | "colors.primary.100" | "colors.primary.200" | "colors.primary.300" | "colors.primary.400" | "colors.primary.500" | "colors.primary.600" | "colors.primary.700" | "colors.primary.800" | "colors.primary.900" | "colors.secondary.100" | "colors.secondary.200" | "colors.secondary.300" | "colors.secondary.400" | "colors.secondary.500" | "colors.secondary.600" | "colors.secondary.700" | "colors.secondary.800" | "colors.secondary.900" | "colors.error.100" | "colors.error.200" | "colors.error.300" | "colors.error.400" | "colors.error.500" | "colors.error.600" | "colors.error.700" | "colors.error.800" | "colors.error.900" | "colors.success.100" | "colors.success.200" | "colors.success.300" | "colors.success.400" | "colors.success.500" | "colors.success.600" | "colors.success.700" | "colors.success.800" | "colors.success.900" | "colors.warning.100" | "colors.warning.200" | "colors.warning.300" | "colors.warning.400" | "colors.warning.500" | "colors.warning.600" | "colors.warning.700" | "colors.warning.800" | "colors.warning.900" | "colors.text" | "colors.text.disabled" | "colors.text.heading" | "spacing.-space-0" | "spacing.-space-12" | "spacing.-space-10" | "spacing.-space-14" | "spacing.-space-16" | "spacing.-space-18" | "spacing.-space-2" | "spacing.-space-20" | "spacing.-space-24" | "spacing.-space-28" | "spacing.-space-32" | "spacing.-space-36" | "spacing.-space-4" | "spacing.-space-40" | "spacing.-space-6" | "spacing.-space-44" | "spacing.-space-8" | "spacing.-space-48" | "spacing.-space-52" | "spacing.-space-56" | "spacing.-space-60" | "spacing.-space-64" | "spacing.-space-68" | "spacing.-space-72" | "spacing.-space-76" | "spacing.-space-80" | "colors.colorPalette" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.10" | "colors.colorPalette.50" | "colors.colorPalette.red.light" | "colors.colorPalette.light" | "colors.colorPalette.red.mid" | "colors.colorPalette.mid" | "colors.colorPalette.red.dark" | "colors.colorPalette.dark" | "colors.colorPalette.blue.light" | "colors.colorPalette.blue.mid" | "colors.colorPalette.blue.dark" | "colors.colorPalette.yellow.light" | "colors.colorPalette.yellow.mid" | "colors.colorPalette.yellow.dark" | "colors.colorPalette.purple.light" | "colors.colorPalette.purple.mid" | "colors.colorPalette.purple.dark" | "colors.colorPalette.green.light" | "colors.colorPalette.green.mid" | "colors.colorPalette.green.dark" | "colors.colorPalette.brown.light" | "colors.colorPalette.brown.mid" | "colors.colorPalette.brown.dark" | "colors.colorPalette.fish.light" | "colors.colorPalette.fish.mid" | "colors.colorPalette.fish.dark" | "colors.colorPalette.meat.light" | "colors.colorPalette.meat.mid" | "colors.colorPalette.meat.dark" | "colors.colorPalette.fruit.light" | "colors.colorPalette.fruit.mid" | "colors.colorPalette.fruit.dark" | "colors.colorPalette.vegetable.light" | "colors.colorPalette.vegetable.mid" | "colors.colorPalette.vegetable.dark" | "colors.colorPalette.cereal.light" | "colors.colorPalette.cereal.mid" | "colors.colorPalette.cereal.dark" | "colors.colorPalette.oil.light" | "colors.colorPalette.oil.mid" | "colors.colorPalette.oil.dark" | "colors.colorPalette.aromatic.light" | "colors.colorPalette.aromatic.mid" | "colors.colorPalette.aromatic.dark" | "colors.colorPalette.disabled" | "colors.colorPalette.heading"
3
3
 
4
4
  export type ColorPalette = "black" | "current" | "transparent" | "white" | "purple" | "blue" | "grey" | "red" | "green" | "yellow" | "decorative" | "decorative.red" | "decorative.blue" | "decorative.yellow" | "decorative.purple" | "decorative.green" | "decorative.brown" | "typology" | "typology.fish" | "typology.meat" | "typology.fruit" | "typology.vegetable" | "typology.cereal" | "typology.oil" | "typology.aromatic" | "primary" | "secondary" | "error" | "success" | "warning" | "text"
5
5
 
@@ -11,7 +11,7 @@ export type BlurToken = "2xl" | "3xl" | "base" | "lg" | "md" | "sm" | "xl"
11
11
 
12
12
  export type BorderToken = "border.none"
13
13
 
14
- export type ColorToken = "black" | "current" | "transparent" | "white" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "grey.50" | "grey.100" | "grey.200" | "grey.300" | "grey.400" | "grey.500" | "grey.600" | "grey.700" | "grey.800" | "grey.900" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "decorative.red.light" | "decorative.red.mid" | "decorative.red.dark" | "decorative.blue.light" | "decorative.blue.mid" | "decorative.blue.dark" | "decorative.yellow.light" | "decorative.yellow.mid" | "decorative.yellow.dark" | "decorative.purple.light" | "decorative.purple.mid" | "decorative.purple.dark" | "decorative.green.light" | "decorative.green.mid" | "decorative.green.dark" | "decorative.brown.light" | "decorative.brown.mid" | "decorative.brown.dark" | "typology.fish.light" | "typology.fish.mid" | "typology.fish.dark" | "typology.meat.light" | "typology.meat.mid" | "typology.meat.dark" | "typology.fruit.light" | "typology.fruit.mid" | "typology.fruit.dark" | "typology.vegetable.light" | "typology.vegetable.mid" | "typology.vegetable.dark" | "typology.cereal.light" | "typology.cereal.mid" | "typology.cereal.dark" | "typology.oil.light" | "typology.oil.mid" | "typology.oil.dark" | "typology.aromatic.light" | "typology.aromatic.mid" | "typology.aromatic.dark" | "primary.100" | "primary.200" | "primary.300" | "primary.400" | "primary.500" | "primary.600" | "primary.700" | "primary.800" | "primary.900" | "secondary.100" | "secondary.200" | "secondary.300" | "secondary.400" | "secondary.500" | "secondary.600" | "secondary.700" | "secondary.800" | "secondary.900" | "error.100" | "error.200" | "error.300" | "error.400" | "error.500" | "error.600" | "error.700" | "error.800" | "error.900" | "success.100" | "success.200" | "success.300" | "success.400" | "success.500" | "success.600" | "success.700" | "success.800" | "success.900" | "warning.100" | "warning.200" | "warning.300" | "warning.400" | "warning.500" | "warning.600" | "warning.700" | "warning.800" | "warning.900" | "text" | "text.disabled" | "text.heading" | "colorPalette" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.50" | "colorPalette.red.light" | "colorPalette.light" | "colorPalette.red.mid" | "colorPalette.mid" | "colorPalette.red.dark" | "colorPalette.dark" | "colorPalette.blue.light" | "colorPalette.blue.mid" | "colorPalette.blue.dark" | "colorPalette.yellow.light" | "colorPalette.yellow.mid" | "colorPalette.yellow.dark" | "colorPalette.purple.light" | "colorPalette.purple.mid" | "colorPalette.purple.dark" | "colorPalette.green.light" | "colorPalette.green.mid" | "colorPalette.green.dark" | "colorPalette.brown.light" | "colorPalette.brown.mid" | "colorPalette.brown.dark" | "colorPalette.fish.light" | "colorPalette.fish.mid" | "colorPalette.fish.dark" | "colorPalette.meat.light" | "colorPalette.meat.mid" | "colorPalette.meat.dark" | "colorPalette.fruit.light" | "colorPalette.fruit.mid" | "colorPalette.fruit.dark" | "colorPalette.vegetable.light" | "colorPalette.vegetable.mid" | "colorPalette.vegetable.dark" | "colorPalette.cereal.light" | "colorPalette.cereal.mid" | "colorPalette.cereal.dark" | "colorPalette.oil.light" | "colorPalette.oil.mid" | "colorPalette.oil.dark" | "colorPalette.aromatic.light" | "colorPalette.aromatic.mid" | "colorPalette.aromatic.dark" | "colorPalette.disabled" | "colorPalette.heading"
14
+ export type ColorToken = "black" | "current" | "transparent" | "white" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "grey.10" | "grey.50" | "grey.100" | "grey.200" | "grey.300" | "grey.400" | "grey.500" | "grey.600" | "grey.700" | "grey.800" | "grey.900" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "decorative.red.light" | "decorative.red.mid" | "decorative.red.dark" | "decorative.blue.light" | "decorative.blue.mid" | "decorative.blue.dark" | "decorative.yellow.light" | "decorative.yellow.mid" | "decorative.yellow.dark" | "decorative.purple.light" | "decorative.purple.mid" | "decorative.purple.dark" | "decorative.green.light" | "decorative.green.mid" | "decorative.green.dark" | "decorative.brown.light" | "decorative.brown.mid" | "decorative.brown.dark" | "typology.fish.light" | "typology.fish.mid" | "typology.fish.dark" | "typology.meat.light" | "typology.meat.mid" | "typology.meat.dark" | "typology.fruit.light" | "typology.fruit.mid" | "typology.fruit.dark" | "typology.vegetable.light" | "typology.vegetable.mid" | "typology.vegetable.dark" | "typology.cereal.light" | "typology.cereal.mid" | "typology.cereal.dark" | "typology.oil.light" | "typology.oil.mid" | "typology.oil.dark" | "typology.aromatic.light" | "typology.aromatic.mid" | "typology.aromatic.dark" | "primary.100" | "primary.200" | "primary.300" | "primary.400" | "primary.500" | "primary.600" | "primary.700" | "primary.800" | "primary.900" | "secondary.100" | "secondary.200" | "secondary.300" | "secondary.400" | "secondary.500" | "secondary.600" | "secondary.700" | "secondary.800" | "secondary.900" | "error.100" | "error.200" | "error.300" | "error.400" | "error.500" | "error.600" | "error.700" | "error.800" | "error.900" | "success.100" | "success.200" | "success.300" | "success.400" | "success.500" | "success.600" | "success.700" | "success.800" | "success.900" | "warning.100" | "warning.200" | "warning.300" | "warning.400" | "warning.500" | "warning.600" | "warning.700" | "warning.800" | "warning.900" | "text" | "text.disabled" | "text.heading" | "colorPalette" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.10" | "colorPalette.50" | "colorPalette.red.light" | "colorPalette.light" | "colorPalette.red.mid" | "colorPalette.mid" | "colorPalette.red.dark" | "colorPalette.dark" | "colorPalette.blue.light" | "colorPalette.blue.mid" | "colorPalette.blue.dark" | "colorPalette.yellow.light" | "colorPalette.yellow.mid" | "colorPalette.yellow.dark" | "colorPalette.purple.light" | "colorPalette.purple.mid" | "colorPalette.purple.dark" | "colorPalette.green.light" | "colorPalette.green.mid" | "colorPalette.green.dark" | "colorPalette.brown.light" | "colorPalette.brown.mid" | "colorPalette.brown.dark" | "colorPalette.fish.light" | "colorPalette.fish.mid" | "colorPalette.fish.dark" | "colorPalette.meat.light" | "colorPalette.meat.mid" | "colorPalette.meat.dark" | "colorPalette.fruit.light" | "colorPalette.fruit.mid" | "colorPalette.fruit.dark" | "colorPalette.vegetable.light" | "colorPalette.vegetable.mid" | "colorPalette.vegetable.dark" | "colorPalette.cereal.light" | "colorPalette.cereal.mid" | "colorPalette.cereal.dark" | "colorPalette.oil.light" | "colorPalette.oil.mid" | "colorPalette.oil.dark" | "colorPalette.aromatic.light" | "colorPalette.aromatic.mid" | "colorPalette.aromatic.dark" | "colorPalette.disabled" | "colorPalette.heading"
15
15
 
16
16
  export type DurationToken = "fast" | "faster" | "fastest" | "normal" | "slow" | "slower" | "slowest"
17
17