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

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 (134) hide show
  1. package/dist/src/design_system/colors/generated/{dark.d.ts → css_variables.dark.d.ts} +1 -1
  2. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
  3. package/dist/src/design_system/colors/generated/{dark.js → css_variables.dark.js} +1 -1
  4. package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
  5. package/dist/src/design_system/colors/generated/{light.d.ts → css_variables.light.d.ts} +1 -1
  6. package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
  7. package/{src/design_system/colors/generated/light.ts → dist/src/design_system/colors/generated/css_variables.light.js} +1 -1
  8. package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
  9. package/dist/src/design_system/colors/generated/{palette.dark.d.ts → css_variables_palette.dark.d.ts} +1 -1
  10. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
  11. package/dist/src/design_system/colors/generated/{palette.dark.js → css_variables_palette.dark.js} +1 -1
  12. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
  13. package/dist/src/design_system/colors/generated/{palette.light.d.ts → css_variables_palette.light.d.ts} +1 -1
  14. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
  15. package/{src/design_system/colors/generated/palette.light.ts → dist/src/design_system/colors/generated/css_variables_palette.light.js} +1 -1
  16. package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
  17. package/dist/src/design_system/colors/index.d.ts +4 -4
  18. package/dist/src/design_system/colors/index.d.ts.map +1 -1
  19. package/dist/src/design_system/colors/index.js +4 -4
  20. package/dist/src/design_system/colors/index.js.map +1 -1
  21. package/dist/tsconfig.build.tsbuildinfo +1 -0
  22. package/package.json +7 -5
  23. package/.stylelintrc +0 -12
  24. package/CHANGELOG.md +0 -3334
  25. package/CODEOWNERS +0 -7
  26. package/dist/src/design_system/colors/generated/dark.d.ts.map +0 -1
  27. package/dist/src/design_system/colors/generated/dark.js.map +0 -1
  28. package/dist/src/design_system/colors/generated/light.d.ts.map +0 -1
  29. package/dist/src/design_system/colors/generated/light.js +0 -147
  30. package/dist/src/design_system/colors/generated/light.js.map +0 -1
  31. package/dist/src/design_system/colors/generated/palette.dark.d.ts.map +0 -1
  32. package/dist/src/design_system/colors/generated/palette.dark.js.map +0 -1
  33. package/dist/src/design_system/colors/generated/palette.light.d.ts.map +0 -1
  34. package/dist/src/design_system/colors/generated/palette.light.js +0 -74
  35. package/dist/src/design_system/colors/generated/palette.light.js.map +0 -1
  36. package/dist/src/design_system/colors_theme.d.ts +0 -213
  37. package/dist/src/design_system/colors_theme.d.ts.map +0 -1
  38. package/dist/src/design_system/colors_theme.js +0 -213
  39. package/dist/src/design_system/colors_theme.js.map +0 -1
  40. package/dist/src/design_system/properties_theme.d.ts +0 -175
  41. package/dist/src/design_system/properties_theme.d.ts.map +0 -1
  42. package/dist/src/design_system/properties_theme.js +0 -315
  43. package/dist/src/design_system/properties_theme.js.map +0 -1
  44. package/eslint.config.mjs +0 -44
  45. package/src/codemods/generate_typograpy_tokens_files.mjs +0 -137
  46. package/src/components/action_link.tsx +0 -60
  47. package/src/components/actor_template_card.tsx +0 -116
  48. package/src/components/badge.tsx +0 -148
  49. package/src/components/banner.tsx +0 -94
  50. package/src/components/blog_article.tsx +0 -85
  51. package/src/components/box.tsx +0 -127
  52. package/src/components/button.tsx +0 -305
  53. package/src/components/chip.tsx +0 -128
  54. package/src/components/code/action_button.tsx +0 -96
  55. package/src/components/code/code_block/code_block.styled.tsx +0 -180
  56. package/src/components/code/code_block/code_block.tsx +0 -224
  57. package/src/components/code/code_block/code_block_with_tabs.tsx +0 -257
  58. package/src/components/code/code_block/utils.tsx +0 -67
  59. package/src/components/code/index.ts +0 -5
  60. package/src/components/code/inline_code/inline_code.tsx +0 -62
  61. package/src/components/code/one_line_code/one_line_code.tsx +0 -228
  62. package/src/components/code/prism_highlighter.tsx +0 -180
  63. package/src/components/color_wheel_gradient.tsx +0 -31
  64. package/src/components/floating/index.ts +0 -3
  65. package/src/components/floating/menu.tsx +0 -189
  66. package/src/components/floating/menu_common.tsx +0 -31
  67. package/src/components/floating/menu_components.tsx +0 -99
  68. package/src/components/image.tsx +0 -24
  69. package/src/components/index.ts +0 -22
  70. package/src/components/link.tsx +0 -114
  71. package/src/components/message.tsx +0 -153
  72. package/src/components/rating.tsx +0 -106
  73. package/src/components/readme_renderer/index.ts +0 -3
  74. package/src/components/readme_renderer/pythonize_value.ts +0 -76
  75. package/src/components/readme_renderer/table_of_contents.tsx +0 -272
  76. package/src/components/readme_renderer/utils.tsx +0 -46
  77. package/src/components/simple_markdown/index.ts +0 -2
  78. package/src/components/simple_markdown/simple_markdown.tsx +0 -214
  79. package/src/components/simple_markdown/simple_markdown_components.tsx +0 -293
  80. package/src/components/tabs/index.ts +0 -2
  81. package/src/components/tabs/tab.tsx +0 -217
  82. package/src/components/tabs/tabs.tsx +0 -169
  83. package/src/components/tag.tsx +0 -196
  84. package/src/components/text/heading_content.tsx +0 -56
  85. package/src/components/text/heading_marketing.tsx +0 -55
  86. package/src/components/text/heading_shared.tsx +0 -55
  87. package/src/components/text/index.ts +0 -19
  88. package/src/components/text/text_base.tsx +0 -52
  89. package/src/components/text/text_content.tsx +0 -104
  90. package/src/components/text/text_marketing.tsx +0 -152
  91. package/src/components/text/text_shared.tsx +0 -95
  92. package/src/components/tile/horizontal_tile.tsx +0 -77
  93. package/src/components/tile/index.ts +0 -2
  94. package/src/components/tile/shared.ts +0 -27
  95. package/src/components/tile/vertical_tile.tsx +0 -59
  96. package/src/components/to_consolidate/card.tsx +0 -141
  97. package/src/components/to_consolidate/index.ts +0 -4
  98. package/src/components/to_consolidate/markdown.tsx +0 -609
  99. package/src/components/to_consolidate/pagination.tsx +0 -136
  100. package/src/components/to_consolidate/tab_number_chip.tsx +0 -31
  101. package/src/design_system/colors/build_color_tokens.js +0 -175
  102. package/src/design_system/colors/figma_color_tokens.dark.json +0 -886
  103. package/src/design_system/colors/figma_color_tokens.light.json +0 -886
  104. package/src/design_system/colors/generated/colors_theme.dark.ts +0 -110
  105. package/src/design_system/colors/generated/colors_theme.light.ts +0 -110
  106. package/src/design_system/colors/generated/dark.ts +0 -147
  107. package/src/design_system/colors/generated/palette.dark.ts +0 -74
  108. package/src/design_system/colors/generated/properties_theme.ts +0 -179
  109. package/src/design_system/colors/index.ts +0 -7
  110. package/src/design_system/colors_theme.ts +0 -213
  111. package/src/design_system/properties_theme.ts +0 -453
  112. package/src/design_system/supernova_typography_tokens.json +0 -657
  113. package/src/design_system/theme.ts +0 -25
  114. package/src/design_system/tokens/index.ts +0 -5
  115. package/src/design_system/tokens/layouts.ts +0 -29
  116. package/src/design_system/tokens/radiuses.ts +0 -22
  117. package/src/design_system/tokens/shadows.ts +0 -22
  118. package/src/design_system/tokens/spaces.ts +0 -15
  119. package/src/design_system/tokens/transitions.ts +0 -19
  120. package/src/design_system/typography_theme.ts +0 -197
  121. package/src/index.ts +0 -8
  122. package/src/type_utils.ts +0 -7
  123. package/src/ui_dependency_provider.tsx +0 -58
  124. package/src/utils/copy_to_clipboard.ts +0 -24
  125. package/src/utils/image_color.ts +0 -42
  126. package/src/utils/index.ts +0 -4
  127. package/src/utils/resize_observer.ts +0 -18
  128. package/src/utils/sanitization.ts +0 -14
  129. package/tsconfig.build.json +0 -17
  130. package/tsconfig.json +0 -10
  131. /package/{src/design_system/colors/generated → style/colors}/dark.scss +0 -0
  132. /package/{src/design_system/colors/generated → style/colors}/light.scss +0 -0
  133. /package/{src/design_system/colors/generated → style/colors}/palette.dark.scss +0 -0
  134. /package/{src/design_system/colors/generated → style/colors}/palette.light.scss +0 -0
@@ -1,110 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const darkTheme = {
6
- roseLight: '#e88bb3',
7
- roseBase: '#b8487b',
8
- roseDark: '#6f234f',
9
- roseText: '#ed8bb5',
10
- buttercupLight: '#f9deaa',
11
- buttercupBase: '#e5b557',
12
- buttercupDark: '#b87939',
13
- buttercupText: '#ebbf6c',
14
- paprikaLight: '#e26c7d',
15
- paprikaBase: '#9e384b',
16
- paprikaDark: '#511d27',
17
- paprikaText: '#f67c8d',
18
- tealLight: '#aef0f5',
19
- tealBase: '#58bcc4',
20
- tealDark: '#408288',
21
- tealText: '#62c1c8',
22
- indigoLight: '#a8b7ed',
23
- indigoBase: '#6d85ca',
24
- indigoDark: '#425484',
25
- indigoText: '#a2b2eb',
26
- slateLight: '#c2c5dc',
27
- slateBase: '#8690bf',
28
- slateDark: '#535c81',
29
- slateText: '#afb2c9',
30
- coralLight: '#f3ccb0',
31
- coralBase: '#f08848',
32
- coralDark: '#9a4e2d',
33
- coralText: '#f9b27b',
34
- lavenderLight: '#b482ed',
35
- lavenderBase: '#8148c9',
36
- lavenderDark: '#48296f',
37
- lavenderText: '#be8af9',
38
- bambooLight: '#7acaa9',
39
- bambooBase: '#439274',
40
- bambooDark: '#305b4a',
41
- bambooText: '#65bc99',
42
- neutral0: '#ffffff',
43
- neutral25: '#f8f9fc',
44
- neutral50: '#f3f4fa',
45
- neutral75: '#eef0f8',
46
- neutral100: '#e1e3ed',
47
- neutral150: '#d1d5e4',
48
- neutral200: '#c1c6d9',
49
- neutral250: '#b2b8cc',
50
- neutral300: '#a5abc0',
51
- neutral350: '#989eb3',
52
- neutral400: '#8c93a8',
53
- neutral450: '#7d8499',
54
- neutral500: '#6e758a',
55
- neutral550: '#646a7f',
56
- neutral600: '#575d71',
57
- neutral650: '#4d5265',
58
- neutral700: '#414758',
59
- neutral750: '#343847',
60
- neutral775: '#2d313e',
61
- neutral800: '#2a2d39',
62
- neutral850: '#252832',
63
- neutral875: '#1e2027',
64
- neutral900: '#1a1b21',
65
- neutral950: '#101114',
66
- yellow25: '#fcdc73',
67
- yellow50: '#ffd761',
68
- yellow75: '#f9ce4b',
69
- yellow100: '#f5bc38',
70
- yellow200: '#cf9117',
71
- yellow300: '#a56909',
72
- yellow350: '#8a4f05',
73
- yellow400: '#6d3806',
74
- yellow500: '#5d2e0e',
75
- yellow600: '#3f1b07',
76
- yellow700: '#301806',
77
- red25: '#f5a790',
78
- red50: '#fe9e8a',
79
- red75: '#ff8770',
80
- red100: '#ff7157',
81
- red200: '#ef6045',
82
- red300: '#cf4436',
83
- red350: '#aa3229',
84
- red400: '#812420',
85
- red500: '#672523',
86
- red600: '#40191b',
87
- red700: '#381719',
88
- green25: '#74d584',
89
- green50: '#6ccd7c',
90
- green75: '#55c06a',
91
- green100: '#3bb358',
92
- green200: '#23a64a',
93
- green300: '#068a35',
94
- green350: '#006e29',
95
- green400: '#00531e',
96
- green500: '#14441f',
97
- green600: '#0f2b14',
98
- green700: '#09260f',
99
- blue25: '#92c0ff',
100
- blue50: '#8ebcff',
101
- blue75: '#80a9ff',
102
- blue100: '#6f9dff',
103
- blue200: '#5990ff',
104
- blue300: '#3970d7',
105
- blue350: '#295cbb',
106
- blue400: '#194594',
107
- blue500: '#1a3a78',
108
- blue600: '#0d2550',
109
- blue700: '#151d34',
110
- } as const;
@@ -1,110 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const lightTheme = {
6
- roseLight: '#f483b5',
7
- roseBase: '#c6387d',
8
- roseDark: '#781552',
9
- roseText: '#b6006b',
10
- buttercupLight: '#ffdd96',
11
- buttercupBase: '#f0b21b',
12
- buttercupDark: '#c37319',
13
- buttercupText: '#a65d00',
14
- paprikaLight: '#e44467',
15
- paprikaBase: '#9b0238',
16
- paprikaDark: '#4a0018',
17
- paprikaText: '#ba0044',
18
- tealLight: '#a7f2ed',
19
- tealBase: '#30c0bb',
20
- tealDark: '#297774',
21
- tealText: '#018181',
22
- indigoLight: '#a1b7ff',
23
- indigoBase: '#5d85e1',
24
- indigoDark: '#365494',
25
- indigoText: '#2563c1',
26
- slateLight: '#c1c5e1',
27
- slateBase: '#8490c4',
28
- slateDark: '#525c85',
29
- slateText: '#566087',
30
- coralLight: '#ffc89f',
31
- coralBase: '#fa8136',
32
- coralDark: '#bb4511',
33
- coralText: '#c74000',
34
- lavenderLight: '#bf97ed',
35
- lavenderBase: '#6a14de',
36
- lavenderDark: '#330276',
37
- lavenderText: '#6e00f4',
38
- bambooLight: '#64cda5',
39
- bambooBase: '#12966f',
40
- bambooDark: '#195d46',
41
- bambooText: '#007455',
42
- neutral0: '#ffffff',
43
- neutral25: '#f8f9fc',
44
- neutral50: '#f3f4fa',
45
- neutral75: '#eef0f8',
46
- neutral100: '#e0e3f2',
47
- neutral150: '#d0d5e9',
48
- neutral200: '#c0c6de',
49
- neutral250: '#b0b8d1',
50
- neutral300: '#a3abc5',
51
- neutral350: '#969eb8',
52
- neutral400: '#8a93ae',
53
- neutral450: '#7b84a0',
54
- neutral500: '#6c7590',
55
- neutral550: '#626a85',
56
- neutral600: '#555d76',
57
- neutral650: '#4b526b',
58
- neutral700: '#3f475d',
59
- neutral750: '#31384d',
60
- neutral775: '#2b3143',
61
- neutral800: '#272d3e',
62
- neutral850: '#242836',
63
- neutral875: '#1d202a',
64
- neutral900: '#191b22',
65
- neutral950: '#0a0b0f',
66
- yellow25: '#f9f6ea',
67
- yellow50: '#f9f0db',
68
- yellow75: '#f7e8c4',
69
- yellow100: '#f7dfb1',
70
- yellow200: '#f5b315',
71
- yellow300: '#e39c04',
72
- yellow350: '#d58e00',
73
- yellow400: '#ca8200',
74
- yellow500: '#a96600',
75
- yellow600: '#8c4e02',
76
- yellow700: '#864906',
77
- red25: '#fcf2ef',
78
- red50: '#fff0ec',
79
- red75: '#ffe3dc',
80
- red100: '#fedad1',
81
- red200: '#ffb39f',
82
- red300: '#ff886e',
83
- red350: '#fc7156',
84
- red400: '#fa4d37',
85
- red500: '#e3231d',
86
- red600: '#bb0401',
87
- red700: '#af0600',
88
- green25: '#e8f9ef',
89
- green50: '#e4f5e5',
90
- green75: '#daefdc',
91
- green100: '#cfe9d1',
92
- green200: '#80da8d',
93
- green300: '#46c263',
94
- green350: '#22b551',
95
- green400: '#00ab46',
96
- green500: '#008a27',
97
- green600: '#086e08',
98
- green700: '#176b08',
99
- blue25: '#f0f8ff',
100
- blue50: '#ecf1ff',
101
- blue75: '#e1eaff',
102
- blue100: '#d8e2ff',
103
- blue200: '#b2c6ff',
104
- blue300: '#88abfe',
105
- blue350: '#709efd',
106
- blue400: '#5290f9',
107
- blue500: '#1672eb',
108
- blue600: '#1a57da',
109
- blue700: '#224ed5',
110
- } as const;
@@ -1,147 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const tokens = `
6
- --color-neutral-text: #f3f4fa;
7
- --color-neutral-text-muted: #b2b8cc;
8
- --color-neutral-text-subtle: #8c93a8;
9
- --color-neutral-text-disabled: #575d71;
10
- --color-neutral-text-on-primary: #1a1b21;
11
- --color-neutral-icon-on-primary: #1a1b21;
12
- --color-neutral-background: #1a1b21;
13
- --color-neutral-background-muted: #252832;
14
- --color-neutral-background-subtle: #2a2d39;
15
- --color-neutral-background-white: #f3f4fa;
16
- --color-neutral-card-background: #1e2027;
17
- --color-neutral-card-background-hover: #252832;
18
- --color-neutral-border: #414758;
19
- --color-neutral-separator-subtle: #343847;
20
- --color-neutral-hover: #2d313e;
21
- --color-neutral-disabled: #343847;
22
- --color-neutral-overflow: #2a2d39;
23
- --color-neutral-icon: #b2b8cc;
24
- --color-neutral-icon-subtle: #6e758a;
25
- --color-neutral-icon-disabled: #575d71;
26
- --color-neutral-field-border: #343847;
27
- --color-neutral-action-secondary: #575d71;
28
- --color-neutral-action-secondary-hover: #6e758a;
29
- --color-neutral-action-secondary-active: #343847;
30
- --color-neutral-chip-background: #575d71;
31
- --color-neutral-chip-background-hover: #6e758a;
32
- --color-neutral-chip-background-active: #8c93a8;
33
- --color-neutral-chip-background-disabled: #8c93a8;
34
- --color-neutral-large-tooltip-background: #2a2d39;
35
- --color-neutral-large-tooltip-border: #343847;
36
- --color-neutral-small-tooltip-text: #ffffff;
37
- --color-neutral-small-tooltip-background: #2a2d39;
38
- --color-neutral-small-tooltip-border: #343847;
39
- --color-neutral-overlay: #101114;
40
- --color-neutral-field-background: #101114;
41
- --color-neutral-text-placeholder: #6e758a;
42
- --color-primary-text: #6f9dff;
43
- --color-primary-text-interactive: #6f9dff;
44
- --color-primary-icon: #3970d7;
45
- --color-primary-action: #5990ff;
46
- --color-primary-action-hover: #80a9ff;
47
- --color-primary-action-active: #3970d7;
48
- --color-primary-field-border-active: #3970d7;
49
- --color-primary-border-subtle: #295cbb;
50
- --color-primary-background: #0d2550;
51
- --color-primary-background-subtle: #151d34;
52
- --color-primary-background-hover: #194594;
53
- --color-primary-chip-background: #0d2550;
54
- --color-primary-chip-background-subtle: #151d34;
55
- --color-primary-chip-background-hover: #194594;
56
- --color-primary-chip-text: #8ebcff;
57
- --color-primary-shadow-active: #295cbb;
58
- --color-primary-black-action: #ffffff;
59
- --color-primary-black-action-hover: #d1d5e4;
60
- --color-primary-black-action-active: #f3f4fa;
61
- --color-primary-black-background: #f3f4fa;
62
- --color-primary-black-background-hover: #eef0f8;
63
- --color-primary-black-chip-text: #101114;
64
- --color-success-text: #3bb358;
65
- --color-success-icon: #23a64a;
66
- --color-success-background: #14441f;
67
- --color-success-background-hover: #00531e;
68
- --color-success-background-subtle: #09260f;
69
- --color-success-background-subtle-hover: #14441f;
70
- --color-success-background-subtle-active: #006e29;
71
- --color-success-chip-background: #14441f;
72
- --color-success-chip-background-hover: #00531e;
73
- --color-success-chip-text: #6ccd7c;
74
- --color-success-border: #068a35;
75
- --color-success-border-subtle: #006e29;
76
- --color-success-action: #23a64a;
77
- --color-success-action-hover: #3bb358;
78
- --color-success-action-active: #068a35;
79
- --color-warning-text: #f9ce4b;
80
- --color-warning-icon: #f9ce4b;
81
- --color-warning-background: #5d2e0e;
82
- --color-warning-background-hover: #6d3806;
83
- --color-warning-background-subtle: #301806;
84
- --color-warning-chip-background: #5d2e0e;
85
- --color-warning-chip-background-hover: #6d3806;
86
- --color-warning-chip-text: #ffd761;
87
- --color-warning-border: #a56909;
88
- --color-warning-border-subtle: #8a4f05;
89
- --color-warning-field-border: #cf9117;
90
- --color-danger-text: #ff7157;
91
- --color-danger-icon: #ef6045;
92
- --color-danger-background: #672523;
93
- --color-danger-background-hover: #812420;
94
- --color-danger-background-subtle: #381719;
95
- --color-danger-background-subtle-hover: #672523;
96
- --color-danger-background-subtle-active: #aa3229;
97
- --color-danger-chip-background: #672523;
98
- --color-danger-chip-background-hover: #812420;
99
- --color-danger-chip-text: #fe9e8a;
100
- --color-danger-border: #cf4436;
101
- --color-danger-border-subtle: #aa3229;
102
- --color-danger-field-border: #ef6045;
103
- --color-danger-action: #ef6045;
104
- --color-danger-action-hover: #ff7157;
105
- --color-danger-action-active: #cf4436;
106
- --color-special-free-plan-background: #9a4e2d;
107
- --color-special-starter-plan-background: #b87939;
108
- --color-special-scale-plan-background: #425484;
109
- --color-special-business-plan-background: #408288;
110
- --color-special-enterprise-plan-background: #48296f;
111
- --color-rose-light: #e88bb3;
112
- --color-rose-base: #b8487b;
113
- --color-rose-dark: #6f234f;
114
- --color-rose-text: #ed8bb5;
115
- --color-buttercup-light: #f9deaa;
116
- --color-buttercup-base: #e5b557;
117
- --color-buttercup-dark: #b87939;
118
- --color-buttercup-text: #ebbf6c;
119
- --color-paprika-light: #e26c7d;
120
- --color-paprika-base: #9e384b;
121
- --color-paprika-dark: #511d27;
122
- --color-paprika-text: #f67c8d;
123
- --color-teal-light: #aef0f5;
124
- --color-teal-base: #58bcc4;
125
- --color-teal-dark: #408288;
126
- --color-teal-text: #62c1c8;
127
- --color-indigo-light: #a8b7ed;
128
- --color-indigo-base: #6d85ca;
129
- --color-indigo-dark: #425484;
130
- --color-indigo-text: #a2b2eb;
131
- --color-slate-light: #c2c5dc;
132
- --color-slate-base: #8690bf;
133
- --color-slate-dark: #535c81;
134
- --color-slate-text: #afb2c9;
135
- --color-coral-light: #f3ccb0;
136
- --color-coral-base: #f08848;
137
- --color-coral-dark: #9a4e2d;
138
- --color-coral-text: #f9b27b;
139
- --color-lavender-light: #b482ed;
140
- --color-lavender-base: #8148c9;
141
- --color-lavender-dark: #48296f;
142
- --color-lavender-text: #be8af9;
143
- --color-bamboo-light: #7acaa9;
144
- --color-bamboo-base: #439274;
145
- --color-bamboo-dark: #305b4a;
146
- --color-bamboo-text: #65bc99;
147
- `;
@@ -1,74 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const tokens = `
6
- --palette-neutral-0: #ffffff;
7
- --palette-neutral-25: #f8f9fc;
8
- --palette-neutral-50: #f3f4fa;
9
- --palette-neutral-75: #eef0f8;
10
- --palette-neutral-100: #e1e3ed;
11
- --palette-neutral-150: #d1d5e4;
12
- --palette-neutral-200: #c1c6d9;
13
- --palette-neutral-250: #b2b8cc;
14
- --palette-neutral-300: #a5abc0;
15
- --palette-neutral-350: #989eb3;
16
- --palette-neutral-400: #8c93a8;
17
- --palette-neutral-450: #7d8499;
18
- --palette-neutral-500: #6e758a;
19
- --palette-neutral-550: #646a7f;
20
- --palette-neutral-600: #575d71;
21
- --palette-neutral-650: #4d5265;
22
- --palette-neutral-700: #414758;
23
- --palette-neutral-750: #343847;
24
- --palette-neutral-775: #2d313e;
25
- --palette-neutral-800: #2a2d39;
26
- --palette-neutral-850: #252832;
27
- --palette-neutral-875: #1e2027;
28
- --palette-neutral-900: #1a1b21;
29
- --palette-neutral-950: #101114;
30
- --palette-yellow-25: #fcdc73;
31
- --palette-yellow-50: #ffd761;
32
- --palette-yellow-75: #f9ce4b;
33
- --palette-yellow-100: #f5bc38;
34
- --palette-yellow-200: #cf9117;
35
- --palette-yellow-300: #a56909;
36
- --palette-yellow-350: #8a4f05;
37
- --palette-yellow-400: #6d3806;
38
- --palette-yellow-500: #5d2e0e;
39
- --palette-yellow-600: #3f1b07;
40
- --palette-yellow-700: #301806;
41
- --palette-red-25: #f5a790;
42
- --palette-red-50: #fe9e8a;
43
- --palette-red-75: #ff8770;
44
- --palette-red-100: #ff7157;
45
- --palette-red-200: #ef6045;
46
- --palette-red-300: #cf4436;
47
- --palette-red-350: #aa3229;
48
- --palette-red-400: #812420;
49
- --palette-red-500: #672523;
50
- --palette-red-600: #40191b;
51
- --palette-red-700: #381719;
52
- --palette-green-25: #74d584;
53
- --palette-green-50: #6ccd7c;
54
- --palette-green-75: #55c06a;
55
- --palette-green-100: #3bb358;
56
- --palette-green-200: #23a64a;
57
- --palette-green-300: #068a35;
58
- --palette-green-350: #006e29;
59
- --palette-green-400: #00531e;
60
- --palette-green-500: #14441f;
61
- --palette-green-600: #0f2b14;
62
- --palette-green-700: #09260f;
63
- --palette-blue-25: #92c0ff;
64
- --palette-blue-50: #8ebcff;
65
- --palette-blue-75: #80a9ff;
66
- --palette-blue-100: #6f9dff;
67
- --palette-blue-200: #5990ff;
68
- --palette-blue-300: #3970d7;
69
- --palette-blue-350: #295cbb;
70
- --palette-blue-400: #194594;
71
- --palette-blue-500: #1a3a78;
72
- --palette-blue-600: #0d2550;
73
- --palette-blue-700: #151d34;
74
- `;
@@ -1,179 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export const colorProperties = {
6
- neutral: {
7
- text: 'var(--color-neutral-text)',
8
- textMuted: 'var(--color-neutral-text-muted)',
9
- textSubtle: 'var(--color-neutral-text-subtle)',
10
- textDisabled: 'var(--color-neutral-text-disabled)',
11
- textOnPrimary: 'var(--color-neutral-text-on-primary)',
12
- iconOnPrimary: 'var(--color-neutral-icon-on-primary)',
13
- background: 'var(--color-neutral-background)',
14
- backgroundMuted: 'var(--color-neutral-background-muted)',
15
- backgroundSubtle: 'var(--color-neutral-background-subtle)',
16
- backgroundWhite: 'var(--color-neutral-background-white)',
17
- cardBackground: 'var(--color-neutral-card-background)',
18
- cardBackgroundHover: 'var(--color-neutral-card-background-hover)',
19
- border: 'var(--color-neutral-border)',
20
- separatorSubtle: 'var(--color-neutral-separator-subtle)',
21
- hover: 'var(--color-neutral-hover)',
22
- disabled: 'var(--color-neutral-disabled)',
23
- overflow: 'var(--color-neutral-overflow)',
24
- icon: 'var(--color-neutral-icon)',
25
- iconSubtle: 'var(--color-neutral-icon-subtle)',
26
- iconDisabled: 'var(--color-neutral-icon-disabled)',
27
- fieldBorder: 'var(--color-neutral-field-border)',
28
- actionSecondary: 'var(--color-neutral-action-secondary)',
29
- actionSecondaryHover: 'var(--color-neutral-action-secondary-hover)',
30
- actionSecondaryActive: 'var(--color-neutral-action-secondary-active)',
31
- chipBackground: 'var(--color-neutral-chip-background)',
32
- chipBackgroundHover: 'var(--color-neutral-chip-background-hover)',
33
- chipBackgroundActive: 'var(--color-neutral-chip-background-active)',
34
- chipBackgroundDisabled: 'var(--color-neutral-chip-background-disabled)',
35
- largeTooltipBackground: 'var(--color-neutral-large-tooltip-background)',
36
- largeTooltipBorder: 'var(--color-neutral-large-tooltip-border)',
37
- smallTooltipText: 'var(--color-neutral-small-tooltip-text)',
38
- smallTooltipBackground: 'var(--color-neutral-small-tooltip-background)',
39
- smallTooltipBorder: 'var(--color-neutral-small-tooltip-border)',
40
- overlay: 'var(--color-neutral-overlay)',
41
- fieldBackground: 'var(--color-neutral-field-background)',
42
- textPlaceholder: 'var(--color-neutral-text-placeholder)',
43
- },
44
- primary: {
45
- text: 'var(--color-primary-text)',
46
- textInteractive: 'var(--color-primary-text-interactive)',
47
- icon: 'var(--color-primary-icon)',
48
- action: 'var(--color-primary-action)',
49
- actionHover: 'var(--color-primary-action-hover)',
50
- actionActive: 'var(--color-primary-action-active)',
51
- fieldBorderActive: 'var(--color-primary-field-border-active)',
52
- borderSubtle: 'var(--color-primary-border-subtle)',
53
- background: 'var(--color-primary-background)',
54
- backgroundSubtle: 'var(--color-primary-background-subtle)',
55
- backgroundHover: 'var(--color-primary-background-hover)',
56
- chipBackground: 'var(--color-primary-chip-background)',
57
- chipBackgroundSubtle: 'var(--color-primary-chip-background-subtle)',
58
- chipBackgroundHover: 'var(--color-primary-chip-background-hover)',
59
- chipText: 'var(--color-primary-chip-text)',
60
- shadowActive: 'var(--color-primary-shadow-active)',
61
- },
62
- primaryBlack: {
63
- action: 'var(--color-primary-black-action)',
64
- actionHover: 'var(--color-primary-black-action-hover)',
65
- actionActive: 'var(--color-primary-black-action-active)',
66
- background: 'var(--color-primary-black-background)',
67
- backgroundHover: 'var(--color-primary-black-background-hover)',
68
- chipText: 'var(--color-primary-black-chip-text)',
69
- },
70
- success: {
71
- text: 'var(--color-success-text)',
72
- icon: 'var(--color-success-icon)',
73
- background: 'var(--color-success-background)',
74
- backgroundHover: 'var(--color-success-background-hover)',
75
- backgroundSubtle: 'var(--color-success-background-subtle)',
76
- backgroundSubtleHover: 'var(--color-success-background-subtle-hover)',
77
- backgroundSubtleActive: 'var(--color-success-background-subtle-active)',
78
- chipBackground: 'var(--color-success-chip-background)',
79
- chipBackgroundHover: 'var(--color-success-chip-background-hover)',
80
- chipText: 'var(--color-success-chip-text)',
81
- border: 'var(--color-success-border)',
82
- borderSubtle: 'var(--color-success-border-subtle)',
83
- action: 'var(--color-success-action)',
84
- actionHover: 'var(--color-success-action-hover)',
85
- actionActive: 'var(--color-success-action-active)',
86
- },
87
- warning: {
88
- text: 'var(--color-warning-text)',
89
- icon: 'var(--color-warning-icon)',
90
- background: 'var(--color-warning-background)',
91
- backgroundHover: 'var(--color-warning-background-hover)',
92
- backgroundSubtle: 'var(--color-warning-background-subtle)',
93
- chipBackground: 'var(--color-warning-chip-background)',
94
- chipBackgroundHover: 'var(--color-warning-chip-background-hover)',
95
- chipText: 'var(--color-warning-chip-text)',
96
- border: 'var(--color-warning-border)',
97
- borderSubtle: 'var(--color-warning-border-subtle)',
98
- fieldBorder: 'var(--color-warning-field-border)',
99
- },
100
- danger: {
101
- text: 'var(--color-danger-text)',
102
- icon: 'var(--color-danger-icon)',
103
- background: 'var(--color-danger-background)',
104
- backgroundHover: 'var(--color-danger-background-hover)',
105
- backgroundSubtle: 'var(--color-danger-background-subtle)',
106
- backgroundSubtleHover: 'var(--color-danger-background-subtle-hover)',
107
- backgroundSubtleActive: 'var(--color-danger-background-subtle-active)',
108
- chipBackground: 'var(--color-danger-chip-background)',
109
- chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
110
- chipText: 'var(--color-danger-chip-text)',
111
- border: 'var(--color-danger-border)',
112
- borderSubtle: 'var(--color-danger-border-subtle)',
113
- fieldBorder: 'var(--color-danger-field-border)',
114
- action: 'var(--color-danger-action)',
115
- actionHover: 'var(--color-danger-action-hover)',
116
- actionActive: 'var(--color-danger-action-active)',
117
- },
118
- special: {
119
- freePlanBackground: 'var(--color-special-free-plan-background)',
120
- starterPlanBackground: 'var(--color-special-starter-plan-background)',
121
- scalePlanBackground: 'var(--color-special-scale-plan-background)',
122
- businessPlanBackground: 'var(--color-special-business-plan-background)',
123
- enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
124
- },
125
- rose: {
126
- light: 'var(--color-rose-light)',
127
- base: 'var(--color-rose-base)',
128
- dark: 'var(--color-rose-dark)',
129
- text: 'var(--color-rose-text)',
130
- },
131
- buttercup: {
132
- light: 'var(--color-buttercup-light)',
133
- base: 'var(--color-buttercup-base)',
134
- dark: 'var(--color-buttercup-dark)',
135
- text: 'var(--color-buttercup-text)',
136
- },
137
- paprika: {
138
- light: 'var(--color-paprika-light)',
139
- base: 'var(--color-paprika-base)',
140
- dark: 'var(--color-paprika-dark)',
141
- text: 'var(--color-paprika-text)',
142
- },
143
- teal: {
144
- light: 'var(--color-teal-light)',
145
- base: 'var(--color-teal-base)',
146
- dark: 'var(--color-teal-dark)',
147
- text: 'var(--color-teal-text)',
148
- },
149
- indigo: {
150
- light: 'var(--color-indigo-light)',
151
- base: 'var(--color-indigo-base)',
152
- dark: 'var(--color-indigo-dark)',
153
- text: 'var(--color-indigo-text)',
154
- },
155
- slate: {
156
- light: 'var(--color-slate-light)',
157
- base: 'var(--color-slate-base)',
158
- dark: 'var(--color-slate-dark)',
159
- text: 'var(--color-slate-text)',
160
- },
161
- coral: {
162
- light: 'var(--color-coral-light)',
163
- base: 'var(--color-coral-base)',
164
- dark: 'var(--color-coral-dark)',
165
- text: 'var(--color-coral-text)',
166
- },
167
- lavender: {
168
- light: 'var(--color-lavender-light)',
169
- base: 'var(--color-lavender-base)',
170
- dark: 'var(--color-lavender-dark)',
171
- text: 'var(--color-lavender-text)',
172
- },
173
- bamboo: {
174
- light: 'var(--color-bamboo-light)',
175
- base: 'var(--color-bamboo-base)',
176
- dark: 'var(--color-bamboo-dark)',
177
- text: 'var(--color-bamboo-text)',
178
- },
179
- } as const;
@@ -1,7 +0,0 @@
1
- export { tokens as colorsStylesLight } from './generated/light.js';
2
- export { tokens as colorsStylesDark } from './generated/dark.js';
3
- export { tokens as paletteColorsStylesLight } from './generated/palette.light.js';
4
- export { tokens as paletteColorsStylesDark } from './generated/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';