@apify/ui-library 0.71.1-featcolortokens-178953.56 → 0.71.1-featcolortokens-178953.58

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 (98) hide show
  1. package/dist/tsconfig.build.tsbuildinfo +1 -0
  2. package/package.json +7 -5
  3. package/.stylelintrc +0 -12
  4. package/CHANGELOG.md +0 -3334
  5. package/CODEOWNERS +0 -7
  6. package/eslint.config.mjs +0 -44
  7. package/src/codemods/generate_typograpy_tokens_files.mjs +0 -137
  8. package/src/components/action_link.tsx +0 -60
  9. package/src/components/actor_template_card.tsx +0 -116
  10. package/src/components/badge.tsx +0 -148
  11. package/src/components/banner.tsx +0 -94
  12. package/src/components/blog_article.tsx +0 -85
  13. package/src/components/box.tsx +0 -127
  14. package/src/components/button.tsx +0 -305
  15. package/src/components/chip.tsx +0 -128
  16. package/src/components/code/action_button.tsx +0 -96
  17. package/src/components/code/code_block/code_block.styled.tsx +0 -180
  18. package/src/components/code/code_block/code_block.tsx +0 -224
  19. package/src/components/code/code_block/code_block_with_tabs.tsx +0 -257
  20. package/src/components/code/code_block/utils.tsx +0 -67
  21. package/src/components/code/index.ts +0 -5
  22. package/src/components/code/inline_code/inline_code.tsx +0 -62
  23. package/src/components/code/one_line_code/one_line_code.tsx +0 -228
  24. package/src/components/code/prism_highlighter.tsx +0 -180
  25. package/src/components/color_wheel_gradient.tsx +0 -31
  26. package/src/components/floating/index.ts +0 -3
  27. package/src/components/floating/menu.tsx +0 -189
  28. package/src/components/floating/menu_common.tsx +0 -31
  29. package/src/components/floating/menu_components.tsx +0 -99
  30. package/src/components/image.tsx +0 -24
  31. package/src/components/index.ts +0 -22
  32. package/src/components/link.tsx +0 -114
  33. package/src/components/message.tsx +0 -153
  34. package/src/components/rating.tsx +0 -106
  35. package/src/components/readme_renderer/index.ts +0 -3
  36. package/src/components/readme_renderer/pythonize_value.ts +0 -76
  37. package/src/components/readme_renderer/table_of_contents.tsx +0 -272
  38. package/src/components/readme_renderer/utils.tsx +0 -46
  39. package/src/components/simple_markdown/index.ts +0 -2
  40. package/src/components/simple_markdown/simple_markdown.tsx +0 -214
  41. package/src/components/simple_markdown/simple_markdown_components.tsx +0 -293
  42. package/src/components/tabs/index.ts +0 -2
  43. package/src/components/tabs/tab.tsx +0 -217
  44. package/src/components/tabs/tabs.tsx +0 -169
  45. package/src/components/tag.tsx +0 -196
  46. package/src/components/text/heading_content.tsx +0 -56
  47. package/src/components/text/heading_marketing.tsx +0 -55
  48. package/src/components/text/heading_shared.tsx +0 -55
  49. package/src/components/text/index.ts +0 -19
  50. package/src/components/text/text_base.tsx +0 -52
  51. package/src/components/text/text_content.tsx +0 -104
  52. package/src/components/text/text_marketing.tsx +0 -152
  53. package/src/components/text/text_shared.tsx +0 -95
  54. package/src/components/tile/horizontal_tile.tsx +0 -77
  55. package/src/components/tile/index.ts +0 -2
  56. package/src/components/tile/shared.ts +0 -27
  57. package/src/components/tile/vertical_tile.tsx +0 -59
  58. package/src/components/to_consolidate/card.tsx +0 -141
  59. package/src/components/to_consolidate/index.ts +0 -4
  60. package/src/components/to_consolidate/markdown.tsx +0 -609
  61. package/src/components/to_consolidate/pagination.tsx +0 -136
  62. package/src/components/to_consolidate/tab_number_chip.tsx +0 -31
  63. package/src/design_system/colors/build_color_tokens.js +0 -175
  64. package/src/design_system/colors/figma_color_tokens.dark.json +0 -886
  65. package/src/design_system/colors/figma_color_tokens.light.json +0 -886
  66. package/src/design_system/colors/generated/colors_theme.dark.ts +0 -110
  67. package/src/design_system/colors/generated/colors_theme.light.ts +0 -110
  68. package/src/design_system/colors/generated/dark.ts +0 -147
  69. package/src/design_system/colors/generated/light.ts +0 -147
  70. package/src/design_system/colors/generated/palette.dark.ts +0 -74
  71. package/src/design_system/colors/generated/palette.light.ts +0 -74
  72. package/src/design_system/colors/generated/properties_theme.ts +0 -179
  73. package/src/design_system/colors/index.ts +0 -7
  74. package/src/design_system/colors_theme.ts +0 -213
  75. package/src/design_system/properties_theme.ts +0 -453
  76. package/src/design_system/supernova_typography_tokens.json +0 -657
  77. package/src/design_system/theme.ts +0 -25
  78. package/src/design_system/tokens/index.ts +0 -5
  79. package/src/design_system/tokens/layouts.ts +0 -29
  80. package/src/design_system/tokens/radiuses.ts +0 -22
  81. package/src/design_system/tokens/shadows.ts +0 -22
  82. package/src/design_system/tokens/spaces.ts +0 -15
  83. package/src/design_system/tokens/transitions.ts +0 -19
  84. package/src/design_system/typography_theme.ts +0 -197
  85. package/src/index.ts +0 -8
  86. package/src/type_utils.ts +0 -7
  87. package/src/ui_dependency_provider.tsx +0 -58
  88. package/src/utils/copy_to_clipboard.ts +0 -24
  89. package/src/utils/image_color.ts +0 -42
  90. package/src/utils/index.ts +0 -4
  91. package/src/utils/resize_observer.ts +0 -18
  92. package/src/utils/sanitization.ts +0 -14
  93. package/tsconfig.build.json +0 -17
  94. package/tsconfig.json +0 -10
  95. /package/{src/design_system/colors/generated → style/colors}/dark.scss +0 -0
  96. /package/{src/design_system/colors/generated → style/colors}/light.scss +0 -0
  97. /package/{src/design_system/colors/generated → style/colors}/palette.dark.scss +0 -0
  98. /package/{src/design_system/colors/generated → style/colors}/palette.light.scss +0 -0
package/src/design_system/properties_theme.ts DELETED
@@ -1,453 +0,0 @@
1
- export const colorProperties = {
2
- neutral: {
3
- /* #242836 */
4
- text: 'var(--color-neutral-text)',
5
-
6
- /* #3f475d */
7
- textMuted: 'var(--color-neutral-text-muted)',
8
-
9
- /* #6c7590 */
10
- textSubtle: 'var(--color-neutral-text-subtle)',
11
-
12
- /* #c0c6de */
13
- textDisabled: 'var(--color-neutral-text-disabled)',
14
-
15
- /* #ffffff */
16
- textOnPrimary: 'var(--color-neutral-text-on-primary)',
17
-
18
- /* #ffffff */
19
- iconOnPrimary: 'var(--color-neutral-icon-on-primary)',
20
-
21
- /* #ffffff */
22
- background: 'var(--color-neutral-background)',
23
-
24
- /* #f8f9fc */
25
- backgroundMuted: 'var(--color-neutral-background-muted)',
26
-
27
- /* #f3f4fa */
28
- backgroundSubtle: 'var(--color-neutral-background-subtle)',
29
-
30
- /* #ffffff */
31
- backgroundWhite: 'var(--color-neutral-background-white)',
32
-
33
- /* #ffffff */
34
- cardBackground: 'var(--color-neutral-card-background)',
35
-
36
- /* #ffffff */
37
- cardBackgroundHover: 'var(--color-neutral-card-background-hover)',
38
-
39
- /* #d0d5e9 */
40
- border: 'var(--color-neutral-border)',
41
-
42
- /* #e0e3f2 */
43
- separatorSubtle: 'var(--color-neutral-separator-subtle)',
44
-
45
- /* #eef0f8 */
46
- hover: 'var(--color-neutral-hover)',
47
-
48
- /* #f3f4fa */
49
- disabled: 'var(--color-neutral-disabled)',
50
-
51
- /* #e0e3f2 */
52
- overflow: 'var(--color-neutral-overflow)',
53
-
54
- /* #555d76 */
55
- icon: 'var(--color-neutral-icon)',
56
-
57
- /* #8a93ae */
58
- iconSubtle: 'var(--color-neutral-icon-subtle)',
59
-
60
- /* #b0b8d1 */
61
- iconDisabled: 'var(--color-neutral-icon-disabled)',
62
-
63
- /* #c0c6de */
64
- fieldBorder: 'var(--color-neutral-field-border)',
65
-
66
- /* #d0d5e9 */
67
- actionSecondary: 'var(--color-neutral-action-secondary)',
68
-
69
- /* #e0e3f2 */
70
- actionSecondaryHover: 'var(--color-neutral-action-secondary-hover)',
71
-
72
- /* #c0c6de */
73
- actionSecondaryActive: 'var(--color-neutral-action-secondary-active)',
74
-
75
- /* #e0e3f2 */
76
- chipBackground: 'var(--color-neutral-chip-background)',
77
-
78
- /* #d0d5e9 */
79
- chipBackgroundHover: 'var(--color-neutral-chip-background-hover)',
80
-
81
- /* #c0c6de */
82
- chipBackgroundActive: 'var(--color-neutral-chip-background-active)',
83
-
84
- /* #d0d5e9 */
85
- chipBackgroundDisabled: 'var(--color-neutral-chip-background-disabled)',
86
-
87
- /* #ffffff */
88
- largeTooltipBackground: 'var(--color-neutral-large-tooltip-background)',
89
-
90
- /* #e0e3f2 */
91
- largeTooltipBorder: 'var(--color-neutral-large-tooltip-border)',
92
-
93
- /* #ffffff */
94
- smallTooltipText: 'var(--color-neutral-small-tooltip-text)',
95
-
96
- /* #191b22 */
97
- smallTooltipBackground: 'var(--color-neutral-small-tooltip-background)',
98
-
99
- /* #242836 */
100
- smallTooltipBorder: 'var(--color-neutral-small-tooltip-border)',
101
-
102
- /* #191b22cc */
103
- overlay: 'var(--color-neutral-overlay)',
104
-
105
- /* #f8f9fc */
106
- fieldBackground: 'var(--color-neutral-field-background)',
107
-
108
- /* #969eb8 */
109
- textPlaceholder: 'var(--color-neutral-text-placeholder)',
110
- },
111
-
112
- primary: {
113
- /* #1672eb */
114
- text: 'var(--color-primary-text)',
115
-
116
- /* #1672eb */
117
- textInteractive: 'var(--color-primary-text-interactive)',
118
-
119
- /* #1672eb */
120
- icon: 'var(--color-primary-icon)',
121
-
122
- /* #1672eb */
123
- action: 'var(--color-primary-action)',
124
-
125
- /* #5290f9 */
126
- actionHover: 'var(--color-primary-action-hover)',
127
-
128
- /* #1a57da */
129
- actionActive: 'var(--color-primary-action-active)',
130
-
131
- /* #1672eb */
132
- fieldBorderActive: 'var(--color-primary-field-border-active)',
133
-
134
- /* #ecf1ff */
135
- background: 'var(--color-primary-background)',
136
-
137
- /* #d8e2ff */
138
- backgroundHover: 'var(--color-primary-background-hover)',
139
-
140
- /* #f0f8ff */
141
- backgroundSubtle: 'var(--color-primary-background-subtle)',
142
-
143
- /* #ecf1ff */
144
- chipBackground: 'var(--color-primary-chip-background)',
145
-
146
- /* #f0f8ff */
147
- chipBackgroundSubtle: 'var(--color-primary-chip-background-subtle)',
148
-
149
- /* #d8e2ff */
150
- chipBackgroundHover: 'var(--color-primary-chip-background-hover)',
151
-
152
- /* #1a57da */
153
- chipText: 'var(--color-primary-chip-text)',
154
-
155
- /* #b2c6ff */
156
- shadowActive: 'var(--color-primary-shadow-active)',
157
-
158
- /* #b2c6ff */
159
- borderSubtle: 'var(--color-primary-border-subtle)',
160
- },
161
-
162
- primaryBlack: {
163
- /* #272d3e */
164
- action: 'var(--color-primary-black-action)',
165
-
166
- /* #2b3143 */
167
- actionHover: 'var(--color-primary-black-action-hover)',
168
-
169
- /* #0a0b0f */
170
- actionActive: 'var(--color-primary-black-action-active)',
171
-
172
- /* #1d202a */
173
- background: 'var(--color-primary-black-background)',
174
-
175
- /* #3f475d */
176
- backgroundHover: 'var(--color-primary-black-background-hover)',
177
-
178
- /* #ffffff */
179
- chipText: 'var(--color-primary-black-chip-text)',
180
- },
181
-
182
- success: {
183
- /* #008a27 */
184
- text: 'var(--color-success-text)',
185
-
186
- /* #008a27 */
187
- icon: 'var(--color-success-icon)',
188
-
189
- /* #e4f5e5 */
190
- background: 'var(--color-success-background)',
191
-
192
- /* #cfe9d1 */
193
- backgroundHover: 'var(--color-success-background-hover)',
194
-
195
- /* #e8f9ef */
196
- backgroundSubtle: 'var(--color-success-background-subtle)',
197
-
198
- /* #cfe9d1 */
199
- backgroundSubtleHover: 'var(--color-success-background-subtle-hover)',
200
-
201
- /* #80da8d */
202
- backgroundSubtleActive: 'var(--color-success-background-subtle-active)',
203
-
204
- /* #00ab46 */
205
- border: 'var(--color-success-border)',
206
-
207
- /* #008a27 */
208
- action: 'var(--color-success-action)',
209
-
210
- /* #00ab46 */
211
- actionHover: 'var(--color-success-action-hover)',
212
-
213
- /* #086e08 */
214
- actionActive: 'var(--color-success-action-active)',
215
-
216
- /* #daefdc */
217
- chipBackground: 'var(--color-success-chip-background)',
218
-
219
- /* #cfe9d1 */
220
- chipBackgroundHover: 'var(--color-success-chip-background-hover)',
221
-
222
- /* #086e08 */
223
- chipText: 'var(--color-success-chip-text)',
224
-
225
- /* #80da8d */
226
- borderSubtle: 'var(--color-success-border-subtle)',
227
- },
228
-
229
- warning: {
230
- /* #a96600 */
231
- text: 'var(--color-warning-text)',
232
-
233
- /* #f5b315 */
234
- icon: 'var(--color-warning-icon)',
235
-
236
- /* #f9f0db */
237
- background: 'var(--color-warning-background)',
238
-
239
- /* #f7dfb1 */
240
- backgroundHover: 'var(--color-warning-background-hover)',
241
-
242
- /* #f9f6ea */
243
- backgroundSubtle: 'var(--color-warning-background-subtle)',
244
-
245
- /* #f5b315 */
246
- fieldborder: 'var(--color-warning-field-border)',
247
-
248
- /* #f7e8c4 */
249
- chipBackground: 'var(--color-warning-chip-background)',
250
-
251
- /* #f7dfb1 */
252
- chipBackgroundHover: 'var(--color-warning-chip-background-hover)',
253
-
254
- /* #8c4e02 */
255
- chipText: 'var(--color-warning-chip-text)',
256
-
257
- /* #f5b315 */
258
- borderSubtle: 'var(--color-warning-border-subtle)',
259
- },
260
-
261
- danger: {
262
- /* #e3231d */
263
- text: 'var(--color-danger-text)',
264
-
265
- /* #e3231d */
266
- icon: 'var(--color-danger-icon)',
267
-
268
- /* #fff0ec */
269
- background: 'var(--color-danger-background)',
270
-
271
- /* #fedad1 */
272
- backgroundHover: 'var(--color-danger-background-hover)',
273
-
274
- /* #fcf2ef */
275
- backgroundSubtle: 'var(--color-danger-background-subtle)',
276
-
277
- /* #fedad1 */
278
- backgroundSubtleHover: 'var(--color-danger-background-subtle-hover)',
279
-
280
- /* #ffb39f */
281
- backgroundSubtleActive: 'var(--color-danger-background-subtle-active)',
282
-
283
- /* #fa4d37 */
284
- border: 'var(--color-danger-border)',
285
-
286
- /* #fa4d37 */
287
- fieldBorder: 'var(--color-danger-field-border)',
288
-
289
- /* #e3231d */
290
- action: 'var(--color-danger-action)',
291
-
292
- /* #fa4d37 */
293
- actionHover: 'var(--color-danger-action-hover)',
294
-
295
- /* #bb0401 */
296
- actionActive: 'var(--color-danger-action-active)',
297
-
298
- /* #ffe3dc */
299
- chipBackground: 'var(--color-danger-chip-background)',
300
-
301
- /* #fedad1 */
302
- chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
303
-
304
- /* #bb0401 */
305
- chipText: 'var(--color-danger-chip-text)',
306
-
307
- /* #ffb39f */
308
- borderSubtle: 'var(--color-danger-border-subtle)',
309
- },
310
-
311
- special: {
312
- /* #ffdd96 */
313
- starterPlanBackground: 'var(--color-special-starter-plan-background)',
314
-
315
- /* #bf97ed */
316
- enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
317
-
318
- /* #a7f2ed */
319
- businessPlanBackground: 'var(--color-special-business-plan-background)',
320
-
321
- /* #a1b7ff */
322
- scalePlanBackground: 'var(--color-special-scale-plan-background)',
323
-
324
- /* #ffc89f */
325
- freePlanBackground: 'var(--color-special-free-plan-background)',
326
- },
327
-
328
- rose: {
329
- /* #f483b5 */
330
- light: 'var(--color-rose-light)',
331
-
332
- /* #c6387d */
333
- base: 'var(--color-rose-base)',
334
-
335
- /* #781552 */
336
- dark: 'var(--color-rose-dark)',
337
-
338
- /* #b6006b */
339
- text: 'var(--color-rose-text)',
340
- },
341
-
342
- buttercup: {
343
- /* #ffdd96 */
344
- light: 'var(--color-buttercup-light)',
345
-
346
- /* #f0b21b */
347
- base: 'var(--color-buttercup-base)',
348
-
349
- /* #c37319 */
350
- dark: 'var(--color-buttercup-dark)',
351
-
352
- /* #a65d00 */
353
- text: 'var(--color-buttercup-text)',
354
- },
355
-
356
- paprika: {
357
- /* #e44467 */
358
- light: 'var(--color-paprika-light)',
359
-
360
- /* #9b0238 */
361
- base: 'var(--color-paprika-base)',
362
-
363
- /* #4a0018 */
364
- dark: 'var(--color-paprika-dark)',
365
-
366
- /* #ba0044 */
367
- text: 'var(--color-paprika-text)',
368
- },
369
-
370
- teal: {
371
- /* #a7f2ed */
372
- light: 'var(--color-teal-light)',
373
-
374
- /* #30c0bb */
375
- base: 'var(--color-teal-base)',
376
-
377
- /* #297774 */
378
- dark: 'var(--color-teal-dark)',
379
-
380
- /* #018181 */
381
- text: 'var(--color-teal-text)',
382
- },
383
-
384
- indigo: {
385
- /* #a1b7ff */
386
- light: 'var(--color-indigo-light)',
387
-
388
- /* #5d85e1 */
389
- base: 'var(--color-indigo-base)',
390
-
391
- /* #365494 */
392
- dark: 'var(--color-indigo-dark)',
393
-
394
- /* #2563c1 */
395
- text: 'var(--color-indigo-text)',
396
- },
397
-
398
- slate: {
399
- /* #c1c5e1 */
400
- light: 'var(--color-slate-light)',
401
-
402
- /* #8490c4 */
403
- base: 'var(--color-slate-base)',
404
-
405
- /* #525c85 */
406
- dark: 'var(--color-slate-dark)',
407
-
408
- /* #566087 */
409
- text: 'var(--color-slate-text)',
410
- },
411
-
412
- coral: {
413
- /* #ffc89f */
414
- light: 'var(--color-coral-light)',
415
-
416
- /* #fa8136 */
417
- base: 'var(--color-coral-base)',
418
-
419
- /* #bb4511 */
420
- dark: 'var(--color-coral-dark)',
421
-
422
- /* #c74000 */
423
- text: 'var(--color-coral-text)',
424
- },
425
-
426
- lavender: {
427
- /* #bf97ed */
428
- light: 'var(--color-lavender-light)',
429
-
430
- /* #6a14de */
431
- base: 'var(--color-lavender-base)',
432
-
433
- /* #330276 */
434
- dark: 'var(--color-lavender-dark)',
435
-
436
- /* #6e00f4 */
437
- text: 'var(--color-lavender-text)',
438
- },
439
-
440
- bamboo: {
441
- /* #64cda5 */
442
- light: 'var(--color-bamboo-light)',
443
-
444
- /* #12966f */
445
- base: 'var(--color-bamboo-base)',
446
-
447
- /* #195d46 */
448
- dark: 'var(--color-bamboo-dark)',
449
-
450
- /* #007455 */
451
- text: 'var(--color-bamboo-text)',
452
- },
453
- } as const;