@stokelp/styled-system 1.35.0 → 1.37.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.
- package/package.json +1 -1
- package/panda.buildinfo.json +7 -0
- package/recipes/button-filter.d.ts +32 -0
- package/recipes/button-filter.mjs +24 -0
- package/recipes/index.d.ts +2 -0
- package/recipes/index.mjs +2 -0
- package/recipes/status-tag-select.d.ts +35 -0
- package/recipes/status-tag-select.mjs +106 -0
- package/tokens/index.mjs +4 -0
- package/tokens/tokens.d.ts +2 -2
package/package.json
CHANGED
package/panda.buildinfo.json
CHANGED
|
@@ -157,6 +157,13 @@
|
|
|
157
157
|
"radioGroup": [
|
|
158
158
|
"size]___[value:md]___[recipe:radioGroup"
|
|
159
159
|
],
|
|
160
|
+
"statusTagSelect": [
|
|
161
|
+
"size]___[value:md]___[recipe:statusTagSelect",
|
|
162
|
+
"severity]___[value:neutral]___[recipe:statusTagSelect",
|
|
163
|
+
"severity]___[value:success]___[recipe:statusTagSelect",
|
|
164
|
+
"severity]___[value:warning]___[recipe:statusTagSelect",
|
|
165
|
+
"severity]___[value:error]___[recipe:statusTagSelect"
|
|
166
|
+
],
|
|
160
167
|
"tableGroupTitle": [
|
|
161
168
|
"variant]___[value:primary]___[recipe:tableGroupTitle",
|
|
162
169
|
"variant]___[value:secondary]___[recipe:tableGroupTitle"
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface ButtonFilterVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type ButtonFilterVariantMap = {
|
|
10
|
+
[key in keyof ButtonFilterVariant]: Array<ButtonFilterVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type ButtonFilterVariantProps = {
|
|
14
|
+
[key in keyof ButtonFilterVariant]?: ConditionalValue<ButtonFilterVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface ButtonFilterRecipe {
|
|
18
|
+
__type: ButtonFilterVariantProps
|
|
19
|
+
(props?: ButtonFilterVariantProps): string
|
|
20
|
+
raw: (props?: ButtonFilterVariantProps) => ButtonFilterVariantProps
|
|
21
|
+
variantMap: ButtonFilterVariantMap
|
|
22
|
+
variantKeys: Array<keyof ButtonFilterVariant>
|
|
23
|
+
splitVariantProps<Props extends ButtonFilterVariantProps>(props: Props): [ButtonFilterVariantProps, Pretty<DistributiveOmit<Props, keyof ButtonFilterVariantProps>>]
|
|
24
|
+
getVariantProps: (props?: ButtonFilterVariantProps) => ButtonFilterVariantProps
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* The styles for the ButtonFilter component
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
*/
|
|
32
|
+
export declare const buttonFilter: ButtonFilterRecipe
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const buttonFilterFn = /* @__PURE__ */ createRecipe('button-filter', {}, [])
|
|
5
|
+
|
|
6
|
+
const buttonFilterVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const buttonFilterVariantKeys = Object.keys(buttonFilterVariantMap)
|
|
9
|
+
|
|
10
|
+
export const buttonFilter = /* @__PURE__ */ Object.assign(memo(buttonFilterFn.recipeFn), {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'buttonFilter',
|
|
13
|
+
__getCompoundVariantCss__: buttonFilterFn.__getCompoundVariantCss__,
|
|
14
|
+
raw: (props) => props,
|
|
15
|
+
variantKeys: buttonFilterVariantKeys,
|
|
16
|
+
variantMap: buttonFilterVariantMap,
|
|
17
|
+
merge(recipe) {
|
|
18
|
+
return mergeRecipes(this, recipe)
|
|
19
|
+
},
|
|
20
|
+
splitVariantProps(props) {
|
|
21
|
+
return splitProps(props, buttonFilterVariantKeys)
|
|
22
|
+
},
|
|
23
|
+
getVariantProps: buttonFilterFn.getVariantProps,
|
|
24
|
+
})
|
package/recipes/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export * from './table-group-title';
|
|
|
14
14
|
export * from './table-empty-row';
|
|
15
15
|
export * from './table-container';
|
|
16
16
|
export * from './illustration';
|
|
17
|
+
export * from './button-filter';
|
|
17
18
|
export * from './drawer';
|
|
18
19
|
export * from './radio-button-group';
|
|
19
20
|
export * from './radio-group';
|
|
@@ -23,6 +24,7 @@ export * from './checkbox';
|
|
|
23
24
|
export * from './datepicker';
|
|
24
25
|
export * from './tabs';
|
|
25
26
|
export * from './tag';
|
|
27
|
+
export * from './status-tag-select';
|
|
26
28
|
export * from './select';
|
|
27
29
|
export * from './chip';
|
|
28
30
|
export * from './action-card';
|
package/recipes/index.mjs
CHANGED
|
@@ -13,6 +13,7 @@ export * from './table-group-title.mjs';
|
|
|
13
13
|
export * from './table-empty-row.mjs';
|
|
14
14
|
export * from './table-container.mjs';
|
|
15
15
|
export * from './illustration.mjs';
|
|
16
|
+
export * from './button-filter.mjs';
|
|
16
17
|
export * from './drawer.mjs';
|
|
17
18
|
export * from './radio-button-group.mjs';
|
|
18
19
|
export * from './radio-group.mjs';
|
|
@@ -22,6 +23,7 @@ export * from './checkbox.mjs';
|
|
|
22
23
|
export * from './datepicker.mjs';
|
|
23
24
|
export * from './tabs.mjs';
|
|
24
25
|
export * from './tag.mjs';
|
|
26
|
+
export * from './status-tag-select.mjs';
|
|
25
27
|
export * from './select.mjs';
|
|
26
28
|
export * from './chip.mjs';
|
|
27
29
|
export * from './action-card.mjs';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface StatusTagSelectVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "md"
|
|
8
|
+
*/
|
|
9
|
+
size: "lg" | "md" | "sm"
|
|
10
|
+
/**
|
|
11
|
+
* @default "neutral"
|
|
12
|
+
*/
|
|
13
|
+
severity: "success" | "warning" | "error" | "neutral"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type StatusTagSelectVariantMap = {
|
|
17
|
+
[key in keyof StatusTagSelectVariant]: Array<StatusTagSelectVariant[key]>
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export type StatusTagSelectVariantProps = {
|
|
21
|
+
[key in keyof StatusTagSelectVariant]?: ConditionalValue<StatusTagSelectVariant[key]> | undefined
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export interface StatusTagSelectRecipe {
|
|
25
|
+
__type: StatusTagSelectVariantProps
|
|
26
|
+
(props?: StatusTagSelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
|
|
27
|
+
raw: (props?: StatusTagSelectVariantProps) => StatusTagSelectVariantProps
|
|
28
|
+
variantMap: StatusTagSelectVariantMap
|
|
29
|
+
variantKeys: Array<keyof StatusTagSelectVariant>
|
|
30
|
+
splitVariantProps<Props extends StatusTagSelectVariantProps>(props: Props): [StatusTagSelectVariantProps, Pretty<DistributiveOmit<Props, keyof StatusTagSelectVariantProps>>]
|
|
31
|
+
getVariantProps: (props?: StatusTagSelectVariantProps) => StatusTagSelectVariantProps
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
export declare const statusTagSelect: StatusTagSelectRecipe
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const statusTagSelectDefaultVariants = {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"severity": "neutral"
|
|
7
|
+
}
|
|
8
|
+
const statusTagSelectCompoundVariants = []
|
|
9
|
+
|
|
10
|
+
const statusTagSelectSlotNames = [
|
|
11
|
+
[
|
|
12
|
+
"label",
|
|
13
|
+
"status-tag-select__label"
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
"positioner",
|
|
17
|
+
"status-tag-select__positioner"
|
|
18
|
+
],
|
|
19
|
+
[
|
|
20
|
+
"trigger",
|
|
21
|
+
"status-tag-select__trigger"
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
"indicator",
|
|
25
|
+
"status-tag-select__indicator"
|
|
26
|
+
],
|
|
27
|
+
[
|
|
28
|
+
"clearTrigger",
|
|
29
|
+
"status-tag-select__clearTrigger"
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"item",
|
|
33
|
+
"status-tag-select__item"
|
|
34
|
+
],
|
|
35
|
+
[
|
|
36
|
+
"itemText",
|
|
37
|
+
"status-tag-select__itemText"
|
|
38
|
+
],
|
|
39
|
+
[
|
|
40
|
+
"itemIndicator",
|
|
41
|
+
"status-tag-select__itemIndicator"
|
|
42
|
+
],
|
|
43
|
+
[
|
|
44
|
+
"itemGroup",
|
|
45
|
+
"status-tag-select__itemGroup"
|
|
46
|
+
],
|
|
47
|
+
[
|
|
48
|
+
"itemGroupLabel",
|
|
49
|
+
"status-tag-select__itemGroupLabel"
|
|
50
|
+
],
|
|
51
|
+
[
|
|
52
|
+
"list",
|
|
53
|
+
"status-tag-select__list"
|
|
54
|
+
],
|
|
55
|
+
[
|
|
56
|
+
"content",
|
|
57
|
+
"status-tag-select__content"
|
|
58
|
+
],
|
|
59
|
+
[
|
|
60
|
+
"root",
|
|
61
|
+
"status-tag-select__root"
|
|
62
|
+
],
|
|
63
|
+
[
|
|
64
|
+
"control",
|
|
65
|
+
"status-tag-select__control"
|
|
66
|
+
],
|
|
67
|
+
[
|
|
68
|
+
"valueText",
|
|
69
|
+
"status-tag-select__valueText"
|
|
70
|
+
]
|
|
71
|
+
]
|
|
72
|
+
const statusTagSelectSlotFns = /* @__PURE__ */ statusTagSelectSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, statusTagSelectDefaultVariants, getSlotCompoundVariant(statusTagSelectCompoundVariants, slotName))])
|
|
73
|
+
|
|
74
|
+
const statusTagSelectFn = memo((props = {}) => {
|
|
75
|
+
return Object.fromEntries(statusTagSelectSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
76
|
+
})
|
|
77
|
+
|
|
78
|
+
const statusTagSelectVariantKeys = [
|
|
79
|
+
"size",
|
|
80
|
+
"severity"
|
|
81
|
+
]
|
|
82
|
+
const getVariantProps = (variants) => ({ ...statusTagSelectDefaultVariants, ...compact(variants) })
|
|
83
|
+
|
|
84
|
+
export const statusTagSelect = /* @__PURE__ */ Object.assign(statusTagSelectFn, {
|
|
85
|
+
__recipe__: false,
|
|
86
|
+
__name__: 'statusTagSelect',
|
|
87
|
+
raw: (props) => props,
|
|
88
|
+
variantKeys: statusTagSelectVariantKeys,
|
|
89
|
+
variantMap: {
|
|
90
|
+
"size": [
|
|
91
|
+
"lg",
|
|
92
|
+
"md",
|
|
93
|
+
"sm"
|
|
94
|
+
],
|
|
95
|
+
"severity": [
|
|
96
|
+
"success",
|
|
97
|
+
"warning",
|
|
98
|
+
"error",
|
|
99
|
+
"neutral"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
splitVariantProps(props) {
|
|
103
|
+
return splitProps(props, statusTagSelectVariantKeys)
|
|
104
|
+
},
|
|
105
|
+
getVariantProps
|
|
106
|
+
})
|
package/tokens/index.mjs
CHANGED
|
@@ -715,6 +715,10 @@ const tokens = {
|
|
|
715
715
|
"value": "16px",
|
|
716
716
|
"variable": "var(--sizes-size-16)"
|
|
717
717
|
},
|
|
718
|
+
"sizes.size-18": {
|
|
719
|
+
"value": "18px",
|
|
720
|
+
"variable": "var(--sizes-size-18)"
|
|
721
|
+
},
|
|
718
722
|
"sizes.size-2": {
|
|
719
723
|
"value": "2px",
|
|
720
724
|
"variable": "var(--sizes-size-2)"
|
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-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.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"
|
|
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
|
|
|
@@ -29,7 +29,7 @@ export type RadiusToken = "radius-0" | "radius-2" | "radius-4" | "radius-6" | "r
|
|
|
29
29
|
|
|
30
30
|
export type ShadowToken = "2xl" | "inner" | "lg" | "md" | "sm" | "xl" | "xs"
|
|
31
31
|
|
|
32
|
-
export type SizeToken = "size-0" | "size-12" | "size-14" | "size-16" | "size-2" | "size-20" | "size-24" | "size-28" | "size-32" | "size-36" | "size-4" | "size-40" | "size-6" | "size-44" | "size-8" | "full" | "max" | "size-48" | "fit" | "size-52" | "min" | "size-56" | "size-60" | "size-64" | "size-68" | "size-72" | "size-76" | "size-80" | "breakpoint-xl" | "breakpoint-lg" | "breakpoint-md" | "breakpoint-sm"
|
|
32
|
+
export type SizeToken = "size-0" | "size-12" | "size-14" | "size-16" | "size-18" | "size-2" | "size-20" | "size-24" | "size-28" | "size-32" | "size-36" | "size-4" | "size-40" | "size-6" | "size-44" | "size-8" | "full" | "max" | "size-48" | "fit" | "size-52" | "min" | "size-56" | "size-60" | "size-64" | "size-68" | "size-72" | "size-76" | "size-80" | "breakpoint-xl" | "breakpoint-lg" | "breakpoint-md" | "breakpoint-sm"
|
|
33
33
|
|
|
34
34
|
export type SpacingToken = "space-0" | "space-12" | "space-10" | "space-14" | "space-16" | "space-18" | "space-2" | "space-20" | "space-24" | "space-28" | "space-32" | "space-36" | "space-4" | "space-40" | "space-6" | "space-44" | "space-8" | "space-48" | "space-52" | "space-56" | "space-60" | "space-64" | "space-68" | "space-72" | "space-76" | "space-80" | "-space-0" | "-space-12" | "-space-10" | "-space-14" | "-space-16" | "-space-18" | "-space-2" | "-space-20" | "-space-24" | "-space-28" | "-space-32" | "-space-36" | "-space-4" | "-space-40" | "-space-6" | "-space-44" | "-space-8" | "-space-48" | "-space-52" | "-space-56" | "-space-60" | "-space-64" | "-space-68" | "-space-72" | "-space-76" | "-space-80"
|
|
35
35
|
|