@atom-learning/components 2.28.3-beta.0 → 2.28.3-beta.2

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 (10) hide show
  1. package/dist/components/tabs/TabsTrigger.js +1 -1
  2. package/dist/components/tabs/TabsTriggerList.js +1 -1
  3. package/dist/docgen.json +1 -1
  4. package/dist/docs/Accordion.mdx +1 -1
  5. package/dist/docs/Tabs.mdx +1 -1
  6. package/dist/experiments/color-scheme/ColorScheme.d.ts +162 -2
  7. package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts +316 -4
  8. package/dist/experiments/color-scheme/stitches.colorscheme.config.js +1 -1
  9. package/dist/index.cjs.js +1 -1
  10. package/package.json +1 -1
package/dist/docs/Accordion.mdx CHANGED
@@ -73,7 +73,7 @@ The corresponding `Accordion.Content` component's content will be, in this case,
73
73
  You can pass in a `colorScheme` object to the Accordion.Trigger to customise the colours of the component.
74
74
  Defaults to `{ accent: "slate", interactive: "loContrast1"}`
75
75
  ColorScheme is experimental and has been implemented only locally but you can read more about how it
76
- currently works and available options [on the repository's github](https://github.com/Atom-Learning/components/tree/main/color-scheme#readme).
76
+ currently works and available options [on the repository's github](https://github.com/Atom-Learning/components/tree/main/lib/src/experiments/color-scheme#readme).
77
77
 
78
78
  ```tsx preview live
79
79
  <Accordion type="single" defaultValue="1">
package/dist/docs/Tabs.mdx CHANGED
@@ -56,7 +56,7 @@ The corresponding `Tabs.Content` component's content will be, in this case, perm
56
56
  You can pass in a `colorScheme` object to the TriggerList to customise the colours of the component.
57
57
  Defaults to `{ base: "slate", accent: "blue", interactive: "hiContrast1"}`
58
58
  ColorScheme is experimental and has been implemented only locally but you can read more about how it
59
- currently works and available options [on the repository's github](https://github.com/Atom-Learning/components/tree/main/color-scheme#readme).
59
+ currently works and available options [on the repository's github](https://github.com/Atom-Learning/components/tree/main/lib/src/experiments/color-scheme#readme).
60
60
 
61
61
  ```tsx preview live
62
62
  <Tabs defaultValue="tab2">
package/dist/experiments/color-scheme/ColorScheme.d.ts CHANGED
@@ -6,7 +6,23 @@ declare type TColorSchemeOwnProps = {
6
6
  interactive?: 'loContrast1' | 'loContrast2' | 'hiContrast1' | 'hiContrast2';
7
7
  asChild?: boolean;
8
8
  };
9
- declare const StyledColorScheme: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
9
+ declare const StyledColorScheme: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ xl: string;
14
+ reducedMotion: string;
15
+ allowMotion: string;
16
+ hover: string;
17
+ }, import("@stitches/react/types/css-util").CSS<{
18
+ sm: string;
19
+ md: string;
20
+ lg: string;
21
+ xl: string;
22
+ reducedMotion: string;
23
+ allowMotion: string;
24
+ hover: string;
25
+ }, {
10
26
  colors: {
11
27
  slate1: any;
12
28
  slate2: any;
@@ -32,7 +48,151 @@ declare const StyledColorScheme: import("@stitches/react/types/styled-component"
32
48
  foreground: any;
33
49
  foreground6plus: any;
34
50
  };
35
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
51
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
52
+ bg: (value: {
53
+ readonly [$$PropertyValue]: "background";
54
+ }) => {
55
+ background: {
56
+ readonly [$$PropertyValue]: "background";
57
+ };
58
+ };
59
+ inset: (value: string | number | {
60
+ readonly [$$ScaleValue]: "space";
61
+ }) => {
62
+ top: string | number | {
63
+ readonly [$$ScaleValue]: "space";
64
+ };
65
+ right: string | number | {
66
+ readonly [$$ScaleValue]: "space";
67
+ };
68
+ bottom: string | number | {
69
+ readonly [$$ScaleValue]: "space";
70
+ };
71
+ left: string | number | {
72
+ readonly [$$ScaleValue]: "space";
73
+ };
74
+ };
75
+ size: (value: string | number | {
76
+ readonly [$$ScaleValue]: "size";
77
+ }) => {
78
+ height: string | number | {
79
+ readonly [$$ScaleValue]: "size";
80
+ };
81
+ width: string | number | {
82
+ readonly [$$ScaleValue]: "size";
83
+ };
84
+ };
85
+ p: (value: string | number | {
86
+ readonly [$$ScaleValue]: "space";
87
+ }) => {
88
+ padding: string | number | {
89
+ readonly [$$ScaleValue]: "space";
90
+ };
91
+ };
92
+ pt: (value: string | number | {
93
+ readonly [$$ScaleValue]: "space";
94
+ }) => {
95
+ paddingTop: string | number | {
96
+ readonly [$$ScaleValue]: "space";
97
+ };
98
+ };
99
+ pr: (value: string | number | {
100
+ readonly [$$ScaleValue]: "space";
101
+ }) => {
102
+ paddingRight: string | number | {
103
+ readonly [$$ScaleValue]: "space";
104
+ };
105
+ };
106
+ pb: (value: string | number | {
107
+ readonly [$$ScaleValue]: "space";
108
+ }) => {
109
+ paddingBottom: string | number | {
110
+ readonly [$$ScaleValue]: "space";
111
+ };
112
+ };
113
+ pl: (value: string | number | {
114
+ readonly [$$ScaleValue]: "space";
115
+ }) => {
116
+ paddingLeft: string | number | {
117
+ readonly [$$ScaleValue]: "space";
118
+ };
119
+ };
120
+ px: (value: string | number | {
121
+ readonly [$$ScaleValue]: "space";
122
+ }) => {
123
+ paddingLeft: string | number | {
124
+ readonly [$$ScaleValue]: "space";
125
+ };
126
+ paddingRight: string | number | {
127
+ readonly [$$ScaleValue]: "space";
128
+ };
129
+ };
130
+ py: (value: string | number | {
131
+ readonly [$$ScaleValue]: "space";
132
+ }) => {
133
+ paddingTop: string | number | {
134
+ readonly [$$ScaleValue]: "space";
135
+ };
136
+ paddingBottom: string | number | {
137
+ readonly [$$ScaleValue]: "space";
138
+ };
139
+ };
140
+ m: (value: string | number | {
141
+ readonly [$$ScaleValue]: "space";
142
+ }) => {
143
+ margin: string | number | {
144
+ readonly [$$ScaleValue]: "space";
145
+ };
146
+ };
147
+ mt: (value: string | number | {
148
+ readonly [$$ScaleValue]: "space";
149
+ }) => {
150
+ marginTop: string | number | {
151
+ readonly [$$ScaleValue]: "space";
152
+ };
153
+ };
154
+ mr: (value: string | number | {
155
+ readonly [$$ScaleValue]: "space";
156
+ }) => {
157
+ marginRight: string | number | {
158
+ readonly [$$ScaleValue]: "space";
159
+ };
160
+ };
161
+ mb: (value: string | number | {
162
+ readonly [$$ScaleValue]: "space";
163
+ }) => {
164
+ marginBottom: string | number | {
165
+ readonly [$$ScaleValue]: "space";
166
+ };
167
+ };
168
+ ml: (value: string | number | {
169
+ readonly [$$ScaleValue]: "space";
170
+ }) => {
171
+ marginLeft: string | number | {
172
+ readonly [$$ScaleValue]: "space";
173
+ };
174
+ };
175
+ mx: (value: string | number | {
176
+ readonly [$$ScaleValue]: "space";
177
+ }) => {
178
+ marginLeft: string | number | {
179
+ readonly [$$ScaleValue]: "space";
180
+ };
181
+ marginRight: string | number | {
182
+ readonly [$$ScaleValue]: "space";
183
+ };
184
+ };
185
+ my: (value: string | number | {
186
+ readonly [$$ScaleValue]: "space";
187
+ }) => {
188
+ marginTop: string | number | {
189
+ readonly [$$ScaleValue]: "space";
190
+ };
191
+ marginBottom: string | number | {
192
+ readonly [$$ScaleValue]: "space";
193
+ };
194
+ };
195
+ }>>;
36
196
  declare type TColorSchemeProps = React.ComponentProps<typeof StyledColorScheme> & TColorSchemeOwnProps;
37
197
  /**
38
198
  * @experimental Component has not been finalised. Further design input required. Use with caution.
package/dist/experiments/color-scheme/stitches.colorscheme.config.d.ts CHANGED
@@ -2,7 +2,15 @@
2
2
  export declare const colorSchemes: {};
3
3
  export declare const styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
4
4
  [name: string]: unknown;
5
- })[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
5
+ })[], CSS = import("@stitches/react/types/css-util").CSS<{
6
+ sm: string;
7
+ md: string;
8
+ lg: string;
9
+ xl: string;
10
+ reducedMotion: string;
11
+ allowMotion: string;
12
+ hover: string;
13
+ }, {
6
14
  colors: {
7
15
  slate1: any;
8
16
  slate2: any;
@@ -28,7 +36,151 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
28
36
  foreground: any;
29
37
  foreground6plus: any;
30
38
  };
31
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
39
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
40
+ bg: (value: {
41
+ readonly [$$PropertyValue]: "background";
42
+ }) => {
43
+ background: {
44
+ readonly [$$PropertyValue]: "background";
45
+ };
46
+ };
47
+ inset: (value: string | number | {
48
+ readonly [$$ScaleValue]: "space";
49
+ }) => {
50
+ top: string | number | {
51
+ readonly [$$ScaleValue]: "space";
52
+ };
53
+ right: string | number | {
54
+ readonly [$$ScaleValue]: "space";
55
+ };
56
+ bottom: string | number | {
57
+ readonly [$$ScaleValue]: "space";
58
+ };
59
+ left: string | number | {
60
+ readonly [$$ScaleValue]: "space";
61
+ };
62
+ };
63
+ size: (value: string | number | {
64
+ readonly [$$ScaleValue]: "size";
65
+ }) => {
66
+ height: string | number | {
67
+ readonly [$$ScaleValue]: "size";
68
+ };
69
+ width: string | number | {
70
+ readonly [$$ScaleValue]: "size";
71
+ };
72
+ };
73
+ p: (value: string | number | {
74
+ readonly [$$ScaleValue]: "space";
75
+ }) => {
76
+ padding: string | number | {
77
+ readonly [$$ScaleValue]: "space";
78
+ };
79
+ };
80
+ pt: (value: string | number | {
81
+ readonly [$$ScaleValue]: "space";
82
+ }) => {
83
+ paddingTop: string | number | {
84
+ readonly [$$ScaleValue]: "space";
85
+ };
86
+ };
87
+ pr: (value: string | number | {
88
+ readonly [$$ScaleValue]: "space";
89
+ }) => {
90
+ paddingRight: string | number | {
91
+ readonly [$$ScaleValue]: "space";
92
+ };
93
+ };
94
+ pb: (value: string | number | {
95
+ readonly [$$ScaleValue]: "space";
96
+ }) => {
97
+ paddingBottom: string | number | {
98
+ readonly [$$ScaleValue]: "space";
99
+ };
100
+ };
101
+ pl: (value: string | number | {
102
+ readonly [$$ScaleValue]: "space";
103
+ }) => {
104
+ paddingLeft: string | number | {
105
+ readonly [$$ScaleValue]: "space";
106
+ };
107
+ };
108
+ px: (value: string | number | {
109
+ readonly [$$ScaleValue]: "space";
110
+ }) => {
111
+ paddingLeft: string | number | {
112
+ readonly [$$ScaleValue]: "space";
113
+ };
114
+ paddingRight: string | number | {
115
+ readonly [$$ScaleValue]: "space";
116
+ };
117
+ };
118
+ py: (value: string | number | {
119
+ readonly [$$ScaleValue]: "space";
120
+ }) => {
121
+ paddingTop: string | number | {
122
+ readonly [$$ScaleValue]: "space";
123
+ };
124
+ paddingBottom: string | number | {
125
+ readonly [$$ScaleValue]: "space";
126
+ };
127
+ };
128
+ m: (value: string | number | {
129
+ readonly [$$ScaleValue]: "space";
130
+ }) => {
131
+ margin: string | number | {
132
+ readonly [$$ScaleValue]: "space";
133
+ };
134
+ };
135
+ mt: (value: string | number | {
136
+ readonly [$$ScaleValue]: "space";
137
+ }) => {
138
+ marginTop: string | number | {
139
+ readonly [$$ScaleValue]: "space";
140
+ };
141
+ };
142
+ mr: (value: string | number | {
143
+ readonly [$$ScaleValue]: "space";
144
+ }) => {
145
+ marginRight: string | number | {
146
+ readonly [$$ScaleValue]: "space";
147
+ };
148
+ };
149
+ mb: (value: string | number | {
150
+ readonly [$$ScaleValue]: "space";
151
+ }) => {
152
+ marginBottom: string | number | {
153
+ readonly [$$ScaleValue]: "space";
154
+ };
155
+ };
156
+ ml: (value: string | number | {
157
+ readonly [$$ScaleValue]: "space";
158
+ }) => {
159
+ marginLeft: string | number | {
160
+ readonly [$$ScaleValue]: "space";
161
+ };
162
+ };
163
+ mx: (value: string | number | {
164
+ readonly [$$ScaleValue]: "space";
165
+ }) => {
166
+ marginLeft: string | number | {
167
+ readonly [$$ScaleValue]: "space";
168
+ };
169
+ marginRight: string | number | {
170
+ readonly [$$ScaleValue]: "space";
171
+ };
172
+ };
173
+ my: (value: string | number | {
174
+ readonly [$$ScaleValue]: "space";
175
+ }) => {
176
+ marginTop: string | number | {
177
+ readonly [$$ScaleValue]: "space";
178
+ };
179
+ marginBottom: string | number | {
180
+ readonly [$$ScaleValue]: "space";
181
+ };
182
+ };
183
+ }>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
32
184
  variants?: {
33
185
  [x: string]: {
34
186
  [x: string]: CSS;
@@ -39,7 +191,23 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
39
191
  css: CSS;
40
192
  })[] | undefined;
41
193
  defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
42
- } & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("@stitches/react/types/css-util").CSS<{}, {
194
+ } & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
195
+ sm: string;
196
+ md: string;
197
+ lg: string;
198
+ xl: string;
199
+ reducedMotion: string;
200
+ allowMotion: string;
201
+ hover: string;
202
+ }, import("@stitches/react/types/css-util").CSS<{
203
+ sm: string;
204
+ md: string;
205
+ lg: string;
206
+ xl: string;
207
+ reducedMotion: string;
208
+ allowMotion: string;
209
+ hover: string;
210
+ }, {
43
211
  colors: {
44
212
  slate1: any;
45
213
  slate2: any;
@@ -65,7 +233,151 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
65
233
  foreground: any;
66
234
  foreground6plus: any;
67
235
  };
68
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>, createTheme: <Argument0 extends string | ({
236
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
237
+ bg: (value: {
238
+ readonly [$$PropertyValue]: "background";
239
+ }) => {
240
+ background: {
241
+ readonly [$$PropertyValue]: "background";
242
+ };
243
+ };
244
+ inset: (value: string | number | {
245
+ readonly [$$ScaleValue]: "space";
246
+ }) => {
247
+ top: string | number | {
248
+ readonly [$$ScaleValue]: "space";
249
+ };
250
+ right: string | number | {
251
+ readonly [$$ScaleValue]: "space";
252
+ };
253
+ bottom: string | number | {
254
+ readonly [$$ScaleValue]: "space";
255
+ };
256
+ left: string | number | {
257
+ readonly [$$ScaleValue]: "space";
258
+ };
259
+ };
260
+ size: (value: string | number | {
261
+ readonly [$$ScaleValue]: "size";
262
+ }) => {
263
+ height: string | number | {
264
+ readonly [$$ScaleValue]: "size";
265
+ };
266
+ width: string | number | {
267
+ readonly [$$ScaleValue]: "size";
268
+ };
269
+ };
270
+ p: (value: string | number | {
271
+ readonly [$$ScaleValue]: "space";
272
+ }) => {
273
+ padding: string | number | {
274
+ readonly [$$ScaleValue]: "space";
275
+ };
276
+ };
277
+ pt: (value: string | number | {
278
+ readonly [$$ScaleValue]: "space";
279
+ }) => {
280
+ paddingTop: string | number | {
281
+ readonly [$$ScaleValue]: "space";
282
+ };
283
+ };
284
+ pr: (value: string | number | {
285
+ readonly [$$ScaleValue]: "space";
286
+ }) => {
287
+ paddingRight: string | number | {
288
+ readonly [$$ScaleValue]: "space";
289
+ };
290
+ };
291
+ pb: (value: string | number | {
292
+ readonly [$$ScaleValue]: "space";
293
+ }) => {
294
+ paddingBottom: string | number | {
295
+ readonly [$$ScaleValue]: "space";
296
+ };
297
+ };
298
+ pl: (value: string | number | {
299
+ readonly [$$ScaleValue]: "space";
300
+ }) => {
301
+ paddingLeft: string | number | {
302
+ readonly [$$ScaleValue]: "space";
303
+ };
304
+ };
305
+ px: (value: string | number | {
306
+ readonly [$$ScaleValue]: "space";
307
+ }) => {
308
+ paddingLeft: string | number | {
309
+ readonly [$$ScaleValue]: "space";
310
+ };
311
+ paddingRight: string | number | {
312
+ readonly [$$ScaleValue]: "space";
313
+ };
314
+ };
315
+ py: (value: string | number | {
316
+ readonly [$$ScaleValue]: "space";
317
+ }) => {
318
+ paddingTop: string | number | {
319
+ readonly [$$ScaleValue]: "space";
320
+ };
321
+ paddingBottom: string | number | {
322
+ readonly [$$ScaleValue]: "space";
323
+ };
324
+ };
325
+ m: (value: string | number | {
326
+ readonly [$$ScaleValue]: "space";
327
+ }) => {
328
+ margin: string | number | {
329
+ readonly [$$ScaleValue]: "space";
330
+ };
331
+ };
332
+ mt: (value: string | number | {
333
+ readonly [$$ScaleValue]: "space";
334
+ }) => {
335
+ marginTop: string | number | {
336
+ readonly [$$ScaleValue]: "space";
337
+ };
338
+ };
339
+ mr: (value: string | number | {
340
+ readonly [$$ScaleValue]: "space";
341
+ }) => {
342
+ marginRight: string | number | {
343
+ readonly [$$ScaleValue]: "space";
344
+ };
345
+ };
346
+ mb: (value: string | number | {
347
+ readonly [$$ScaleValue]: "space";
348
+ }) => {
349
+ marginBottom: string | number | {
350
+ readonly [$$ScaleValue]: "space";
351
+ };
352
+ };
353
+ ml: (value: string | number | {
354
+ readonly [$$ScaleValue]: "space";
355
+ }) => {
356
+ marginLeft: string | number | {
357
+ readonly [$$ScaleValue]: "space";
358
+ };
359
+ };
360
+ mx: (value: string | number | {
361
+ readonly [$$ScaleValue]: "space";
362
+ }) => {
363
+ marginLeft: string | number | {
364
+ readonly [$$ScaleValue]: "space";
365
+ };
366
+ marginRight: string | number | {
367
+ readonly [$$ScaleValue]: "space";
368
+ };
369
+ };
370
+ my: (value: string | number | {
371
+ readonly [$$ScaleValue]: "space";
372
+ }) => {
373
+ marginTop: string | number | {
374
+ readonly [$$ScaleValue]: "space";
375
+ };
376
+ marginBottom: string | number | {
377
+ readonly [$$ScaleValue]: "space";
378
+ };
379
+ };
380
+ }>>, createTheme: <Argument0 extends string | ({
69
381
  colors?: {
70
382
  slate1?: string | number | boolean | undefined;
71
383
  slate2?: string | number | boolean | undefined;
package/dist/experiments/color-scheme/stitches.colorscheme.config.js CHANGED
@@ -1 +1 @@
1
- import{createStitches as u}from"@stitches/react";import a from"./blue.json.js";import i from"./slate.json.js";import{generateAlphaColors as s}from"./generateAlphaColors.js";const t={},l=(r,o)=>{const e={};for(let n=1;n<=10;n++)e[`${r}${n}`]=`$${o}${n}`,e[`${r}A${n}`]=`$${o}A${n}`;return e},{styled:h,createTheme:c}=u({theme:{colors:{background:"white",foreground:i.slate9,foreground6plus:"white",...a,...s("blue",a),...i,...s("slate",i)}}});t["interactive-loContrast1"]=c("interactive-loContrast1",{colors:{interactiveForeground:"$foreground",interactive1:"white",interactive2:"$accent1",interactive3:"$accent2"}}),t["interactive-loContrast2"]=c("interactive-loContrast2",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),t["interactive-hiContrast1"]=c("interactive-hiContrast1",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent7",interactive2:"$accent8",interactive3:"$accent9"}}),t["interactive-hiContrast2"]=c("interactive-hiContrast2",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent8",interactive2:"$accent9",interactive3:"$accent10"}});const $={slate:"slate"},f=()=>{Object.entries($).forEach(([r,o])=>{const e=`base-${r}`;t[e]=c(e,{colors:l("base",o)})})},v={slate:"slate",blue:"blue"},d=()=>{Object.entries(v).forEach(([r,o])=>{const e=`accent-${r}`;t[e]=c(e,{colors:l("accent",o)})})};f(),d();export{v as accents,$ as bases,t as colorSchemes,c as createTheme,h as styled};
1
+ import{createStitches as u}from"@stitches/react";import a from"./blue.json.js";import i from"./slate.json.js";import{generateAlphaColors as s}from"./generateAlphaColors.js";import{utils as m,media as d}from"../../stitches.js";const e={},l=(c,o)=>{const t={};for(let n=1;n<=10;n++)t[`${c}${n}`]=`$${o}${n}`,t[`${c}A${n}`]=`$${o}A${n}`;return t},{styled:f,createTheme:r}=u({theme:{colors:{background:"white",foreground:i.slate9,foreground6plus:"white",...a,...s("blue",a),...i,...s("slate",i)}},utils:m,media:d});e["interactive-loContrast1"]=r("interactive-loContrast1",{colors:{interactiveForeground:"$foreground",interactive1:"white",interactive2:"$accent1",interactive3:"$accent2"}}),e["interactive-loContrast2"]=r("interactive-loContrast2",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),e["interactive-hiContrast1"]=r("interactive-hiContrast1",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent7",interactive2:"$accent8",interactive3:"$accent9"}}),e["interactive-hiContrast2"]=r("interactive-hiContrast2",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent8",interactive2:"$accent9",interactive3:"$accent10"}});const $={slate:"slate"},h=()=>{Object.entries($).forEach(([c,o])=>{const t=`base-${c}`;e[t]=r(t,{colors:l("base",o)})})},v={slate:"slate",blue:"blue"},g=()=>{Object.entries(v).forEach(([c,o])=>{const t=`accent-${c}`;e[t]=r(t,{colors:l("accent",o)})})};h(),g();export{v as accents,$ as bases,e as colorSchemes,r as createTheme,f as styled};