@atom-learning/components 6.5.1 → 6.5.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 (49) hide show
  1. package/dist/components/badge/Badge.colorscheme.config.js +57 -173
  2. package/dist/components/badge/Badge.colorscheme.config.js.map +1 -1
  3. package/dist/components/checkbox/Checkbox.js +13 -17
  4. package/dist/components/checkbox/Checkbox.js.map +1 -1
  5. package/dist/components/data-table/DataTableGlobalFilter.js +5 -5
  6. package/dist/components/data-table/DataTableGlobalFilter.js.map +1 -1
  7. package/dist/components/data-table/DataTableRowSelectionCheckbox.js +14 -13
  8. package/dist/components/data-table/DataTableRowSelectionCheckbox.js.map +1 -1
  9. package/dist/components/data-table/DataTableSelectAllRowsCheckbox.js +12 -11
  10. package/dist/components/data-table/DataTableSelectAllRowsCheckbox.js.map +1 -1
  11. package/dist/components/field-wrapper/FieldWrapper.js +11 -14
  12. package/dist/components/field-wrapper/FieldWrapper.js.map +1 -1
  13. package/dist/components/loader/Loader.js +5 -6
  14. package/dist/components/loader/Loader.js.map +1 -1
  15. package/dist/components/notification-badge/NotificationBadge.js +7 -7
  16. package/dist/components/notification-badge/NotificationBadge.js.map +1 -1
  17. package/dist/components/number-input/NumberInputStepper.js +11 -8
  18. package/dist/components/number-input/NumberInputStepper.js.map +1 -1
  19. package/dist/components/slider/SliderSteps.js +11 -17
  20. package/dist/components/slider/SliderSteps.js.map +1 -1
  21. package/dist/components/tree/Tree.d.ts +6 -17
  22. package/dist/components/tree/TreeCollapsibleContent.d.ts +2 -4
  23. package/dist/components/tree/TreeCollapsibleContent.js +13 -12
  24. package/dist/components/tree/TreeCollapsibleContent.js.map +1 -1
  25. package/dist/components/tree/TreeCollapsibleTrigger.d.ts +1 -1
  26. package/dist/components/tree/TreeCollapsibleTrigger.js +14 -12
  27. package/dist/components/tree/TreeCollapsibleTrigger.js.map +1 -1
  28. package/dist/components/tree/TreeIcon.d.ts +2 -14
  29. package/dist/components/tree/TreeIcon.js +6 -9
  30. package/dist/components/tree/TreeIcon.js.map +1 -1
  31. package/dist/components/tree/TreeListItem.d.ts +1 -5
  32. package/dist/components/tree/TreeListItem.js +7 -11
  33. package/dist/components/tree/TreeListItem.js.map +1 -1
  34. package/dist/docgen.json +1 -1
  35. package/dist/experiments/color-scheme/ColorScheme.config.d.ts +6 -186
  36. package/dist/experiments/color-scheme/ColorScheme.config.js +21 -134
  37. package/dist/experiments/color-scheme/ColorScheme.config.js.map +1 -1
  38. package/dist/index.cjs.js +1 -1
  39. package/dist/index.cjs.js.map +1 -1
  40. package/dist/index.d.ts +0 -1
  41. package/dist/index.js +1 -2
  42. package/package.json +5 -6
  43. package/dist/utilities/hooks/useWindowSize.d.ts +0 -8
  44. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts +0 -5
  45. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js +0 -12
  46. package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.js.map +0 -1
  47. package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.d.ts +0 -7
  48. package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.js +0 -9
  49. package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.js.map +0 -1
package/dist/experiments/color-scheme/ColorScheme.config.d.ts CHANGED
@@ -1,190 +1,10 @@
1
1
  type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground';
2
2
  type ColorScheme = Partial<Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>>;
3
- export declare const colorSchemes: Record<string, ColorScheme>;
4
- export declare const bases: {
5
- primary1: {
6
- colorName: string;
7
- color0: string;
8
- };
9
- primary2: {
10
- colorName: string;
11
- };
12
- grey1: {
13
- colorName: string;
14
- color0: string;
15
- };
16
- grey2: {
17
- colorName: string;
18
- };
19
- blue1: {
20
- colorName: string;
21
- color0: string;
22
- };
23
- blue2: {
24
- colorName: string;
25
- };
26
- pink1: {
27
- colorName: string;
28
- color0: string;
29
- };
30
- pink2: {
31
- colorName: string;
32
- };
33
- purple1: {
34
- colorName: string;
35
- color0: string;
36
- };
37
- purple2: {
38
- colorName: string;
39
- };
40
- cyan1: {
41
- colorName: string;
42
- color0: string;
43
- };
44
- cyan2: {
45
- colorName: string;
46
- };
47
- green1: {
48
- colorName: string;
49
- color0: string;
50
- };
51
- green2: {
52
- colorName: string;
53
- };
54
- magenta1: {
55
- colorName: string;
56
- color0: string;
57
- };
58
- magenta2: {
59
- colorName: string;
60
- };
61
- red1: {
62
- colorName: string;
63
- color0: string;
64
- };
65
- red2: {
66
- colorName: string;
67
- };
68
- teal1: {
69
- colorName: string;
70
- color0: string;
71
- };
72
- teal2: {
73
- colorName: string;
74
- };
75
- orange1: {
76
- colorName: string;
77
- color0: string;
78
- };
79
- orange2: {
80
- colorName: string;
81
- };
82
- yellow1: {
83
- colorName: string;
84
- color0: string;
85
- };
86
- yellow2: {
87
- colorName: string;
88
- };
89
- lime1: {
90
- colorName: string;
91
- color0: string;
92
- };
93
- lime2: {
94
- colorName: string;
95
- };
96
- };
97
- export declare const accents: {
98
- primary1: {
99
- colorName: string;
100
- color0: string;
101
- };
102
- primary2: {
103
- colorName: string;
104
- };
105
- grey1: {
106
- colorName: string;
107
- color0: string;
108
- };
109
- grey2: {
110
- colorName: string;
111
- };
112
- blue1: {
113
- colorName: string;
114
- color0: string;
115
- };
116
- blue2: {
117
- colorName: string;
118
- };
119
- pink1: {
120
- colorName: string;
121
- color0: string;
122
- };
123
- pink2: {
124
- colorName: string;
125
- };
126
- purple1: {
127
- colorName: string;
128
- color0: string;
129
- };
130
- purple2: {
131
- colorName: string;
132
- };
133
- cyan1: {
134
- colorName: string;
135
- color0: string;
136
- };
137
- cyan2: {
138
- colorName: string;
139
- };
140
- green1: {
141
- colorName: string;
142
- color0: string;
143
- };
144
- green2: {
145
- colorName: string;
146
- };
147
- magenta1: {
148
- colorName: string;
149
- color0: string;
150
- };
151
- magenta2: {
152
- colorName: string;
153
- };
154
- red1: {
155
- colorName: string;
156
- color0: string;
157
- };
158
- red2: {
159
- colorName: string;
160
- };
161
- teal1: {
162
- colorName: string;
163
- color0: string;
164
- };
165
- teal2: {
166
- colorName: string;
167
- };
168
- orange1: {
169
- colorName: string;
170
- color0: string;
171
- };
172
- orange2: {
173
- colorName: string;
174
- };
175
- yellow1: {
176
- colorName: string;
177
- color0: string;
178
- };
179
- yellow2: {
180
- colorName: string;
181
- };
182
- lime1: {
183
- colorName: string;
184
- color0: string;
185
- };
186
- lime2: {
187
- colorName: string;
188
- };
3
+ type ColorSchemeConfig = {
4
+ colorName: string;
5
+ color0?: string;
189
6
  };
7
+ export declare const colorSchemes: Record<string, ColorScheme>;
8
+ export declare const bases: Record<string, ColorSchemeConfig>;
9
+ export declare const accents: Record<string, ColorSchemeConfig>;
190
10
  export {};
package/dist/experiments/color-scheme/ColorScheme.config.js CHANGED
@@ -16,73 +16,26 @@ t["interactive-loContrast"] = {
16
16
  "--interactive-1": "var(--accent-9)",
17
17
  "--interactive-2": "var(--accent-10)",
18
18
  "--interactive-3": "var(--accent-11)"
19
- }, Object.entries({
20
- primary1: {
21
- colorName: "primary",
22
- color0: "white"
23
- },
24
- primary2: { colorName: "primary" },
25
- grey1: {
26
- colorName: "grey",
27
- color0: "white"
28
- },
29
- grey2: { colorName: "grey" },
30
- blue1: {
31
- colorName: "blue",
32
- color0: "white"
33
- },
34
- blue2: { colorName: "blue" },
35
- pink1: {
36
- colorName: "pink",
37
- color0: "white"
38
- },
39
- pink2: { colorName: "pink" },
40
- purple1: {
41
- colorName: "purple",
42
- color0: "white"
43
- },
44
- purple2: { colorName: "purple" },
45
- cyan1: {
46
- colorName: "cyan",
47
- color0: "white"
48
- },
49
- cyan2: { colorName: "cyan" },
50
- green1: {
51
- colorName: "green",
52
- color0: "white"
53
- },
54
- green2: { colorName: "green" },
55
- magenta1: {
56
- colorName: "magenta",
57
- color0: "white"
58
- },
59
- magenta2: { colorName: "magenta" },
60
- red1: {
61
- colorName: "red",
62
- color0: "white"
63
- },
64
- red2: { colorName: "red" },
65
- teal1: {
66
- colorName: "teal",
67
- color0: "white"
68
- },
69
- teal2: { colorName: "teal" },
70
- orange1: {
71
- colorName: "orange",
72
- color0: "white"
73
- },
74
- orange2: { colorName: "orange" },
75
- yellow1: {
76
- colorName: "yellow",
77
- color0: "white"
78
- },
79
- yellow2: { colorName: "yellow" },
80
- lime1: {
81
- colorName: "lime",
82
- color0: "white"
83
- },
84
- lime2: { colorName: "lime" }
85
- }).forEach(([n, r]) => {
19
+ };
20
+ var n = Object.fromEntries([
21
+ "primary",
22
+ "grey",
23
+ "blue",
24
+ "pink",
25
+ "purple",
26
+ "cyan",
27
+ "green",
28
+ "magenta",
29
+ "red",
30
+ "teal",
31
+ "orange",
32
+ "yellow",
33
+ "lime"
34
+ ].flatMap((e) => [[`${e}1`, {
35
+ colorName: e,
36
+ color0: "white"
37
+ }], [`${e}2`, { colorName: e }]])), r = n;
38
+ Object.entries(n).forEach(([n, r]) => {
86
39
  let i = `base-${n}`;
87
40
  t[i] = {
88
41
  "--foreground": "var(--color-grey-1000)",
@@ -93,73 +46,7 @@ t["interactive-loContrast"] = {
93
46
  color0: r.color0
94
47
  })
95
48
  };
96
- }), Object.entries({
97
- primary1: {
98
- colorName: "primary",
99
- color0: "white"
100
- },
101
- primary2: { colorName: "primary" },
102
- grey1: {
103
- colorName: "grey",
104
- color0: "white"
105
- },
106
- grey2: { colorName: "grey" },
107
- blue1: {
108
- colorName: "blue",
109
- color0: "white"
110
- },
111
- blue2: { colorName: "blue" },
112
- pink1: {
113
- colorName: "pink",
114
- color0: "white"
115
- },
116
- pink2: { colorName: "pink" },
117
- purple1: {
118
- colorName: "purple",
119
- color0: "white"
120
- },
121
- purple2: { colorName: "purple" },
122
- cyan1: {
123
- colorName: "cyan",
124
- color0: "white"
125
- },
126
- cyan2: { colorName: "cyan" },
127
- green1: {
128
- colorName: "green",
129
- color0: "white"
130
- },
131
- green2: { colorName: "green" },
132
- magenta1: {
133
- colorName: "magenta",
134
- color0: "white"
135
- },
136
- magenta2: { colorName: "magenta" },
137
- red1: {
138
- colorName: "red",
139
- color0: "white"
140
- },
141
- red2: { colorName: "red" },
142
- teal1: {
143
- colorName: "teal",
144
- color0: "white"
145
- },
146
- teal2: { colorName: "teal" },
147
- orange1: {
148
- colorName: "orange",
149
- color0: "white"
150
- },
151
- orange2: { colorName: "orange" },
152
- yellow1: {
153
- colorName: "yellow",
154
- color0: "white"
155
- },
156
- yellow2: { colorName: "yellow" },
157
- lime1: {
158
- colorName: "lime",
159
- color0: "white"
160
- },
161
- lime2: { colorName: "lime" }
162
- }).forEach(([n, r]) => {
49
+ }), Object.entries(r).forEach(([n, r]) => {
163
50
  t[`accent-${n}`] = e({
164
51
  prefix: "accent",
165
52
  colorName: r.colorName,
package/dist/experiments/color-scheme/ColorScheme.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ColorScheme.config.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n prefix,\n colorName,\n color0 = ''\n}: {\n prefix: ColorSchemeKeys\n colorName: string\n color0?: string\n}): ColorScheme => {\n const colors: Record<string, string> = {}\n let i = 1\n if (color0) {\n colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n i++\n }\n let k = 1\n for (i; i <= 11; i++) {\n colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n k++\n }\n return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n string,\n ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n '--interactive-foreground': 'var(--foreground)',\n '--interactive-1': 'var(--accent-1)',\n '--interactive-2': 'var(--accent-2)',\n '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n '--interactive-foreground': 'var(--foreground-7-plus)',\n '--interactive-1': 'var(--accent-9)',\n '--interactive-2': 'var(--accent-10)',\n '--interactive-3': 'var(--accent-11)'\n}\n\nexport const bases = {\n primary1: { colorName: 'primary', color0: 'white' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: 'white' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: 'white' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: 'white' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: 'white' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: 'white' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: 'white' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: 'white' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: 'white' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: 'white' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: 'white' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: 'white' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: 'white' },\n lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n\nexport const accents = {\n primary1: { colorName: 'primary', color0: 'white' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: 'white' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: 'white' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: 'white' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: 'white' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: 'white' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: 'white' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: 'white' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: 'white' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: 'white' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: 'white' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: 'white' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: 'white' },\n lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n;(() => {\n Object.entries(bases).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = {\n '--foreground': 'var(--color-grey-1000)',\n '--foreground-7-plus': 'var(--color-white)',\n ...generateColors({\n prefix: 'base',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n }\n )\n\n Object.entries(accents).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n colorSchemes[`accent-${name}`] = generateColors({\n prefix: 'accent',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n )\n})()\n"],"mappings":";AASA,IAAM,KAAkB,EACtB,WACA,cACA,YAAS,SAKQ;CACjB,IAAM,IAAiC,EAAE,EACrC,IAAI;AACR,CAAI,MACF,EAAO,KAAK,EAAO,GAAG,OAAO,eAAe,EAAO,IACnD;CAEF,IAAI,IAAI;AACR,QAAQ,KAAK,IAAI,IAEf,CADA,EAAO,KAAK,EAAO,GAAG,OAAO,eAAe,EAAU,GAAG,IAAI,IAAI,IACjE;AAEF,QAAO;GAGI,IAA4C,EAAE;AAK3D,EAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;CACpB,EAED,EAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;CACpB,EA4DC,OAAO,QA1DY;CACnB,UAAU;EAAE,WAAW;EAAW,QAAQ;EAAS;CACnD,UAAU,EAAE,WAAW,WAAW;CAClC,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,SAAS;EAAE,WAAW;EAAU,QAAQ;EAAS;CACjD,SAAS,EAAE,WAAW,UAAU;CAChC,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,QAAQ;EAAE,WAAW;EAAS,QAAQ;EAAS;CAC/C,QAAQ,EAAE,WAAW,SAAS;CAC9B,UAAU;EAAE,WAAW;EAAW,QAAQ;EAAS;CACnD,UAAU,EAAE,WAAW,WAAW;CAClC,MAAM;EAAE,WAAW;EAAO,QAAQ;EAAS;CAC3C,MAAM,EAAE,WAAW,OAAO;CAC1B,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,SAAS;EAAE,WAAW;EAAU,QAAQ;EAAS;CACjD,SAAS,EAAE,WAAW,UAAU;CAChC,SAAS;EAAE,WAAW;EAAU,QAAQ;EAAS;CACjD,SAAS,EAAE,WAAW,UAAU;CAChC,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC7B,CA+BsB,CAAC,SACnB,CAAC,GAAM,OAAyC;CAC/C,IAAM,IAAY,QAAQ;AAC1B,GAAa,KAAa;EACxB,gBAAgB;EAChB,uBAAuB;EACvB,GAAG,EAAe;GAChB,QAAQ;GACR,WAAW,EAAO;GAClB,QAAQ,EAAO;GAChB,CAAC;EACH;EAEJ,EAED,OAAO,QA5Cc;CACrB,UAAU;EAAE,WAAW;EAAW,QAAQ;EAAS;CACnD,UAAU,EAAE,WAAW,WAAW;CAClC,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,SAAS;EAAE,WAAW;EAAU,QAAQ;EAAS;CACjD,SAAS,EAAE,WAAW,UAAU;CAChC,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,QAAQ;EAAE,WAAW;EAAS,QAAQ;EAAS;CAC/C,QAAQ,EAAE,WAAW,SAAS;CAC9B,UAAU;EAAE,WAAW;EAAW,QAAQ;EAAS;CACnD,UAAU,EAAE,WAAW,WAAW;CAClC,MAAM;EAAE,WAAW;EAAO,QAAQ;EAAS;CAC3C,MAAM,EAAE,WAAW,OAAO;CAC1B,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC5B,SAAS;EAAE,WAAW;EAAU,QAAQ;EAAS;CACjD,SAAS,EAAE,WAAW,UAAU;CAChC,SAAS;EAAE,WAAW;EAAU,QAAQ;EAAS;CACjD,SAAS,EAAE,WAAW,UAAU;CAChC,OAAO;EAAE,WAAW;EAAQ,QAAQ;EAAS;CAC7C,OAAO,EAAE,WAAW,QAAQ;CAC7B,CAiBwB,CAAC,SACrB,CAAC,GAAM,OAAyC;AAC/C,GAAa,UAAU,OAAU,EAAe;EAC9C,QAAQ;EACR,WAAW,EAAO;EAClB,QAAQ,EAAO;EAChB,CAAC;EAEL"}
1
+ {"version":3,"file":"ColorScheme.config.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n prefix,\n colorName,\n color0 = ''\n}: {\n prefix: ColorSchemeKeys\n colorName: string\n color0?: string\n}): ColorScheme => {\n const colors: Record<string, string> = {}\n let i = 1\n if (color0) {\n colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n i++\n }\n let k = 1\n for (i; i <= 11; i++) {\n colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n k++\n }\n return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n string,\n ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n '--interactive-foreground': 'var(--foreground)',\n '--interactive-1': 'var(--accent-1)',\n '--interactive-2': 'var(--accent-2)',\n '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n '--interactive-foreground': 'var(--foreground-7-plus)',\n '--interactive-1': 'var(--accent-9)',\n '--interactive-2': 'var(--accent-10)',\n '--interactive-3': 'var(--accent-11)'\n}\n\nconst colorNames = [\n 'primary',\n 'grey',\n 'blue',\n 'pink',\n 'purple',\n 'cyan',\n 'green',\n 'magenta',\n 'red',\n 'teal',\n 'orange',\n 'yellow',\n 'lime'\n]\n\nconst createVariants = () =>\n Object.fromEntries(\n colorNames.flatMap((c) => [\n [`${c}1`, { colorName: c, color0: 'white' }],\n [`${c}2`, { colorName: c }]\n ])\n ) as Record<string, ColorSchemeConfig>\n\nexport const bases = createVariants()\nexport const accents = bases\n;(() => {\n Object.entries(bases).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = {\n '--foreground': 'var(--color-grey-1000)',\n '--foreground-7-plus': 'var(--color-white)',\n ...generateColors({\n prefix: 'base',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n }\n )\n\n Object.entries(accents).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n colorSchemes[`accent-${name}`] = generateColors({\n prefix: 'accent',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n )\n})()\n"],"mappings":";AASA,IAAM,KAAkB,EACtB,WACA,cACA,YAAS,SAKQ;CACjB,IAAM,IAAiC,EAAE,EACrC,IAAI;AACR,CAAI,MACF,EAAO,KAAK,EAAO,GAAG,OAAO,eAAe,EAAO,IACnD;CAEF,IAAI,IAAI;AACR,QAAQ,KAAK,IAAI,IAEf,CADA,EAAO,KAAK,EAAO,GAAG,OAAO,eAAe,EAAU,GAAG,IAAI,IAAI,IACjE;AAEF,QAAO;GAGI,IAA4C,EAAE;AAK3D,EAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;CACpB,EAED,EAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;CACpB;AAED,IAwBa,IAPX,OAAO,YAjBU;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAIc,SAAS,MAAM,CACxB,CAAC,GAAG,EAAE,IAAI;CAAE,WAAW;CAAG,QAAQ;CAAS,CAAC,EAC5C,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,CAC5B,CAAC,CACH,EAGU,IAAU;AAErB,OAAO,QAAQ,EAAM,CAAC,SACnB,CAAC,GAAM,OAAyC;CAC/C,IAAM,IAAY,QAAQ;AAC1B,GAAa,KAAa;EACxB,gBAAgB;EAChB,uBAAuB;EACvB,GAAG,EAAe;GAChB,QAAQ;GACR,WAAW,EAAO;GAClB,QAAQ,EAAO;GAChB,CAAC;EACH;EAEJ,EAED,OAAO,QAAQ,EAAQ,CAAC,SACrB,CAAC,GAAM,OAAyC;AAC/C,GAAa,UAAU,OAAU,EAAe;EAC9C,QAAQ;EACR,WAAW,EAAO;EAClB,QAAQ,EAAO;EAChB,CAAC;EAEL"}