@impulse-ui-native/theme 4.0.0 → 6.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/README.md +23 -0
- package/dist/hooks/index.d.mts +5 -1
- package/dist/hooks/use-colors.hook.d.mts +5 -1
- package/dist/hooks/use-components-tokens.hook.d.mts +5 -1
- package/dist/hooks/use-theme.hook.d.mts +5 -1
- package/dist/hooks/use-themed-styles.d.mts +5 -1
- package/dist/index.d.mts +18 -5
- package/dist/providers/index.d.mts +5 -1
- package/dist/providers/theme.provider.d.mts +5 -1
- package/dist/theme/create-accordion-tokens.d.mts +5 -1
- package/dist/theme/create-avatar-tokens.d.mts +5 -1
- package/dist/theme/create-avatar-tokens.js +1 -1
- package/dist/theme/create-avatar-tokens.js.map +1 -1
- package/dist/theme/create-badge-tokens.d.mts +6 -2
- package/dist/theme/create-badge-tokens.js +7 -6
- package/dist/theme/create-badge-tokens.js.map +1 -1
- package/dist/theme/create-button-tokens.d.mts +5 -1
- package/dist/theme/create-button-tokens.js +5 -6
- package/dist/theme/create-button-tokens.js.map +1 -1
- package/dist/theme/create-card-tokens.d.mts +5 -1
- package/dist/theme/create-carousel-tokens.d.mts +35 -0
- package/dist/theme/create-carousel-tokens.js +32 -0
- package/dist/theme/create-carousel-tokens.js.map +1 -0
- package/dist/theme/create-checkbox-tokens.d.mts +5 -1
- package/dist/theme/create-checkbox-tokens.js +9 -9
- package/dist/theme/create-checkbox-tokens.js.map +1 -1
- package/dist/theme/create-control-tokens.d.mts +5 -1
- package/dist/theme/create-control-tokens.js +6 -6
- package/dist/theme/create-control-tokens.js.map +1 -1
- package/dist/theme/create-data-state-tokens.d.mts +5 -1
- package/dist/theme/create-datetime-picker.d.mts +5 -1
- package/dist/theme/create-datetime-picker.js +1 -1
- package/dist/theme/create-datetime-picker.js.map +1 -1
- package/dist/theme/create-divider-tokens.d.mts +5 -1
- package/dist/theme/create-divider-tokens.js +64 -2
- package/dist/theme/create-divider-tokens.js.map +1 -1
- package/dist/theme/create-flyout-tokens.d.mts +5 -1
- package/dist/theme/create-flyout-tokens.js +31 -3
- package/dist/theme/create-flyout-tokens.js.map +1 -1
- package/dist/theme/create-icon-button-tokens.d.mts +5 -1
- package/dist/theme/create-icon-button-tokens.js +5 -6
- package/dist/theme/create-icon-button-tokens.js.map +1 -1
- package/dist/theme/create-list-tokens.d.mts +35 -0
- package/dist/theme/create-list-tokens.js +14 -0
- package/dist/theme/create-list-tokens.js.map +1 -0
- package/dist/theme/create-pagination-tokens.d.mts +35 -0
- package/dist/theme/create-pagination-tokens.js +57 -0
- package/dist/theme/create-pagination-tokens.js.map +1 -0
- package/dist/theme/create-progress-tokens.d.mts +5 -1
- package/dist/theme/create-progress-tokens.js +4 -4
- package/dist/theme/create-progress-tokens.js.map +1 -1
- package/dist/theme/create-radio-tokens.d.mts +5 -1
- package/dist/theme/create-radio-tokens.js +9 -9
- package/dist/theme/create-radio-tokens.js.map +1 -1
- package/dist/theme/create-segmented-control-tokens.d.mts +35 -0
- package/dist/theme/create-segmented-control-tokens.js +157 -0
- package/dist/theme/create-segmented-control-tokens.js.map +1 -0
- package/dist/theme/create-select-tokens.d.mts +5 -1
- package/dist/theme/create-skeleton-tokens.d.mts +5 -1
- package/dist/theme/create-skeleton-tokens.js +1 -1
- package/dist/theme/create-skeleton-tokens.js.map +1 -1
- package/dist/theme/create-slider-tokens.d.mts +5 -1
- package/dist/theme/create-slider-tokens.js +55 -62
- package/dist/theme/create-slider-tokens.js.map +1 -1
- package/dist/theme/create-spinner-tokens.d.mts +5 -1
- package/dist/theme/create-spinner-tokens.js +1 -1
- package/dist/theme/create-spinner-tokens.js.map +1 -1
- package/dist/theme/create-stepper-tokens.d.mts +5 -1
- package/dist/theme/create-switch-tokens.d.mts +5 -1
- package/dist/theme/create-switch-tokens.js +22 -22
- package/dist/theme/create-switch-tokens.js.map +1 -1
- package/dist/theme/create-tag-tokens.d.mts +5 -1
- package/dist/theme/create-tag-tokens.js +38 -38
- package/dist/theme/create-tag-tokens.js.map +1 -1
- package/dist/theme/create-textarea-tokens.d.mts +5 -1
- package/dist/theme/create-time-picker-tokens.d.mts +5 -1
- package/dist/theme/create-toast-tokens.d.mts +35 -0
- package/dist/theme/create-toast-tokens.js +30 -0
- package/dist/theme/create-toast-tokens.js.map +1 -0
- package/dist/theme/dark.theme.d.mts +5 -1
- package/dist/theme/dark.theme.js +2 -2
- package/dist/theme/dark.theme.js.map +1 -1
- package/dist/theme/index.d.mts +10 -2
- package/dist/theme/index.js +4 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/light.theme.d.mts +5 -1
- package/dist/theme/tokens.theme.d.mts +7 -2
- package/dist/theme/tokens.theme.js +97 -7
- package/dist/theme/tokens.theme.js.map +1 -1
- package/dist/theme-provider.types-BSPyJjfq.d.mts +155 -0
- package/dist/types/carousel-tokens.types.d.mts +28 -0
- package/dist/types/carousel-tokens.types.js +1 -0
- package/dist/types/carousel-tokens.types.js.map +1 -0
- package/dist/types/divider-tokens.types.d.mts +20 -3
- package/dist/types/flyout-tokens.types.d.mts +22 -3
- package/dist/types/index.d.mts +8 -4
- package/dist/types/index.js +5 -0
- package/dist/types/index.js.map +1 -1
- package/dist/types/list-tokens.types.d.mts +15 -0
- package/dist/types/list-tokens.types.js +1 -0
- package/dist/types/list-tokens.types.js.map +1 -0
- package/dist/types/pagination-tokens.types.d.mts +30 -0
- package/dist/types/pagination-tokens.types.js +1 -0
- package/dist/types/pagination-tokens.types.js.map +1 -0
- package/dist/types/segmented-control-tokens.types.d.mts +49 -0
- package/dist/types/segmented-control-tokens.types.js +1 -0
- package/dist/types/segmented-control-tokens.types.js.map +1 -0
- package/dist/types/slider-tokens.types.d.mts +15 -6
- package/dist/types/theme-provider.types.d.mts +30 -120
- package/dist/types/toast-tokens.types.d.mts +31 -0
- package/dist/types/toast-tokens.types.js +1 -0
- package/dist/types/toast-tokens.types.js.map +1 -0
- package/dist/utils/action-state.utils.js +3 -1
- package/dist/utils/action-state.utils.js.map +1 -1
- package/dist/utils/control-state.utils.js +3 -1
- package/dist/utils/control-state.utils.js.map +1 -1
- package/dist/utils/datetime-picker-state.utils.js +6 -2
- package/dist/utils/datetime-picker-state.utils.js.map +1 -1
- package/dist/utils/divider-tokens.utils.d.mts +5 -0
- package/dist/utils/divider-tokens.utils.js +10 -0
- package/dist/utils/divider-tokens.utils.js.map +1 -0
- package/dist/utils/field-state.utils.js +3 -1
- package/dist/utils/field-state.utils.js.map +1 -1
- package/dist/utils/flyout-tokens.utils.d.mts +5 -0
- package/dist/utils/flyout-tokens.utils.js +11 -0
- package/dist/utils/flyout-tokens.utils.js.map +1 -0
- package/dist/utils/index.d.mts +13 -4
- package/dist/utils/index.js +5 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/pagination-state.utils.d.mts +6 -0
- package/dist/utils/pagination-state.utils.js +11 -0
- package/dist/utils/pagination-state.utils.js.map +1 -0
- package/dist/utils/segmented-control-state.utils.d.mts +6 -0
- package/dist/utils/segmented-control-state.utils.js +20 -0
- package/dist/utils/segmented-control-state.utils.js.map +1 -0
- package/dist/utils/slider-tokens.utils.d.mts +6 -0
- package/dist/utils/slider-tokens.utils.js +15 -0
- package/dist/utils/slider-tokens.utils.js.map +1 -0
- package/dist/utils/style.utils.d.mts +5 -1
- package/dist/utils/style.utils.js +12 -4
- package/dist/utils/style.utils.js.map +1 -1
- package/package.json +3 -3
|
@@ -34,8 +34,8 @@ function createTagTokens(tokens) {
|
|
|
34
34
|
color: tokens.colors.primary.contrast
|
|
35
35
|
},
|
|
36
36
|
disabled: {
|
|
37
|
-
backgroundColor: tokens.colors.
|
|
38
|
-
borderColor: tokens.colors.
|
|
37
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
38
|
+
borderColor: tokens.colors.border.strong.value,
|
|
39
39
|
color: tokens.colors.text.disabled
|
|
40
40
|
}
|
|
41
41
|
},
|
|
@@ -47,19 +47,19 @@ function createTagTokens(tokens) {
|
|
|
47
47
|
},
|
|
48
48
|
disabled: {
|
|
49
49
|
backgroundColor: "transparent",
|
|
50
|
-
borderColor: tokens.colors.
|
|
50
|
+
borderColor: tokens.colors.border.strong.value,
|
|
51
51
|
color: tokens.colors.text.disabled
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
soft: {
|
|
55
55
|
default: {
|
|
56
|
-
backgroundColor: tokens.colors.
|
|
57
|
-
borderColor: tokens.colors.
|
|
58
|
-
color: tokens.colors.
|
|
56
|
+
backgroundColor: tokens.colors.secondary.value,
|
|
57
|
+
borderColor: tokens.colors.secondary.value,
|
|
58
|
+
color: tokens.colors.secondary.contrast
|
|
59
59
|
},
|
|
60
60
|
disabled: {
|
|
61
|
-
backgroundColor: tokens.colors.
|
|
62
|
-
borderColor: tokens.colors.
|
|
61
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
62
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
63
63
|
color: tokens.colors.text.disabled
|
|
64
64
|
}
|
|
65
65
|
}
|
|
@@ -72,32 +72,32 @@ function createTagTokens(tokens) {
|
|
|
72
72
|
color: tokens.colors.secondary.contrast
|
|
73
73
|
},
|
|
74
74
|
disabled: {
|
|
75
|
-
backgroundColor: tokens.colors.
|
|
76
|
-
borderColor: tokens.colors.
|
|
75
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
76
|
+
borderColor: tokens.colors.border.strong.value,
|
|
77
77
|
color: tokens.colors.text.disabled
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
80
|
outlined: {
|
|
81
81
|
default: {
|
|
82
82
|
backgroundColor: "transparent",
|
|
83
|
-
borderColor: tokens.colors.secondary.
|
|
84
|
-
color: tokens.colors.secondary.
|
|
83
|
+
borderColor: tokens.colors.secondary.contrast,
|
|
84
|
+
color: tokens.colors.secondary.contrast
|
|
85
85
|
},
|
|
86
86
|
disabled: {
|
|
87
87
|
backgroundColor: "transparent",
|
|
88
|
-
borderColor: tokens.colors.
|
|
88
|
+
borderColor: tokens.colors.border.strong.value,
|
|
89
89
|
color: tokens.colors.text.disabled
|
|
90
90
|
}
|
|
91
91
|
},
|
|
92
92
|
soft: {
|
|
93
93
|
default: {
|
|
94
|
-
backgroundColor: tokens.colors.secondary.
|
|
95
|
-
borderColor: tokens.colors.secondary.
|
|
96
|
-
color: tokens.colors.secondary.
|
|
94
|
+
backgroundColor: tokens.colors.secondary.value,
|
|
95
|
+
borderColor: tokens.colors.secondary.value,
|
|
96
|
+
color: tokens.colors.secondary.contrast
|
|
97
97
|
},
|
|
98
98
|
disabled: {
|
|
99
|
-
backgroundColor: tokens.colors.
|
|
100
|
-
borderColor: tokens.colors.
|
|
99
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
100
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
101
101
|
color: tokens.colors.text.disabled
|
|
102
102
|
}
|
|
103
103
|
}
|
|
@@ -110,8 +110,8 @@ function createTagTokens(tokens) {
|
|
|
110
110
|
color: tokens.colors.feedback.error.contrast
|
|
111
111
|
},
|
|
112
112
|
disabled: {
|
|
113
|
-
backgroundColor: tokens.colors.
|
|
114
|
-
borderColor: tokens.colors.
|
|
113
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
114
|
+
borderColor: tokens.colors.border.strong.value,
|
|
115
115
|
color: tokens.colors.text.disabled
|
|
116
116
|
}
|
|
117
117
|
},
|
|
@@ -123,7 +123,7 @@ function createTagTokens(tokens) {
|
|
|
123
123
|
},
|
|
124
124
|
disabled: {
|
|
125
125
|
backgroundColor: "transparent",
|
|
126
|
-
borderColor: tokens.colors.
|
|
126
|
+
borderColor: tokens.colors.border.strong.value,
|
|
127
127
|
color: tokens.colors.text.disabled
|
|
128
128
|
}
|
|
129
129
|
},
|
|
@@ -134,8 +134,8 @@ function createTagTokens(tokens) {
|
|
|
134
134
|
color: tokens.colors.feedback.error.value
|
|
135
135
|
},
|
|
136
136
|
disabled: {
|
|
137
|
-
backgroundColor: tokens.colors.
|
|
138
|
-
borderColor: tokens.colors.
|
|
137
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
138
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
139
139
|
color: tokens.colors.text.disabled
|
|
140
140
|
}
|
|
141
141
|
}
|
|
@@ -148,8 +148,8 @@ function createTagTokens(tokens) {
|
|
|
148
148
|
color: tokens.colors.feedback.warning.contrast
|
|
149
149
|
},
|
|
150
150
|
disabled: {
|
|
151
|
-
backgroundColor: tokens.colors.
|
|
152
|
-
borderColor: tokens.colors.
|
|
151
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
152
|
+
borderColor: tokens.colors.border.strong.value,
|
|
153
153
|
color: tokens.colors.text.disabled
|
|
154
154
|
}
|
|
155
155
|
},
|
|
@@ -161,7 +161,7 @@ function createTagTokens(tokens) {
|
|
|
161
161
|
},
|
|
162
162
|
disabled: {
|
|
163
163
|
backgroundColor: "transparent",
|
|
164
|
-
borderColor: tokens.colors.
|
|
164
|
+
borderColor: tokens.colors.border.strong.value,
|
|
165
165
|
color: tokens.colors.text.disabled
|
|
166
166
|
}
|
|
167
167
|
},
|
|
@@ -172,8 +172,8 @@ function createTagTokens(tokens) {
|
|
|
172
172
|
color: tokens.colors.feedback.warning.value
|
|
173
173
|
},
|
|
174
174
|
disabled: {
|
|
175
|
-
backgroundColor: tokens.colors.
|
|
176
|
-
borderColor: tokens.colors.
|
|
175
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
176
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
177
177
|
color: tokens.colors.text.disabled
|
|
178
178
|
}
|
|
179
179
|
}
|
|
@@ -186,8 +186,8 @@ function createTagTokens(tokens) {
|
|
|
186
186
|
color: tokens.colors.feedback.success.contrast
|
|
187
187
|
},
|
|
188
188
|
disabled: {
|
|
189
|
-
backgroundColor: tokens.colors.
|
|
190
|
-
borderColor: tokens.colors.
|
|
189
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
190
|
+
borderColor: tokens.colors.border.strong.value,
|
|
191
191
|
color: tokens.colors.text.disabled
|
|
192
192
|
}
|
|
193
193
|
},
|
|
@@ -199,7 +199,7 @@ function createTagTokens(tokens) {
|
|
|
199
199
|
},
|
|
200
200
|
disabled: {
|
|
201
201
|
backgroundColor: "transparent",
|
|
202
|
-
borderColor: tokens.colors.
|
|
202
|
+
borderColor: tokens.colors.border.strong.value,
|
|
203
203
|
color: tokens.colors.text.disabled
|
|
204
204
|
}
|
|
205
205
|
},
|
|
@@ -210,8 +210,8 @@ function createTagTokens(tokens) {
|
|
|
210
210
|
color: tokens.colors.feedback.success.value
|
|
211
211
|
},
|
|
212
212
|
disabled: {
|
|
213
|
-
backgroundColor: tokens.colors.
|
|
214
|
-
borderColor: tokens.colors.
|
|
213
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
214
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
215
215
|
color: tokens.colors.text.disabled
|
|
216
216
|
}
|
|
217
217
|
}
|
|
@@ -224,8 +224,8 @@ function createTagTokens(tokens) {
|
|
|
224
224
|
color: tokens.colors.feedback.info.contrast
|
|
225
225
|
},
|
|
226
226
|
disabled: {
|
|
227
|
-
backgroundColor: tokens.colors.
|
|
228
|
-
borderColor: tokens.colors.
|
|
227
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
228
|
+
borderColor: tokens.colors.border.strong.value,
|
|
229
229
|
color: tokens.colors.text.disabled
|
|
230
230
|
}
|
|
231
231
|
},
|
|
@@ -237,7 +237,7 @@ function createTagTokens(tokens) {
|
|
|
237
237
|
},
|
|
238
238
|
disabled: {
|
|
239
239
|
backgroundColor: "transparent",
|
|
240
|
-
borderColor: tokens.colors.
|
|
240
|
+
borderColor: tokens.colors.border.strong.value,
|
|
241
241
|
color: tokens.colors.text.disabled
|
|
242
242
|
}
|
|
243
243
|
},
|
|
@@ -248,8 +248,8 @@ function createTagTokens(tokens) {
|
|
|
248
248
|
color: tokens.colors.feedback.info.value
|
|
249
249
|
},
|
|
250
250
|
disabled: {
|
|
251
|
-
backgroundColor: tokens.colors.
|
|
252
|
-
borderColor: tokens.colors.
|
|
251
|
+
backgroundColor: tokens.colors.surface.primary.value,
|
|
252
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
253
253
|
color: tokens.colors.text.disabled
|
|
254
254
|
}
|
|
255
255
|
}
|
|
@@ -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 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":[]}
|
|
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.surface.primary.value,\n borderColor: tokens.colors.border.strong.value,\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.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\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.surface.primary.value,\n borderColor: tokens.colors.border.subtle.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n outlined: {\n default: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.secondary.contrast,\n color: tokens.colors.secondary.contrast,\n },\n disabled: {\n backgroundColor: \"transparent\",\n borderColor: tokens.colors.border.strong.value,\n color: tokens.colors.text.disabled,\n },\n },\n soft: {\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.surface.primary.value,\n borderColor: tokens.colors.border.subtle.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.strong.value,\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.border.strong.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.subtle.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.strong.value,\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.border.strong.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.subtle.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.strong.value,\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.border.strong.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.subtle.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.strong.value,\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.border.strong.value,\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.surface.primary.value,\n borderColor: tokens.colors.border.subtle.value,\n color: tokens.colors.text.disabled,\n },\n },\n },\n },\n };\n}\n"],"mappings":"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","names":[]}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { PrimitiveThemeTokens } from '../
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-BSPyJjfq.mjs';
|
|
2
2
|
import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/carousel-tokens.types.mjs';
|
|
5
6
|
import '../types/checkbox-tokens.types.mjs';
|
|
7
|
+
import '../types/list-tokens.types.mjs';
|
|
6
8
|
import '../types/radio-tokens.types.mjs';
|
|
7
9
|
import '../types/accordion-tokens.types.mjs';
|
|
8
10
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
14
16
|
import '../types/divider-tokens.types.mjs';
|
|
15
17
|
import '../types/flyout-tokens.types.mjs';
|
|
16
18
|
import '../types/icon-tokens.types.mjs';
|
|
19
|
+
import '../types/pagination-tokens.types.mjs';
|
|
17
20
|
import '../types/pressable-tokens.types.mjs';
|
|
18
21
|
import '../types/progress-tokens.types.mjs';
|
|
19
22
|
import '../types/spinner-tokens.types.mjs';
|
|
23
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
20
24
|
import '../types/select-tokens.types.mjs';
|
|
21
25
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
26
|
import '../types/slider-tokens.types.mjs';
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { PrimitiveThemeTokens } from '../
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-BSPyJjfq.mjs';
|
|
2
2
|
import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
|
|
3
3
|
import '../types/badge-tokens.types.mjs';
|
|
4
4
|
import '../types/components.types.mjs';
|
|
5
|
+
import '../types/carousel-tokens.types.mjs';
|
|
5
6
|
import '../types/checkbox-tokens.types.mjs';
|
|
7
|
+
import '../types/list-tokens.types.mjs';
|
|
6
8
|
import '../types/radio-tokens.types.mjs';
|
|
7
9
|
import '../types/accordion-tokens.types.mjs';
|
|
8
10
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
14
16
|
import '../types/divider-tokens.types.mjs';
|
|
15
17
|
import '../types/flyout-tokens.types.mjs';
|
|
16
18
|
import '../types/icon-tokens.types.mjs';
|
|
19
|
+
import '../types/pagination-tokens.types.mjs';
|
|
17
20
|
import '../types/pressable-tokens.types.mjs';
|
|
18
21
|
import '../types/progress-tokens.types.mjs';
|
|
19
22
|
import '../types/spinner-tokens.types.mjs';
|
|
23
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
20
24
|
import '../types/select-tokens.types.mjs';
|
|
21
25
|
import '../types/skeleton-tokens.types.mjs';
|
|
22
26
|
import '../types/slider-tokens.types.mjs';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { P as PrimitiveThemeTokens, e as ToastTokens } from '../theme-provider.types-BSPyJjfq.mjs';
|
|
2
|
+
import '../types/badge-tokens.types.mjs';
|
|
3
|
+
import '../types/components.types.mjs';
|
|
4
|
+
import '../types/carousel-tokens.types.mjs';
|
|
5
|
+
import '../types/checkbox-tokens.types.mjs';
|
|
6
|
+
import '../types/list-tokens.types.mjs';
|
|
7
|
+
import '../types/radio-tokens.types.mjs';
|
|
8
|
+
import '../types/accordion-tokens.types.mjs';
|
|
9
|
+
import '../types/avatar-tokens.types.mjs';
|
|
10
|
+
import '../types/buttons-tokens.types.mjs';
|
|
11
|
+
import '../types/card-tokens.types.mjs';
|
|
12
|
+
import '../types/control-tokens.types.mjs';
|
|
13
|
+
import '../types/data-state-tokens.types.mjs';
|
|
14
|
+
import '../types/datetime-picker-tokens.types.mjs';
|
|
15
|
+
import '../types/divider-tokens.types.mjs';
|
|
16
|
+
import '../types/flyout-tokens.types.mjs';
|
|
17
|
+
import '../types/icon-tokens.types.mjs';
|
|
18
|
+
import '../types/pagination-tokens.types.mjs';
|
|
19
|
+
import '../types/pressable-tokens.types.mjs';
|
|
20
|
+
import '../types/progress-tokens.types.mjs';
|
|
21
|
+
import '../types/spinner-tokens.types.mjs';
|
|
22
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
23
|
+
import '../types/select-tokens.types.mjs';
|
|
24
|
+
import '../types/skeleton-tokens.types.mjs';
|
|
25
|
+
import '../types/slider-tokens.types.mjs';
|
|
26
|
+
import '../types/stepper-tokens.types.mjs';
|
|
27
|
+
import '../types/switch-tokens.types.mjs';
|
|
28
|
+
import '../types/tag-tokens.types.mjs';
|
|
29
|
+
import '../types/textarea-tokens.types.mjs';
|
|
30
|
+
import '../types/time-picker-token.types.mjs';
|
|
31
|
+
import '../types/tokens.types.mjs';
|
|
32
|
+
|
|
33
|
+
declare function createToastTokens(tokens: PrimitiveThemeTokens): ToastTokens;
|
|
34
|
+
|
|
35
|
+
export { createToastTokens };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
function createToastTokens(tokens) {
|
|
2
|
+
return {
|
|
3
|
+
backgroundColor: tokens.colors.surface.elevated.value,
|
|
4
|
+
borderColor: tokens.colors.border.subtle.value,
|
|
5
|
+
borderWidth: tokens.borderSize.sm,
|
|
6
|
+
borderRadius: tokens.radii.lg,
|
|
7
|
+
padding: tokens.space.sm,
|
|
8
|
+
gap: tokens.space.xs,
|
|
9
|
+
contentGap: tokens.space.xxs,
|
|
10
|
+
edgeOffset: tokens.space.sm,
|
|
11
|
+
topOffset: tokens.space.xs,
|
|
12
|
+
iconSize: 24,
|
|
13
|
+
iconContainerSize: tokens.space.md,
|
|
14
|
+
actionMinSize: tokens.space.md,
|
|
15
|
+
titleColor: tokens.colors.text.primary,
|
|
16
|
+
descriptionColor: tokens.colors.text.secondary,
|
|
17
|
+
actionColor: tokens.colors.primary.value,
|
|
18
|
+
disabledColor: tokens.colors.text.disabled,
|
|
19
|
+
titleFontSize: tokens.fontSize.sm,
|
|
20
|
+
titleLineHeight: tokens.lineHeight.sm,
|
|
21
|
+
descriptionFontSize: tokens.fontSize.xsm,
|
|
22
|
+
descriptionLineHeight: tokens.lineHeight.xsm,
|
|
23
|
+
zIndexBase: 2e3,
|
|
24
|
+
tones: { ...tokens.colors.feedback }
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
createToastTokens
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=create-toast-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-toast-tokens.ts"],"sourcesContent":["import type { PrimitiveThemeTokens, ToastTokens } from \"../types\";\n\nexport function createToastTokens(tokens: PrimitiveThemeTokens): ToastTokens {\n return {\n backgroundColor: tokens.colors.surface.elevated.value,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n padding: tokens.space.sm,\n gap: tokens.space.xs,\n contentGap: tokens.space.xxs,\n edgeOffset: tokens.space.sm,\n topOffset: tokens.space.xs,\n iconSize: 24,\n iconContainerSize: tokens.space.md,\n actionMinSize: tokens.space.md,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n actionColor: tokens.colors.primary.value,\n disabledColor: tokens.colors.text.disabled,\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n zIndexBase: 2000,\n tones: { ...tokens.colors.feedback },\n };\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,QAA2C;AAC3E,SAAO;AAAA,IACL,iBAAiB,OAAO,OAAO,QAAQ,SAAS;AAAA,IAChD,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,IACzC,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAC3B,SAAS,OAAO,MAAM;AAAA,IACtB,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW,OAAO,MAAM;AAAA,IACxB,UAAU;AAAA,IACV,mBAAmB,OAAO,MAAM;AAAA,IAChC,eAAe,OAAO,MAAM;AAAA,IAC5B,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,kBAAkB,OAAO,OAAO,KAAK;AAAA,IACrC,aAAa,OAAO,OAAO,QAAQ;AAAA,IACnC,eAAe,OAAO,OAAO,KAAK;AAAA,IAClC,eAAe,OAAO,SAAS;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,qBAAqB,OAAO,SAAS;AAAA,IACrC,uBAAuB,OAAO,WAAW;AAAA,IACzC,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,OAAO,OAAO,SAAS;AAAA,EACrC;AACF;","names":[]}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { PrimitiveThemeTokens } from '../
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-BSPyJjfq.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
|
+
import '../types/carousel-tokens.types.mjs';
|
|
4
5
|
import '../types/checkbox-tokens.types.mjs';
|
|
6
|
+
import '../types/list-tokens.types.mjs';
|
|
5
7
|
import '../types/radio-tokens.types.mjs';
|
|
6
8
|
import '../types/accordion-tokens.types.mjs';
|
|
7
9
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
13
15
|
import '../types/divider-tokens.types.mjs';
|
|
14
16
|
import '../types/flyout-tokens.types.mjs';
|
|
15
17
|
import '../types/icon-tokens.types.mjs';
|
|
18
|
+
import '../types/pagination-tokens.types.mjs';
|
|
16
19
|
import '../types/pressable-tokens.types.mjs';
|
|
17
20
|
import '../types/progress-tokens.types.mjs';
|
|
18
21
|
import '../types/spinner-tokens.types.mjs';
|
|
22
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
19
23
|
import '../types/select-tokens.types.mjs';
|
|
20
24
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
25
|
import '../types/slider-tokens.types.mjs';
|
package/dist/theme/dark.theme.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
BorderSizeTokens,
|
|
3
|
+
DarkColors,
|
|
3
4
|
FontFamilyTokens,
|
|
4
5
|
FontSizeTokens,
|
|
5
6
|
FontWeightTokens,
|
|
6
7
|
LetterSpacingTokens,
|
|
7
|
-
LightColors,
|
|
8
8
|
LineHeightTokens,
|
|
9
9
|
RadiiTokens,
|
|
10
10
|
SpaceTokens
|
|
11
11
|
} from "./tokens.theme";
|
|
12
12
|
const DarkTheme = {
|
|
13
|
-
colors:
|
|
13
|
+
colors: DarkColors,
|
|
14
14
|
space: SpaceTokens,
|
|
15
15
|
radii: RadiiTokens,
|
|
16
16
|
fontFamily: FontFamilyTokens,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\nimport {\n BorderSizeTokens,\n FontFamilyTokens,\n FontSizeTokens,\n FontWeightTokens,\n LetterSpacingTokens,\n
|
|
1
|
+
{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\nimport {\n BorderSizeTokens,\n DarkColors,\n FontFamilyTokens,\n FontSizeTokens,\n FontWeightTokens,\n LetterSpacingTokens,\n LineHeightTokens,\n RadiiTokens,\n SpaceTokens,\n} from \"./tokens.theme\";\n\nexport const DarkTheme: PrimitiveThemeTokens = {\n colors: DarkColors,\n space: SpaceTokens,\n radii: RadiiTokens,\n fontFamily: FontFamilyTokens,\n borderSize: BorderSizeTokens,\n fontSize: FontSizeTokens,\n fontWeight: FontWeightTokens,\n lineHeight: LineHeightTokens,\n letterSpacing: LetterSpacingTokens,\n};\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB;","names":[]}
|
package/dist/theme/index.d.mts
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
export { DarkTheme } from './dark.theme.mjs';
|
|
2
2
|
export { LightTheme } from './light.theme.mjs';
|
|
3
|
-
export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
|
|
3
|
+
export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
|
|
4
|
+
export { createPaginationTokens } from './create-pagination-tokens.mjs';
|
|
4
5
|
export { createSliderTokens } from './create-slider-tokens.mjs';
|
|
5
|
-
|
|
6
|
+
export { createSegmentedControlTokens } from './create-segmented-control-tokens.mjs';
|
|
7
|
+
export { createCarouselTokens } from './create-carousel-tokens.mjs';
|
|
8
|
+
export { createToastTokens } from './create-toast-tokens.mjs';
|
|
9
|
+
import '../theme-provider.types-BSPyJjfq.mjs';
|
|
6
10
|
import '../types/badge-tokens.types.mjs';
|
|
7
11
|
import '../types/components.types.mjs';
|
|
12
|
+
import '../types/carousel-tokens.types.mjs';
|
|
8
13
|
import '../types/checkbox-tokens.types.mjs';
|
|
14
|
+
import '../types/list-tokens.types.mjs';
|
|
9
15
|
import '../types/radio-tokens.types.mjs';
|
|
10
16
|
import '../types/accordion-tokens.types.mjs';
|
|
11
17
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -17,9 +23,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
17
23
|
import '../types/divider-tokens.types.mjs';
|
|
18
24
|
import '../types/flyout-tokens.types.mjs';
|
|
19
25
|
import '../types/icon-tokens.types.mjs';
|
|
26
|
+
import '../types/pagination-tokens.types.mjs';
|
|
20
27
|
import '../types/pressable-tokens.types.mjs';
|
|
21
28
|
import '../types/progress-tokens.types.mjs';
|
|
22
29
|
import '../types/spinner-tokens.types.mjs';
|
|
30
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
23
31
|
import '../types/select-tokens.types.mjs';
|
|
24
32
|
import '../types/skeleton-tokens.types.mjs';
|
|
25
33
|
import '../types/slider-tokens.types.mjs';
|
package/dist/theme/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { DarkTheme } from "./dark.theme";
|
|
2
2
|
import { LightTheme } from "./light.theme";
|
|
3
3
|
export * from "./tokens.theme";
|
|
4
|
+
export * from "./create-pagination-tokens";
|
|
4
5
|
export * from "./create-slider-tokens";
|
|
6
|
+
export * from "./create-segmented-control-tokens";
|
|
7
|
+
export * from "./create-carousel-tokens";
|
|
8
|
+
export * from "./create-toast-tokens";
|
|
5
9
|
export {
|
|
6
10
|
DarkTheme,
|
|
7
11
|
LightTheme
|
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-slider-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-pagination-tokens\";\nexport * from \"./create-slider-tokens\";\nexport * from \"./create-segmented-control-tokens\";\nexport * from \"./create-carousel-tokens\";\n\nexport * from \"./create-toast-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { PrimitiveThemeTokens } from '../
|
|
1
|
+
import { P as PrimitiveThemeTokens } from '../theme-provider.types-BSPyJjfq.mjs';
|
|
2
2
|
import '../types/badge-tokens.types.mjs';
|
|
3
3
|
import '../types/components.types.mjs';
|
|
4
|
+
import '../types/carousel-tokens.types.mjs';
|
|
4
5
|
import '../types/checkbox-tokens.types.mjs';
|
|
6
|
+
import '../types/list-tokens.types.mjs';
|
|
5
7
|
import '../types/radio-tokens.types.mjs';
|
|
6
8
|
import '../types/accordion-tokens.types.mjs';
|
|
7
9
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
13
15
|
import '../types/divider-tokens.types.mjs';
|
|
14
16
|
import '../types/flyout-tokens.types.mjs';
|
|
15
17
|
import '../types/icon-tokens.types.mjs';
|
|
18
|
+
import '../types/pagination-tokens.types.mjs';
|
|
16
19
|
import '../types/pressable-tokens.types.mjs';
|
|
17
20
|
import '../types/progress-tokens.types.mjs';
|
|
18
21
|
import '../types/spinner-tokens.types.mjs';
|
|
22
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
19
23
|
import '../types/select-tokens.types.mjs';
|
|
20
24
|
import '../types/skeleton-tokens.types.mjs';
|
|
21
25
|
import '../types/slider-tokens.types.mjs';
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ChartColorPalette } from '../types/chart.types.mjs';
|
|
2
2
|
import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNormal, FontSize, FontWeight, LetterSpacings, LineHeight, NeutralColor, Radii, Space } from '../types/tokens.types.mjs';
|
|
3
|
-
import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../
|
|
3
|
+
import { T as ThemeColors, P as PrimitiveThemeTokens, c as ComponentsTokens } from '../theme-provider.types-BSPyJjfq.mjs';
|
|
4
4
|
import '../types/badge-tokens.types.mjs';
|
|
5
5
|
import '../types/components.types.mjs';
|
|
6
|
+
import '../types/carousel-tokens.types.mjs';
|
|
6
7
|
import '../types/checkbox-tokens.types.mjs';
|
|
8
|
+
import '../types/list-tokens.types.mjs';
|
|
7
9
|
import '../types/radio-tokens.types.mjs';
|
|
8
10
|
import '../types/accordion-tokens.types.mjs';
|
|
9
11
|
import '../types/avatar-tokens.types.mjs';
|
|
@@ -15,9 +17,11 @@ import '../types/datetime-picker-tokens.types.mjs';
|
|
|
15
17
|
import '../types/divider-tokens.types.mjs';
|
|
16
18
|
import '../types/flyout-tokens.types.mjs';
|
|
17
19
|
import '../types/icon-tokens.types.mjs';
|
|
20
|
+
import '../types/pagination-tokens.types.mjs';
|
|
18
21
|
import '../types/pressable-tokens.types.mjs';
|
|
19
22
|
import '../types/progress-tokens.types.mjs';
|
|
20
23
|
import '../types/spinner-tokens.types.mjs';
|
|
24
|
+
import '../types/segmented-control-tokens.types.mjs';
|
|
21
25
|
import '../types/select-tokens.types.mjs';
|
|
22
26
|
import '../types/skeleton-tokens.types.mjs';
|
|
23
27
|
import '../types/slider-tokens.types.mjs';
|
|
@@ -40,6 +44,7 @@ declare const FontFamilyWeightsItalicTokens: Record<FontWeightValue, FontWeightI
|
|
|
40
44
|
declare const FontFamilyTokens: FontFamily;
|
|
41
45
|
declare const NeutralColorTokens: NeutralColor;
|
|
42
46
|
declare const LightColors: ThemeColors;
|
|
47
|
+
declare const DarkColors: ThemeColors;
|
|
43
48
|
declare function createComponentsTokens(tokens: PrimitiveThemeTokens): ComponentsTokens;
|
|
44
49
|
|
|
45
|
-
export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };
|
|
50
|
+
export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };
|