@newtonschool/grauity 3.3.2 → 3.3.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 (35) hide show
  1. package/dist/index.d.ts +113 -2124
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/main.cjs +1 -1
  4. package/dist/main.cjs.map +1 -1
  5. package/dist/module.mjs +1 -1
  6. package/dist/module.mjs.map +1 -1
  7. package/dist/ui/elements/Overlay/Overlay.d.ts.map +1 -1
  8. package/dist/ui/elements/ThemeScope/ThemeScope.d.ts +15 -0
  9. package/dist/ui/elements/ThemeScope/ThemeScope.d.ts.map +1 -0
  10. package/dist/ui/elements/ThemeScope/ThemeScopeProvider.d.ts +8 -0
  11. package/dist/ui/elements/ThemeScope/ThemeScopeProvider.d.ts.map +1 -0
  12. package/dist/ui/elements/ThemeScope/constants.d.ts +7 -0
  13. package/dist/ui/elements/ThemeScope/constants.d.ts.map +1 -0
  14. package/dist/ui/elements/ThemeScope/contexts/ThemeScopeContext.d.ts +7 -0
  15. package/dist/ui/elements/ThemeScope/contexts/ThemeScopeContext.d.ts.map +1 -0
  16. package/dist/ui/elements/ThemeScope/index.d.ts +8 -0
  17. package/dist/ui/elements/ThemeScope/index.d.ts.map +1 -0
  18. package/dist/ui/elements/ThemeScope/types.d.ts +50 -0
  19. package/dist/ui/elements/ThemeScope/types.d.ts.map +1 -0
  20. package/dist/ui/elements/ThemeScope/useThemeScope.d.ts +17 -0
  21. package/dist/ui/elements/ThemeScope/useThemeScope.d.ts.map +1 -0
  22. package/dist/ui/elements/ThemeScope/utils.d.ts +12 -0
  23. package/dist/ui/elements/ThemeScope/utils.d.ts.map +1 -0
  24. package/dist/ui/index.d.ts +4 -0
  25. package/dist/ui/index.d.ts.map +1 -1
  26. package/dist/ui/themes/ThemeContext.d.ts.map +1 -1
  27. package/dist/ui/themes/ThemeProvider.d.ts +11 -1068
  28. package/dist/ui/themes/ThemeProvider.d.ts.map +1 -1
  29. package/dist/ui/themes/darkThemeConstants.d.ts +2 -530
  30. package/dist/ui/themes/darkThemeConstants.d.ts.map +1 -1
  31. package/dist/ui/themes/lightThemeConstants.d.ts +2 -530
  32. package/dist/ui/themes/lightThemeConstants.d.ts.map +1 -1
  33. package/dist/ui/themes/types.d.ts +6 -0
  34. package/dist/ui/themes/types.d.ts.map +1 -1
  35. package/package.json +1 -1
package/dist/ui/themes/lightThemeConstants.d.ts CHANGED
@@ -1,532 +1,4 @@
1
- declare const LIGHT_THEME_CONFIG: {
2
- colors: {
3
- bg: {
4
- subtle: {
5
- primary: {
6
- default: string;
7
- hover: string;
8
- disabled: string;
9
- };
10
- 'invert-primary': {
11
- default: string;
12
- hover: string;
13
- disabled: string;
14
- };
15
- secondary: {
16
- default: string;
17
- hover: string;
18
- disabled: string;
19
- };
20
- 'invert-secondary': {
21
- default: string;
22
- hover: string;
23
- disabled: string;
24
- };
25
- tertiary: {
26
- default: string;
27
- hover: string;
28
- disabled: string;
29
- };
30
- 'invert-tertiary': {
31
- default: string;
32
- hover: string;
33
- disabled: string;
34
- };
35
- brand: {
36
- default: string;
37
- hover: string;
38
- disabled: string;
39
- };
40
- success: {
41
- default: string;
42
- hover: string;
43
- disabled: string;
44
- };
45
- error: {
46
- default: string;
47
- hover: string;
48
- disabled: string;
49
- };
50
- warning: {
51
- default: string;
52
- hover: string;
53
- disabled: string;
54
- };
55
- yellow: {
56
- default: string;
57
- hover: string;
58
- disabled: string;
59
- };
60
- purple: {
61
- default: string;
62
- hover: string;
63
- disabled: string;
64
- };
65
- };
66
- moderate: {
67
- primary: {
68
- default: string;
69
- hover: string;
70
- disabled: string;
71
- };
72
- secondary: {
73
- default: string;
74
- hover: string;
75
- disabled: string;
76
- };
77
- tertiary: {
78
- default: string;
79
- hover: string;
80
- disabled: string;
81
- };
82
- brand: {
83
- default: string;
84
- hover: string;
85
- disabled: string;
86
- };
87
- success: {
88
- default: string;
89
- hover: string;
90
- disabled: string;
91
- };
92
- error: {
93
- default: string;
94
- hover: string;
95
- disabled: string;
96
- };
97
- warning: {
98
- default: string;
99
- hover: string;
100
- disabled: string;
101
- };
102
- yellow: {
103
- default: string;
104
- hover: string;
105
- disabled: string;
106
- };
107
- purple: {
108
- default: string;
109
- hover: string;
110
- disabled: string;
111
- };
112
- };
113
- emphasis: {
114
- primary: {
115
- default: string;
116
- hover: string;
117
- disabled: string;
118
- };
119
- secondary: {
120
- default: string;
121
- hover: string;
122
- disabled: string;
123
- };
124
- tertiary: {
125
- default: string;
126
- hover: string;
127
- disabled: string;
128
- };
129
- brand: {
130
- default: string;
131
- hover: string;
132
- disabled: string;
133
- };
134
- success: {
135
- default: string;
136
- hover: string;
137
- disabled: string;
138
- };
139
- error: {
140
- default: string;
141
- hover: string;
142
- disabled: string;
143
- };
144
- warning: {
145
- default: string;
146
- hover: string;
147
- disabled: string;
148
- };
149
- yellow: {
150
- default: string;
151
- hover: string;
152
- disabled: string;
153
- };
154
- purple: {
155
- default: string;
156
- hover: string;
157
- disabled: string;
158
- };
159
- };
160
- };
161
- text: {
162
- subtle: {
163
- primary: {
164
- default: string;
165
- hover: string;
166
- disabled: string;
167
- };
168
- secondary: {
169
- default: string;
170
- hover: string;
171
- disabled: string;
172
- };
173
- tertiary: {
174
- default: string;
175
- hover: string;
176
- disabled: string;
177
- };
178
- brand: {
179
- default: string;
180
- hover: string;
181
- disabled: string;
182
- };
183
- success: {
184
- default: string;
185
- hover: string;
186
- disabled: string;
187
- };
188
- error: {
189
- default: string;
190
- hover: string;
191
- disabled: string;
192
- };
193
- warning: {
194
- default: string;
195
- hover: string;
196
- disabled: string;
197
- };
198
- yellow: {
199
- default: string;
200
- hover: string;
201
- disabled: string;
202
- };
203
- purple: {
204
- default: string;
205
- hover: string;
206
- disabled: string;
207
- };
208
- };
209
- moderate: {
210
- primary: {
211
- default: string;
212
- hover: string;
213
- disabled: string;
214
- };
215
- secondary: {
216
- default: string;
217
- hover: string;
218
- disabled: string;
219
- };
220
- tertiary: {
221
- default: string;
222
- hover: string;
223
- disabled: string;
224
- };
225
- brand: {
226
- default: string;
227
- hover: string;
228
- disabled: string;
229
- };
230
- success: {
231
- default: string;
232
- hover: string;
233
- disabled: string;
234
- };
235
- error: {
236
- default: string;
237
- hover: string;
238
- disabled: string;
239
- };
240
- warning: {
241
- default: string;
242
- hover: string;
243
- disabled: string;
244
- };
245
- yellow: {
246
- default: string;
247
- hover: string;
248
- disabled: string;
249
- };
250
- purple: {
251
- default: string;
252
- hover: string;
253
- disabled: string;
254
- };
255
- };
256
- emphasis: {
257
- primary: {
258
- default: string;
259
- hover: string;
260
- disabled: string;
261
- };
262
- 'invert-primary': {
263
- default: string;
264
- hover: string;
265
- disabled: string;
266
- };
267
- secondary: {
268
- default: string;
269
- hover: string;
270
- disabled: string;
271
- };
272
- white: {
273
- default: string;
274
- hover: string;
275
- disabled: string;
276
- };
277
- tertiary: {
278
- default: string;
279
- hover: string;
280
- disabled: string;
281
- };
282
- brand: {
283
- default: string;
284
- hover: string;
285
- disabled: string;
286
- };
287
- success: {
288
- default: string;
289
- hover: string;
290
- disabled: string;
291
- };
292
- error: {
293
- default: string;
294
- hover: string;
295
- disabled: string;
296
- };
297
- warning: {
298
- default: string;
299
- hover: string;
300
- disabled: string;
301
- };
302
- yellow: {
303
- default: string;
304
- hover: string;
305
- disabled: string;
306
- };
307
- purple: {
308
- default: string;
309
- hover: string;
310
- disabled: string;
311
- };
312
- };
313
- };
314
- border: {
315
- subtle: {
316
- primary: {
317
- default: string;
318
- hover: string;
319
- disabled: string;
320
- };
321
- 'invert-primary': {
322
- default: string;
323
- hover: string;
324
- disabled: string;
325
- };
326
- secondary: {
327
- default: string;
328
- hover: string;
329
- disabled: string;
330
- };
331
- tertiary: {
332
- default: string;
333
- hover: string;
334
- disabled: string;
335
- };
336
- brand: {
337
- default: string;
338
- hover: string;
339
- disabled: string;
340
- };
341
- success: {
342
- default: string;
343
- hover: string;
344
- disabled: string;
345
- };
346
- error: {
347
- default: string;
348
- hover: string;
349
- disabled: string;
350
- };
351
- warning: {
352
- default: string;
353
- hover: string;
354
- disabled: string;
355
- };
356
- yellow: {
357
- default: string;
358
- hover: string;
359
- disabled: string;
360
- };
361
- purple: {
362
- default: string;
363
- hover: string;
364
- disabled: string;
365
- };
366
- };
367
- moderate: {
368
- primary: {
369
- default: string;
370
- hover: string;
371
- disabled: string;
372
- };
373
- 'invert-primary': {
374
- default: string;
375
- hover: string;
376
- disabled: string;
377
- };
378
- secondary: {
379
- default: string;
380
- hover: string;
381
- disabled: string;
382
- };
383
- tertiary: {
384
- default: string;
385
- hover: string;
386
- disabled: string;
387
- };
388
- brand: {
389
- default: string;
390
- hover: string;
391
- disabled: string;
392
- };
393
- success: {
394
- default: string;
395
- hover: string;
396
- disabled: string;
397
- };
398
- error: {
399
- default: string;
400
- hover: string;
401
- disabled: string;
402
- };
403
- warning: {
404
- default: string;
405
- hover: string;
406
- disabled: string;
407
- };
408
- yellow: {
409
- default: string;
410
- hover: string;
411
- disabled: string;
412
- };
413
- purple: {
414
- default: string;
415
- hover: string;
416
- disabled: string;
417
- };
418
- };
419
- emphasis: {
420
- primary: {
421
- default: string;
422
- hover: string;
423
- disabled: string;
424
- };
425
- 'invert-primary': {
426
- default: string;
427
- hover: string;
428
- disabled: string;
429
- };
430
- secondary: {
431
- default: string;
432
- hover: string;
433
- disabled: string;
434
- };
435
- tertiary: {
436
- default: string;
437
- hover: string;
438
- disabled: string;
439
- };
440
- brand: {
441
- default: string;
442
- hover: string;
443
- disabled: string;
444
- };
445
- success: {
446
- default: string;
447
- hover: string;
448
- disabled: string;
449
- };
450
- error: {
451
- default: string;
452
- hover: string;
453
- disabled: string;
454
- };
455
- warning: {
456
- default: string;
457
- hover: string;
458
- disabled: string;
459
- };
460
- yellow: {
461
- default: string;
462
- hover: string;
463
- disabled: string;
464
- };
465
- purple: {
466
- default: string;
467
- hover: string;
468
- disabled: string;
469
- };
470
- };
471
- };
472
- };
473
- visibility: {
474
- lightVisible: string;
475
- darkVisible: string;
476
- };
477
- legacyColors: {
478
- text: {
479
- textPrimary: string;
480
- textSecondary: string;
481
- textDisabled: string;
482
- textAction: string;
483
- textAction2: string;
484
- textBrand: string;
485
- textSuccess: string;
486
- textError: string;
487
- textWarning: string;
488
- textYellow: string;
489
- textPurple: string;
490
- };
491
- background: {
492
- bgPrimary: string;
493
- bgSecondary: string;
494
- bgTertiary: string;
495
- bgBrand: string;
496
- bgSuccess: string;
497
- bgError: string;
498
- bgWarning: string;
499
- bgYellow: string;
500
- bgPurple: string;
501
- bgDisabled: string;
502
- bgActionBrand: string;
503
- bgActionSuccess: string;
504
- bgActionError: string;
505
- bgActionWarning: string;
506
- bgActionYellow: string;
507
- bgActionPurple: string;
508
- bgInvertPrimary: string;
509
- bgInvertSecondary: string;
510
- bgInvertTertiary: string;
511
- bgPrimaryHover: string;
512
- bgInvertPrimaryHover: string;
513
- bgActionBrandHover: string;
514
- bgActionSuccessHover: string;
515
- bgActionErrorHover: string;
516
- bgActionWarningHover: string;
517
- bgActionYellowHover: string;
518
- };
519
- border: {
520
- border: string;
521
- borderBrand: string;
522
- borderSuccess: string;
523
- borderError: string;
524
- borderWarning: string;
525
- borderYellow: string;
526
- borderPurple: string;
527
- borderNeutral: string;
528
- };
529
- };
530
- };
1
+ import { ThemeConfigType } from './types';
2
+ declare const LIGHT_THEME_CONFIG: ThemeConfigType;
531
3
  export default LIGHT_THEME_CONFIG;
532
4
  //# sourceMappingURL=lightThemeConstants.d.ts.map
package/dist/ui/themes/lightThemeConstants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lightThemeConstants.d.ts","sourceRoot":"","sources":["../../../ui/themes/lightThemeConstants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAohBvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"lightThemeConstants.d.ts","sourceRoot":"","sources":["../../../ui/themes/lightThemeConstants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,kBAAkB,EAAE,eAohBzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
package/dist/ui/themes/types.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { Theme } from 'ui/elements/ThemeScope/types';
2
+ export type ThemeName = Theme;
1
3
  export type ThemeColorObjType = {
2
4
  [colorCategory: string]: {
3
5
  [colorIntensity: string]: {
@@ -8,4 +10,8 @@ export type ThemeColorObjType = {
8
10
  };
9
11
  };
10
12
  export type ExtractColorVariablesType = (themeColorObj: ThemeColorObjType) => String[];
13
+ export type ThemeConfigType = {
14
+ colors: ThemeColorObjType;
15
+ [otherThemeProperty: string]: any;
16
+ };
11
17
  //# sourceMappingURL=types.d.ts.map
package/dist/ui/themes/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../ui/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC5B,CAAC,aAAa,EAAE,MAAM,GAAG;QACrB,CAAC,cAAc,EAAE,MAAM,GAAG;YACtB,CAAC,SAAS,EAAE,MAAM,GAAG;gBACjB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;aAChC,CAAC;SACL,CAAC;KACL,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CACpC,aAAa,EAAE,iBAAiB,KAC/B,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../ui/themes/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC;AAE9B,MAAM,MAAM,iBAAiB,GAAG;IAC5B,CAAC,aAAa,EAAE,MAAM,GAAG;QACrB,CAAC,cAAc,EAAE,MAAM,GAAG;YACtB,CAAC,SAAS,EAAE,MAAM,GAAG;gBACjB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;aAChC,CAAC;SACL,CAAC;KACL,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CACpC,aAAa,EAAE,iBAAiB,KAC/B,MAAM,EAAE,CAAC;AAEd,MAAM,MAAM,eAAe,GAAG;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,CAAC,kBAAkB,EAAE,MAAM,GAAG,GAAG,CAAC;CACrC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newtonschool/grauity",
3
- "version": "3.3.2",
3
+ "version": "3.3.3",
4
4
  "description": "Design System for Newton School",
5
5
  "keywords": [
6
6
  "Newton School",