@apify/ui-library 0.76.2-featcolortokens-178953.24 → 0.76.3

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 (79) hide show
  1. package/.stylelintrc +12 -0
  2. package/CHANGELOG.md +3454 -0
  3. package/CODEOWNERS +7 -0
  4. package/README.md +5 -18
  5. package/dist/src/components/button.js +1 -1
  6. package/dist/src/components/button.js.map +1 -1
  7. package/dist/src/design_system/colors_theme.d.ts +213 -0
  8. package/dist/src/design_system/colors_theme.d.ts.map +1 -0
  9. package/dist/src/design_system/colors_theme.js +213 -0
  10. package/dist/src/design_system/colors_theme.js.map +1 -0
  11. package/dist/src/design_system/{colors/generated/properties_theme.d.ts → properties_theme.d.ts} +14 -18
  12. package/dist/src/design_system/properties_theme.d.ts.map +1 -0
  13. package/dist/src/design_system/{colors/generated/properties_theme.js → properties_theme.js} +154 -18
  14. package/dist/src/design_system/properties_theme.js.map +1 -0
  15. package/dist/src/design_system/theme.d.ts +87 -88
  16. package/dist/src/design_system/theme.d.ts.map +1 -1
  17. package/dist/src/design_system/theme.js +2 -1
  18. package/dist/src/design_system/theme.js.map +1 -1
  19. package/dist/src/index.d.ts +0 -1
  20. package/dist/src/index.d.ts.map +1 -1
  21. package/dist/src/index.js +0 -1
  22. package/dist/src/index.js.map +1 -1
  23. package/dist/tsconfig.build.tsbuildinfo +1 -1
  24. package/eslint.config.mjs +45 -0
  25. package/package.json +5 -11
  26. package/src/codemods/generate_color_property_tokens.mjs +98 -0
  27. package/src/codemods/generate_color_theme_files.mjs +47 -0
  28. package/src/components/button.tsx +1 -1
  29. package/src/design_system/{colors/generated/colors_theme.light.ts → colors_theme.ts} +143 -40
  30. package/src/design_system/generate_color_definitions.js +44 -0
  31. package/src/design_system/{colors/generated/properties_theme.ts → properties_theme.ts} +293 -19
  32. package/src/design_system/supernova_color_tokens.json +1766 -0
  33. package/src/design_system/theme.ts +2 -1
  34. package/src/index.ts +0 -1
  35. package/tsconfig.build.json +17 -0
  36. package/tsconfig.json +10 -0
  37. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +0 -110
  38. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts.map +0 -1
  39. package/dist/src/design_system/colors/generated/colors_theme.dark.js +0 -110
  40. package/dist/src/design_system/colors/generated/colors_theme.dark.js.map +0 -1
  41. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +0 -110
  42. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts.map +0 -1
  43. package/dist/src/design_system/colors/generated/colors_theme.light.js +0 -110
  44. package/dist/src/design_system/colors/generated/colors_theme.light.js.map +0 -1
  45. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +0 -5
  46. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +0 -1
  47. package/dist/src/design_system/colors/generated/css_variables.dark.js +0 -147
  48. package/dist/src/design_system/colors/generated/css_variables.dark.js.map +0 -1
  49. package/dist/src/design_system/colors/generated/css_variables.light.d.ts +0 -5
  50. package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +0 -1
  51. package/dist/src/design_system/colors/generated/css_variables.light.js +0 -147
  52. package/dist/src/design_system/colors/generated/css_variables.light.js.map +0 -1
  53. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +0 -5
  54. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +0 -1
  55. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +0 -74
  56. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +0 -1
  57. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +0 -5
  58. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +0 -1
  59. package/dist/src/design_system/colors/generated/css_variables_palette.light.js +0 -74
  60. package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +0 -1
  61. package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +0 -1
  62. package/dist/src/design_system/colors/generated/properties_theme.js.map +0 -1
  63. package/dist/src/design_system/colors/index.d.ts +0 -8
  64. package/dist/src/design_system/colors/index.d.ts.map +0 -1
  65. package/dist/src/design_system/colors/index.js +0 -8
  66. package/dist/src/design_system/colors/index.js.map +0 -1
  67. package/src/design_system/colors/build_color_tokens.js +0 -183
  68. package/src/design_system/colors/figma_color_tokens.dark.json +0 -886
  69. package/src/design_system/colors/figma_color_tokens.light.json +0 -886
  70. package/src/design_system/colors/generated/colors_theme.dark.ts +0 -110
  71. package/src/design_system/colors/generated/css_variables.dark.ts +0 -147
  72. package/src/design_system/colors/generated/css_variables.light.ts +0 -147
  73. package/src/design_system/colors/generated/css_variables_palette.dark.ts +0 -74
  74. package/src/design_system/colors/generated/css_variables_palette.light.ts +0 -74
  75. package/src/design_system/colors/index.ts +0 -7
  76. package/style/colors/dark.scss +0 -148
  77. package/style/colors/light.scss +0 -148
  78. package/style/colors/palette.dark.scss +0 -75
  79. package/style/colors/palette.light.scss +0 -75
@@ -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,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,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
- `;
@@ -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,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
- `;
@@ -1,7 +0,0 @@
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';