@impulse-ui-native/theme 2.9.0 → 4.0.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/dist/constants/index.d.mts +1 -1
- package/dist/constants/style.constants.d.mts +3 -3
- package/dist/constants/style.constants.js +3 -3
- package/dist/constants/style.constants.js.map +1 -1
- package/dist/hooks/index.d.mts +2 -1
- package/dist/hooks/use-colors.hook.d.mts +2 -1
- package/dist/hooks/use-components-tokens.hook.d.mts +2 -1
- package/dist/hooks/use-theme.hook.d.mts +2 -1
- package/dist/hooks/use-themed-styles.d.mts +2 -1
- package/dist/index.d.mts +22 -13
- package/dist/providers/index.d.mts +2 -1
- package/dist/providers/theme.provider.d.mts +2 -1
- package/dist/theme/create-accordion-tokens.d.mts +2 -1
- package/dist/theme/create-accordion-tokens.js +24 -7
- package/dist/theme/create-accordion-tokens.js.map +1 -1
- package/dist/theme/create-avatar-tokens.d.mts +2 -1
- package/dist/theme/create-avatar-tokens.js +0 -10
- package/dist/theme/create-avatar-tokens.js.map +1 -1
- package/dist/theme/create-badge-tokens.d.mts +2 -1
- package/dist/theme/create-badge-tokens.js +0 -10
- package/dist/theme/create-badge-tokens.js.map +1 -1
- package/dist/theme/create-button-tokens.d.mts +2 -1
- package/dist/theme/create-button-tokens.js +60 -32
- package/dist/theme/create-button-tokens.js.map +1 -1
- package/dist/theme/create-card-tokens.d.mts +2 -1
- package/dist/theme/create-checkbox-tokens.d.mts +2 -1
- package/dist/theme/create-checkbox-tokens.js +60 -24
- package/dist/theme/create-checkbox-tokens.js.map +1 -1
- package/dist/theme/create-control-tokens.d.mts +2 -1
- package/dist/theme/create-control-tokens.js +86 -97
- package/dist/theme/create-control-tokens.js.map +1 -1
- package/dist/theme/create-data-state-tokens.d.mts +2 -1
- package/dist/theme/create-data-state-tokens.js.map +1 -1
- package/dist/theme/create-datetime-picker.d.mts +2 -1
- package/dist/theme/create-datetime-picker.js +18 -6
- package/dist/theme/create-datetime-picker.js.map +1 -1
- package/dist/theme/create-divider-tokens.d.mts +2 -1
- package/dist/theme/create-flyout-tokens.d.mts +2 -1
- package/dist/theme/create-flyout-tokens.js.map +1 -1
- package/dist/theme/create-icon-button-tokens.d.mts +2 -1
- package/dist/theme/create-icon-button-tokens.js +60 -32
- package/dist/theme/create-icon-button-tokens.js.map +1 -1
- package/dist/theme/create-progress-tokens.d.mts +2 -1
- package/dist/theme/create-radio-tokens.d.mts +2 -1
- package/dist/theme/create-radio-tokens.js +60 -24
- package/dist/theme/create-radio-tokens.js.map +1 -1
- package/dist/theme/create-select-tokens.d.mts +2 -1
- package/dist/theme/create-select-tokens.js +10 -3
- package/dist/theme/create-select-tokens.js.map +1 -1
- package/dist/theme/create-skeleton-tokens.d.mts +2 -1
- package/dist/theme/create-skeleton-tokens.js.map +1 -1
- package/dist/theme/create-slider-tokens.d.mts +31 -0
- package/dist/theme/create-slider-tokens.js +182 -0
- package/dist/theme/create-slider-tokens.js.map +1 -0
- package/dist/theme/create-spinner-tokens.d.mts +2 -1
- package/dist/theme/create-stepper-tokens.d.mts +2 -1
- package/dist/theme/create-switch-tokens.d.mts +2 -1
- package/dist/theme/create-switch-tokens.js +48 -25
- package/dist/theme/create-switch-tokens.js.map +1 -1
- package/dist/theme/create-tag-tokens.d.mts +2 -1
- package/dist/theme/create-tag-tokens.js +228 -68
- package/dist/theme/create-tag-tokens.js.map +1 -1
- package/dist/theme/create-textarea-tokens.d.mts +2 -1
- package/dist/theme/create-textarea-tokens.js +6 -3
- package/dist/theme/create-textarea-tokens.js.map +1 -1
- package/dist/theme/create-time-picker-tokens.d.mts +2 -1
- package/dist/theme/create-time-picker-tokens.js +10 -4
- package/dist/theme/create-time-picker-tokens.js.map +1 -1
- package/dist/theme/dark.theme.d.mts +2 -1
- package/dist/theme/index.d.mts +3 -1
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/light.theme.d.mts +2 -1
- package/dist/theme/tokens.theme.d.mts +2 -1
- package/dist/theme/tokens.theme.js +2 -0
- package/dist/theme/tokens.theme.js.map +1 -1
- package/dist/types/accordion-tokens.types.d.mts +11 -7
- package/dist/types/avatar-tokens.types.d.mts +2 -2
- package/dist/types/badge-tokens.types.d.mts +2 -2
- package/dist/types/buttons-tokens.types.d.mts +6 -15
- package/dist/types/checkbox-tokens.types.d.mts +5 -9
- package/dist/types/components.types.d.mts +36 -2
- package/dist/types/control-tokens.types.d.mts +57 -0
- package/dist/types/control-tokens.types.js +1 -0
- package/dist/types/datetime-picker-tokens.types.d.mts +14 -7
- package/dist/types/index.d.mts +13 -12
- package/dist/types/index.js +2 -1
- package/dist/types/index.js.map +1 -1
- package/dist/types/radio-tokens.types.d.mts +5 -9
- package/dist/types/select-tokens.types.d.mts +8 -4
- package/dist/types/slider-tokens.types.d.mts +43 -0
- package/dist/types/slider-tokens.types.js +1 -0
- package/dist/types/slider-tokens.types.js.map +1 -0
- package/dist/types/switch-tokens.types.d.mts +11 -13
- package/dist/types/tag-tokens.types.d.mts +5 -7
- package/dist/types/textarea-tokens.types.d.mts +6 -5
- package/dist/types/theme-provider.types.d.mts +3 -1
- package/dist/types/time-picker-token.types.d.mts +8 -5
- package/dist/utils/action-state.utils.d.mts +5 -0
- package/dist/utils/action-state.utils.js +9 -0
- package/dist/utils/action-state.utils.js.map +1 -0
- package/dist/utils/availability-state.utils.d.mts +5 -0
- package/dist/utils/availability-state.utils.js +8 -0
- package/dist/utils/availability-state.utils.js.map +1 -0
- package/dist/utils/control-state.utils.d.mts +5 -0
- package/dist/utils/control-state.utils.js +9 -0
- package/dist/utils/control-state.utils.js.map +1 -0
- package/dist/utils/datetime-picker-state.utils.d.mts +6 -0
- package/dist/utils/datetime-picker-state.utils.js +10 -0
- package/dist/utils/datetime-picker-state.utils.js.map +1 -0
- package/dist/utils/field-state.utils.d.mts +5 -0
- package/dist/utils/field-state.utils.js +9 -0
- package/dist/utils/field-state.utils.js.map +1 -0
- package/dist/utils/index.d.mts +11 -3
- package/dist/utils/index.js +7 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/selection-item-state.utils.d.mts +5 -0
- package/dist/utils/selection-item-state.utils.js +8 -0
- package/dist/utils/selection-item-state.utils.js.map +1 -0
- package/dist/utils/selection-state.utils.d.mts +5 -0
- package/dist/utils/selection-state.utils.js +11 -0
- package/dist/utils/selection-state.utils.js.map +1 -0
- package/dist/utils/style.utils.d.mts +2 -1
- package/dist/utils/style.utils.js +2 -2
- package/dist/utils/style.utils.js.map +1 -1
- package/package.json +3 -3
- package/dist/types/control-tokes.types.d.mts +0 -62
- package/dist/types/control-tokes.types.js +0 -1
- /package/dist/types/{control-tokes.types.js.map → control-tokens.types.js.map} +0 -0
|
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
|
|
|
8
8
|
import '../types/avatar-tokens.types.mjs';
|
|
9
9
|
import '../types/buttons-tokens.types.mjs';
|
|
10
10
|
import '../types/card-tokens.types.mjs';
|
|
11
|
-
import '../types/control-
|
|
11
|
+
import '../types/control-tokens.types.mjs';
|
|
12
12
|
import '../types/data-state-tokens.types.mjs';
|
|
13
13
|
import '../types/datetime-picker-tokens.types.mjs';
|
|
14
14
|
import '../types/divider-tokens.types.mjs';
|
|
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
19
19
|
import '../types/spinner-tokens.types.mjs';
|
|
20
20
|
import '../types/select-tokens.types.mjs';
|
|
21
21
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
|
+
import '../types/slider-tokens.types.mjs';
|
|
22
23
|
import '../types/switch-tokens.types.mjs';
|
|
23
24
|
import '../types/tag-tokens.types.mjs';
|
|
24
25
|
import '../types/textarea-tokens.types.mjs';
|
|
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
|
|
|
8
8
|
import '../types/avatar-tokens.types.mjs';
|
|
9
9
|
import '../types/buttons-tokens.types.mjs';
|
|
10
10
|
import '../types/card-tokens.types.mjs';
|
|
11
|
-
import '../types/control-
|
|
11
|
+
import '../types/control-tokens.types.mjs';
|
|
12
12
|
import '../types/data-state-tokens.types.mjs';
|
|
13
13
|
import '../types/datetime-picker-tokens.types.mjs';
|
|
14
14
|
import '../types/divider-tokens.types.mjs';
|
|
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
19
19
|
import '../types/spinner-tokens.types.mjs';
|
|
20
20
|
import '../types/select-tokens.types.mjs';
|
|
21
21
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
|
+
import '../types/slider-tokens.types.mjs';
|
|
22
23
|
import '../types/stepper-tokens.types.mjs';
|
|
23
24
|
import '../types/tag-tokens.types.mjs';
|
|
24
25
|
import '../types/textarea-tokens.types.mjs';
|
|
@@ -8,12 +8,6 @@ function createSwitchTokens(tokens) {
|
|
|
8
8
|
borderWidth: tokens.borderSize.sm,
|
|
9
9
|
borderRadius: tokens.radii.round,
|
|
10
10
|
thumbBorderRadius: tokens.radii.round,
|
|
11
|
-
uncheckedBackgroundColor: tokens.colors.surface.primary.value,
|
|
12
|
-
uncheckedBorderColor: tokens.colors.border.strong.value,
|
|
13
|
-
uncheckedThumbColor: tokens.colors.surface.elevated.value,
|
|
14
|
-
disabledBackgroundColor: tokens.colors.neutral["3"],
|
|
15
|
-
disabledBorderColor: tokens.colors.neutral["5"],
|
|
16
|
-
disabledThumbColor: tokens.colors.neutral["7"],
|
|
17
11
|
loadingIndicatorColor: tokens.colors.surface.elevated.value,
|
|
18
12
|
sizes: {
|
|
19
13
|
small: {
|
|
@@ -43,29 +37,58 @@ function createSwitchTokens(tokens) {
|
|
|
43
37
|
},
|
|
44
38
|
variants: {
|
|
45
39
|
filled: {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
default: {
|
|
41
|
+
activeBackgroundColor: primary,
|
|
42
|
+
activeBorderColor: primary,
|
|
43
|
+
activeThumbColor: primaryContrast,
|
|
44
|
+
inactiveBackgroundColor: tokens.colors.surface.primary.value,
|
|
45
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
46
|
+
inactiveThumbColor: tokens.colors.surface.elevated.value
|
|
47
|
+
},
|
|
48
|
+
disabled: {
|
|
49
|
+
activeBackgroundColor: tokens.colors.neutral["3"],
|
|
50
|
+
activeBorderColor: tokens.colors.neutral["5"],
|
|
51
|
+
activeThumbColor: tokens.colors.neutral["7"],
|
|
52
|
+
inactiveBackgroundColor: tokens.colors.neutral["3"],
|
|
53
|
+
inactiveBorderColor: tokens.colors.neutral["5"],
|
|
54
|
+
inactiveThumbColor: tokens.colors.neutral["7"]
|
|
55
|
+
}
|
|
49
56
|
},
|
|
50
57
|
outlined: {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
58
|
+
default: {
|
|
59
|
+
activeBackgroundColor: "transparent",
|
|
60
|
+
activeBorderColor: primary,
|
|
61
|
+
activeThumbColor: primary,
|
|
62
|
+
inactiveBackgroundColor: tokens.colors.surface.primary.value,
|
|
63
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
64
|
+
inactiveThumbColor: tokens.colors.surface.elevated.value
|
|
65
|
+
},
|
|
66
|
+
disabled: {
|
|
67
|
+
activeBackgroundColor: tokens.colors.neutral["3"],
|
|
68
|
+
activeBorderColor: tokens.colors.neutral["5"],
|
|
69
|
+
activeThumbColor: tokens.colors.neutral["7"],
|
|
70
|
+
inactiveBackgroundColor: tokens.colors.neutral["3"],
|
|
71
|
+
inactiveBorderColor: tokens.colors.neutral["5"],
|
|
72
|
+
inactiveThumbColor: tokens.colors.neutral["7"]
|
|
73
|
+
}
|
|
54
74
|
},
|
|
55
75
|
soft: {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
76
|
+
default: {
|
|
77
|
+
activeBackgroundColor: secondary,
|
|
78
|
+
activeBorderColor: secondary,
|
|
79
|
+
activeThumbColor: secondaryContrast,
|
|
80
|
+
inactiveBackgroundColor: tokens.colors.surface.primary.value,
|
|
81
|
+
inactiveBorderColor: tokens.colors.border.strong.value,
|
|
82
|
+
inactiveThumbColor: tokens.colors.surface.elevated.value
|
|
83
|
+
},
|
|
84
|
+
disabled: {
|
|
85
|
+
activeBackgroundColor: tokens.colors.neutral["3"],
|
|
86
|
+
activeBorderColor: tokens.colors.neutral["5"],
|
|
87
|
+
activeThumbColor: tokens.colors.neutral["7"],
|
|
88
|
+
inactiveBackgroundColor: tokens.colors.neutral["3"],
|
|
89
|
+
inactiveBorderColor: tokens.colors.neutral["5"],
|
|
90
|
+
inactiveThumbColor: tokens.colors.neutral["7"]
|
|
91
|
+
}
|
|
69
92
|
}
|
|
70
93
|
}
|
|
71
94
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n return {\n animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-switch-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, SwitchTokens } from \"../types\";\n\nexport function createSwitchTokens(tokens: PrimitiveThemeTokens): SwitchTokens {\n const primary = tokens.colors.primary.value;\n const primaryContrast = tokens.colors.primary.contrast;\n const secondary = tokens.colors.secondary.value;\n const secondaryContrast = tokens.colors.secondary.contrast;\n\n return {\n animationDuration: 180,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n thumbBorderRadius: tokens.radii.round,\n loadingIndicatorColor: tokens.colors.surface.elevated.value,\n\n sizes: {\n small: {\n width: 36,\n height: 20,\n thumbSize: 16,\n trackPadding: 1,\n loadingIndicatorScale: 0.5,\n hitSlop: 12,\n },\n medium: {\n width: 44,\n height: 24,\n thumbSize: 20,\n trackPadding: 1,\n loadingIndicatorScale: 0.6,\n hitSlop: 10,\n },\n large: {\n width: 52,\n height: 28,\n thumbSize: 24,\n trackPadding: 1,\n loadingIndicatorScale: 0.7,\n hitSlop: 8,\n },\n },\n\n variants: {\n filled: {\n default: {\n activeBackgroundColor: primary,\n activeBorderColor: primary,\n activeThumbColor: primaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n outlined: {\n default: {\n activeBackgroundColor: \"transparent\",\n activeBorderColor: primary,\n activeThumbColor: primary,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n soft: {\n default: {\n activeBackgroundColor: secondary,\n activeBorderColor: secondary,\n activeThumbColor: secondaryContrast,\n inactiveBackgroundColor: tokens.colors.surface.primary.value,\n inactiveBorderColor: tokens.colors.border.strong.value,\n inactiveThumbColor: tokens.colors.surface.elevated.value,\n },\n disabled: {\n activeBackgroundColor: tokens.colors.neutral[\"3\"],\n activeBorderColor: tokens.colors.neutral[\"5\"],\n activeThumbColor: tokens.colors.neutral[\"7\"],\n inactiveBackgroundColor: tokens.colors.neutral[\"3\"],\n inactiveBorderColor: tokens.colors.neutral[\"5\"],\n inactiveThumbColor: tokens.colors.neutral[\"7\"],\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
|
|
|
8
8
|
import '../types/avatar-tokens.types.mjs';
|
|
9
9
|
import '../types/buttons-tokens.types.mjs';
|
|
10
10
|
import '../types/card-tokens.types.mjs';
|
|
11
|
-
import '../types/control-
|
|
11
|
+
import '../types/control-tokens.types.mjs';
|
|
12
12
|
import '../types/data-state-tokens.types.mjs';
|
|
13
13
|
import '../types/datetime-picker-tokens.types.mjs';
|
|
14
14
|
import '../types/divider-tokens.types.mjs';
|
|
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
19
19
|
import '../types/spinner-tokens.types.mjs';
|
|
20
20
|
import '../types/select-tokens.types.mjs';
|
|
21
21
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
|
+
import '../types/slider-tokens.types.mjs';
|
|
22
23
|
import '../types/stepper-tokens.types.mjs';
|
|
23
24
|
import '../types/switch-tokens.types.mjs';
|
|
24
25
|
import '../types/textarea-tokens.types.mjs';
|
|
@@ -1,48 +1,4 @@
|
|
|
1
1
|
function createTagTokens(tokens) {
|
|
2
|
-
const neutral = tokens.colors.neutral;
|
|
3
|
-
const disabledColor = tokens.colors.text.disabled;
|
|
4
|
-
const createVariants = (value, contrast) => ({
|
|
5
|
-
filled: {
|
|
6
|
-
backgroundColor: value,
|
|
7
|
-
borderColor: value,
|
|
8
|
-
color: contrast,
|
|
9
|
-
disabledBackgroundColor: neutral["4"],
|
|
10
|
-
disabledBorderColor: neutral["6"],
|
|
11
|
-
disabledColor
|
|
12
|
-
},
|
|
13
|
-
outlined: {
|
|
14
|
-
backgroundColor: "transparent",
|
|
15
|
-
borderColor: value,
|
|
16
|
-
color: value,
|
|
17
|
-
disabledBackgroundColor: "transparent",
|
|
18
|
-
disabledBorderColor: neutral["6"],
|
|
19
|
-
disabledColor
|
|
20
|
-
},
|
|
21
|
-
soft: {
|
|
22
|
-
backgroundColor: contrast,
|
|
23
|
-
borderColor: contrast,
|
|
24
|
-
color: value,
|
|
25
|
-
disabledBackgroundColor: neutral["3"],
|
|
26
|
-
disabledBorderColor: neutral["3"],
|
|
27
|
-
disabledColor
|
|
28
|
-
},
|
|
29
|
-
ghost: {
|
|
30
|
-
backgroundColor: "transparent",
|
|
31
|
-
borderColor: "transparent",
|
|
32
|
-
color: value,
|
|
33
|
-
disabledBackgroundColor: "transparent",
|
|
34
|
-
disabledBorderColor: "transparent",
|
|
35
|
-
disabledColor
|
|
36
|
-
},
|
|
37
|
-
plain: {
|
|
38
|
-
backgroundColor: "transparent",
|
|
39
|
-
borderColor: "transparent",
|
|
40
|
-
color: value,
|
|
41
|
-
disabledBackgroundColor: "transparent",
|
|
42
|
-
disabledBorderColor: "transparent",
|
|
43
|
-
disabledColor
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
2
|
return {
|
|
47
3
|
borderWidth: tokens.borderSize.sm,
|
|
48
4
|
borderRadius: tokens.radii.round,
|
|
@@ -70,30 +26,234 @@ function createTagTokens(tokens) {
|
|
|
70
26
|
}
|
|
71
27
|
},
|
|
72
28
|
colors: {
|
|
73
|
-
primary:
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
29
|
+
primary: {
|
|
30
|
+
filled: {
|
|
31
|
+
default: {
|
|
32
|
+
backgroundColor: tokens.colors.primary.value,
|
|
33
|
+
borderColor: tokens.colors.primary.value,
|
|
34
|
+
color: tokens.colors.primary.contrast
|
|
35
|
+
},
|
|
36
|
+
disabled: {
|
|
37
|
+
backgroundColor: tokens.colors.neutral["4"],
|
|
38
|
+
borderColor: tokens.colors.neutral["6"],
|
|
39
|
+
color: tokens.colors.text.disabled
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
outlined: {
|
|
43
|
+
default: {
|
|
44
|
+
backgroundColor: "transparent",
|
|
45
|
+
borderColor: tokens.colors.primary.value,
|
|
46
|
+
color: tokens.colors.primary.value
|
|
47
|
+
},
|
|
48
|
+
disabled: {
|
|
49
|
+
backgroundColor: "transparent",
|
|
50
|
+
borderColor: tokens.colors.neutral["6"],
|
|
51
|
+
color: tokens.colors.text.disabled
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
soft: {
|
|
55
|
+
default: {
|
|
56
|
+
backgroundColor: tokens.colors.primary.contrast,
|
|
57
|
+
borderColor: tokens.colors.primary.contrast,
|
|
58
|
+
color: tokens.colors.primary.value
|
|
59
|
+
},
|
|
60
|
+
disabled: {
|
|
61
|
+
backgroundColor: tokens.colors.neutral["3"],
|
|
62
|
+
borderColor: tokens.colors.neutral["3"],
|
|
63
|
+
color: tokens.colors.text.disabled
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
secondary: {
|
|
68
|
+
filled: {
|
|
69
|
+
default: {
|
|
70
|
+
backgroundColor: tokens.colors.secondary.value,
|
|
71
|
+
borderColor: tokens.colors.secondary.value,
|
|
72
|
+
color: tokens.colors.secondary.contrast
|
|
73
|
+
},
|
|
74
|
+
disabled: {
|
|
75
|
+
backgroundColor: tokens.colors.neutral["4"],
|
|
76
|
+
borderColor: tokens.colors.neutral["6"],
|
|
77
|
+
color: tokens.colors.text.disabled
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
outlined: {
|
|
81
|
+
default: {
|
|
82
|
+
backgroundColor: "transparent",
|
|
83
|
+
borderColor: tokens.colors.secondary.value,
|
|
84
|
+
color: tokens.colors.secondary.value
|
|
85
|
+
},
|
|
86
|
+
disabled: {
|
|
87
|
+
backgroundColor: "transparent",
|
|
88
|
+
borderColor: tokens.colors.neutral["6"],
|
|
89
|
+
color: tokens.colors.text.disabled
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
soft: {
|
|
93
|
+
default: {
|
|
94
|
+
backgroundColor: tokens.colors.secondary.contrast,
|
|
95
|
+
borderColor: tokens.colors.secondary.contrast,
|
|
96
|
+
color: tokens.colors.secondary.value
|
|
97
|
+
},
|
|
98
|
+
disabled: {
|
|
99
|
+
backgroundColor: tokens.colors.neutral["3"],
|
|
100
|
+
borderColor: tokens.colors.neutral["3"],
|
|
101
|
+
color: tokens.colors.text.disabled
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
error: {
|
|
106
|
+
filled: {
|
|
107
|
+
default: {
|
|
108
|
+
backgroundColor: tokens.colors.feedback.error.value,
|
|
109
|
+
borderColor: tokens.colors.feedback.error.value,
|
|
110
|
+
color: tokens.colors.feedback.error.contrast
|
|
111
|
+
},
|
|
112
|
+
disabled: {
|
|
113
|
+
backgroundColor: tokens.colors.neutral["4"],
|
|
114
|
+
borderColor: tokens.colors.neutral["6"],
|
|
115
|
+
color: tokens.colors.text.disabled
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
outlined: {
|
|
119
|
+
default: {
|
|
120
|
+
backgroundColor: "transparent",
|
|
121
|
+
borderColor: tokens.colors.feedback.error.value,
|
|
122
|
+
color: tokens.colors.feedback.error.value
|
|
123
|
+
},
|
|
124
|
+
disabled: {
|
|
125
|
+
backgroundColor: "transparent",
|
|
126
|
+
borderColor: tokens.colors.neutral["6"],
|
|
127
|
+
color: tokens.colors.text.disabled
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
soft: {
|
|
131
|
+
default: {
|
|
132
|
+
backgroundColor: tokens.colors.feedback.error.contrast,
|
|
133
|
+
borderColor: tokens.colors.feedback.error.contrast,
|
|
134
|
+
color: tokens.colors.feedback.error.value
|
|
135
|
+
},
|
|
136
|
+
disabled: {
|
|
137
|
+
backgroundColor: tokens.colors.neutral["3"],
|
|
138
|
+
borderColor: tokens.colors.neutral["3"],
|
|
139
|
+
color: tokens.colors.text.disabled
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
warning: {
|
|
144
|
+
filled: {
|
|
145
|
+
default: {
|
|
146
|
+
backgroundColor: tokens.colors.feedback.warning.value,
|
|
147
|
+
borderColor: tokens.colors.feedback.warning.value,
|
|
148
|
+
color: tokens.colors.feedback.warning.contrast
|
|
149
|
+
},
|
|
150
|
+
disabled: {
|
|
151
|
+
backgroundColor: tokens.colors.neutral["4"],
|
|
152
|
+
borderColor: tokens.colors.neutral["6"],
|
|
153
|
+
color: tokens.colors.text.disabled
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
outlined: {
|
|
157
|
+
default: {
|
|
158
|
+
backgroundColor: "transparent",
|
|
159
|
+
borderColor: tokens.colors.feedback.warning.value,
|
|
160
|
+
color: tokens.colors.feedback.warning.value
|
|
161
|
+
},
|
|
162
|
+
disabled: {
|
|
163
|
+
backgroundColor: "transparent",
|
|
164
|
+
borderColor: tokens.colors.neutral["6"],
|
|
165
|
+
color: tokens.colors.text.disabled
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
soft: {
|
|
169
|
+
default: {
|
|
170
|
+
backgroundColor: tokens.colors.feedback.warning.contrast,
|
|
171
|
+
borderColor: tokens.colors.feedback.warning.contrast,
|
|
172
|
+
color: tokens.colors.feedback.warning.value
|
|
173
|
+
},
|
|
174
|
+
disabled: {
|
|
175
|
+
backgroundColor: tokens.colors.neutral["3"],
|
|
176
|
+
borderColor: tokens.colors.neutral["3"],
|
|
177
|
+
color: tokens.colors.text.disabled
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
success: {
|
|
182
|
+
filled: {
|
|
183
|
+
default: {
|
|
184
|
+
backgroundColor: tokens.colors.feedback.success.value,
|
|
185
|
+
borderColor: tokens.colors.feedback.success.value,
|
|
186
|
+
color: tokens.colors.feedback.success.contrast
|
|
187
|
+
},
|
|
188
|
+
disabled: {
|
|
189
|
+
backgroundColor: tokens.colors.neutral["4"],
|
|
190
|
+
borderColor: tokens.colors.neutral["6"],
|
|
191
|
+
color: tokens.colors.text.disabled
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
outlined: {
|
|
195
|
+
default: {
|
|
196
|
+
backgroundColor: "transparent",
|
|
197
|
+
borderColor: tokens.colors.feedback.success.value,
|
|
198
|
+
color: tokens.colors.feedback.success.value
|
|
199
|
+
},
|
|
200
|
+
disabled: {
|
|
201
|
+
backgroundColor: "transparent",
|
|
202
|
+
borderColor: tokens.colors.neutral["6"],
|
|
203
|
+
color: tokens.colors.text.disabled
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
soft: {
|
|
207
|
+
default: {
|
|
208
|
+
backgroundColor: tokens.colors.feedback.success.contrast,
|
|
209
|
+
borderColor: tokens.colors.feedback.success.contrast,
|
|
210
|
+
color: tokens.colors.feedback.success.value
|
|
211
|
+
},
|
|
212
|
+
disabled: {
|
|
213
|
+
backgroundColor: tokens.colors.neutral["3"],
|
|
214
|
+
borderColor: tokens.colors.neutral["3"],
|
|
215
|
+
color: tokens.colors.text.disabled
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
info: {
|
|
220
|
+
filled: {
|
|
221
|
+
default: {
|
|
222
|
+
backgroundColor: tokens.colors.feedback.info.value,
|
|
223
|
+
borderColor: tokens.colors.feedback.info.value,
|
|
224
|
+
color: tokens.colors.feedback.info.contrast
|
|
225
|
+
},
|
|
226
|
+
disabled: {
|
|
227
|
+
backgroundColor: tokens.colors.neutral["4"],
|
|
228
|
+
borderColor: tokens.colors.neutral["6"],
|
|
229
|
+
color: tokens.colors.text.disabled
|
|
230
|
+
}
|
|
231
|
+
},
|
|
232
|
+
outlined: {
|
|
233
|
+
default: {
|
|
234
|
+
backgroundColor: "transparent",
|
|
235
|
+
borderColor: tokens.colors.feedback.info.value,
|
|
236
|
+
color: tokens.colors.feedback.info.value
|
|
237
|
+
},
|
|
238
|
+
disabled: {
|
|
239
|
+
backgroundColor: "transparent",
|
|
240
|
+
borderColor: tokens.colors.neutral["6"],
|
|
241
|
+
color: tokens.colors.text.disabled
|
|
242
|
+
}
|
|
243
|
+
},
|
|
244
|
+
soft: {
|
|
245
|
+
default: {
|
|
246
|
+
backgroundColor: tokens.colors.feedback.info.contrast,
|
|
247
|
+
borderColor: tokens.colors.feedback.info.contrast,
|
|
248
|
+
color: tokens.colors.feedback.info.value
|
|
249
|
+
},
|
|
250
|
+
disabled: {
|
|
251
|
+
backgroundColor: tokens.colors.neutral["3"],
|
|
252
|
+
borderColor: tokens.colors.neutral["3"],
|
|
253
|
+
color: tokens.colors.text.disabled
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}
|
|
97
257
|
}
|
|
98
258
|
};
|
|
99
259
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n const neutral = tokens.colors.neutral;\n const disabledColor = tokens.colors.text.disabled;\n\n const createVariants = (value: string, contrast: string) => ({\n filled: {\n backgroundColor: value,\n borderColor: value,\n color: contrast,\n\n disabledBackgroundColor: neutral[\"4\"],\n disabledBorderColor: neutral[\"6\"],\n disabledColor,\n },\n\n outlined: {\n backgroundColor: \"transparent\",\n borderColor: value,\n color: value,\n\n disabledBackgroundColor: \"transparent\",\n disabledBorderColor: neutral[\"6\"],\n disabledColor,\n },\n\n soft: {\n backgroundColor: contrast,\n borderColor: contrast,\n color: value,\n\n disabledBackgroundColor: neutral[\"3\"],\n disabledBorderColor: neutral[\"3\"],\n disabledColor,\n },\n\n ghost: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n\n disabledBackgroundColor: \"transparent\",\n disabledBorderColor: \"transparent\",\n disabledColor,\n },\n\n plain: {\n backgroundColor: \"transparent\",\n borderColor: \"transparent\",\n color: value,\n\n disabledBackgroundColor: \"transparent\",\n disabledBorderColor: \"transparent\",\n disabledColor,\n },\n });\n\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n gap: tokens.space.xxs,\n closeHitSlop: 10,\n iconMarginLeft: tokens.borderSize.md,\n\n sizes: {\n small: {\n height: 24,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xl,\n fontSize: tokens.fontSize.xs,\n },\n\n medium: {\n height: 28,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n\n large: {\n height: 32,\n paddingHorizontal: tokens.space.mxs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n },\n\n colors: {\n primary: createVariants(\n tokens.colors.primary.value,\n tokens.colors.primary.contrast,\n ),\n\n secondary: createVariants(\n tokens.colors.secondary.value,\n tokens.colors.secondary.contrast,\n ),\n\n error: createVariants(\n tokens.colors.feedback.error.value,\n tokens.colors.feedback.error.contrast,\n ),\n\n warning: createVariants(\n tokens.colors.feedback.warning.value,\n tokens.colors.feedback.warning.contrast,\n ),\n\n success: createVariants(\n tokens.colors.feedback.success.value,\n tokens.colors.feedback.success.contrast,\n ),\n\n info: createVariants(\n tokens.colors.feedback.info.value,\n tokens.colors.feedback.info.contrast,\n ),\n },\n };\n}\n"],"mappings":"AAEO,SAAS,gBAAgB,QAAyC;AACvE,QAAM,UAAU,OAAO,OAAO;AAC9B,QAAM,gBAAgB,OAAO,OAAO,KAAK;AAEzC,QAAM,iBAAiB,CAAC,OAAe,cAAsB;AAAA,IAC3D,QAAQ;AAAA,MACN,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB,QAAQ,GAAG;AAAA,MACpC,qBAAqB,QAAQ,GAAG;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,IAEA,OAAO;AAAA,MACL,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,MAEP,yBAAyB;AAAA,MACzB,qBAAqB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,KAAK,OAAO,MAAM;AAAA,IAClB,cAAc;AAAA,IACd,gBAAgB,OAAO,WAAW;AAAA,IAElC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,QAChC,UAAU,OAAO,MAAM;AAAA,QACvB,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,OAAO,OAAO,QAAQ;AAAA,QACtB,OAAO,OAAO,QAAQ;AAAA,MACxB;AAAA,MAEA,WAAW;AAAA,QACT,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,OAAO,UAAU;AAAA,MAC1B;AAAA,MAEA,OAAO;AAAA,QACL,OAAO,OAAO,SAAS,MAAM;AAAA,QAC7B,OAAO,OAAO,SAAS,MAAM;AAAA,MAC/B;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,SAAS;AAAA,QACP,OAAO,OAAO,SAAS,QAAQ;AAAA,QAC/B,OAAO,OAAO,SAAS,QAAQ;AAAA,MACjC;AAAA,MAEA,MAAM;AAAA,QACJ,OAAO,OAAO,SAAS,KAAK;AAAA,QAC5B,OAAO,OAAO,SAAS,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n return {\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.round,\n gap: tokens.space.xxs,\n closeHitSlop: 10,\n iconMarginLeft: tokens.borderSize.md,\n\n sizes: {\n small: {\n height: 24,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xl,\n fontSize: tokens.fontSize.xs,\n },\n\n medium: {\n height: 28,\n paddingHorizontal: tokens.space.xs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n\n large: {\n height: 32,\n paddingHorizontal: tokens.space.mxs,\n minWidth: tokens.space.xxl,\n fontSize: tokens.fontSize.xsm,\n },\n },\n\n colors: {\n primary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.primary.value,\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.primary.value,\n color: tokens.colors.primary.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.primary.contrast,\n borderColor: tokens.colors.primary.contrast,\n color: tokens.colors.primary.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n secondary: {\n filled: {\n default: {\n backgroundColor: tokens.colors.secondary.value,\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.secondary.value,\n color: tokens.colors.secondary.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.secondary.contrast,\n borderColor: tokens.colors.secondary.contrast,\n color: tokens.colors.secondary.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n error: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.error.value,\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.error.value,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.error.contrast,\n borderColor: tokens.colors.feedback.error.contrast,\n color: tokens.colors.feedback.error.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n warning: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.value,\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.warning.value,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.warning.contrast,\n borderColor: tokens.colors.feedback.warning.contrast,\n color: tokens.colors.feedback.warning.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n success: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.success.value,\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.success.value,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.success.contrast,\n borderColor: tokens.colors.feedback.success.contrast,\n color: tokens.colors.feedback.success.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n info: {\n filled: {\n default: {\n backgroundColor: tokens.colors.feedback.info.value,\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.contrast,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"4\"],\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.feedback.info.value,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.neutral[\"6\"],\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\n default: {\n backgroundColor: tokens.colors.feedback.info.contrast,\n borderColor: tokens.colors.feedback.info.contrast,\n color: tokens.colors.feedback.info.value,\n },\n disabled: {\n backgroundColor: tokens.colors.neutral[\"3\"],\n borderColor: tokens.colors.neutral[\"3\"],\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
|
|
|
8
8
|
import '../types/avatar-tokens.types.mjs';
|
|
9
9
|
import '../types/buttons-tokens.types.mjs';
|
|
10
10
|
import '../types/card-tokens.types.mjs';
|
|
11
|
-
import '../types/control-
|
|
11
|
+
import '../types/control-tokens.types.mjs';
|
|
12
12
|
import '../types/data-state-tokens.types.mjs';
|
|
13
13
|
import '../types/datetime-picker-tokens.types.mjs';
|
|
14
14
|
import '../types/divider-tokens.types.mjs';
|
|
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
19
19
|
import '../types/spinner-tokens.types.mjs';
|
|
20
20
|
import '../types/select-tokens.types.mjs';
|
|
21
21
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
|
+
import '../types/slider-tokens.types.mjs';
|
|
22
23
|
import '../types/stepper-tokens.types.mjs';
|
|
23
24
|
import '../types/switch-tokens.types.mjs';
|
|
24
25
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
function createTextareaTokens(tokens) {
|
|
2
2
|
return {
|
|
3
|
-
counterColor: tokens.colors.text.tertiary,
|
|
4
3
|
counterFontSize: tokens.fontSize.xs,
|
|
5
|
-
disabledCounterColor: tokens.colors.text.disabled,
|
|
6
|
-
errorCounterColor: tokens.colors.feedback.error.value,
|
|
7
4
|
footerGap: tokens.space.xs,
|
|
8
5
|
footerMarginTop: tokens.space.xxs,
|
|
9
6
|
sizes: {
|
|
@@ -19,6 +16,12 @@ function createTextareaTokens(tokens) {
|
|
|
19
16
|
lineHeight: tokens.lineHeight.sm,
|
|
20
17
|
paddingVertical: tokens.space.xs
|
|
21
18
|
}
|
|
19
|
+
},
|
|
20
|
+
states: {
|
|
21
|
+
default: { counterColor: tokens.colors.text.tertiary },
|
|
22
|
+
error: { counterColor: tokens.colors.feedback.error.value },
|
|
23
|
+
disabled: { counterColor: tokens.colors.text.disabled },
|
|
24
|
+
disabledError: { counterColor: tokens.colors.text.disabled }
|
|
22
25
|
}
|
|
23
26
|
};
|
|
24
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-textarea-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, TextareaTokens } from \"../types\";\n\nexport function createTextareaTokens(\n tokens: PrimitiveThemeTokens,\n): TextareaTokens {\n return {\n
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-textarea-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, TextareaTokens } from \"../types\";\n\nexport function createTextareaTokens(\n tokens: PrimitiveThemeTokens,\n): TextareaTokens {\n return {\n counterFontSize: tokens.fontSize.xs,\n footerGap: tokens.space.xs,\n footerMarginTop: tokens.space.xxs,\n sizes: {\n small: {\n lineHeight: tokens.lineHeight.xs,\n paddingVertical: tokens.space.xs,\n },\n medium: {\n lineHeight: tokens.lineHeight.xsm,\n paddingVertical: tokens.space.xs,\n },\n large: {\n lineHeight: tokens.lineHeight.sm,\n paddingVertical: tokens.space.xs,\n },\n },\n states: {\n default: { counterColor: tokens.colors.text.tertiary },\n error: { counterColor: tokens.colors.feedback.error.value },\n disabled: { counterColor: tokens.colors.text.disabled },\n disabledError: { counterColor: tokens.colors.text.disabled },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,qBACd,QACgB;AAChB,SAAO;AAAA,IACL,iBAAiB,OAAO,SAAS;AAAA,IACjC,WAAW,OAAO,MAAM;AAAA,IACxB,iBAAiB,OAAO,MAAM;AAAA,IAC9B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,YAAY,OAAO,WAAW;AAAA,QAC9B,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,OAAO,WAAW;AAAA,QAC9B,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,YAAY,OAAO,WAAW;AAAA,QAC9B,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,EAAE,cAAc,OAAO,OAAO,KAAK,SAAS;AAAA,MACrD,OAAO,EAAE,cAAc,OAAO,OAAO,SAAS,MAAM,MAAM;AAAA,MAC1D,UAAU,EAAE,cAAc,OAAO,OAAO,KAAK,SAAS;AAAA,MACtD,eAAe,EAAE,cAAc,OAAO,OAAO,KAAK,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;","names":[]}
|
|
@@ -8,7 +8,7 @@ import '../types/accordion-tokens.types.mjs';
|
|
|
8
8
|
import '../types/avatar-tokens.types.mjs';
|
|
9
9
|
import '../types/buttons-tokens.types.mjs';
|
|
10
10
|
import '../types/card-tokens.types.mjs';
|
|
11
|
-
import '../types/control-
|
|
11
|
+
import '../types/control-tokens.types.mjs';
|
|
12
12
|
import '../types/data-state-tokens.types.mjs';
|
|
13
13
|
import '../types/datetime-picker-tokens.types.mjs';
|
|
14
14
|
import '../types/divider-tokens.types.mjs';
|
|
@@ -19,6 +19,7 @@ import '../types/progress-tokens.types.mjs';
|
|
|
19
19
|
import '../types/spinner-tokens.types.mjs';
|
|
20
20
|
import '../types/select-tokens.types.mjs';
|
|
21
21
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
|
+
import '../types/slider-tokens.types.mjs';
|
|
22
23
|
import '../types/stepper-tokens.types.mjs';
|
|
23
24
|
import '../types/switch-tokens.types.mjs';
|
|
24
25
|
import '../types/tag-tokens.types.mjs';
|
|
@@ -15,10 +15,16 @@ function createTimePickerTokens(tokens) {
|
|
|
15
15
|
verticalPadding: VerticalPadding,
|
|
16
16
|
initialScrollIndexViewOffset: -VerticalPadding,
|
|
17
17
|
fontSize: tokens.fontSize.xl,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
states: {
|
|
19
|
+
default: {
|
|
20
|
+
color: tokens.colors.text.primary,
|
|
21
|
+
fontWeight: tokens.fontWeight.regular
|
|
22
|
+
},
|
|
23
|
+
selected: {
|
|
24
|
+
color: tokens.colors.primary.value,
|
|
25
|
+
fontWeight: tokens.fontWeight.semiBold
|
|
26
|
+
}
|
|
27
|
+
}
|
|
22
28
|
},
|
|
23
29
|
flyout: {
|
|
24
30
|
gap: tokens.space.msm
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-time-picker-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TimePickerTokens } from \"../types\";\
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-time-picker-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TimePickerTokens } from \"../types\";\n\nexport function createTimePickerTokens(\n tokens: PrimitiveThemeTokens,\n): TimePickerTokens {\n const ItemHeight = 50;\n const VisibleItems = 5;\n const ContainerHeight = ItemHeight * VisibleItems;\n const VerticalPadding = ContainerHeight / 2 - ItemHeight / 2;\n const ColumnWidth = 70;\n\n return {\n column: {\n width: ColumnWidth,\n height: ContainerHeight,\n gap: tokens.space.xxs,\n\n listWidth: 30,\n itemHeight: ItemHeight,\n visibleItems: VisibleItems,\n verticalPadding: VerticalPadding,\n initialScrollIndexViewOffset: -VerticalPadding,\n\n fontSize: tokens.fontSize.xl,\n states: {\n default: {\n color: tokens.colors.text.primary,\n fontWeight: tokens.fontWeight.regular,\n },\n selected: {\n color: tokens.colors.primary.value,\n fontWeight: tokens.fontWeight.semiBold,\n },\n },\n },\n\n flyout: {\n gap: tokens.space.msm,\n },\n\n columns: {\n height: ContainerHeight,\n gap: tokens.space.xs,\n indicatorHeight: ItemHeight,\n indicatorWidth: ColumnWidth * 3 + 70,\n indicatorTop: VerticalPadding,\n indicatorBorderRadius: tokens.radii.round,\n indicatorBackgroundColor: tokens.colors.surface.primary.value,\n },\n };\n}\n"],"mappings":"AAEO,SAAS,uBACd,QACkB;AAClB,QAAM,aAAa;AACnB,QAAM,eAAe;AACrB,QAAM,kBAAkB,aAAa;AACrC,QAAM,kBAAkB,kBAAkB,IAAI,aAAa;AAC3D,QAAM,cAAc;AAEpB,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAElB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,8BAA8B,CAAC;AAAA,MAE/B,UAAU,OAAO,SAAS;AAAA,MAC1B,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,OAAO,OAAO,OAAO,KAAK;AAAA,UAC1B,YAAY,OAAO,WAAW;AAAA,QAChC;AAAA,QACA,UAAU;AAAA,UACR,OAAO,OAAO,OAAO,QAAQ;AAAA,UAC7B,YAAY,OAAO,WAAW;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,KAAK,OAAO,MAAM;AAAA,IACpB;AAAA,IAEA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,KAAK,OAAO,MAAM;AAAA,MAClB,iBAAiB;AAAA,MACjB,gBAAgB,cAAc,IAAI;AAAA,MAClC,cAAc;AAAA,MACd,uBAAuB,OAAO,MAAM;AAAA,MACpC,0BAA0B,OAAO,OAAO,QAAQ,QAAQ;AAAA,IAC1D;AAAA,EACF;AACF;","names":[]}
|