@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.
Files changed (76) hide show
  1. package/README.md +18 -5
  2. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +110 -0
  3. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts.map +1 -0
  4. package/dist/src/design_system/colors/generated/colors_theme.dark.js +110 -0
  5. package/dist/src/design_system/colors/generated/colors_theme.dark.js.map +1 -0
  6. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +110 -0
  7. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts.map +1 -0
  8. package/dist/src/design_system/colors/generated/colors_theme.light.js +110 -0
  9. package/dist/src/design_system/colors/generated/colors_theme.light.js.map +1 -0
  10. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +5 -0
  11. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
  12. package/dist/src/design_system/colors/generated/css_variables.dark.js +147 -0
  13. package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
  14. package/dist/src/design_system/colors/generated/css_variables.light.d.ts +5 -0
  15. package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
  16. package/dist/src/design_system/colors/generated/css_variables.light.js +147 -0
  17. package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
  18. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +5 -0
  19. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
  20. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +74 -0
  21. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
  22. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +5 -0
  23. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
  24. package/dist/src/design_system/colors/generated/css_variables_palette.light.js +74 -0
  25. package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
  26. package/dist/src/design_system/{properties_theme.d.ts → colors/generated/properties_theme.d.ts} +18 -14
  27. package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -0
  28. package/dist/src/design_system/{properties_theme.js → colors/generated/properties_theme.js} +18 -154
  29. package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -0
  30. package/dist/src/design_system/colors/index.d.ts +8 -0
  31. package/dist/src/design_system/colors/index.d.ts.map +1 -0
  32. package/dist/src/design_system/colors/index.js +8 -0
  33. package/dist/src/design_system/colors/index.js.map +1 -0
  34. package/dist/src/design_system/theme.d.ts +88 -87
  35. package/dist/src/design_system/theme.d.ts.map +1 -1
  36. package/dist/src/design_system/theme.js +1 -2
  37. package/dist/src/design_system/theme.js.map +1 -1
  38. package/dist/src/index.d.ts +1 -0
  39. package/dist/src/index.d.ts.map +1 -1
  40. package/dist/src/index.js +1 -0
  41. package/dist/src/index.js.map +1 -1
  42. package/dist/tsconfig.build.tsbuildinfo +1 -1
  43. package/package.json +10 -4
  44. package/src/design_system/colors/build_color_tokens.js +183 -0
  45. package/src/design_system/colors/figma_color_tokens.dark.json +886 -0
  46. package/src/design_system/colors/figma_color_tokens.light.json +886 -0
  47. package/src/design_system/colors/generated/colors_theme.dark.ts +110 -0
  48. package/src/design_system/{colors_theme.ts → colors/generated/colors_theme.light.ts} +40 -143
  49. package/src/design_system/colors/generated/css_variables.dark.ts +147 -0
  50. package/src/design_system/colors/generated/css_variables.light.ts +147 -0
  51. package/src/design_system/colors/generated/css_variables_palette.dark.ts +74 -0
  52. package/src/design_system/colors/generated/css_variables_palette.light.ts +74 -0
  53. package/src/design_system/{properties_theme.ts → colors/generated/properties_theme.ts} +19 -293
  54. package/src/design_system/colors/index.ts +7 -0
  55. package/src/design_system/theme.ts +1 -2
  56. package/src/index.ts +1 -0
  57. package/style/colors/dark.scss +148 -0
  58. package/style/colors/light.scss +148 -0
  59. package/style/colors/palette.dark.scss +75 -0
  60. package/style/colors/palette.light.scss +75 -0
  61. package/.stylelintrc +0 -12
  62. package/CHANGELOG.md +0 -3438
  63. package/CODEOWNERS +0 -7
  64. package/dist/src/design_system/colors_theme.d.ts +0 -213
  65. package/dist/src/design_system/colors_theme.d.ts.map +0 -1
  66. package/dist/src/design_system/colors_theme.js +0 -213
  67. package/dist/src/design_system/colors_theme.js.map +0 -1
  68. package/dist/src/design_system/properties_theme.d.ts.map +0 -1
  69. package/dist/src/design_system/properties_theme.js.map +0 -1
  70. package/eslint.config.mjs +0 -44
  71. package/src/codemods/generate_color_property_tokens.mjs +0 -98
  72. package/src/codemods/generate_color_theme_files.mjs +0 -47
  73. package/src/design_system/generate_color_definitions.js +0 -44
  74. package/src/design_system/supernova_color_tokens.json +0 -1766
  75. package/tsconfig.build.json +0 -17
  76. 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
- /* #ecf1ff */
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
- /* #ecf1ff */
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
- /* #80da8d */
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
- /* #f5b315 */
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
- /* #fa4d37 */
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
- /* #fa4d37 */
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
- /* #ffdd96 */
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
- /* #ffc89f */
222
- freePlanBackground: 'var(--color-special-free-plan-background)',
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 freePlanBackground: "var(--color-special-free-plan-background)";
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: "#92C0ff";
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":"AAYA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKd,4FAA4F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/F,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAA"}
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 './colors_theme.js';
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;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,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"}
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"}
@@ -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