@chakra-ui/panda-preset 3.3.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/LICENSE +21 -0
- package/README.md +20 -0
- package/dist/cjs/animation-styles.cjs +55 -0
- package/dist/cjs/breakpoints.cjs +12 -0
- package/dist/cjs/def.cjs +34 -0
- package/dist/cjs/global-css.cjs +50 -0
- package/dist/cjs/index.cjs +43 -0
- package/dist/cjs/keyframes.cjs +260 -0
- package/dist/cjs/layer-styles.cjs +114 -0
- package/dist/cjs/recipes/badge.cjs +72 -0
- package/dist/cjs/recipes/button.cjs +180 -0
- package/dist/cjs/recipes/checkmark.cjs +89 -0
- package/dist/cjs/recipes/code.cjs +68 -0
- package/dist/cjs/recipes/color-swatch.cjs +68 -0
- package/dist/cjs/recipes/container.cjs +35 -0
- package/dist/cjs/recipes/heading.cjs +54 -0
- package/dist/cjs/recipes/icon.cjs +47 -0
- package/dist/cjs/recipes/index.cjs +46 -0
- package/dist/cjs/recipes/input-addon.cjs +81 -0
- package/dist/cjs/recipes/input.cjs +98 -0
- package/dist/cjs/recipes/kbd.cjs +62 -0
- package/dist/cjs/recipes/link.cjs +40 -0
- package/dist/cjs/recipes/mark.cjs +31 -0
- package/dist/cjs/recipes/radiomark.cjs +102 -0
- package/dist/cjs/recipes/separator.cjs +56 -0
- package/dist/cjs/recipes/skeleton.cjs +55 -0
- package/dist/cjs/recipes/skip-nav-link.cjs +36 -0
- package/dist/cjs/recipes/spinner.cjs +49 -0
- package/dist/cjs/recipes/textarea.cjs +91 -0
- package/dist/cjs/semantic-tokens/colors.cjs +617 -0
- package/dist/cjs/semantic-tokens/index.cjs +14 -0
- package/dist/cjs/semantic-tokens/radii.cjs +18 -0
- package/dist/cjs/semantic-tokens/shadows.cjs +57 -0
- package/dist/cjs/slot-recipes/accordion.cjs +150 -0
- package/dist/cjs/slot-recipes/action-bar.cjs +65 -0
- package/dist/cjs/slot-recipes/alert.cjs +165 -0
- package/dist/cjs/slot-recipes/avatar.cjs +144 -0
- package/dist/cjs/slot-recipes/blockquote.cjs +82 -0
- package/dist/cjs/slot-recipes/breadcrumb.cjs +105 -0
- package/dist/cjs/slot-recipes/card.cjs +102 -0
- package/dist/cjs/slot-recipes/checkbox-card.cjs +287 -0
- package/dist/cjs/slot-recipes/checkbox.cjs +132 -0
- package/dist/cjs/slot-recipes/collapsible.cjs +24 -0
- package/dist/cjs/slot-recipes/color-picker.cjs +384 -0
- package/dist/cjs/slot-recipes/data-list.cjs +98 -0
- package/dist/cjs/slot-recipes/dialog.cjs +256 -0
- package/dist/cjs/slot-recipes/drawer.cjs +218 -0
- package/dist/cjs/slot-recipes/editable.cjs +114 -0
- package/dist/cjs/slot-recipes/empty-state.cjs +90 -0
- package/dist/cjs/slot-recipes/field.cjs +80 -0
- package/dist/cjs/slot-recipes/fieldset.cjs +82 -0
- package/dist/cjs/slot-recipes/file-upload.cjs +114 -0
- package/dist/cjs/slot-recipes/hover-card.cjs +70 -0
- package/dist/cjs/slot-recipes/index.cjs +98 -0
- package/dist/cjs/slot-recipes/list.cjs +73 -0
- package/dist/cjs/slot-recipes/menu.cjs +146 -0
- package/dist/cjs/slot-recipes/native-select.cjs +152 -0
- package/dist/cjs/slot-recipes/number-input.cjs +200 -0
- package/dist/cjs/slot-recipes/pin-input.cjs +121 -0
- package/dist/cjs/slot-recipes/popover.cjs +104 -0
- package/dist/cjs/slot-recipes/progress-circle.cjs +106 -0
- package/dist/cjs/slot-recipes/progress.cjs +147 -0
- package/dist/cjs/slot-recipes/qr-code.cjs +80 -0
- package/dist/cjs/slot-recipes/radio-card.cjs +317 -0
- package/dist/cjs/slot-recipes/radio-group.cjs +151 -0
- package/dist/cjs/slot-recipes/rating-group.cjs +88 -0
- package/dist/cjs/slot-recipes/segment-group.cjs +119 -0
- package/dist/cjs/slot-recipes/select.cjs +305 -0
- package/dist/cjs/slot-recipes/slider.cjs +218 -0
- package/dist/cjs/slot-recipes/stat.cjs +84 -0
- package/dist/cjs/slot-recipes/status.cjs +48 -0
- package/dist/cjs/slot-recipes/steps.cjs +231 -0
- package/dist/cjs/slot-recipes/switch.cjs +163 -0
- package/dist/cjs/slot-recipes/table.cjs +175 -0
- package/dist/cjs/slot-recipes/tabs.cjs +281 -0
- package/dist/cjs/slot-recipes/tag.cjs +147 -0
- package/dist/cjs/slot-recipes/timeline.cjs +151 -0
- package/dist/cjs/slot-recipes/toast.cjs +106 -0
- package/dist/cjs/slot-recipes/tooltip.cjs +44 -0
- package/dist/cjs/text-styles.cjs +88 -0
- package/dist/cjs/tokens/animations.cjs +21 -0
- package/dist/cjs/tokens/aspect-ratios.cjs +27 -0
- package/dist/cjs/tokens/blurs.cjs +33 -0
- package/dist/cjs/tokens/borders.cjs +24 -0
- package/dist/cjs/tokens/colors.cjs +441 -0
- package/dist/cjs/tokens/cursor.cjs +33 -0
- package/dist/cjs/tokens/durations.cjs +30 -0
- package/dist/cjs/tokens/easings.cjs +21 -0
- package/dist/cjs/tokens/font-sizes.cjs +51 -0
- package/dist/cjs/tokens/font-weights.cjs +36 -0
- package/dist/cjs/tokens/fonts.cjs +18 -0
- package/dist/cjs/tokens/index.cjs +42 -0
- package/dist/cjs/tokens/letter-spacings.cjs +24 -0
- package/dist/cjs/tokens/line-heights.cjs +24 -0
- package/dist/cjs/tokens/radii.cjs +42 -0
- package/dist/cjs/tokens/sizes.cjs +267 -0
- package/dist/cjs/tokens/spacing.cjs +111 -0
- package/dist/cjs/tokens/z-index.cjs +48 -0
- package/dist/cjs/utilities.cjs +85 -0
- package/dist/esm/animation-styles.js +53 -0
- package/dist/esm/breakpoints.js +10 -0
- package/dist/esm/def.js +22 -0
- package/dist/esm/global-css.js +48 -0
- package/dist/esm/index.js +39 -0
- package/dist/esm/keyframes.js +258 -0
- package/dist/esm/layer-styles.js +112 -0
- package/dist/esm/recipes/badge.js +70 -0
- package/dist/esm/recipes/button.js +178 -0
- package/dist/esm/recipes/checkmark.js +87 -0
- package/dist/esm/recipes/code.js +66 -0
- package/dist/esm/recipes/color-swatch.js +66 -0
- package/dist/esm/recipes/container.js +33 -0
- package/dist/esm/recipes/heading.js +52 -0
- package/dist/esm/recipes/icon.js +45 -0
- package/dist/esm/recipes/index.js +44 -0
- package/dist/esm/recipes/input-addon.js +79 -0
- package/dist/esm/recipes/input.js +96 -0
- package/dist/esm/recipes/kbd.js +60 -0
- package/dist/esm/recipes/link.js +38 -0
- package/dist/esm/recipes/mark.js +29 -0
- package/dist/esm/recipes/radiomark.js +100 -0
- package/dist/esm/recipes/separator.js +54 -0
- package/dist/esm/recipes/skeleton.js +53 -0
- package/dist/esm/recipes/skip-nav-link.js +34 -0
- package/dist/esm/recipes/spinner.js +47 -0
- package/dist/esm/recipes/textarea.js +89 -0
- package/dist/esm/semantic-tokens/colors.js +615 -0
- package/dist/esm/semantic-tokens/index.js +12 -0
- package/dist/esm/semantic-tokens/radii.js +16 -0
- package/dist/esm/semantic-tokens/shadows.js +55 -0
- package/dist/esm/slot-recipes/accordion.js +148 -0
- package/dist/esm/slot-recipes/action-bar.js +63 -0
- package/dist/esm/slot-recipes/alert.js +163 -0
- package/dist/esm/slot-recipes/avatar.js +142 -0
- package/dist/esm/slot-recipes/blockquote.js +80 -0
- package/dist/esm/slot-recipes/breadcrumb.js +103 -0
- package/dist/esm/slot-recipes/card.js +100 -0
- package/dist/esm/slot-recipes/checkbox-card.js +285 -0
- package/dist/esm/slot-recipes/checkbox.js +130 -0
- package/dist/esm/slot-recipes/collapsible.js +22 -0
- package/dist/esm/slot-recipes/color-picker.js +382 -0
- package/dist/esm/slot-recipes/data-list.js +96 -0
- package/dist/esm/slot-recipes/dialog.js +254 -0
- package/dist/esm/slot-recipes/drawer.js +216 -0
- package/dist/esm/slot-recipes/editable.js +112 -0
- package/dist/esm/slot-recipes/empty-state.js +88 -0
- package/dist/esm/slot-recipes/field.js +78 -0
- package/dist/esm/slot-recipes/fieldset.js +80 -0
- package/dist/esm/slot-recipes/file-upload.js +112 -0
- package/dist/esm/slot-recipes/hover-card.js +68 -0
- package/dist/esm/slot-recipes/index.js +96 -0
- package/dist/esm/slot-recipes/list.js +71 -0
- package/dist/esm/slot-recipes/menu.js +144 -0
- package/dist/esm/slot-recipes/native-select.js +150 -0
- package/dist/esm/slot-recipes/number-input.js +198 -0
- package/dist/esm/slot-recipes/pin-input.js +119 -0
- package/dist/esm/slot-recipes/popover.js +102 -0
- package/dist/esm/slot-recipes/progress-circle.js +104 -0
- package/dist/esm/slot-recipes/progress.js +145 -0
- package/dist/esm/slot-recipes/qr-code.js +78 -0
- package/dist/esm/slot-recipes/radio-card.js +315 -0
- package/dist/esm/slot-recipes/radio-group.js +149 -0
- package/dist/esm/slot-recipes/rating-group.js +86 -0
- package/dist/esm/slot-recipes/segment-group.js +117 -0
- package/dist/esm/slot-recipes/select.js +303 -0
- package/dist/esm/slot-recipes/slider.js +216 -0
- package/dist/esm/slot-recipes/stat.js +82 -0
- package/dist/esm/slot-recipes/status.js +46 -0
- package/dist/esm/slot-recipes/steps.js +229 -0
- package/dist/esm/slot-recipes/switch.js +161 -0
- package/dist/esm/slot-recipes/table.js +173 -0
- package/dist/esm/slot-recipes/tabs.js +279 -0
- package/dist/esm/slot-recipes/tag.js +145 -0
- package/dist/esm/slot-recipes/timeline.js +149 -0
- package/dist/esm/slot-recipes/toast.js +104 -0
- package/dist/esm/slot-recipes/tooltip.js +42 -0
- package/dist/esm/text-styles.js +86 -0
- package/dist/esm/tokens/animations.js +19 -0
- package/dist/esm/tokens/aspect-ratios.js +25 -0
- package/dist/esm/tokens/blurs.js +31 -0
- package/dist/esm/tokens/borders.js +22 -0
- package/dist/esm/tokens/colors.js +439 -0
- package/dist/esm/tokens/cursor.js +31 -0
- package/dist/esm/tokens/durations.js +28 -0
- package/dist/esm/tokens/easings.js +19 -0
- package/dist/esm/tokens/font-sizes.js +49 -0
- package/dist/esm/tokens/font-weights.js +34 -0
- package/dist/esm/tokens/fonts.js +16 -0
- package/dist/esm/tokens/index.js +40 -0
- package/dist/esm/tokens/letter-spacings.js +22 -0
- package/dist/esm/tokens/line-heights.js +22 -0
- package/dist/esm/tokens/radii.js +40 -0
- package/dist/esm/tokens/sizes.js +265 -0
- package/dist/esm/tokens/spacing.js +109 -0
- package/dist/esm/tokens/z-index.js +46 -0
- package/dist/esm/utilities.js +83 -0
- package/dist/types/animation-styles.d.ts +1 -0
- package/dist/types/breakpoints.d.ts +7 -0
- package/dist/types/def.d.ts +18 -0
- package/dist/types/global-css.d.ts +1 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/keyframes.d.ts +255 -0
- package/dist/types/layer-styles.d.ts +1 -0
- package/dist/types/recipes/badge.d.ts +1 -0
- package/dist/types/recipes/button.d.ts +1 -0
- package/dist/types/recipes/checkmark.d.ts +1 -0
- package/dist/types/recipes/code.d.ts +1 -0
- package/dist/types/recipes/color-swatch.d.ts +1 -0
- package/dist/types/recipes/container.d.ts +1 -0
- package/dist/types/recipes/heading.d.ts +1 -0
- package/dist/types/recipes/icon.d.ts +1 -0
- package/dist/types/recipes/index.d.ts +21 -0
- package/dist/types/recipes/input-addon.d.ts +1 -0
- package/dist/types/recipes/input.d.ts +1 -0
- package/dist/types/recipes/kbd.d.ts +1 -0
- package/dist/types/recipes/link.d.ts +1 -0
- package/dist/types/recipes/mark.d.ts +1 -0
- package/dist/types/recipes/radiomark.d.ts +1 -0
- package/dist/types/recipes/separator.d.ts +1 -0
- package/dist/types/recipes/skeleton.d.ts +1 -0
- package/dist/types/recipes/skip-nav-link.d.ts +1 -0
- package/dist/types/recipes/spinner.d.ts +1 -0
- package/dist/types/recipes/textarea.d.ts +1 -0
- package/dist/types/semantic-tokens/colors.d.ts +610 -0
- package/dist/types/semantic-tokens/index.d.ts +673 -0
- package/dist/types/semantic-tokens/radii.d.ts +11 -0
- package/dist/types/semantic-tokens/shadows.d.ts +50 -0
- package/dist/types/slot-recipes/accordion.d.ts +1 -0
- package/dist/types/slot-recipes/action-bar.d.ts +1 -0
- package/dist/types/slot-recipes/alert.d.ts +1 -0
- package/dist/types/slot-recipes/avatar.d.ts +1 -0
- package/dist/types/slot-recipes/blockquote.d.ts +1 -0
- package/dist/types/slot-recipes/breadcrumb.d.ts +1 -0
- package/dist/types/slot-recipes/card.d.ts +1 -0
- package/dist/types/slot-recipes/checkbox-card.d.ts +1 -0
- package/dist/types/slot-recipes/checkbox.d.ts +1 -0
- package/dist/types/slot-recipes/collapsible.d.ts +1 -0
- package/dist/types/slot-recipes/color-picker.d.ts +1 -0
- package/dist/types/slot-recipes/data-list.d.ts +1 -0
- package/dist/types/slot-recipes/dialog.d.ts +1 -0
- package/dist/types/slot-recipes/drawer.d.ts +1 -0
- package/dist/types/slot-recipes/editable.d.ts +1 -0
- package/dist/types/slot-recipes/empty-state.d.ts +1 -0
- package/dist/types/slot-recipes/field.d.ts +1 -0
- package/dist/types/slot-recipes/fieldset.d.ts +1 -0
- package/dist/types/slot-recipes/file-upload.d.ts +1 -0
- package/dist/types/slot-recipes/hover-card.d.ts +1 -0
- package/dist/types/slot-recipes/index.d.ts +47 -0
- package/dist/types/slot-recipes/list.d.ts +1 -0
- package/dist/types/slot-recipes/menu.d.ts +1 -0
- package/dist/types/slot-recipes/native-select.d.ts +1 -0
- package/dist/types/slot-recipes/number-input.d.ts +1 -0
- package/dist/types/slot-recipes/pin-input.d.ts +1 -0
- package/dist/types/slot-recipes/popover.d.ts +1 -0
- package/dist/types/slot-recipes/progress-circle.d.ts +1 -0
- package/dist/types/slot-recipes/progress.d.ts +1 -0
- package/dist/types/slot-recipes/qr-code.d.ts +1 -0
- package/dist/types/slot-recipes/radio-card.d.ts +1 -0
- package/dist/types/slot-recipes/radio-group.d.ts +1 -0
- package/dist/types/slot-recipes/rating-group.d.ts +1 -0
- package/dist/types/slot-recipes/segment-group.d.ts +1 -0
- package/dist/types/slot-recipes/select.d.ts +1 -0
- package/dist/types/slot-recipes/slider.d.ts +1 -0
- package/dist/types/slot-recipes/stat.d.ts +1 -0
- package/dist/types/slot-recipes/status.d.ts +1 -0
- package/dist/types/slot-recipes/steps.d.ts +1 -0
- package/dist/types/slot-recipes/switch.d.ts +1 -0
- package/dist/types/slot-recipes/table.d.ts +1 -0
- package/dist/types/slot-recipes/tabs.d.ts +1 -0
- package/dist/types/slot-recipes/tag.d.ts +1 -0
- package/dist/types/slot-recipes/timeline.d.ts +1 -0
- package/dist/types/slot-recipes/toast.d.ts +1 -0
- package/dist/types/slot-recipes/tooltip.d.ts +1 -0
- package/dist/types/text-styles.d.ts +1 -0
- package/dist/types/tokens/animations.d.ts +14 -0
- package/dist/types/tokens/aspect-ratios.d.ts +20 -0
- package/dist/types/tokens/blurs.d.ts +26 -0
- package/dist/types/tokens/borders.d.ts +17 -0
- package/dist/types/tokens/colors.d.ts +434 -0
- package/dist/types/tokens/cursor.d.ts +26 -0
- package/dist/types/tokens/durations.d.ts +23 -0
- package/dist/types/tokens/easings.d.ts +14 -0
- package/dist/types/tokens/font-sizes.d.ts +44 -0
- package/dist/types/tokens/font-weights.d.ts +29 -0
- package/dist/types/tokens/fonts.d.ts +11 -0
- package/dist/types/tokens/index.d.ts +1134 -0
- package/dist/types/tokens/letter-spacings.d.ts +17 -0
- package/dist/types/tokens/line-heights.d.ts +17 -0
- package/dist/types/tokens/radii.d.ts +35 -0
- package/dist/types/tokens/sizes.d.ts +260 -0
- package/dist/types/tokens/spacing.d.ts +104 -0
- package/dist/types/tokens/z-index.d.ts +41 -0
- package/dist/types/utilities.d.ts +1 -0
- package/package.json +65 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const durations = def.defineTokens.durations({
|
|
7
|
+
fastest: {
|
|
8
|
+
value: "50ms"
|
|
9
|
+
},
|
|
10
|
+
faster: {
|
|
11
|
+
value: "100ms"
|
|
12
|
+
},
|
|
13
|
+
fast: {
|
|
14
|
+
value: "150ms"
|
|
15
|
+
},
|
|
16
|
+
moderate: {
|
|
17
|
+
value: "200ms"
|
|
18
|
+
},
|
|
19
|
+
slow: {
|
|
20
|
+
value: "300ms"
|
|
21
|
+
},
|
|
22
|
+
slower: {
|
|
23
|
+
value: "400ms"
|
|
24
|
+
},
|
|
25
|
+
slowest: {
|
|
26
|
+
value: "500ms"
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
exports.durations = durations;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const easings = def.defineTokens.easings({
|
|
7
|
+
"ease-in": {
|
|
8
|
+
value: "cubic-bezier(0.42, 0, 1, 1)"
|
|
9
|
+
},
|
|
10
|
+
"ease-out": {
|
|
11
|
+
value: "cubic-bezier(0, 0, 0.58, 1)"
|
|
12
|
+
},
|
|
13
|
+
"ease-in-out": {
|
|
14
|
+
value: "cubic-bezier(0.42, 0, 0.58, 1)"
|
|
15
|
+
},
|
|
16
|
+
"ease-in-smooth": {
|
|
17
|
+
value: "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
exports.easings = easings;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const fontSizes = def.defineTokens.fontSizes({
|
|
7
|
+
"2xs": {
|
|
8
|
+
value: "0.625rem"
|
|
9
|
+
},
|
|
10
|
+
xs: {
|
|
11
|
+
value: "0.75rem"
|
|
12
|
+
},
|
|
13
|
+
sm: {
|
|
14
|
+
value: "0.875rem"
|
|
15
|
+
},
|
|
16
|
+
md: {
|
|
17
|
+
value: "1rem"
|
|
18
|
+
},
|
|
19
|
+
lg: {
|
|
20
|
+
value: "1.125rem"
|
|
21
|
+
},
|
|
22
|
+
xl: {
|
|
23
|
+
value: "1.25rem"
|
|
24
|
+
},
|
|
25
|
+
"2xl": {
|
|
26
|
+
value: "1.5rem"
|
|
27
|
+
},
|
|
28
|
+
"3xl": {
|
|
29
|
+
value: "1.875rem"
|
|
30
|
+
},
|
|
31
|
+
"4xl": {
|
|
32
|
+
value: "2.25rem"
|
|
33
|
+
},
|
|
34
|
+
"5xl": {
|
|
35
|
+
value: "3rem"
|
|
36
|
+
},
|
|
37
|
+
"6xl": {
|
|
38
|
+
value: "3.75rem"
|
|
39
|
+
},
|
|
40
|
+
"7xl": {
|
|
41
|
+
value: "4.5rem"
|
|
42
|
+
},
|
|
43
|
+
"8xl": {
|
|
44
|
+
value: "6rem"
|
|
45
|
+
},
|
|
46
|
+
"9xl": {
|
|
47
|
+
value: "8rem"
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
exports.fontSizes = fontSizes;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const fontWeights = def.defineTokens.fontWeights({
|
|
7
|
+
thin: {
|
|
8
|
+
value: "100"
|
|
9
|
+
},
|
|
10
|
+
extralight: {
|
|
11
|
+
value: "200"
|
|
12
|
+
},
|
|
13
|
+
light: {
|
|
14
|
+
value: "300"
|
|
15
|
+
},
|
|
16
|
+
normal: {
|
|
17
|
+
value: "400"
|
|
18
|
+
},
|
|
19
|
+
medium: {
|
|
20
|
+
value: "500"
|
|
21
|
+
},
|
|
22
|
+
semibold: {
|
|
23
|
+
value: "600"
|
|
24
|
+
},
|
|
25
|
+
bold: {
|
|
26
|
+
value: "700"
|
|
27
|
+
},
|
|
28
|
+
extrabold: {
|
|
29
|
+
value: "800"
|
|
30
|
+
},
|
|
31
|
+
black: {
|
|
32
|
+
value: "900"
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
exports.fontWeights = fontWeights;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const fonts = def.defineTokens.fonts({
|
|
7
|
+
heading: {
|
|
8
|
+
value: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
|
|
9
|
+
},
|
|
10
|
+
body: {
|
|
11
|
+
value: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
|
|
12
|
+
},
|
|
13
|
+
mono: {
|
|
14
|
+
value: 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
exports.fonts = fonts;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var animations = require('./animations.cjs');
|
|
5
|
+
var aspectRatios = require('./aspect-ratios.cjs');
|
|
6
|
+
var blurs = require('./blurs.cjs');
|
|
7
|
+
var borders = require('./borders.cjs');
|
|
8
|
+
var colors = require('./colors.cjs');
|
|
9
|
+
var cursor = require('./cursor.cjs');
|
|
10
|
+
var durations = require('./durations.cjs');
|
|
11
|
+
var easings = require('./easings.cjs');
|
|
12
|
+
var fontSizes = require('./font-sizes.cjs');
|
|
13
|
+
var fontWeights = require('./font-weights.cjs');
|
|
14
|
+
var fonts = require('./fonts.cjs');
|
|
15
|
+
var letterSpacings = require('./letter-spacings.cjs');
|
|
16
|
+
var lineHeights = require('./line-heights.cjs');
|
|
17
|
+
var radii = require('./radii.cjs');
|
|
18
|
+
var sizes = require('./sizes.cjs');
|
|
19
|
+
var spacing = require('./spacing.cjs');
|
|
20
|
+
var zIndex = require('./z-index.cjs');
|
|
21
|
+
|
|
22
|
+
const tokens = {
|
|
23
|
+
aspectRatios: aspectRatios.aspectRatios,
|
|
24
|
+
animations: animations.animations,
|
|
25
|
+
blurs: blurs.blurs,
|
|
26
|
+
borders: borders.borders,
|
|
27
|
+
colors: colors.colors,
|
|
28
|
+
durations: durations.durations,
|
|
29
|
+
easings: easings.easings,
|
|
30
|
+
fonts: fonts.fonts,
|
|
31
|
+
fontSizes: fontSizes.fontSizes,
|
|
32
|
+
fontWeights: fontWeights.fontWeights,
|
|
33
|
+
letterSpacings: letterSpacings.letterSpacings,
|
|
34
|
+
lineHeights: lineHeights.lineHeights,
|
|
35
|
+
radii: radii.radii,
|
|
36
|
+
spacing: spacing.spacing,
|
|
37
|
+
sizes: sizes.sizes,
|
|
38
|
+
zIndex: zIndex.zIndex,
|
|
39
|
+
cursor: cursor.cursor
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.tokens = tokens;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const letterSpacings = def.defineTokens.letterSpacings({
|
|
7
|
+
tighter: {
|
|
8
|
+
value: "-0.05em"
|
|
9
|
+
},
|
|
10
|
+
tight: {
|
|
11
|
+
value: "-0.025em"
|
|
12
|
+
},
|
|
13
|
+
wide: {
|
|
14
|
+
value: "0.025em"
|
|
15
|
+
},
|
|
16
|
+
wider: {
|
|
17
|
+
value: "0.05em"
|
|
18
|
+
},
|
|
19
|
+
widest: {
|
|
20
|
+
value: "0.1em"
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
exports.letterSpacings = letterSpacings;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const lineHeights = def.defineTokens.lineHeights({
|
|
7
|
+
shorter: {
|
|
8
|
+
value: 1.25
|
|
9
|
+
},
|
|
10
|
+
short: {
|
|
11
|
+
value: 1.375
|
|
12
|
+
},
|
|
13
|
+
moderate: {
|
|
14
|
+
value: 1.5
|
|
15
|
+
},
|
|
16
|
+
tall: {
|
|
17
|
+
value: 1.625
|
|
18
|
+
},
|
|
19
|
+
taller: {
|
|
20
|
+
value: 2
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
exports.lineHeights = lineHeights;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const radii = def.defineTokens.radii({
|
|
7
|
+
none: {
|
|
8
|
+
value: "0"
|
|
9
|
+
},
|
|
10
|
+
"2xs": {
|
|
11
|
+
value: "0.0625rem"
|
|
12
|
+
},
|
|
13
|
+
xs: {
|
|
14
|
+
value: "0.125rem"
|
|
15
|
+
},
|
|
16
|
+
sm: {
|
|
17
|
+
value: "0.25rem"
|
|
18
|
+
},
|
|
19
|
+
md: {
|
|
20
|
+
value: "0.375rem"
|
|
21
|
+
},
|
|
22
|
+
lg: {
|
|
23
|
+
value: "0.5rem"
|
|
24
|
+
},
|
|
25
|
+
xl: {
|
|
26
|
+
value: "0.75rem"
|
|
27
|
+
},
|
|
28
|
+
"2xl": {
|
|
29
|
+
value: "1rem"
|
|
30
|
+
},
|
|
31
|
+
"3xl": {
|
|
32
|
+
value: "1.5rem"
|
|
33
|
+
},
|
|
34
|
+
"4xl": {
|
|
35
|
+
value: "2rem"
|
|
36
|
+
},
|
|
37
|
+
full: {
|
|
38
|
+
value: "9999px"
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
exports.radii = radii;
|
|
@@ -0,0 +1,267 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const sizes = def.defineTokens.sizes({
|
|
7
|
+
"1": {
|
|
8
|
+
value: "0.25rem"
|
|
9
|
+
},
|
|
10
|
+
"2": {
|
|
11
|
+
value: "0.5rem"
|
|
12
|
+
},
|
|
13
|
+
"3": {
|
|
14
|
+
value: "0.75rem"
|
|
15
|
+
},
|
|
16
|
+
"4": {
|
|
17
|
+
value: "1rem"
|
|
18
|
+
},
|
|
19
|
+
"5": {
|
|
20
|
+
value: "1.25rem"
|
|
21
|
+
},
|
|
22
|
+
"6": {
|
|
23
|
+
value: "1.5rem"
|
|
24
|
+
},
|
|
25
|
+
"7": {
|
|
26
|
+
value: "1.75rem"
|
|
27
|
+
},
|
|
28
|
+
"8": {
|
|
29
|
+
value: "2rem"
|
|
30
|
+
},
|
|
31
|
+
"9": {
|
|
32
|
+
value: "2.25rem"
|
|
33
|
+
},
|
|
34
|
+
"10": {
|
|
35
|
+
value: "2.5rem"
|
|
36
|
+
},
|
|
37
|
+
"11": {
|
|
38
|
+
value: "2.75rem"
|
|
39
|
+
},
|
|
40
|
+
"12": {
|
|
41
|
+
value: "3rem"
|
|
42
|
+
},
|
|
43
|
+
"14": {
|
|
44
|
+
value: "3.5rem"
|
|
45
|
+
},
|
|
46
|
+
"16": {
|
|
47
|
+
value: "4rem"
|
|
48
|
+
},
|
|
49
|
+
"20": {
|
|
50
|
+
value: "5rem"
|
|
51
|
+
},
|
|
52
|
+
"24": {
|
|
53
|
+
value: "6rem"
|
|
54
|
+
},
|
|
55
|
+
"28": {
|
|
56
|
+
value: "7rem"
|
|
57
|
+
},
|
|
58
|
+
"32": {
|
|
59
|
+
value: "8rem"
|
|
60
|
+
},
|
|
61
|
+
"36": {
|
|
62
|
+
value: "9rem"
|
|
63
|
+
},
|
|
64
|
+
"40": {
|
|
65
|
+
value: "10rem"
|
|
66
|
+
},
|
|
67
|
+
"44": {
|
|
68
|
+
value: "11rem"
|
|
69
|
+
},
|
|
70
|
+
"48": {
|
|
71
|
+
value: "12rem"
|
|
72
|
+
},
|
|
73
|
+
"52": {
|
|
74
|
+
value: "13rem"
|
|
75
|
+
},
|
|
76
|
+
"56": {
|
|
77
|
+
value: "14rem"
|
|
78
|
+
},
|
|
79
|
+
"60": {
|
|
80
|
+
value: "15rem"
|
|
81
|
+
},
|
|
82
|
+
"64": {
|
|
83
|
+
value: "16rem"
|
|
84
|
+
},
|
|
85
|
+
"72": {
|
|
86
|
+
value: "18rem"
|
|
87
|
+
},
|
|
88
|
+
"80": {
|
|
89
|
+
value: "20rem"
|
|
90
|
+
},
|
|
91
|
+
"96": {
|
|
92
|
+
value: "24rem"
|
|
93
|
+
},
|
|
94
|
+
"3xs": {
|
|
95
|
+
value: "14rem"
|
|
96
|
+
},
|
|
97
|
+
"2xs": {
|
|
98
|
+
value: "16rem"
|
|
99
|
+
},
|
|
100
|
+
xs: {
|
|
101
|
+
value: "20rem"
|
|
102
|
+
},
|
|
103
|
+
sm: {
|
|
104
|
+
value: "24rem"
|
|
105
|
+
},
|
|
106
|
+
md: {
|
|
107
|
+
value: "28rem"
|
|
108
|
+
},
|
|
109
|
+
lg: {
|
|
110
|
+
value: "32rem"
|
|
111
|
+
},
|
|
112
|
+
xl: {
|
|
113
|
+
value: "36rem"
|
|
114
|
+
},
|
|
115
|
+
"2xl": {
|
|
116
|
+
value: "42rem"
|
|
117
|
+
},
|
|
118
|
+
"3xl": {
|
|
119
|
+
value: "48rem"
|
|
120
|
+
},
|
|
121
|
+
"4xl": {
|
|
122
|
+
value: "56rem"
|
|
123
|
+
},
|
|
124
|
+
"5xl": {
|
|
125
|
+
value: "64rem"
|
|
126
|
+
},
|
|
127
|
+
"6xl": {
|
|
128
|
+
value: "72rem"
|
|
129
|
+
},
|
|
130
|
+
"7xl": {
|
|
131
|
+
value: "80rem"
|
|
132
|
+
},
|
|
133
|
+
"8xl": {
|
|
134
|
+
value: "90rem"
|
|
135
|
+
},
|
|
136
|
+
"0.5": {
|
|
137
|
+
value: "0.125rem"
|
|
138
|
+
},
|
|
139
|
+
"1.5": {
|
|
140
|
+
value: "0.375rem"
|
|
141
|
+
},
|
|
142
|
+
"2.5": {
|
|
143
|
+
value: "0.625rem"
|
|
144
|
+
},
|
|
145
|
+
"3.5": {
|
|
146
|
+
value: "0.875rem"
|
|
147
|
+
},
|
|
148
|
+
"4.5": {
|
|
149
|
+
value: "1.125rem"
|
|
150
|
+
},
|
|
151
|
+
"1/2": {
|
|
152
|
+
value: "50%"
|
|
153
|
+
},
|
|
154
|
+
"1/3": {
|
|
155
|
+
value: "33.333333%"
|
|
156
|
+
},
|
|
157
|
+
"2/3": {
|
|
158
|
+
value: "66.666667%"
|
|
159
|
+
},
|
|
160
|
+
"1/4": {
|
|
161
|
+
value: "25%"
|
|
162
|
+
},
|
|
163
|
+
"3/4": {
|
|
164
|
+
value: "75%"
|
|
165
|
+
},
|
|
166
|
+
"1/5": {
|
|
167
|
+
value: "20%"
|
|
168
|
+
},
|
|
169
|
+
"2/5": {
|
|
170
|
+
value: "40%"
|
|
171
|
+
},
|
|
172
|
+
"3/5": {
|
|
173
|
+
value: "60%"
|
|
174
|
+
},
|
|
175
|
+
"4/5": {
|
|
176
|
+
value: "80%"
|
|
177
|
+
},
|
|
178
|
+
"1/6": {
|
|
179
|
+
value: "16.666667%"
|
|
180
|
+
},
|
|
181
|
+
"2/6": {
|
|
182
|
+
value: "33.333333%"
|
|
183
|
+
},
|
|
184
|
+
"3/6": {
|
|
185
|
+
value: "50%"
|
|
186
|
+
},
|
|
187
|
+
"4/6": {
|
|
188
|
+
value: "66.666667%"
|
|
189
|
+
},
|
|
190
|
+
"5/6": {
|
|
191
|
+
value: "83.333333%"
|
|
192
|
+
},
|
|
193
|
+
"1/12": {
|
|
194
|
+
value: "8.333333%"
|
|
195
|
+
},
|
|
196
|
+
"2/12": {
|
|
197
|
+
value: "16.666667%"
|
|
198
|
+
},
|
|
199
|
+
"3/12": {
|
|
200
|
+
value: "25%"
|
|
201
|
+
},
|
|
202
|
+
"4/12": {
|
|
203
|
+
value: "33.333333%"
|
|
204
|
+
},
|
|
205
|
+
"5/12": {
|
|
206
|
+
value: "41.666667%"
|
|
207
|
+
},
|
|
208
|
+
"6/12": {
|
|
209
|
+
value: "50%"
|
|
210
|
+
},
|
|
211
|
+
"7/12": {
|
|
212
|
+
value: "58.333333%"
|
|
213
|
+
},
|
|
214
|
+
"8/12": {
|
|
215
|
+
value: "66.666667%"
|
|
216
|
+
},
|
|
217
|
+
"9/12": {
|
|
218
|
+
value: "75%"
|
|
219
|
+
},
|
|
220
|
+
"10/12": {
|
|
221
|
+
value: "83.333333%"
|
|
222
|
+
},
|
|
223
|
+
"11/12": {
|
|
224
|
+
value: "91.666667%"
|
|
225
|
+
},
|
|
226
|
+
max: {
|
|
227
|
+
value: "max-content"
|
|
228
|
+
},
|
|
229
|
+
min: {
|
|
230
|
+
value: "min-content"
|
|
231
|
+
},
|
|
232
|
+
fit: {
|
|
233
|
+
value: "fit-content"
|
|
234
|
+
},
|
|
235
|
+
prose: {
|
|
236
|
+
value: "60ch"
|
|
237
|
+
},
|
|
238
|
+
full: {
|
|
239
|
+
value: "100%"
|
|
240
|
+
},
|
|
241
|
+
dvh: {
|
|
242
|
+
value: "100dvh"
|
|
243
|
+
},
|
|
244
|
+
svh: {
|
|
245
|
+
value: "100svh"
|
|
246
|
+
},
|
|
247
|
+
lvh: {
|
|
248
|
+
value: "100lvh"
|
|
249
|
+
},
|
|
250
|
+
dvw: {
|
|
251
|
+
value: "100dvw"
|
|
252
|
+
},
|
|
253
|
+
svw: {
|
|
254
|
+
value: "100svw"
|
|
255
|
+
},
|
|
256
|
+
lvw: {
|
|
257
|
+
value: "100lvw"
|
|
258
|
+
},
|
|
259
|
+
vw: {
|
|
260
|
+
value: "100vw"
|
|
261
|
+
},
|
|
262
|
+
vh: {
|
|
263
|
+
value: "100vh"
|
|
264
|
+
}
|
|
265
|
+
});
|
|
266
|
+
|
|
267
|
+
exports.sizes = sizes;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const spacing = def.defineTokens.spacing({
|
|
7
|
+
"1": {
|
|
8
|
+
value: "0.25rem"
|
|
9
|
+
},
|
|
10
|
+
"2": {
|
|
11
|
+
value: "0.5rem"
|
|
12
|
+
},
|
|
13
|
+
"3": {
|
|
14
|
+
value: "0.75rem"
|
|
15
|
+
},
|
|
16
|
+
"4": {
|
|
17
|
+
value: "1rem"
|
|
18
|
+
},
|
|
19
|
+
"5": {
|
|
20
|
+
value: "1.25rem"
|
|
21
|
+
},
|
|
22
|
+
"6": {
|
|
23
|
+
value: "1.5rem"
|
|
24
|
+
},
|
|
25
|
+
"7": {
|
|
26
|
+
value: "1.75rem"
|
|
27
|
+
},
|
|
28
|
+
"8": {
|
|
29
|
+
value: "2rem"
|
|
30
|
+
},
|
|
31
|
+
"9": {
|
|
32
|
+
value: "2.25rem"
|
|
33
|
+
},
|
|
34
|
+
"10": {
|
|
35
|
+
value: "2.5rem"
|
|
36
|
+
},
|
|
37
|
+
"11": {
|
|
38
|
+
value: "2.75rem"
|
|
39
|
+
},
|
|
40
|
+
"12": {
|
|
41
|
+
value: "3rem"
|
|
42
|
+
},
|
|
43
|
+
"14": {
|
|
44
|
+
value: "3.5rem"
|
|
45
|
+
},
|
|
46
|
+
"16": {
|
|
47
|
+
value: "4rem"
|
|
48
|
+
},
|
|
49
|
+
"20": {
|
|
50
|
+
value: "5rem"
|
|
51
|
+
},
|
|
52
|
+
"24": {
|
|
53
|
+
value: "6rem"
|
|
54
|
+
},
|
|
55
|
+
"28": {
|
|
56
|
+
value: "7rem"
|
|
57
|
+
},
|
|
58
|
+
"32": {
|
|
59
|
+
value: "8rem"
|
|
60
|
+
},
|
|
61
|
+
"36": {
|
|
62
|
+
value: "9rem"
|
|
63
|
+
},
|
|
64
|
+
"40": {
|
|
65
|
+
value: "10rem"
|
|
66
|
+
},
|
|
67
|
+
"44": {
|
|
68
|
+
value: "11rem"
|
|
69
|
+
},
|
|
70
|
+
"48": {
|
|
71
|
+
value: "12rem"
|
|
72
|
+
},
|
|
73
|
+
"52": {
|
|
74
|
+
value: "13rem"
|
|
75
|
+
},
|
|
76
|
+
"56": {
|
|
77
|
+
value: "14rem"
|
|
78
|
+
},
|
|
79
|
+
"60": {
|
|
80
|
+
value: "15rem"
|
|
81
|
+
},
|
|
82
|
+
"64": {
|
|
83
|
+
value: "16rem"
|
|
84
|
+
},
|
|
85
|
+
"72": {
|
|
86
|
+
value: "18rem"
|
|
87
|
+
},
|
|
88
|
+
"80": {
|
|
89
|
+
value: "20rem"
|
|
90
|
+
},
|
|
91
|
+
"96": {
|
|
92
|
+
value: "24rem"
|
|
93
|
+
},
|
|
94
|
+
"0.5": {
|
|
95
|
+
value: "0.125rem"
|
|
96
|
+
},
|
|
97
|
+
"1.5": {
|
|
98
|
+
value: "0.375rem"
|
|
99
|
+
},
|
|
100
|
+
"2.5": {
|
|
101
|
+
value: "0.625rem"
|
|
102
|
+
},
|
|
103
|
+
"3.5": {
|
|
104
|
+
value: "0.875rem"
|
|
105
|
+
},
|
|
106
|
+
"4.5": {
|
|
107
|
+
value: "1.125rem"
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
exports.spacing = spacing;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var def = require('../def.cjs');
|
|
5
|
+
|
|
6
|
+
const zIndex = def.defineTokens.zIndex({
|
|
7
|
+
hide: {
|
|
8
|
+
value: -1
|
|
9
|
+
},
|
|
10
|
+
base: {
|
|
11
|
+
value: 0
|
|
12
|
+
},
|
|
13
|
+
docked: {
|
|
14
|
+
value: 10
|
|
15
|
+
},
|
|
16
|
+
dropdown: {
|
|
17
|
+
value: 1e3
|
|
18
|
+
},
|
|
19
|
+
sticky: {
|
|
20
|
+
value: 1100
|
|
21
|
+
},
|
|
22
|
+
banner: {
|
|
23
|
+
value: 1200
|
|
24
|
+
},
|
|
25
|
+
overlay: {
|
|
26
|
+
value: 1300
|
|
27
|
+
},
|
|
28
|
+
modal: {
|
|
29
|
+
value: 1400
|
|
30
|
+
},
|
|
31
|
+
popover: {
|
|
32
|
+
value: 1500
|
|
33
|
+
},
|
|
34
|
+
skipNav: {
|
|
35
|
+
value: 1600
|
|
36
|
+
},
|
|
37
|
+
toast: {
|
|
38
|
+
value: 1700
|
|
39
|
+
},
|
|
40
|
+
tooltip: {
|
|
41
|
+
value: 1800
|
|
42
|
+
},
|
|
43
|
+
max: {
|
|
44
|
+
value: 2147483647
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
exports.zIndex = zIndex;
|