@apify/ui-library 0.76.1 → 0.76.2-featcolortokens-178953.24
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 +18 -5
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.js +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.js +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js +147 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js +147 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +74 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js +74 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
- package/dist/src/design_system/{properties_theme.d.ts → colors/generated/properties_theme.d.ts} +18 -14
- package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -0
- package/dist/src/design_system/{properties_theme.js → colors/generated/properties_theme.js} +18 -154
- package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -0
- package/dist/src/design_system/colors/index.d.ts +8 -0
- package/dist/src/design_system/colors/index.d.ts.map +1 -0
- package/dist/src/design_system/colors/index.js +8 -0
- package/dist/src/design_system/colors/index.js.map +1 -0
- package/dist/src/design_system/theme.d.ts +88 -87
- package/dist/src/design_system/theme.d.ts.map +1 -1
- package/dist/src/design_system/theme.js +1 -2
- package/dist/src/design_system/theme.js.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +10 -4
- package/src/design_system/colors/build_color_tokens.js +183 -0
- package/src/design_system/colors/figma_color_tokens.dark.json +886 -0
- package/src/design_system/colors/figma_color_tokens.light.json +886 -0
- package/src/design_system/colors/generated/colors_theme.dark.ts +110 -0
- package/src/design_system/{colors_theme.ts → colors/generated/colors_theme.light.ts} +40 -143
- package/src/design_system/colors/generated/css_variables.dark.ts +147 -0
- package/src/design_system/colors/generated/css_variables.light.ts +147 -0
- package/src/design_system/colors/generated/css_variables_palette.dark.ts +74 -0
- package/src/design_system/colors/generated/css_variables_palette.light.ts +74 -0
- package/src/design_system/{properties_theme.ts → colors/generated/properties_theme.ts} +19 -293
- package/src/design_system/colors/index.ts +7 -0
- package/src/design_system/theme.ts +1 -2
- package/src/index.ts +1 -0
- package/style/colors/dark.scss +148 -0
- package/style/colors/light.scss +148 -0
- package/style/colors/palette.dark.scss +75 -0
- package/style/colors/palette.light.scss +75 -0
- package/.stylelintrc +0 -12
- package/CHANGELOG.md +0 -3438
- package/CODEOWNERS +0 -7
- package/dist/src/design_system/colors_theme.d.ts +0 -213
- package/dist/src/design_system/colors_theme.d.ts.map +0 -1
- package/dist/src/design_system/colors_theme.js +0 -213
- package/dist/src/design_system/colors_theme.js.map +0 -1
- package/dist/src/design_system/properties_theme.d.ts.map +0 -1
- package/dist/src/design_system/properties_theme.js.map +0 -1
- package/eslint.config.mjs +0 -44
- package/src/codemods/generate_color_property_tokens.mjs +0 -98
- package/src/codemods/generate_color_theme_files.mjs +0 -47
- package/src/design_system/generate_color_definitions.js +0 -44
- package/src/design_system/supernova_color_tokens.json +0 -1766
- package/tsconfig.build.json +0 -17
- package/tsconfig.json +0 -10
|
@@ -1,314 +1,178 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
1
4
|
export const colorProperties = {
|
|
2
5
|
neutral: {
|
|
3
|
-
/* #242836 */
|
|
4
6
|
text: 'var(--color-neutral-text)',
|
|
5
|
-
/* #3f475d */
|
|
6
7
|
textMuted: 'var(--color-neutral-text-muted)',
|
|
7
|
-
/* #6c7590 */
|
|
8
8
|
textSubtle: 'var(--color-neutral-text-subtle)',
|
|
9
|
-
/* #c0c6de */
|
|
10
9
|
textDisabled: 'var(--color-neutral-text-disabled)',
|
|
11
|
-
/* #ffffff */
|
|
12
10
|
textOnPrimary: 'var(--color-neutral-text-on-primary)',
|
|
13
|
-
/* #ffffff */
|
|
14
11
|
iconOnPrimary: 'var(--color-neutral-icon-on-primary)',
|
|
15
|
-
/* #ffffff */
|
|
16
12
|
background: 'var(--color-neutral-background)',
|
|
17
|
-
/* #f8f9fc */
|
|
18
13
|
backgroundMuted: 'var(--color-neutral-background-muted)',
|
|
19
|
-
/* #f3f4fa */
|
|
20
14
|
backgroundSubtle: 'var(--color-neutral-background-subtle)',
|
|
21
|
-
/* #ffffff */
|
|
22
15
|
backgroundWhite: 'var(--color-neutral-background-white)',
|
|
23
|
-
/* #ffffff */
|
|
24
16
|
cardBackground: 'var(--color-neutral-card-background)',
|
|
25
|
-
/* #ffffff */
|
|
26
17
|
cardBackgroundHover: 'var(--color-neutral-card-background-hover)',
|
|
27
|
-
/* #d0d5e9 */
|
|
28
18
|
border: 'var(--color-neutral-border)',
|
|
29
|
-
/* #e0e3f2 */
|
|
30
19
|
separatorSubtle: 'var(--color-neutral-separator-subtle)',
|
|
31
|
-
/* #eef0f8 */
|
|
32
20
|
hover: 'var(--color-neutral-hover)',
|
|
33
|
-
/* #f3f4fa */
|
|
34
21
|
disabled: 'var(--color-neutral-disabled)',
|
|
35
|
-
/* #e0e3f2 */
|
|
36
22
|
overflow: 'var(--color-neutral-overflow)',
|
|
37
|
-
/* #555d76 */
|
|
38
23
|
icon: 'var(--color-neutral-icon)',
|
|
39
|
-
/* #8a93ae */
|
|
40
24
|
iconSubtle: 'var(--color-neutral-icon-subtle)',
|
|
41
|
-
/* #b0b8d1 */
|
|
42
25
|
iconDisabled: 'var(--color-neutral-icon-disabled)',
|
|
43
|
-
/* #c0c6de */
|
|
44
26
|
fieldBorder: 'var(--color-neutral-field-border)',
|
|
45
|
-
/* #d0d5e9 */
|
|
46
27
|
actionSecondary: 'var(--color-neutral-action-secondary)',
|
|
47
|
-
/* #e0e3f2 */
|
|
48
28
|
actionSecondaryHover: 'var(--color-neutral-action-secondary-hover)',
|
|
49
|
-
/* #c0c6de */
|
|
50
29
|
actionSecondaryActive: 'var(--color-neutral-action-secondary-active)',
|
|
51
|
-
/* #e0e3f2 */
|
|
52
30
|
chipBackground: 'var(--color-neutral-chip-background)',
|
|
53
|
-
/* #d0d5e9 */
|
|
54
31
|
chipBackgroundHover: 'var(--color-neutral-chip-background-hover)',
|
|
55
|
-
/* #c0c6de */
|
|
56
32
|
chipBackgroundActive: 'var(--color-neutral-chip-background-active)',
|
|
57
|
-
/* #d0d5e9 */
|
|
58
33
|
chipBackgroundDisabled: 'var(--color-neutral-chip-background-disabled)',
|
|
59
|
-
/* #ffffff */
|
|
60
34
|
largeTooltipBackground: 'var(--color-neutral-large-tooltip-background)',
|
|
61
|
-
/* #e0e3f2 */
|
|
62
35
|
largeTooltipBorder: 'var(--color-neutral-large-tooltip-border)',
|
|
63
|
-
/* #ffffff */
|
|
64
36
|
smallTooltipText: 'var(--color-neutral-small-tooltip-text)',
|
|
65
|
-
/* #191b22 */
|
|
66
37
|
smallTooltipBackground: 'var(--color-neutral-small-tooltip-background)',
|
|
67
|
-
/* #242836 */
|
|
68
38
|
smallTooltipBorder: 'var(--color-neutral-small-tooltip-border)',
|
|
69
|
-
/* #191b22cc */
|
|
70
39
|
overlay: 'var(--color-neutral-overlay)',
|
|
71
|
-
/* #f8f9fc */
|
|
72
40
|
fieldBackground: 'var(--color-neutral-field-background)',
|
|
73
|
-
/* #969eb8 */
|
|
74
41
|
textPlaceholder: 'var(--color-neutral-text-placeholder)',
|
|
75
42
|
},
|
|
76
43
|
primary: {
|
|
77
|
-
/* #1672eb */
|
|
78
44
|
text: 'var(--color-primary-text)',
|
|
79
|
-
/* #1672eb */
|
|
80
45
|
textInteractive: 'var(--color-primary-text-interactive)',
|
|
81
|
-
/* #1672eb */
|
|
82
46
|
icon: 'var(--color-primary-icon)',
|
|
83
|
-
/* #1672eb */
|
|
84
47
|
action: 'var(--color-primary-action)',
|
|
85
|
-
/* #5290f9 */
|
|
86
48
|
actionHover: 'var(--color-primary-action-hover)',
|
|
87
|
-
/* #1a57da */
|
|
88
49
|
actionActive: 'var(--color-primary-action-active)',
|
|
89
|
-
/* #1672eb */
|
|
90
50
|
fieldBorderActive: 'var(--color-primary-field-border-active)',
|
|
91
|
-
|
|
51
|
+
borderSubtle: 'var(--color-primary-border-subtle)',
|
|
92
52
|
background: 'var(--color-primary-background)',
|
|
93
|
-
/* #d8e2ff */
|
|
94
|
-
backgroundHover: 'var(--color-primary-background-hover)',
|
|
95
|
-
/* #f0f8ff */
|
|
96
53
|
backgroundSubtle: 'var(--color-primary-background-subtle)',
|
|
97
|
-
|
|
54
|
+
backgroundHover: 'var(--color-primary-background-hover)',
|
|
98
55
|
chipBackground: 'var(--color-primary-chip-background)',
|
|
99
|
-
/* #f0f8ff */
|
|
100
56
|
chipBackgroundSubtle: 'var(--color-primary-chip-background-subtle)',
|
|
101
|
-
/* #d8e2ff */
|
|
102
57
|
chipBackgroundHover: 'var(--color-primary-chip-background-hover)',
|
|
103
|
-
/* #1a57da */
|
|
104
58
|
chipText: 'var(--color-primary-chip-text)',
|
|
105
|
-
/* #b2c6ff */
|
|
106
59
|
shadowActive: 'var(--color-primary-shadow-active)',
|
|
107
|
-
/* #b2c6ff */
|
|
108
|
-
borderSubtle: 'var(--color-primary-border-subtle)',
|
|
109
60
|
},
|
|
110
61
|
primaryBlack: {
|
|
111
|
-
/* #272d3e */
|
|
112
62
|
action: 'var(--color-primary-black-action)',
|
|
113
|
-
/* #2b3143 */
|
|
114
63
|
actionHover: 'var(--color-primary-black-action-hover)',
|
|
115
|
-
/* #0a0b0f */
|
|
116
64
|
actionActive: 'var(--color-primary-black-action-active)',
|
|
117
|
-
/* #1d202a */
|
|
118
65
|
background: 'var(--color-primary-black-background)',
|
|
119
|
-
/* #3f475d */
|
|
120
66
|
backgroundHover: 'var(--color-primary-black-background-hover)',
|
|
121
|
-
/* #ffffff */
|
|
122
67
|
chipText: 'var(--color-primary-black-chip-text)',
|
|
123
68
|
},
|
|
124
69
|
success: {
|
|
125
|
-
/* #008a27 */
|
|
126
70
|
text: 'var(--color-success-text)',
|
|
127
|
-
/* #008a27 */
|
|
128
71
|
icon: 'var(--color-success-icon)',
|
|
129
|
-
/* #e4f5e5 */
|
|
130
72
|
background: 'var(--color-success-background)',
|
|
131
|
-
/* #cfe9d1 */
|
|
132
73
|
backgroundHover: 'var(--color-success-background-hover)',
|
|
133
|
-
/* #e8f9ef */
|
|
134
74
|
backgroundSubtle: 'var(--color-success-background-subtle)',
|
|
135
|
-
/* #cfe9d1 */
|
|
136
75
|
backgroundSubtleHover: 'var(--color-success-background-subtle-hover)',
|
|
137
|
-
/* #80da8d */
|
|
138
76
|
backgroundSubtleActive: 'var(--color-success-background-subtle-active)',
|
|
139
|
-
/* #00ab46 */
|
|
140
|
-
border: 'var(--color-success-border)',
|
|
141
|
-
/* #008a27 */
|
|
142
|
-
action: 'var(--color-success-action)',
|
|
143
|
-
/* #00ab46 */
|
|
144
|
-
actionHover: 'var(--color-success-action-hover)',
|
|
145
|
-
/* #086e08 */
|
|
146
|
-
actionActive: 'var(--color-success-action-active)',
|
|
147
|
-
/* #daefdc */
|
|
148
77
|
chipBackground: 'var(--color-success-chip-background)',
|
|
149
|
-
/* #cfe9d1 */
|
|
150
78
|
chipBackgroundHover: 'var(--color-success-chip-background-hover)',
|
|
151
|
-
/* #086e08 */
|
|
152
79
|
chipText: 'var(--color-success-chip-text)',
|
|
153
|
-
|
|
80
|
+
border: 'var(--color-success-border)',
|
|
154
81
|
borderSubtle: 'var(--color-success-border-subtle)',
|
|
82
|
+
action: 'var(--color-success-action)',
|
|
83
|
+
actionHover: 'var(--color-success-action-hover)',
|
|
84
|
+
actionActive: 'var(--color-success-action-active)',
|
|
155
85
|
},
|
|
156
86
|
warning: {
|
|
157
|
-
/* #a96600 */
|
|
158
87
|
text: 'var(--color-warning-text)',
|
|
159
|
-
/* #f5b315 */
|
|
160
88
|
icon: 'var(--color-warning-icon)',
|
|
161
|
-
/* #f9f0db */
|
|
162
89
|
background: 'var(--color-warning-background)',
|
|
163
|
-
/* #f7dfb1 */
|
|
164
90
|
backgroundHover: 'var(--color-warning-background-hover)',
|
|
165
|
-
/* #f9f6ea */
|
|
166
91
|
backgroundSubtle: 'var(--color-warning-background-subtle)',
|
|
167
|
-
/* #f5b315 */
|
|
168
|
-
fieldborder: 'var(--color-warning-field-border)',
|
|
169
|
-
/* #f7e8c4 */
|
|
170
92
|
chipBackground: 'var(--color-warning-chip-background)',
|
|
171
|
-
/* #f7dfb1 */
|
|
172
93
|
chipBackgroundHover: 'var(--color-warning-chip-background-hover)',
|
|
173
|
-
/* #8c4e02 */
|
|
174
94
|
chipText: 'var(--color-warning-chip-text)',
|
|
175
|
-
|
|
95
|
+
border: 'var(--color-warning-border)',
|
|
176
96
|
borderSubtle: 'var(--color-warning-border-subtle)',
|
|
97
|
+
fieldBorder: 'var(--color-warning-field-border)',
|
|
177
98
|
},
|
|
178
99
|
danger: {
|
|
179
|
-
/* #e3231d */
|
|
180
100
|
text: 'var(--color-danger-text)',
|
|
181
|
-
/* #e3231d */
|
|
182
101
|
icon: 'var(--color-danger-icon)',
|
|
183
|
-
/* #fff0ec */
|
|
184
102
|
background: 'var(--color-danger-background)',
|
|
185
|
-
/* #fedad1 */
|
|
186
103
|
backgroundHover: 'var(--color-danger-background-hover)',
|
|
187
|
-
/* #fcf2ef */
|
|
188
104
|
backgroundSubtle: 'var(--color-danger-background-subtle)',
|
|
189
|
-
/* #fedad1 */
|
|
190
105
|
backgroundSubtleHover: 'var(--color-danger-background-subtle-hover)',
|
|
191
|
-
/* #ffb39f */
|
|
192
106
|
backgroundSubtleActive: 'var(--color-danger-background-subtle-active)',
|
|
193
|
-
|
|
107
|
+
chipBackground: 'var(--color-danger-chip-background)',
|
|
108
|
+
chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
|
|
109
|
+
chipText: 'var(--color-danger-chip-text)',
|
|
194
110
|
border: 'var(--color-danger-border)',
|
|
195
|
-
|
|
111
|
+
borderSubtle: 'var(--color-danger-border-subtle)',
|
|
196
112
|
fieldBorder: 'var(--color-danger-field-border)',
|
|
197
|
-
/* #e3231d */
|
|
198
113
|
action: 'var(--color-danger-action)',
|
|
199
|
-
/* #fa4d37 */
|
|
200
114
|
actionHover: 'var(--color-danger-action-hover)',
|
|
201
|
-
/* #bb0401 */
|
|
202
115
|
actionActive: 'var(--color-danger-action-active)',
|
|
203
|
-
/* #ffe3dc */
|
|
204
|
-
chipBackground: 'var(--color-danger-chip-background)',
|
|
205
|
-
/* #fedad1 */
|
|
206
|
-
chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
|
|
207
|
-
/* #bb0401 */
|
|
208
|
-
chipText: 'var(--color-danger-chip-text)',
|
|
209
|
-
/* #ffb39f */
|
|
210
|
-
borderSubtle: 'var(--color-danger-border-subtle)',
|
|
211
116
|
},
|
|
212
117
|
special: {
|
|
213
|
-
|
|
118
|
+
freePlanBackground: 'var(--color-special-free-plan-background)',
|
|
214
119
|
starterPlanBackground: 'var(--color-special-starter-plan-background)',
|
|
215
|
-
/* #bf97ed */
|
|
216
|
-
enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
|
|
217
|
-
/* #a7f2ed */
|
|
218
|
-
businessPlanBackground: 'var(--color-special-business-plan-background)',
|
|
219
|
-
/* #a1b7ff */
|
|
220
120
|
scalePlanBackground: 'var(--color-special-scale-plan-background)',
|
|
221
|
-
|
|
222
|
-
|
|
121
|
+
businessPlanBackground: 'var(--color-special-business-plan-background)',
|
|
122
|
+
enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
|
|
223
123
|
},
|
|
224
124
|
rose: {
|
|
225
|
-
/* #f483b5 */
|
|
226
125
|
light: 'var(--color-rose-light)',
|
|
227
|
-
/* #c6387d */
|
|
228
126
|
base: 'var(--color-rose-base)',
|
|
229
|
-
/* #781552 */
|
|
230
127
|
dark: 'var(--color-rose-dark)',
|
|
231
|
-
/* #b6006b */
|
|
232
128
|
text: 'var(--color-rose-text)',
|
|
233
129
|
},
|
|
234
130
|
buttercup: {
|
|
235
|
-
/* #ffdd96 */
|
|
236
131
|
light: 'var(--color-buttercup-light)',
|
|
237
|
-
/* #f0b21b */
|
|
238
132
|
base: 'var(--color-buttercup-base)',
|
|
239
|
-
/* #c37319 */
|
|
240
133
|
dark: 'var(--color-buttercup-dark)',
|
|
241
|
-
/* #a65d00 */
|
|
242
134
|
text: 'var(--color-buttercup-text)',
|
|
243
135
|
},
|
|
244
136
|
paprika: {
|
|
245
|
-
/* #e44467 */
|
|
246
137
|
light: 'var(--color-paprika-light)',
|
|
247
|
-
/* #9b0238 */
|
|
248
138
|
base: 'var(--color-paprika-base)',
|
|
249
|
-
/* #4a0018 */
|
|
250
139
|
dark: 'var(--color-paprika-dark)',
|
|
251
|
-
/* #ba0044 */
|
|
252
140
|
text: 'var(--color-paprika-text)',
|
|
253
141
|
},
|
|
254
142
|
teal: {
|
|
255
|
-
/* #a7f2ed */
|
|
256
143
|
light: 'var(--color-teal-light)',
|
|
257
|
-
/* #30c0bb */
|
|
258
144
|
base: 'var(--color-teal-base)',
|
|
259
|
-
/* #297774 */
|
|
260
145
|
dark: 'var(--color-teal-dark)',
|
|
261
|
-
/* #018181 */
|
|
262
146
|
text: 'var(--color-teal-text)',
|
|
263
147
|
},
|
|
264
148
|
indigo: {
|
|
265
|
-
/* #a1b7ff */
|
|
266
149
|
light: 'var(--color-indigo-light)',
|
|
267
|
-
/* #5d85e1 */
|
|
268
150
|
base: 'var(--color-indigo-base)',
|
|
269
|
-
/* #365494 */
|
|
270
151
|
dark: 'var(--color-indigo-dark)',
|
|
271
|
-
/* #2563c1 */
|
|
272
152
|
text: 'var(--color-indigo-text)',
|
|
273
153
|
},
|
|
274
154
|
slate: {
|
|
275
|
-
/* #c1c5e1 */
|
|
276
155
|
light: 'var(--color-slate-light)',
|
|
277
|
-
/* #8490c4 */
|
|
278
156
|
base: 'var(--color-slate-base)',
|
|
279
|
-
/* #525c85 */
|
|
280
157
|
dark: 'var(--color-slate-dark)',
|
|
281
|
-
/* #566087 */
|
|
282
158
|
text: 'var(--color-slate-text)',
|
|
283
159
|
},
|
|
284
160
|
coral: {
|
|
285
|
-
/* #ffc89f */
|
|
286
161
|
light: 'var(--color-coral-light)',
|
|
287
|
-
/* #fa8136 */
|
|
288
162
|
base: 'var(--color-coral-base)',
|
|
289
|
-
/* #bb4511 */
|
|
290
163
|
dark: 'var(--color-coral-dark)',
|
|
291
|
-
/* #c74000 */
|
|
292
164
|
text: 'var(--color-coral-text)',
|
|
293
165
|
},
|
|
294
166
|
lavender: {
|
|
295
|
-
/* #bf97ed */
|
|
296
167
|
light: 'var(--color-lavender-light)',
|
|
297
|
-
/* #6a14de */
|
|
298
168
|
base: 'var(--color-lavender-base)',
|
|
299
|
-
/* #330276 */
|
|
300
169
|
dark: 'var(--color-lavender-dark)',
|
|
301
|
-
/* #6e00f4 */
|
|
302
170
|
text: 'var(--color-lavender-text)',
|
|
303
171
|
},
|
|
304
172
|
bamboo: {
|
|
305
|
-
/* #64cda5 */
|
|
306
173
|
light: 'var(--color-bamboo-light)',
|
|
307
|
-
/* #12966f */
|
|
308
174
|
base: 'var(--color-bamboo-base)',
|
|
309
|
-
/* #195d46 */
|
|
310
175
|
dark: 'var(--color-bamboo-dark)',
|
|
311
|
-
/* #007455 */
|
|
312
176
|
text: 'var(--color-bamboo-text)',
|
|
313
177
|
},
|
|
314
178
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"properties_theme.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { tokens as cssColorsVariablesLight } from './generated/css_variables.light.js';
|
|
2
|
+
export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
|
|
3
|
+
export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light.js';
|
|
4
|
+
export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark.js';
|
|
5
|
+
export { darkTheme } from './generated/colors_theme.dark.js';
|
|
6
|
+
export { lightTheme } from './generated/colors_theme.light.js';
|
|
7
|
+
export { colorProperties } from './generated/properties_theme.js';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { tokens as cssColorsVariablesLight } from './generated/css_variables.light.js';
|
|
2
|
+
export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
|
|
3
|
+
export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light.js';
|
|
4
|
+
export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark.js';
|
|
5
|
+
export { darkTheme } from './generated/colors_theme.dark.js';
|
|
6
|
+
export { lightTheme } from './generated/colors_theme.light.js';
|
|
7
|
+
export { colorProperties } from './generated/properties_theme.js';
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -46,15 +46,15 @@ export declare const theme: {
|
|
|
46
46
|
readonly actionHover: "var(--color-primary-action-hover)";
|
|
47
47
|
readonly actionActive: "var(--color-primary-action-active)";
|
|
48
48
|
readonly fieldBorderActive: "var(--color-primary-field-border-active)";
|
|
49
|
+
readonly borderSubtle: "var(--color-primary-border-subtle)";
|
|
49
50
|
readonly background: "var(--color-primary-background)";
|
|
50
|
-
readonly backgroundHover: "var(--color-primary-background-hover)";
|
|
51
51
|
readonly backgroundSubtle: "var(--color-primary-background-subtle)";
|
|
52
|
+
readonly backgroundHover: "var(--color-primary-background-hover)";
|
|
52
53
|
readonly chipBackground: "var(--color-primary-chip-background)";
|
|
53
54
|
readonly chipBackgroundSubtle: "var(--color-primary-chip-background-subtle)";
|
|
54
55
|
readonly chipBackgroundHover: "var(--color-primary-chip-background-hover)";
|
|
55
56
|
readonly chipText: "var(--color-primary-chip-text)";
|
|
56
57
|
readonly shadowActive: "var(--color-primary-shadow-active)";
|
|
57
|
-
readonly borderSubtle: "var(--color-primary-border-subtle)";
|
|
58
58
|
};
|
|
59
59
|
readonly primaryBlack: {
|
|
60
60
|
readonly action: "var(--color-primary-black-action)";
|
|
@@ -72,14 +72,14 @@ export declare const theme: {
|
|
|
72
72
|
readonly backgroundSubtle: "var(--color-success-background-subtle)";
|
|
73
73
|
readonly backgroundSubtleHover: "var(--color-success-background-subtle-hover)";
|
|
74
74
|
readonly backgroundSubtleActive: "var(--color-success-background-subtle-active)";
|
|
75
|
-
readonly border: "var(--color-success-border)";
|
|
76
|
-
readonly action: "var(--color-success-action)";
|
|
77
|
-
readonly actionHover: "var(--color-success-action-hover)";
|
|
78
|
-
readonly actionActive: "var(--color-success-action-active)";
|
|
79
75
|
readonly chipBackground: "var(--color-success-chip-background)";
|
|
80
76
|
readonly chipBackgroundHover: "var(--color-success-chip-background-hover)";
|
|
81
77
|
readonly chipText: "var(--color-success-chip-text)";
|
|
78
|
+
readonly border: "var(--color-success-border)";
|
|
82
79
|
readonly borderSubtle: "var(--color-success-border-subtle)";
|
|
80
|
+
readonly action: "var(--color-success-action)";
|
|
81
|
+
readonly actionHover: "var(--color-success-action-hover)";
|
|
82
|
+
readonly actionActive: "var(--color-success-action-active)";
|
|
83
83
|
};
|
|
84
84
|
readonly warning: {
|
|
85
85
|
readonly text: "var(--color-warning-text)";
|
|
@@ -87,11 +87,12 @@ export declare const theme: {
|
|
|
87
87
|
readonly background: "var(--color-warning-background)";
|
|
88
88
|
readonly backgroundHover: "var(--color-warning-background-hover)";
|
|
89
89
|
readonly backgroundSubtle: "var(--color-warning-background-subtle)";
|
|
90
|
-
readonly fieldborder: "var(--color-warning-field-border)";
|
|
91
90
|
readonly chipBackground: "var(--color-warning-chip-background)";
|
|
92
91
|
readonly chipBackgroundHover: "var(--color-warning-chip-background-hover)";
|
|
93
92
|
readonly chipText: "var(--color-warning-chip-text)";
|
|
93
|
+
readonly border: "var(--color-warning-border)";
|
|
94
94
|
readonly borderSubtle: "var(--color-warning-border-subtle)";
|
|
95
|
+
readonly fieldBorder: "var(--color-warning-field-border)";
|
|
95
96
|
};
|
|
96
97
|
readonly danger: {
|
|
97
98
|
readonly text: "var(--color-danger-text)";
|
|
@@ -101,22 +102,22 @@ export declare const theme: {
|
|
|
101
102
|
readonly backgroundSubtle: "var(--color-danger-background-subtle)";
|
|
102
103
|
readonly backgroundSubtleHover: "var(--color-danger-background-subtle-hover)";
|
|
103
104
|
readonly backgroundSubtleActive: "var(--color-danger-background-subtle-active)";
|
|
105
|
+
readonly chipBackground: "var(--color-danger-chip-background)";
|
|
106
|
+
readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
|
|
107
|
+
readonly chipText: "var(--color-danger-chip-text)";
|
|
104
108
|
readonly border: "var(--color-danger-border)";
|
|
109
|
+
readonly borderSubtle: "var(--color-danger-border-subtle)";
|
|
105
110
|
readonly fieldBorder: "var(--color-danger-field-border)";
|
|
106
111
|
readonly action: "var(--color-danger-action)";
|
|
107
112
|
readonly actionHover: "var(--color-danger-action-hover)";
|
|
108
113
|
readonly actionActive: "var(--color-danger-action-active)";
|
|
109
|
-
readonly chipBackground: "var(--color-danger-chip-background)";
|
|
110
|
-
readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
|
|
111
|
-
readonly chipText: "var(--color-danger-chip-text)";
|
|
112
|
-
readonly borderSubtle: "var(--color-danger-border-subtle)";
|
|
113
114
|
};
|
|
114
115
|
readonly special: {
|
|
116
|
+
readonly freePlanBackground: "var(--color-special-free-plan-background)";
|
|
115
117
|
readonly starterPlanBackground: "var(--color-special-starter-plan-background)";
|
|
116
|
-
readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
|
|
117
|
-
readonly businessPlanBackground: "var(--color-special-business-plan-background)";
|
|
118
118
|
readonly scalePlanBackground: "var(--color-special-scale-plan-background)";
|
|
119
|
-
readonly
|
|
119
|
+
readonly businessPlanBackground: "var(--color-special-business-plan-background)";
|
|
120
|
+
readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
|
|
120
121
|
};
|
|
121
122
|
readonly rose: {
|
|
122
123
|
readonly light: "var(--color-rose-light)";
|
|
@@ -175,6 +176,42 @@ export declare const theme: {
|
|
|
175
176
|
};
|
|
176
177
|
colorPalette: {
|
|
177
178
|
light: {
|
|
179
|
+
readonly roseLight: "#f483b5";
|
|
180
|
+
readonly roseBase: "#c6387d";
|
|
181
|
+
readonly roseDark: "#781552";
|
|
182
|
+
readonly roseText: "#b6006b";
|
|
183
|
+
readonly buttercupLight: "#ffdd96";
|
|
184
|
+
readonly buttercupBase: "#f0b21b";
|
|
185
|
+
readonly buttercupDark: "#c37319";
|
|
186
|
+
readonly buttercupText: "#a65d00";
|
|
187
|
+
readonly paprikaLight: "#e44467";
|
|
188
|
+
readonly paprikaBase: "#9b0238";
|
|
189
|
+
readonly paprikaDark: "#4a0018";
|
|
190
|
+
readonly paprikaText: "#ba0044";
|
|
191
|
+
readonly tealLight: "#a7f2ed";
|
|
192
|
+
readonly tealBase: "#30c0bb";
|
|
193
|
+
readonly tealDark: "#297774";
|
|
194
|
+
readonly tealText: "#018181";
|
|
195
|
+
readonly indigoLight: "#a1b7ff";
|
|
196
|
+
readonly indigoBase: "#5d85e1";
|
|
197
|
+
readonly indigoDark: "#365494";
|
|
198
|
+
readonly indigoText: "#2563c1";
|
|
199
|
+
readonly slateLight: "#c1c5e1";
|
|
200
|
+
readonly slateBase: "#8490c4";
|
|
201
|
+
readonly slateDark: "#525c85";
|
|
202
|
+
readonly slateText: "#566087";
|
|
203
|
+
readonly coralLight: "#ffc89f";
|
|
204
|
+
readonly coralBase: "#fa8136";
|
|
205
|
+
readonly coralDark: "#bb4511";
|
|
206
|
+
readonly coralText: "#c74000";
|
|
207
|
+
readonly lavenderLight: "#bf97ed";
|
|
208
|
+
readonly lavenderBase: "#6a14de";
|
|
209
|
+
readonly lavenderDark: "#330276";
|
|
210
|
+
readonly lavenderText: "#6e00f4";
|
|
211
|
+
readonly bambooLight: "#64cda5";
|
|
212
|
+
readonly bambooBase: "#12966f";
|
|
213
|
+
readonly bambooDark: "#195d46";
|
|
214
|
+
readonly bambooText: "#007455";
|
|
178
215
|
readonly neutral0: "#ffffff";
|
|
179
216
|
readonly neutral25: "#f8f9fc";
|
|
180
217
|
readonly neutral50: "#f3f4fa";
|
|
@@ -243,44 +280,44 @@ export declare const theme: {
|
|
|
243
280
|
readonly blue500: "#1672eb";
|
|
244
281
|
readonly blue600: "#1a57da";
|
|
245
282
|
readonly blue700: "#224ed5";
|
|
246
|
-
readonly roseLight: "#f483b5";
|
|
247
|
-
readonly roseBase: "#c6387d";
|
|
248
|
-
readonly roseDark: "#781552";
|
|
249
|
-
readonly roseText: "#b6006b";
|
|
250
|
-
readonly buttercupLight: "#ffdd96";
|
|
251
|
-
readonly buttercupBase: "#f0b21b";
|
|
252
|
-
readonly buttercupDark: "#c37319";
|
|
253
|
-
readonly buttercupText: "#a65d00";
|
|
254
|
-
readonly paprikaLight: "#e44467";
|
|
255
|
-
readonly paprikaBase: "#9b0238";
|
|
256
|
-
readonly paprikaDark: "#4a0018";
|
|
257
|
-
readonly paprikaText: "#ba0044";
|
|
258
|
-
readonly tealLight: "#a7f2ed";
|
|
259
|
-
readonly tealBase: "#30c0bb";
|
|
260
|
-
readonly tealDark: "#297774";
|
|
261
|
-
readonly tealText: "#018181";
|
|
262
|
-
readonly indigoLight: "#a1b7ff";
|
|
263
|
-
readonly indigoBase: "#5d85e1";
|
|
264
|
-
readonly indigoDark: "#365494";
|
|
265
|
-
readonly indigoText: "#2563c1";
|
|
266
|
-
readonly slateLight: "#c1c5e1";
|
|
267
|
-
readonly slateBase: "#8490c4";
|
|
268
|
-
readonly slateDark: "#525c85";
|
|
269
|
-
readonly slateText: "#566087";
|
|
270
|
-
readonly coralLight: "#ffc89f";
|
|
271
|
-
readonly coralBase: "#fa8136";
|
|
272
|
-
readonly coralDark: "#bb4511";
|
|
273
|
-
readonly coralText: "#c74000";
|
|
274
|
-
readonly lavenderLight: "#bf97ed";
|
|
275
|
-
readonly lavenderBase: "#6a14de";
|
|
276
|
-
readonly lavenderDark: "#330276";
|
|
277
|
-
readonly lavenderText: "#6e00f4";
|
|
278
|
-
readonly bambooLight: "#64cda5";
|
|
279
|
-
readonly bambooBase: "#12966f";
|
|
280
|
-
readonly bambooDark: "#195d46";
|
|
281
|
-
readonly bambooText: "#007455";
|
|
282
283
|
};
|
|
283
284
|
dark: {
|
|
285
|
+
readonly roseLight: "#e88bb3";
|
|
286
|
+
readonly roseBase: "#b8487b";
|
|
287
|
+
readonly roseDark: "#6f234f";
|
|
288
|
+
readonly roseText: "#ed8bb5";
|
|
289
|
+
readonly buttercupLight: "#f9deaa";
|
|
290
|
+
readonly buttercupBase: "#e5b557";
|
|
291
|
+
readonly buttercupDark: "#b87939";
|
|
292
|
+
readonly buttercupText: "#ebbf6c";
|
|
293
|
+
readonly paprikaLight: "#e26c7d";
|
|
294
|
+
readonly paprikaBase: "#9e384b";
|
|
295
|
+
readonly paprikaDark: "#511d27";
|
|
296
|
+
readonly paprikaText: "#f67c8d";
|
|
297
|
+
readonly tealLight: "#aef0f5";
|
|
298
|
+
readonly tealBase: "#58bcc4";
|
|
299
|
+
readonly tealDark: "#408288";
|
|
300
|
+
readonly tealText: "#62c1c8";
|
|
301
|
+
readonly indigoLight: "#a8b7ed";
|
|
302
|
+
readonly indigoBase: "#6d85ca";
|
|
303
|
+
readonly indigoDark: "#425484";
|
|
304
|
+
readonly indigoText: "#a2b2eb";
|
|
305
|
+
readonly slateLight: "#c2c5dc";
|
|
306
|
+
readonly slateBase: "#8690bf";
|
|
307
|
+
readonly slateDark: "#535c81";
|
|
308
|
+
readonly slateText: "#afb2c9";
|
|
309
|
+
readonly coralLight: "#f3ccb0";
|
|
310
|
+
readonly coralBase: "#f08848";
|
|
311
|
+
readonly coralDark: "#9a4e2d";
|
|
312
|
+
readonly coralText: "#f9b27b";
|
|
313
|
+
readonly lavenderLight: "#b482ed";
|
|
314
|
+
readonly lavenderBase: "#8148c9";
|
|
315
|
+
readonly lavenderDark: "#48296f";
|
|
316
|
+
readonly lavenderText: "#be8af9";
|
|
317
|
+
readonly bambooLight: "#7acaa9";
|
|
318
|
+
readonly bambooBase: "#439274";
|
|
319
|
+
readonly bambooDark: "#305b4a";
|
|
320
|
+
readonly bambooText: "#65bc99";
|
|
284
321
|
readonly neutral0: "#ffffff";
|
|
285
322
|
readonly neutral25: "#f8f9fc";
|
|
286
323
|
readonly neutral50: "#f3f4fa";
|
|
@@ -338,7 +375,7 @@ export declare const theme: {
|
|
|
338
375
|
readonly green500: "#14441f";
|
|
339
376
|
readonly green600: "#0f2b14";
|
|
340
377
|
readonly green700: "#09260f";
|
|
341
|
-
readonly blue25: "#
|
|
378
|
+
readonly blue25: "#92c0ff";
|
|
342
379
|
readonly blue50: "#8ebcff";
|
|
343
380
|
readonly blue75: "#80a9ff";
|
|
344
381
|
readonly blue100: "#6f9dff";
|
|
@@ -349,42 +386,6 @@ export declare const theme: {
|
|
|
349
386
|
readonly blue500: "#1a3a78";
|
|
350
387
|
readonly blue600: "#0d2550";
|
|
351
388
|
readonly blue700: "#151d34";
|
|
352
|
-
readonly roseLight: "#e88bb3";
|
|
353
|
-
readonly roseBase: "#b8487b";
|
|
354
|
-
readonly roseDark: "#6f234f";
|
|
355
|
-
readonly roseText: "#ed8bb5";
|
|
356
|
-
readonly buttercupLight: "#f9deaa";
|
|
357
|
-
readonly buttercupBase: "#e5b557";
|
|
358
|
-
readonly buttercupDark: "#b87939";
|
|
359
|
-
readonly buttercupText: "#ebbf6c";
|
|
360
|
-
readonly paprikaLight: "#e26c7d";
|
|
361
|
-
readonly paprikaBase: "#9e384b";
|
|
362
|
-
readonly paprikaDark: "#511d27";
|
|
363
|
-
readonly paprikaText: "#f67c8d";
|
|
364
|
-
readonly tealLight: "#aef0f5";
|
|
365
|
-
readonly tealBase: "#58bcc4";
|
|
366
|
-
readonly tealDark: "#408288";
|
|
367
|
-
readonly tealText: "#62c1c8";
|
|
368
|
-
readonly indigoLight: "#a8b7ed";
|
|
369
|
-
readonly indigoBase: "#6d85ca";
|
|
370
|
-
readonly indigoDark: "#425484";
|
|
371
|
-
readonly indigoText: "#a2b2eb";
|
|
372
|
-
readonly slateLight: "#c2c5dc";
|
|
373
|
-
readonly slateBase: "#8690bf";
|
|
374
|
-
readonly slateDark: "#535c81";
|
|
375
|
-
readonly slateText: "#afb2c9";
|
|
376
|
-
readonly coralLight: "#f3ccb0";
|
|
377
|
-
readonly coralBase: "#f08848";
|
|
378
|
-
readonly coralDark: "#9a4e2d";
|
|
379
|
-
readonly coralText: "#f9b27b";
|
|
380
|
-
readonly lavenderLight: "#b482ed";
|
|
381
|
-
readonly lavenderBase: "#8148c9";
|
|
382
|
-
readonly lavenderDark: "#48296f";
|
|
383
|
-
readonly lavenderText: "#be8af9";
|
|
384
|
-
readonly bambooLight: "#7acaa9";
|
|
385
|
-
readonly bambooBase: "#439274";
|
|
386
|
-
readonly bambooDark: "#305b4a";
|
|
387
|
-
readonly bambooText: "#65bc99";
|
|
388
389
|
};
|
|
389
390
|
};
|
|
390
391
|
space: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKd,4FAA4F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/F,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { darkTheme, lightTheme } from './
|
|
2
|
-
import { colorProperties } from './properties_theme.js';
|
|
1
|
+
import { colorProperties, darkTheme, lightTheme } from './colors/index.js';
|
|
3
2
|
import { devices, layouts, radiuses, shadows, spaces, transitions, } from './tokens/index.js';
|
|
4
3
|
import { typographyTokens } from './typography_theme.js';
|
|
5
4
|
export const theme = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EACH,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,eAAe;IACtB,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,4FAA4F;IAC5F,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;CAC/B,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -3,5 +3,6 @@ export * from './utils/index.js';
|
|
|
3
3
|
export * from './design_system/tokens/index.js';
|
|
4
4
|
export * from './design_system/theme.js';
|
|
5
5
|
export * from './ui_dependency_provider.js';
|
|
6
|
+
export * from './design_system/colors/index.js';
|
|
6
7
|
export * from './type_utils.js';
|
|
7
8
|
//# sourceMappingURL=index.d.ts.map
|