@apify/ui-library 0.76.2 → 0.76.4-featcolortokens-178953.36
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.
- package/README.md +18 -5
- package/dist/src/components/button.js +1 -1
- package/dist/src/components/button.js.map +1 -1
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.js +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.js +110 -0
- package/dist/src/design_system/colors/generated/colors_theme.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js +147 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js +147 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +74 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +5 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js +74 -0
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
- package/dist/src/design_system/{properties_theme.d.ts → colors/generated/properties_theme.d.ts} +18 -14
- package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -0
- package/dist/src/design_system/{properties_theme.js → colors/generated/properties_theme.js} +18 -154
- package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -0
- package/dist/src/design_system/colors/index.d.ts +8 -0
- package/dist/src/design_system/colors/index.d.ts.map +1 -0
- package/dist/src/design_system/colors/index.js +8 -0
- package/dist/src/design_system/colors/index.js.map +1 -0
- package/dist/src/design_system/theme.d.ts +88 -87
- package/dist/src/design_system/theme.d.ts.map +1 -1
- package/dist/src/design_system/theme.js +1 -2
- package/dist/src/design_system/theme.js.map +1 -1
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +10 -4
- package/src/components/button.tsx +1 -1
- package/src/design_system/colors/build_color_tokens.js +183 -0
- package/src/design_system/colors/figma_color_tokens.dark.json +886 -0
- package/src/design_system/colors/figma_color_tokens.light.json +886 -0
- package/src/design_system/colors/generated/colors_theme.dark.ts +110 -0
- package/src/design_system/{colors_theme.ts → colors/generated/colors_theme.light.ts} +40 -143
- package/src/design_system/colors/generated/css_variables.dark.ts +147 -0
- package/src/design_system/colors/generated/css_variables.light.ts +147 -0
- package/src/design_system/colors/generated/css_variables_palette.dark.ts +74 -0
- package/src/design_system/colors/generated/css_variables_palette.light.ts +74 -0
- package/src/design_system/{properties_theme.ts → colors/generated/properties_theme.ts} +19 -293
- package/src/design_system/colors/index.ts +7 -0
- package/src/design_system/theme.ts +1 -2
- package/src/index.ts +1 -0
- package/style/colors/dark.scss +148 -0
- package/style/colors/light.scss +148 -0
- package/style/colors/palette.dark.scss +75 -0
- package/style/colors/palette.light.scss +75 -0
- package/.stylelintrc +0 -12
- package/CHANGELOG.md +0 -3446
- package/CODEOWNERS +0 -7
- package/dist/src/design_system/colors_theme.d.ts +0 -213
- package/dist/src/design_system/colors_theme.d.ts.map +0 -1
- package/dist/src/design_system/colors_theme.js +0 -213
- package/dist/src/design_system/colors_theme.js.map +0 -1
- package/dist/src/design_system/properties_theme.d.ts.map +0 -1
- package/dist/src/design_system/properties_theme.js.map +0 -1
- package/eslint.config.mjs +0 -45
- package/src/codemods/generate_color_property_tokens.mjs +0 -98
- package/src/codemods/generate_color_theme_files.mjs +0 -47
- package/src/design_system/generate_color_definitions.js +0 -44
- package/src/design_system/supernova_color_tokens.json +0 -1766
- package/tsconfig.build.json +0 -17
- package/tsconfig.json +0 -10
package/CODEOWNERS
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
# Code owners are automatically requested for review when someone opens a pull request that modifies code that they own.
|
|
2
|
-
# See: https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/about-code-owners
|
|
3
|
-
|
|
4
|
-
* @jbartadev
|
|
5
|
-
* @HonzaKirchner
|
|
6
|
-
/src/components/code @webrdaniel
|
|
7
|
-
/src/components/readme_renderer @webrdaniel
|
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
export declare const lightTheme: {
|
|
2
|
-
readonly neutral0: "#ffffff";
|
|
3
|
-
readonly neutral25: "#f8f9fc";
|
|
4
|
-
readonly neutral50: "#f3f4fa";
|
|
5
|
-
readonly neutral75: "#eef0f8";
|
|
6
|
-
readonly neutral100: "#e0e3f2";
|
|
7
|
-
readonly neutral150: "#d0d5e9";
|
|
8
|
-
readonly neutral200: "#c0c6de";
|
|
9
|
-
readonly neutral250: "#b0b8d1";
|
|
10
|
-
readonly neutral300: "#a3abc5";
|
|
11
|
-
readonly neutral350: "#969eb8";
|
|
12
|
-
readonly neutral400: "#8a93ae";
|
|
13
|
-
readonly neutral450: "#7b84a0";
|
|
14
|
-
readonly neutral500: "#6c7590";
|
|
15
|
-
readonly neutral550: "#626a85";
|
|
16
|
-
readonly neutral600: "#555d76";
|
|
17
|
-
readonly neutral650: "#4b526b";
|
|
18
|
-
readonly neutral700: "#3f475d";
|
|
19
|
-
readonly neutral750: "#31384d";
|
|
20
|
-
readonly neutral775: "#2b3143";
|
|
21
|
-
readonly neutral800: "#272d3e";
|
|
22
|
-
readonly neutral850: "#242836";
|
|
23
|
-
readonly neutral875: "#1d202a";
|
|
24
|
-
readonly neutral900: "#191b22";
|
|
25
|
-
readonly neutral950: "#0a0b0f";
|
|
26
|
-
readonly yellow25: "#f9f6ea";
|
|
27
|
-
readonly yellow50: "#f9f0db";
|
|
28
|
-
readonly yellow75: "#f7e8c4";
|
|
29
|
-
readonly yellow100: "#f7dfb1";
|
|
30
|
-
readonly yellow200: "#f5b315";
|
|
31
|
-
readonly yellow300: "#e39c04";
|
|
32
|
-
readonly yellow350: "#d58e00";
|
|
33
|
-
readonly yellow400: "#ca8200";
|
|
34
|
-
readonly yellow500: "#a96600";
|
|
35
|
-
readonly yellow600: "#8c4e02";
|
|
36
|
-
readonly yellow700: "#864906";
|
|
37
|
-
readonly red25: "#fcf2ef";
|
|
38
|
-
readonly red50: "#fff0ec";
|
|
39
|
-
readonly red75: "#ffe3dc";
|
|
40
|
-
readonly red100: "#fedad1";
|
|
41
|
-
readonly red200: "#ffb39f";
|
|
42
|
-
readonly red300: "#ff886e";
|
|
43
|
-
readonly red350: "#fc7156";
|
|
44
|
-
readonly red400: "#fa4d37";
|
|
45
|
-
readonly red500: "#e3231d";
|
|
46
|
-
readonly red600: "#bb0401";
|
|
47
|
-
readonly red700: "#af0600";
|
|
48
|
-
readonly green25: "#e8f9ef";
|
|
49
|
-
readonly green50: "#e4f5e5";
|
|
50
|
-
readonly green75: "#daefdc";
|
|
51
|
-
readonly green100: "#cfe9d1";
|
|
52
|
-
readonly green200: "#80da8d";
|
|
53
|
-
readonly green300: "#46c263";
|
|
54
|
-
readonly green350: "#22b551";
|
|
55
|
-
readonly green400: "#00ab46";
|
|
56
|
-
readonly green500: "#008a27";
|
|
57
|
-
readonly green600: "#086e08";
|
|
58
|
-
readonly green700: "#176b08";
|
|
59
|
-
readonly blue25: "#f0f8ff";
|
|
60
|
-
readonly blue50: "#ecf1ff";
|
|
61
|
-
readonly blue75: "#e1eaff";
|
|
62
|
-
readonly blue100: "#d8e2ff";
|
|
63
|
-
readonly blue200: "#b2c6ff";
|
|
64
|
-
readonly blue300: "#88abfe";
|
|
65
|
-
readonly blue350: "#709efd";
|
|
66
|
-
readonly blue400: "#5290f9";
|
|
67
|
-
readonly blue500: "#1672eb";
|
|
68
|
-
readonly blue600: "#1a57da";
|
|
69
|
-
readonly blue700: "#224ed5";
|
|
70
|
-
readonly roseLight: "#f483b5";
|
|
71
|
-
readonly roseBase: "#c6387d";
|
|
72
|
-
readonly roseDark: "#781552";
|
|
73
|
-
readonly roseText: "#b6006b";
|
|
74
|
-
readonly buttercupLight: "#ffdd96";
|
|
75
|
-
readonly buttercupBase: "#f0b21b";
|
|
76
|
-
readonly buttercupDark: "#c37319";
|
|
77
|
-
readonly buttercupText: "#a65d00";
|
|
78
|
-
readonly paprikaLight: "#e44467";
|
|
79
|
-
readonly paprikaBase: "#9b0238";
|
|
80
|
-
readonly paprikaDark: "#4a0018";
|
|
81
|
-
readonly paprikaText: "#ba0044";
|
|
82
|
-
readonly tealLight: "#a7f2ed";
|
|
83
|
-
readonly tealBase: "#30c0bb";
|
|
84
|
-
readonly tealDark: "#297774";
|
|
85
|
-
readonly tealText: "#018181";
|
|
86
|
-
readonly indigoLight: "#a1b7ff";
|
|
87
|
-
readonly indigoBase: "#5d85e1";
|
|
88
|
-
readonly indigoDark: "#365494";
|
|
89
|
-
readonly indigoText: "#2563c1";
|
|
90
|
-
readonly slateLight: "#c1c5e1";
|
|
91
|
-
readonly slateBase: "#8490c4";
|
|
92
|
-
readonly slateDark: "#525c85";
|
|
93
|
-
readonly slateText: "#566087";
|
|
94
|
-
readonly coralLight: "#ffc89f";
|
|
95
|
-
readonly coralBase: "#fa8136";
|
|
96
|
-
readonly coralDark: "#bb4511";
|
|
97
|
-
readonly coralText: "#c74000";
|
|
98
|
-
readonly lavenderLight: "#bf97ed";
|
|
99
|
-
readonly lavenderBase: "#6a14de";
|
|
100
|
-
readonly lavenderDark: "#330276";
|
|
101
|
-
readonly lavenderText: "#6e00f4";
|
|
102
|
-
readonly bambooLight: "#64cda5";
|
|
103
|
-
readonly bambooBase: "#12966f";
|
|
104
|
-
readonly bambooDark: "#195d46";
|
|
105
|
-
readonly bambooText: "#007455";
|
|
106
|
-
};
|
|
107
|
-
export declare const darkTheme: {
|
|
108
|
-
readonly neutral0: "#ffffff";
|
|
109
|
-
readonly neutral25: "#f8f9fc";
|
|
110
|
-
readonly neutral50: "#f3f4fa";
|
|
111
|
-
readonly neutral75: "#eef0f8";
|
|
112
|
-
readonly neutral100: "#e1e3ed";
|
|
113
|
-
readonly neutral150: "#d1d5e4";
|
|
114
|
-
readonly neutral200: "#c1c6d9";
|
|
115
|
-
readonly neutral250: "#b2b8cc";
|
|
116
|
-
readonly neutral300: "#a5abc0";
|
|
117
|
-
readonly neutral350: "#989eb3";
|
|
118
|
-
readonly neutral400: "#8c93a8";
|
|
119
|
-
readonly neutral450: "#7d8499";
|
|
120
|
-
readonly neutral500: "#6e758a";
|
|
121
|
-
readonly neutral550: "#646a7f";
|
|
122
|
-
readonly neutral600: "#575d71";
|
|
123
|
-
readonly neutral650: "#4d5265";
|
|
124
|
-
readonly neutral700: "#414758";
|
|
125
|
-
readonly neutral750: "#343847";
|
|
126
|
-
readonly neutral775: "#2d313e";
|
|
127
|
-
readonly neutral800: "#2a2d39";
|
|
128
|
-
readonly neutral850: "#252832";
|
|
129
|
-
readonly neutral875: "#1e2027";
|
|
130
|
-
readonly neutral900: "#1a1b21";
|
|
131
|
-
readonly neutral950: "#101114";
|
|
132
|
-
readonly yellow25: "#fcdc73";
|
|
133
|
-
readonly yellow50: "#ffd761";
|
|
134
|
-
readonly yellow75: "#f9ce4b";
|
|
135
|
-
readonly yellow100: "#f5bc38";
|
|
136
|
-
readonly yellow200: "#cf9117";
|
|
137
|
-
readonly yellow300: "#a56909";
|
|
138
|
-
readonly yellow350: "#8a4f05";
|
|
139
|
-
readonly yellow400: "#6d3806";
|
|
140
|
-
readonly yellow500: "#5d2e0e";
|
|
141
|
-
readonly yellow600: "#3f1b07";
|
|
142
|
-
readonly yellow700: "#301806";
|
|
143
|
-
readonly red25: "#f5a790";
|
|
144
|
-
readonly red50: "#fe9e8a";
|
|
145
|
-
readonly red75: "#ff8770";
|
|
146
|
-
readonly red100: "#ff7157";
|
|
147
|
-
readonly red200: "#ef6045";
|
|
148
|
-
readonly red300: "#cf4436";
|
|
149
|
-
readonly red350: "#aa3229";
|
|
150
|
-
readonly red400: "#812420";
|
|
151
|
-
readonly red500: "#672523";
|
|
152
|
-
readonly red600: "#40191b";
|
|
153
|
-
readonly red700: "#381719";
|
|
154
|
-
readonly green25: "#74d584";
|
|
155
|
-
readonly green50: "#6ccd7c";
|
|
156
|
-
readonly green75: "#55c06a";
|
|
157
|
-
readonly green100: "#3bb358";
|
|
158
|
-
readonly green200: "#23a64a";
|
|
159
|
-
readonly green300: "#068a35";
|
|
160
|
-
readonly green350: "#006e29";
|
|
161
|
-
readonly green400: "#00531e";
|
|
162
|
-
readonly green500: "#14441f";
|
|
163
|
-
readonly green600: "#0f2b14";
|
|
164
|
-
readonly green700: "#09260f";
|
|
165
|
-
readonly blue25: "#92C0ff";
|
|
166
|
-
readonly blue50: "#8ebcff";
|
|
167
|
-
readonly blue75: "#80a9ff";
|
|
168
|
-
readonly blue100: "#6f9dff";
|
|
169
|
-
readonly blue200: "#5990ff";
|
|
170
|
-
readonly blue300: "#3970d7";
|
|
171
|
-
readonly blue350: "#295cbb";
|
|
172
|
-
readonly blue400: "#194594";
|
|
173
|
-
readonly blue500: "#1a3a78";
|
|
174
|
-
readonly blue600: "#0d2550";
|
|
175
|
-
readonly blue700: "#151d34";
|
|
176
|
-
readonly roseLight: "#e88bb3";
|
|
177
|
-
readonly roseBase: "#b8487b";
|
|
178
|
-
readonly roseDark: "#6f234f";
|
|
179
|
-
readonly roseText: "#ed8bb5";
|
|
180
|
-
readonly buttercupLight: "#f9deaa";
|
|
181
|
-
readonly buttercupBase: "#e5b557";
|
|
182
|
-
readonly buttercupDark: "#b87939";
|
|
183
|
-
readonly buttercupText: "#ebbf6c";
|
|
184
|
-
readonly paprikaLight: "#e26c7d";
|
|
185
|
-
readonly paprikaBase: "#9e384b";
|
|
186
|
-
readonly paprikaDark: "#511d27";
|
|
187
|
-
readonly paprikaText: "#f67c8d";
|
|
188
|
-
readonly tealLight: "#aef0f5";
|
|
189
|
-
readonly tealBase: "#58bcc4";
|
|
190
|
-
readonly tealDark: "#408288";
|
|
191
|
-
readonly tealText: "#62c1c8";
|
|
192
|
-
readonly indigoLight: "#a8b7ed";
|
|
193
|
-
readonly indigoBase: "#6d85ca";
|
|
194
|
-
readonly indigoDark: "#425484";
|
|
195
|
-
readonly indigoText: "#a2b2eb";
|
|
196
|
-
readonly slateLight: "#c2c5dc";
|
|
197
|
-
readonly slateBase: "#8690bf";
|
|
198
|
-
readonly slateDark: "#535c81";
|
|
199
|
-
readonly slateText: "#afb2c9";
|
|
200
|
-
readonly coralLight: "#f3ccb0";
|
|
201
|
-
readonly coralBase: "#f08848";
|
|
202
|
-
readonly coralDark: "#9a4e2d";
|
|
203
|
-
readonly coralText: "#f9b27b";
|
|
204
|
-
readonly lavenderLight: "#b482ed";
|
|
205
|
-
readonly lavenderBase: "#8148c9";
|
|
206
|
-
readonly lavenderDark: "#48296f";
|
|
207
|
-
readonly lavenderText: "#be8af9";
|
|
208
|
-
readonly bambooLight: "#7acaa9";
|
|
209
|
-
readonly bambooBase: "#439274";
|
|
210
|
-
readonly bambooDark: "#305b4a";
|
|
211
|
-
readonly bambooText: "#65bc99";
|
|
212
|
-
};
|
|
213
|
-
//# sourceMappingURL=colors_theme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colors_theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/colors_theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGb,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGZ,CAAC"}
|
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
export const lightTheme = {
|
|
2
|
-
neutral0: '#ffffff',
|
|
3
|
-
neutral25: '#f8f9fc',
|
|
4
|
-
neutral50: '#f3f4fa',
|
|
5
|
-
neutral75: '#eef0f8',
|
|
6
|
-
neutral100: '#e0e3f2',
|
|
7
|
-
neutral150: '#d0d5e9',
|
|
8
|
-
neutral200: '#c0c6de',
|
|
9
|
-
neutral250: '#b0b8d1',
|
|
10
|
-
neutral300: '#a3abc5',
|
|
11
|
-
neutral350: '#969eb8',
|
|
12
|
-
neutral400: '#8a93ae',
|
|
13
|
-
neutral450: '#7b84a0',
|
|
14
|
-
neutral500: '#6c7590',
|
|
15
|
-
neutral550: '#626a85',
|
|
16
|
-
neutral600: '#555d76',
|
|
17
|
-
neutral650: '#4b526b',
|
|
18
|
-
neutral700: '#3f475d',
|
|
19
|
-
neutral750: '#31384d',
|
|
20
|
-
neutral775: '#2b3143',
|
|
21
|
-
neutral800: '#272d3e',
|
|
22
|
-
neutral850: '#242836',
|
|
23
|
-
neutral875: '#1d202a',
|
|
24
|
-
neutral900: '#191b22',
|
|
25
|
-
neutral950: '#0a0b0f',
|
|
26
|
-
yellow25: '#f9f6ea',
|
|
27
|
-
yellow50: '#f9f0db',
|
|
28
|
-
yellow75: '#f7e8c4',
|
|
29
|
-
yellow100: '#f7dfb1',
|
|
30
|
-
yellow200: '#f5b315',
|
|
31
|
-
yellow300: '#e39c04',
|
|
32
|
-
yellow350: '#d58e00',
|
|
33
|
-
yellow400: '#ca8200',
|
|
34
|
-
yellow500: '#a96600',
|
|
35
|
-
yellow600: '#8c4e02',
|
|
36
|
-
yellow700: '#864906',
|
|
37
|
-
red25: '#fcf2ef',
|
|
38
|
-
red50: '#fff0ec',
|
|
39
|
-
red75: '#ffe3dc',
|
|
40
|
-
red100: '#fedad1',
|
|
41
|
-
red200: '#ffb39f',
|
|
42
|
-
red300: '#ff886e',
|
|
43
|
-
red350: '#fc7156',
|
|
44
|
-
red400: '#fa4d37',
|
|
45
|
-
red500: '#e3231d',
|
|
46
|
-
red600: '#bb0401',
|
|
47
|
-
red700: '#af0600',
|
|
48
|
-
green25: '#e8f9ef',
|
|
49
|
-
green50: '#e4f5e5',
|
|
50
|
-
green75: '#daefdc',
|
|
51
|
-
green100: '#cfe9d1',
|
|
52
|
-
green200: '#80da8d',
|
|
53
|
-
green300: '#46c263',
|
|
54
|
-
green350: '#22b551',
|
|
55
|
-
green400: '#00ab46',
|
|
56
|
-
green500: '#008a27',
|
|
57
|
-
green600: '#086e08',
|
|
58
|
-
green700: '#176b08',
|
|
59
|
-
blue25: '#f0f8ff',
|
|
60
|
-
blue50: '#ecf1ff',
|
|
61
|
-
blue75: '#e1eaff',
|
|
62
|
-
blue100: '#d8e2ff',
|
|
63
|
-
blue200: '#b2c6ff',
|
|
64
|
-
blue300: '#88abfe',
|
|
65
|
-
blue350: '#709efd',
|
|
66
|
-
blue400: '#5290f9',
|
|
67
|
-
blue500: '#1672eb',
|
|
68
|
-
blue600: '#1a57da',
|
|
69
|
-
blue700: '#224ed5',
|
|
70
|
-
roseLight: '#f483b5',
|
|
71
|
-
roseBase: '#c6387d',
|
|
72
|
-
roseDark: '#781552',
|
|
73
|
-
roseText: '#b6006b',
|
|
74
|
-
buttercupLight: '#ffdd96',
|
|
75
|
-
buttercupBase: '#f0b21b',
|
|
76
|
-
buttercupDark: '#c37319',
|
|
77
|
-
buttercupText: '#a65d00',
|
|
78
|
-
paprikaLight: '#e44467',
|
|
79
|
-
paprikaBase: '#9b0238',
|
|
80
|
-
paprikaDark: '#4a0018',
|
|
81
|
-
paprikaText: '#ba0044',
|
|
82
|
-
tealLight: '#a7f2ed',
|
|
83
|
-
tealBase: '#30c0bb',
|
|
84
|
-
tealDark: '#297774',
|
|
85
|
-
tealText: '#018181',
|
|
86
|
-
indigoLight: '#a1b7ff',
|
|
87
|
-
indigoBase: '#5d85e1',
|
|
88
|
-
indigoDark: '#365494',
|
|
89
|
-
indigoText: '#2563c1',
|
|
90
|
-
slateLight: '#c1c5e1',
|
|
91
|
-
slateBase: '#8490c4',
|
|
92
|
-
slateDark: '#525c85',
|
|
93
|
-
slateText: '#566087',
|
|
94
|
-
coralLight: '#ffc89f',
|
|
95
|
-
coralBase: '#fa8136',
|
|
96
|
-
coralDark: '#bb4511',
|
|
97
|
-
coralText: '#c74000',
|
|
98
|
-
lavenderLight: '#bf97ed',
|
|
99
|
-
lavenderBase: '#6a14de',
|
|
100
|
-
lavenderDark: '#330276',
|
|
101
|
-
lavenderText: '#6e00f4',
|
|
102
|
-
bambooLight: '#64cda5',
|
|
103
|
-
bambooBase: '#12966f',
|
|
104
|
-
bambooDark: '#195d46',
|
|
105
|
-
bambooText: '#007455',
|
|
106
|
-
};
|
|
107
|
-
export const darkTheme = {
|
|
108
|
-
neutral0: '#ffffff',
|
|
109
|
-
neutral25: '#f8f9fc',
|
|
110
|
-
neutral50: '#f3f4fa',
|
|
111
|
-
neutral75: '#eef0f8',
|
|
112
|
-
neutral100: '#e1e3ed',
|
|
113
|
-
neutral150: '#d1d5e4',
|
|
114
|
-
neutral200: '#c1c6d9',
|
|
115
|
-
neutral250: '#b2b8cc',
|
|
116
|
-
neutral300: '#a5abc0',
|
|
117
|
-
neutral350: '#989eb3',
|
|
118
|
-
neutral400: '#8c93a8',
|
|
119
|
-
neutral450: '#7d8499',
|
|
120
|
-
neutral500: '#6e758a',
|
|
121
|
-
neutral550: '#646a7f',
|
|
122
|
-
neutral600: '#575d71',
|
|
123
|
-
neutral650: '#4d5265',
|
|
124
|
-
neutral700: '#414758',
|
|
125
|
-
neutral750: '#343847',
|
|
126
|
-
neutral775: '#2d313e',
|
|
127
|
-
neutral800: '#2a2d39',
|
|
128
|
-
neutral850: '#252832',
|
|
129
|
-
neutral875: '#1e2027',
|
|
130
|
-
neutral900: '#1a1b21',
|
|
131
|
-
neutral950: '#101114',
|
|
132
|
-
yellow25: '#fcdc73',
|
|
133
|
-
yellow50: '#ffd761',
|
|
134
|
-
yellow75: '#f9ce4b',
|
|
135
|
-
yellow100: '#f5bc38',
|
|
136
|
-
yellow200: '#cf9117',
|
|
137
|
-
yellow300: '#a56909',
|
|
138
|
-
yellow350: '#8a4f05',
|
|
139
|
-
yellow400: '#6d3806',
|
|
140
|
-
yellow500: '#5d2e0e',
|
|
141
|
-
yellow600: '#3f1b07',
|
|
142
|
-
yellow700: '#301806',
|
|
143
|
-
red25: '#f5a790',
|
|
144
|
-
red50: '#fe9e8a',
|
|
145
|
-
red75: '#ff8770',
|
|
146
|
-
red100: '#ff7157',
|
|
147
|
-
red200: '#ef6045',
|
|
148
|
-
red300: '#cf4436',
|
|
149
|
-
red350: '#aa3229',
|
|
150
|
-
red400: '#812420',
|
|
151
|
-
red500: '#672523',
|
|
152
|
-
red600: '#40191b',
|
|
153
|
-
red700: '#381719',
|
|
154
|
-
green25: '#74d584',
|
|
155
|
-
green50: '#6ccd7c',
|
|
156
|
-
green75: '#55c06a',
|
|
157
|
-
green100: '#3bb358',
|
|
158
|
-
green200: '#23a64a',
|
|
159
|
-
green300: '#068a35',
|
|
160
|
-
green350: '#006e29',
|
|
161
|
-
green400: '#00531e',
|
|
162
|
-
green500: '#14441f',
|
|
163
|
-
green600: '#0f2b14',
|
|
164
|
-
green700: '#09260f',
|
|
165
|
-
blue25: '#92C0ff',
|
|
166
|
-
blue50: '#8ebcff',
|
|
167
|
-
blue75: '#80a9ff',
|
|
168
|
-
blue100: '#6f9dff',
|
|
169
|
-
blue200: '#5990ff',
|
|
170
|
-
blue300: '#3970d7',
|
|
171
|
-
blue350: '#295cbb',
|
|
172
|
-
blue400: '#194594',
|
|
173
|
-
blue500: '#1a3a78',
|
|
174
|
-
blue600: '#0d2550',
|
|
175
|
-
blue700: '#151d34',
|
|
176
|
-
roseLight: '#e88bb3',
|
|
177
|
-
roseBase: '#b8487b',
|
|
178
|
-
roseDark: '#6f234f',
|
|
179
|
-
roseText: '#ed8bb5',
|
|
180
|
-
buttercupLight: '#f9deaa',
|
|
181
|
-
buttercupBase: '#e5b557',
|
|
182
|
-
buttercupDark: '#b87939',
|
|
183
|
-
buttercupText: '#ebbf6c',
|
|
184
|
-
paprikaLight: '#e26c7d',
|
|
185
|
-
paprikaBase: '#9e384b',
|
|
186
|
-
paprikaDark: '#511d27',
|
|
187
|
-
paprikaText: '#f67c8d',
|
|
188
|
-
tealLight: '#aef0f5',
|
|
189
|
-
tealBase: '#58bcc4',
|
|
190
|
-
tealDark: '#408288',
|
|
191
|
-
tealText: '#62c1c8',
|
|
192
|
-
indigoLight: '#a8b7ed',
|
|
193
|
-
indigoBase: '#6d85ca',
|
|
194
|
-
indigoDark: '#425484',
|
|
195
|
-
indigoText: '#a2b2eb',
|
|
196
|
-
slateLight: '#c2c5dc',
|
|
197
|
-
slateBase: '#8690bf',
|
|
198
|
-
slateDark: '#535c81',
|
|
199
|
-
slateText: '#afb2c9',
|
|
200
|
-
coralLight: '#f3ccb0',
|
|
201
|
-
coralBase: '#f08848',
|
|
202
|
-
coralDark: '#9a4e2d',
|
|
203
|
-
coralText: '#f9b27b',
|
|
204
|
-
lavenderLight: '#b482ed',
|
|
205
|
-
lavenderBase: '#8148c9',
|
|
206
|
-
lavenderDark: '#48296f',
|
|
207
|
-
lavenderText: '#be8af9',
|
|
208
|
-
bambooLight: '#7acaa9',
|
|
209
|
-
bambooBase: '#439274',
|
|
210
|
-
bambooDark: '#305b4a',
|
|
211
|
-
bambooText: '#65bc99',
|
|
212
|
-
};
|
|
213
|
-
//# sourceMappingURL=colors_theme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"colors_theme.js","sourceRoot":"","sources":["../../../src/design_system/colors_theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"properties_theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/properties_theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoclB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"properties_theme.js","sourceRoot":"","sources":["../../../src/design_system/properties_theme.ts"],"names":[],"mappings":"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"}
|
package/eslint.config.mjs
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import react from 'eslint-plugin-react';
|
|
2
|
-
import reactHooks from 'eslint-plugin-react-hooks';
|
|
3
|
-
import sonarjs from 'eslint-plugin-sonarjs';
|
|
4
|
-
|
|
5
|
-
import apifyJestConfig from '@apify/eslint-config/jest.js';
|
|
6
|
-
import apifyTypescriptConfig from '@apify/eslint-config/ts.js';
|
|
7
|
-
|
|
8
|
-
/** @type {import('eslint').Linter.Config[]} */
|
|
9
|
-
// eslint-disable-next-line import/no-default-export
|
|
10
|
-
export default [
|
|
11
|
-
{ ignores: ['**/dist'] }, // Ignores need to happen first
|
|
12
|
-
...apifyTypescriptConfig,
|
|
13
|
-
...apifyJestConfig,
|
|
14
|
-
|
|
15
|
-
{
|
|
16
|
-
files: ['**/*.ts', '**/*.tsx'],
|
|
17
|
-
settings: {
|
|
18
|
-
react: {
|
|
19
|
-
version: 'detect',
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
...react.configs.flat.recommended,
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
plugins: {
|
|
26
|
-
sonarjs,
|
|
27
|
-
'react-hooks': reactHooks,
|
|
28
|
-
},
|
|
29
|
-
languageOptions: {
|
|
30
|
-
sourceType: 'module',
|
|
31
|
-
|
|
32
|
-
parserOptions: {
|
|
33
|
-
projectService: true,
|
|
34
|
-
tsconfigRootDir: import.meta.dirname,
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
rules: {
|
|
38
|
-
'react/react-in-jsx-scope': 'off',
|
|
39
|
-
'no-void': 'off',
|
|
40
|
-
'react/display-name': 'off',
|
|
41
|
-
'react-hooks/exhaustive-deps': 'error',
|
|
42
|
-
...reactHooks.configs.recommended.rules,
|
|
43
|
-
},
|
|
44
|
-
},
|
|
45
|
-
];
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { readFileSync, writeFileSync } from 'node:fs';
|
|
2
|
-
|
|
3
|
-
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
4
|
-
import { print, types } from 'recast';
|
|
5
|
-
|
|
6
|
-
const { builders } = types;
|
|
7
|
-
|
|
8
|
-
const code = readFileSync('./src/design_system/supernova_color_tokens.json', 'utf-8');
|
|
9
|
-
|
|
10
|
-
const lightColorTokens = JSON.parse(code).light;
|
|
11
|
-
|
|
12
|
-
const getObjectValueByPath = (obj, path) => {
|
|
13
|
-
return path.split('.').reduce((acc, part) => acc && acc[part], obj);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const getColorPropertyName = (semanticCategory, property) => {
|
|
17
|
-
const semanticColorName = `${property.split(/[_ ]/).map((semanticPartName) => semanticPartName.toLowerCase()).join('-')}`;
|
|
18
|
-
|
|
19
|
-
// lower case and replace spaces with dashes
|
|
20
|
-
const semanticCategoryName = semanticCategory.toLowerCase().split(' ').join('-');
|
|
21
|
-
|
|
22
|
-
return `--color-${semanticCategoryName}-${semanticColorName}`;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const generateColorPropertyTokens = (supernovaColorsDefinitions) => {
|
|
26
|
-
const mergedPalettes = { ...supernovaColorsDefinitions.Semantic, ...supernovaColorsDefinitions.Decorative };
|
|
27
|
-
|
|
28
|
-
const colorTheme = {};
|
|
29
|
-
for (const [category, palette] of Object.entries(mergedPalettes)) {
|
|
30
|
-
// convert to camelCase if there are multiple words in the category name
|
|
31
|
-
const categoryName = category
|
|
32
|
-
.split(' ')
|
|
33
|
-
.map((word, i) => (i === 0
|
|
34
|
-
? word.toLocaleLowerCase()
|
|
35
|
-
: `${word.charAt(0).toUpperCase()}${word.slice(1)}`),
|
|
36
|
-
)
|
|
37
|
-
.join('');
|
|
38
|
-
colorTheme[categoryName] = {};
|
|
39
|
-
|
|
40
|
-
for (const [key, { value }] of Object.entries(palette)) {
|
|
41
|
-
const [firstPart, ...rest] = key.split(' ');
|
|
42
|
-
const propertyName = `${firstPart.toLowerCase()}${rest.join('')}`;
|
|
43
|
-
|
|
44
|
-
const hexLocator = value.slice(1, -1);
|
|
45
|
-
const hex = value.startsWith('#') ? value : getObjectValueByPath(supernovaColorsDefinitions, hexLocator)?.value;
|
|
46
|
-
|
|
47
|
-
colorTheme[categoryName][propertyName] = {
|
|
48
|
-
variable: `var(${getColorPropertyName(category, key)})`,
|
|
49
|
-
hex,
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
return colorTheme;
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
const createPropertyDeclaration = (tokens) => {
|
|
58
|
-
const paletteArray = [];
|
|
59
|
-
|
|
60
|
-
for (const [paletteName, paletteProps] of [...Object.entries(tokens)]) {
|
|
61
|
-
const paletteItemsArray = [];
|
|
62
|
-
|
|
63
|
-
for (const [paletteItemName, { variable, hex }] of Object.entries(paletteProps)) {
|
|
64
|
-
const objectPropertyItem = builders.property(
|
|
65
|
-
'init',
|
|
66
|
-
builders.identifier(paletteItemName),
|
|
67
|
-
builders.literal(variable),
|
|
68
|
-
);
|
|
69
|
-
|
|
70
|
-
objectPropertyItem.comments = [builders.commentBlock(` ${hex} `)];
|
|
71
|
-
|
|
72
|
-
paletteItemsArray.push(objectPropertyItem);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
paletteArray.push(builders.property(
|
|
76
|
-
'init',
|
|
77
|
-
builders.identifier(paletteName),
|
|
78
|
-
builders.objectExpression(paletteItemsArray),
|
|
79
|
-
));
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
return builders.exportNamedDeclaration(
|
|
83
|
-
builders.variableDeclaration('const', [
|
|
84
|
-
builders.variableDeclarator(
|
|
85
|
-
builders.identifier('colorProperties'),
|
|
86
|
-
builders.tsAsExpression(builders.objectExpression(paletteArray), builders.tsTypeReference(builders.identifier('const'))),
|
|
87
|
-
)]),
|
|
88
|
-
[],
|
|
89
|
-
);
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
const generatedTokens = generateColorPropertyTokens(lightColorTokens);
|
|
93
|
-
|
|
94
|
-
const lightThemeDeclaration = createPropertyDeclaration(generatedTokens);
|
|
95
|
-
|
|
96
|
-
const printedCode = print(builders.program([lightThemeDeclaration])).code;
|
|
97
|
-
|
|
98
|
-
writeFileSync('./src/design_system/properties_theme.ts', printedCode);
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { readFileSync, writeFileSync } from 'node:fs';
|
|
2
|
-
|
|
3
|
-
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
4
|
-
import { print, types } from 'recast';
|
|
5
|
-
|
|
6
|
-
const { builders } = types;
|
|
7
|
-
|
|
8
|
-
const code = readFileSync('./src/design_system/supernova_color_tokens.json', 'utf-8');
|
|
9
|
-
|
|
10
|
-
const colorTokens = JSON.parse(code);
|
|
11
|
-
|
|
12
|
-
const lightThemeProperty = colorTokens.light;
|
|
13
|
-
const darkThemeProperty = colorTokens.dark;
|
|
14
|
-
|
|
15
|
-
function createThemeDeclaration(themeProperty, variableName) {
|
|
16
|
-
const paletteArray = [];
|
|
17
|
-
|
|
18
|
-
const { Decorative, Palette } = themeProperty;
|
|
19
|
-
|
|
20
|
-
for (const [paletteName, paletteProps] of [...Object.entries(Palette), ...Object.entries(Decorative)]) {
|
|
21
|
-
for (const [paletteItemName, paletteItem] of Object.entries(paletteProps)) {
|
|
22
|
-
paletteArray.push(
|
|
23
|
-
builders.property(
|
|
24
|
-
'init',
|
|
25
|
-
builders.identifier(`${paletteName.toLowerCase()}${paletteItemName}`),
|
|
26
|
-
builders.literal(paletteItem.value),
|
|
27
|
-
),
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return builders.exportNamedDeclaration(
|
|
33
|
-
builders.variableDeclaration('const', [
|
|
34
|
-
builders.variableDeclarator(
|
|
35
|
-
builders.identifier(variableName),
|
|
36
|
-
builders.tsAsExpression(builders.objectExpression(paletteArray), builders.tsTypeReference(builders.identifier('const'))),
|
|
37
|
-
)]),
|
|
38
|
-
[],
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const lightThemeDeclaration = createThemeDeclaration(lightThemeProperty, 'lightTheme');
|
|
43
|
-
const darkThemeDeclaration = createThemeDeclaration(darkThemeProperty, 'darkTheme');
|
|
44
|
-
|
|
45
|
-
const printedCode = print(builders.program([lightThemeDeclaration, darkThemeDeclaration])).code;
|
|
46
|
-
|
|
47
|
-
writeFileSync('./src/design_system/colors_theme.ts', printedCode);
|