@apify/ui-library 0.71.1-featcolortokens-178953.55 → 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 (99) 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 -169
  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/style-dictionary.config.json +0 -29
  94. package/tsconfig.build.json +0 -17
  95. package/tsconfig.json +0 -10
  96. /package/{src/design_system/colors/generated → style/colors}/dark.scss +0 -0
  97. /package/{src/design_system/colors/generated → style/colors}/light.scss +0 -0
  98. /package/{src/design_system/colors/generated → style/colors}/palette.dark.scss +0 -0
  99. /package/{src/design_system/colors/generated → style/colors}/palette.light.scss +0 -0
package/src/design_system/colors/generated/colors_theme.dark.ts DELETED
@@ -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;
package/src/design_system/colors/generated/colors_theme.light.ts DELETED
@@ -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;
package/src/design_system/colors/generated/dark.ts DELETED
@@ -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
- `;
package/src/design_system/colors/generated/light.ts DELETED
@@ -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: #242836;
7
- --color-neutral-text-muted: #3f475d;
8
- --color-neutral-text-subtle: #6c7590;
9
- --color-neutral-text-disabled: #c0c6de;
10
- --color-neutral-text-on-primary: #ffffff;
11
- --color-neutral-icon-on-primary: #ffffff;
12
- --color-neutral-background: #ffffff;
13
- --color-neutral-background-muted: #f8f9fc;
14
- --color-neutral-background-subtle: #f3f4fa;
15
- --color-neutral-background-white: #ffffff;
16
- --color-neutral-card-background: #ffffff;
17
- --color-neutral-card-background-hover: #ffffff;
18
- --color-neutral-border: #d0d5e9;
19
- --color-neutral-separator-subtle: #e0e3f2;
20
- --color-neutral-hover: #eef0f8;
21
- --color-neutral-disabled: #f3f4fa;
22
- --color-neutral-overflow: #e0e3f2;
23
- --color-neutral-icon: #555d76;
24
- --color-neutral-icon-subtle: #8a93ae;
25
- --color-neutral-icon-disabled: #b0b8d1;
26
- --color-neutral-field-border: #c0c6de;
27
- --color-neutral-action-secondary: #d0d5e9;
28
- --color-neutral-action-secondary-hover: #e0e3f2;
29
- --color-neutral-action-secondary-active: #d0d5e9;
30
- --color-neutral-chip-background: #e0e3f2;
31
- --color-neutral-chip-background-hover: #d0d5e9;
32
- --color-neutral-chip-background-active: #c0c6de;
33
- --color-neutral-chip-background-disabled: #d0d5e9;
34
- --color-neutral-large-tooltip-background: #ffffff;
35
- --color-neutral-large-tooltip-border: #e0e3f2;
36
- --color-neutral-small-tooltip-text: #ffffff;
37
- --color-neutral-small-tooltip-background: #191b22;
38
- --color-neutral-small-tooltip-border: #242836;
39
- --color-neutral-overlay: #191b22;
40
- --color-neutral-field-background: #f8f9fc;
41
- --color-neutral-text-placeholder: #969eb8;
42
- --color-primary-text: #1672eb;
43
- --color-primary-text-interactive: #1672eb;
44
- --color-primary-icon: #1672eb;
45
- --color-primary-action: #1672eb;
46
- --color-primary-action-hover: #5290f9;
47
- --color-primary-action-active: #1a57da;
48
- --color-primary-field-border-active: #1672eb;
49
- --color-primary-border-subtle: #b2c6ff;
50
- --color-primary-background: #ecf1ff;
51
- --color-primary-background-subtle: #f0f8ff;
52
- --color-primary-background-hover: #d8e2ff;
53
- --color-primary-chip-background: #ecf1ff;
54
- --color-primary-chip-background-subtle: #f0f8ff;
55
- --color-primary-chip-background-hover: #d8e2ff;
56
- --color-primary-chip-text: #1a57da;
57
- --color-primary-shadow-active: #b2c6ff;
58
- --color-primary-black-action: #272d3e;
59
- --color-primary-black-action-hover: #2b3143;
60
- --color-primary-black-action-active: #0a0b0f;
61
- --color-primary-black-background: #1d202a;
62
- --color-primary-black-background-hover: #3f475d;
63
- --color-primary-black-chip-text: #f8f9fc;
64
- --color-success-text: #008a27;
65
- --color-success-icon: #008a27;
66
- --color-success-background: #e4f5e5;
67
- --color-success-background-hover: #cfe9d1;
68
- --color-success-background-subtle: #e8f9ef;
69
- --color-success-background-subtle-hover: #cfe9d1;
70
- --color-success-background-subtle-active: #80da8d;
71
- --color-success-chip-background: #e4f5e5;
72
- --color-success-chip-background-hover: #cfe9d1;
73
- --color-success-chip-text: #086e08;
74
- --color-success-border: #00ab46;
75
- --color-success-border-subtle: #80da8d;
76
- --color-success-action: #008a27;
77
- --color-success-action-hover: #00ab46;
78
- --color-success-action-active: #086e08;
79
- --color-warning-text: #a96600;
80
- --color-warning-icon: #f5b315;
81
- --color-warning-background: #f9f0db;
82
- --color-warning-background-hover: #f7dfb1;
83
- --color-warning-background-subtle: #f9f6ea;
84
- --color-warning-chip-background: #f9f0db;
85
- --color-warning-chip-background-hover: #f7dfb1;
86
- --color-warning-chip-text: #8c4e02;
87
- --color-warning-border: #ca8200;
88
- --color-warning-border-subtle: #f5b315;
89
- --color-warning-field-border: #f5b315;
90
- --color-danger-text: #e3231d;
91
- --color-danger-icon: #e3231d;
92
- --color-danger-background: #fff0ec;
93
- --color-danger-background-hover: #fedad1;
94
- --color-danger-background-subtle: #fcf2ef;
95
- --color-danger-background-subtle-hover: #fedad1;
96
- --color-danger-background-subtle-active: #ffb39f;
97
- --color-danger-chip-background: #fff0ec;
98
- --color-danger-chip-background-hover: #fedad1;
99
- --color-danger-chip-text: #bb0401;
100
- --color-danger-border: #fa4d37;
101
- --color-danger-border-subtle: #ffb39f;
102
- --color-danger-field-border: #fa4d37;
103
- --color-danger-action: #e3231d;
104
- --color-danger-action-hover: #fa4d37;
105
- --color-danger-action-active: #bb0401;
106
- --color-special-free-plan-background: #ffc89f;
107
- --color-special-starter-plan-background: #ffdd96;
108
- --color-special-scale-plan-background: #a1b7ff;
109
- --color-special-business-plan-background: #a7f2ed;
110
- --color-special-enterprise-plan-background: #bf97ed;
111
- --color-rose-light: #f483b5;
112
- --color-rose-base: #c6387d;
113
- --color-rose-dark: #781552;
114
- --color-rose-text: #b6006b;
115
- --color-buttercup-light: #ffdd96;
116
- --color-buttercup-base: #f0b21b;
117
- --color-buttercup-dark: #c37319;
118
- --color-buttercup-text: #a65d00;
119
- --color-paprika-light: #e44467;
120
- --color-paprika-base: #9b0238;
121
- --color-paprika-dark: #4a0018;
122
- --color-paprika-text: #ba0044;
123
- --color-teal-light: #a7f2ed;
124
- --color-teal-base: #30c0bb;
125
- --color-teal-dark: #297774;
126
- --color-teal-text: #018181;
127
- --color-indigo-light: #a1b7ff;
128
- --color-indigo-base: #5d85e1;
129
- --color-indigo-dark: #365494;
130
- --color-indigo-text: #2563c1;
131
- --color-slate-light: #c1c5e1;
132
- --color-slate-base: #8490c4;
133
- --color-slate-dark: #525c85;
134
- --color-slate-text: #566087;
135
- --color-coral-light: #ffc89f;
136
- --color-coral-base: #fa8136;
137
- --color-coral-dark: #bb4511;
138
- --color-coral-text: #c74000;
139
- --color-lavender-light: #bf97ed;
140
- --color-lavender-base: #6a14de;
141
- --color-lavender-dark: #330276;
142
- --color-lavender-text: #6e00f4;
143
- --color-bamboo-light: #64cda5;
144
- --color-bamboo-base: #12966f;
145
- --color-bamboo-dark: #195d46;
146
- --color-bamboo-text: #007455;
147
- `;
package/src/design_system/colors/generated/palette.dark.ts DELETED
@@ -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
- `;
package/src/design_system/colors/generated/palette.light.ts DELETED
@@ -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: #e0e3f2;
11
- --palette-neutral-150: #d0d5e9;
12
- --palette-neutral-200: #c0c6de;
13
- --palette-neutral-250: #b0b8d1;
14
- --palette-neutral-300: #a3abc5;
15
- --palette-neutral-350: #969eb8;
16
- --palette-neutral-400: #8a93ae;
17
- --palette-neutral-450: #7b84a0;
18
- --palette-neutral-500: #6c7590;
19
- --palette-neutral-550: #626a85;
20
- --palette-neutral-600: #555d76;
21
- --palette-neutral-650: #4b526b;
22
- --palette-neutral-700: #3f475d;
23
- --palette-neutral-750: #31384d;
24
- --palette-neutral-775: #2b3143;
25
- --palette-neutral-800: #272d3e;
26
- --palette-neutral-850: #242836;
27
- --palette-neutral-875: #1d202a;
28
- --palette-neutral-900: #191b22;
29
- --palette-neutral-950: #0a0b0f;
30
- --palette-yellow-25: #f9f6ea;
31
- --palette-yellow-50: #f9f0db;
32
- --palette-yellow-75: #f7e8c4;
33
- --palette-yellow-100: #f7dfb1;
34
- --palette-yellow-200: #f5b315;
35
- --palette-yellow-300: #e39c04;
36
- --palette-yellow-350: #d58e00;
37
- --palette-yellow-400: #ca8200;
38
- --palette-yellow-500: #a96600;
39
- --palette-yellow-600: #8c4e02;
40
- --palette-yellow-700: #864906;
41
- --palette-red-25: #fcf2ef;
42
- --palette-red-50: #fff0ec;
43
- --palette-red-75: #ffe3dc;
44
- --palette-red-100: #fedad1;
45
- --palette-red-200: #ffb39f;
46
- --palette-red-300: #ff886e;
47
- --palette-red-350: #fc7156;
48
- --palette-red-400: #fa4d37;
49
- --palette-red-500: #e3231d;
50
- --palette-red-600: #bb0401;
51
- --palette-red-700: #af0600;
52
- --palette-green-25: #e8f9ef;
53
- --palette-green-50: #e4f5e5;
54
- --palette-green-75: #daefdc;
55
- --palette-green-100: #cfe9d1;
56
- --palette-green-200: #80da8d;
57
- --palette-green-300: #46c263;
58
- --palette-green-350: #22b551;
59
- --palette-green-400: #00ab46;
60
- --palette-green-500: #008a27;
61
- --palette-green-600: #086e08;
62
- --palette-green-700: #176b08;
63
- --palette-blue-25: #f0f8ff;
64
- --palette-blue-50: #ecf1ff;
65
- --palette-blue-75: #e1eaff;
66
- --palette-blue-100: #d8e2ff;
67
- --palette-blue-200: #b2c6ff;
68
- --palette-blue-300: #88abfe;
69
- --palette-blue-350: #709efd;
70
- --palette-blue-400: #5290f9;
71
- --palette-blue-500: #1672eb;
72
- --palette-blue-600: #1a57da;
73
- --palette-blue-700: #224ed5;
74
- `;