@teach-in/react 1.2.0 → 1.4.0

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 (53) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +9 -9
  3. package/dist/{chunk-QCLLPJMB.mjs → chunk-BBUPZCY6.mjs} +2 -2
  4. package/dist/{chunk-2ASQXBDD.mjs → chunk-RPIOTLYT.mjs} +1 -1
  5. package/dist/{chunk-2CEZXLZR.mjs → chunk-YZB4VBX7.mjs} +25 -3
  6. package/dist/index.js +24 -2
  7. package/dist/index.mjs +110 -110
  8. package/dist/ui/data/index.mjs +7 -7
  9. package/dist/ui/feedback/index.mjs +13 -13
  10. package/dist/ui/form/index.mjs +11 -11
  11. package/dist/ui/form/rhf/fields/autocomplete-field.mjs +11 -11
  12. package/dist/ui/form/rhf/fields/checkbox-field.mjs +11 -11
  13. package/dist/ui/form/rhf/fields/date-picker-field.mjs +11 -11
  14. package/dist/ui/form/rhf/fields/email-field.mjs +11 -11
  15. package/dist/ui/form/rhf/fields/index.mjs +11 -11
  16. package/dist/ui/form/rhf/fields/input-field.mjs +11 -11
  17. package/dist/ui/form/rhf/fields/radio-field.mjs +11 -11
  18. package/dist/ui/form/rhf/fields/search-field.mjs +11 -11
  19. package/dist/ui/form/rhf/fields/select-field.mjs +11 -11
  20. package/dist/ui/form/rhf/fields/switch-field.mjs +11 -11
  21. package/dist/ui/form/rhf/fields/text-field.mjs +11 -11
  22. package/dist/ui/form/rhf/fields/textarea-field.mjs +11 -11
  23. package/dist/ui/form/rhf/index.mjs +11 -11
  24. package/dist/ui/format/index.mjs +3 -3
  25. package/dist/ui/index.js +24 -2
  26. package/dist/ui/index.mjs +110 -110
  27. package/dist/ui/inputs/checkbox/index.mjs +3 -3
  28. package/dist/ui/inputs/index.mjs +20 -20
  29. package/dist/ui/layout/container/container.mjs +52 -52
  30. package/dist/ui/layout/container/index.mjs +52 -52
  31. package/dist/ui/layout/index.mjs +59 -59
  32. package/dist/ui/layout/page/index.mjs +6 -6
  33. package/dist/ui/layout/page/page-loading.mjs +6 -6
  34. package/dist/ui/layout/page/section-loading.mjs +6 -6
  35. package/dist/ui/navigation/index.mjs +4 -4
  36. package/dist/ui/overlays/index.mjs +7 -7
  37. package/dist/ui/provider/index.mjs +6 -6
  38. package/dist/ui/provider/ui-provider.mjs +6 -6
  39. package/dist/ui/surface/index.mjs +4 -4
  40. package/dist/ui/theme/colors/common.mjs +3 -3
  41. package/dist/ui/theme/colors/index.js +24 -2
  42. package/dist/ui/theme/colors/index.mjs +6 -6
  43. package/dist/ui/theme/colors/semantic.js +24 -2
  44. package/dist/ui/theme/colors/semantic.mjs +4 -4
  45. package/dist/ui/theme/colors/types.d.ts +2 -0
  46. package/dist/ui/theme/colors.js +24 -2
  47. package/dist/ui/theme/colors.mjs +6 -6
  48. package/dist/ui/theme/index.js +24 -2
  49. package/dist/ui/theme/index.mjs +6 -6
  50. package/dist/ui/theme/theme.js +24 -2
  51. package/dist/ui/theme/theme.mjs +6 -6
  52. package/package.json +1 -1
  53. package/dist/{chunk-IXPMUODA.mjs → chunk-5WDV3PDI.mjs} +6 -6
package/dist/ui/theme/colors/index.js CHANGED
@@ -263,7 +263,7 @@ var themeColorsLight = {
263
263
  ...commonColors.shipgray,
264
264
  foreground: commonColors.black,
265
265
  flat: commonColors.shipgray[300],
266
- DEFAULT: commonColors.shipgray[100]
266
+ DEFAULT: commonColors.shipgray[200]
267
267
  },
268
268
  primary: {
269
269
  ...commonColors.blue,
@@ -294,15 +294,31 @@ var themeColorsLight = {
294
294
  foreground: commonColors.white,
295
295
  flat: commonColors.red[500],
296
296
  DEFAULT: commonColors.red[400]
297
+ },
298
+ link: {
299
+ DEFAULT: commonColors.blue[500]
300
+ },
301
+ brand: {
302
+ DEFAULT: commonColors.blue[800]
297
303
  }
298
304
  };
299
305
  var themeColorsDark = {
300
306
  ...base.dark,
301
307
  default: {
302
308
  ...swapColorValues(commonColors.shipgray),
309
+ 50: commonColors.shipgray[800],
310
+ 100: commonColors.shipgray[700],
311
+ 200: commonColors.shipgray[600],
312
+ 300: commonColors.shipgray[500],
313
+ 400: commonColors.shipgray[400],
314
+ 500: commonColors.shipgray[300],
315
+ 600: commonColors.shipgray[200],
316
+ 700: commonColors.shipgray[100],
317
+ 800: commonColors.shipgray[50],
318
+ 900: commonColors.white,
303
319
  foreground: commonColors.white,
304
320
  flat: commonColors.shipgray[600],
305
- DEFAULT: commonColors.shipgray[700]
321
+ DEFAULT: commonColors.shipgray[600]
306
322
  },
307
323
  primary: {
308
324
  ...swapColorValues(commonColors.blue),
@@ -333,6 +349,12 @@ var themeColorsDark = {
333
349
  foreground: commonColors.white,
334
350
  flat: commonColors.red[500],
335
351
  DEFAULT: commonColors.red[500]
352
+ },
353
+ link: {
354
+ DEFAULT: commonColors.blue[300]
355
+ },
356
+ brand: {
357
+ DEFAULT: commonColors.white
336
358
  }
337
359
  };
338
360
  var semanticColors = {
package/dist/ui/theme/colors/index.mjs CHANGED
@@ -1,23 +1,23 @@
1
1
  "use client";
2
2
  import {
3
3
  colors
4
- } from "../../../chunk-QCLLPJMB.mjs";
4
+ } from "../../../chunk-BBUPZCY6.mjs";
5
+ import "../../../chunk-EJQH6CYW.mjs";
5
6
  import {
6
7
  semanticColors
7
- } from "../../../chunk-2CEZXLZR.mjs";
8
- import "../../../chunk-EJQH6CYW.mjs";
8
+ } from "../../../chunk-YZB4VBX7.mjs";
9
9
  import {
10
10
  commonColors
11
- } from "../../../chunk-IXPMUODA.mjs";
11
+ } from "../../../chunk-5WDV3PDI.mjs";
12
+ import "../../../chunk-HOVAPYGJ.mjs";
12
13
  import "../../../chunk-3LOCA2SP.mjs";
14
+ import "../../../chunk-LUERGYYZ.mjs";
13
15
  import "../../../chunk-YBQFG6QJ.mjs";
14
16
  import "../../../chunk-XKX5LFH7.mjs";
15
17
  import "../../../chunk-SLB2JE3N.mjs";
16
18
  import "../../../chunk-XYQVL4EX.mjs";
17
- import "../../../chunk-HOVAPYGJ.mjs";
18
19
  import "../../../chunk-2OPPNAW2.mjs";
19
20
  import "../../../chunk-OW6U64MG.mjs";
20
- import "../../../chunk-LUERGYYZ.mjs";
21
21
  import "../../../chunk-VIPLRFPR.mjs";
22
22
  export {
23
23
  colors,
package/dist/ui/theme/colors/semantic.js CHANGED
@@ -263,7 +263,7 @@ var themeColorsLight = {
263
263
  ...commonColors.shipgray,
264
264
  foreground: commonColors.black,
265
265
  flat: commonColors.shipgray[300],
266
- DEFAULT: commonColors.shipgray[100]
266
+ DEFAULT: commonColors.shipgray[200]
267
267
  },
268
268
  primary: {
269
269
  ...commonColors.blue,
@@ -294,15 +294,31 @@ var themeColorsLight = {
294
294
  foreground: commonColors.white,
295
295
  flat: commonColors.red[500],
296
296
  DEFAULT: commonColors.red[400]
297
+ },
298
+ link: {
299
+ DEFAULT: commonColors.blue[500]
300
+ },
301
+ brand: {
302
+ DEFAULT: commonColors.blue[800]
297
303
  }
298
304
  };
299
305
  var themeColorsDark = {
300
306
  ...base.dark,
301
307
  default: {
302
308
  ...swapColorValues(commonColors.shipgray),
309
+ 50: commonColors.shipgray[800],
310
+ 100: commonColors.shipgray[700],
311
+ 200: commonColors.shipgray[600],
312
+ 300: commonColors.shipgray[500],
313
+ 400: commonColors.shipgray[400],
314
+ 500: commonColors.shipgray[300],
315
+ 600: commonColors.shipgray[200],
316
+ 700: commonColors.shipgray[100],
317
+ 800: commonColors.shipgray[50],
318
+ 900: commonColors.white,
303
319
  foreground: commonColors.white,
304
320
  flat: commonColors.shipgray[600],
305
- DEFAULT: commonColors.shipgray[700]
321
+ DEFAULT: commonColors.shipgray[600]
306
322
  },
307
323
  primary: {
308
324
  ...swapColorValues(commonColors.blue),
@@ -333,6 +349,12 @@ var themeColorsDark = {
333
349
  foreground: commonColors.white,
334
350
  flat: commonColors.red[500],
335
351
  DEFAULT: commonColors.red[500]
352
+ },
353
+ link: {
354
+ DEFAULT: commonColors.blue[300]
355
+ },
356
+ brand: {
357
+ DEFAULT: commonColors.white
336
358
  }
337
359
  };
338
360
  var semanticColors = {
package/dist/ui/theme/colors/semantic.mjs CHANGED
@@ -3,17 +3,17 @@ import {
3
3
  semanticColors,
4
4
  themeColorsDark,
5
5
  themeColorsLight
6
- } from "../../../chunk-2CEZXLZR.mjs";
7
- import "../../../chunk-IXPMUODA.mjs";
6
+ } from "../../../chunk-YZB4VBX7.mjs";
7
+ import "../../../chunk-5WDV3PDI.mjs";
8
+ import "../../../chunk-HOVAPYGJ.mjs";
8
9
  import "../../../chunk-3LOCA2SP.mjs";
10
+ import "../../../chunk-LUERGYYZ.mjs";
9
11
  import "../../../chunk-YBQFG6QJ.mjs";
10
12
  import "../../../chunk-XKX5LFH7.mjs";
11
13
  import "../../../chunk-SLB2JE3N.mjs";
12
14
  import "../../../chunk-XYQVL4EX.mjs";
13
- import "../../../chunk-HOVAPYGJ.mjs";
14
15
  import "../../../chunk-2OPPNAW2.mjs";
15
16
  import "../../../chunk-OW6U64MG.mjs";
16
- import "../../../chunk-LUERGYYZ.mjs";
17
17
  import "../../../chunk-VIPLRFPR.mjs";
18
18
  export {
19
19
  semanticColors,
package/dist/ui/theme/colors/types.d.ts CHANGED
@@ -31,6 +31,8 @@ export type ThemeColors = BaseColors & {
31
31
  success: ColorScale;
32
32
  warning: ColorScale;
33
33
  danger: ColorScale;
34
+ link: ColorScale;
35
+ brand: ColorScale;
34
36
  };
35
37
  export type SemanticBaseColors = {
36
38
  light: BaseColors;
package/dist/ui/theme/colors.js CHANGED
@@ -263,7 +263,7 @@ var themeColorsLight = {
263
263
  ...commonColors.shipgray,
264
264
  foreground: commonColors.black,
265
265
  flat: commonColors.shipgray[300],
266
- DEFAULT: commonColors.shipgray[100]
266
+ DEFAULT: commonColors.shipgray[200]
267
267
  },
268
268
  primary: {
269
269
  ...commonColors.blue,
@@ -294,15 +294,31 @@ var themeColorsLight = {
294
294
  foreground: commonColors.white,
295
295
  flat: commonColors.red[500],
296
296
  DEFAULT: commonColors.red[400]
297
+ },
298
+ link: {
299
+ DEFAULT: commonColors.blue[500]
300
+ },
301
+ brand: {
302
+ DEFAULT: commonColors.blue[800]
297
303
  }
298
304
  };
299
305
  var themeColorsDark = {
300
306
  ...base.dark,
301
307
  default: {
302
308
  ...swapColorValues(commonColors.shipgray),
309
+ 50: commonColors.shipgray[800],
310
+ 100: commonColors.shipgray[700],
311
+ 200: commonColors.shipgray[600],
312
+ 300: commonColors.shipgray[500],
313
+ 400: commonColors.shipgray[400],
314
+ 500: commonColors.shipgray[300],
315
+ 600: commonColors.shipgray[200],
316
+ 700: commonColors.shipgray[100],
317
+ 800: commonColors.shipgray[50],
318
+ 900: commonColors.white,
303
319
  foreground: commonColors.white,
304
320
  flat: commonColors.shipgray[600],
305
- DEFAULT: commonColors.shipgray[700]
321
+ DEFAULT: commonColors.shipgray[600]
306
322
  },
307
323
  primary: {
308
324
  ...swapColorValues(commonColors.blue),
@@ -333,6 +349,12 @@ var themeColorsDark = {
333
349
  foreground: commonColors.white,
334
350
  flat: commonColors.red[500],
335
351
  DEFAULT: commonColors.red[500]
352
+ },
353
+ link: {
354
+ DEFAULT: commonColors.blue[300]
355
+ },
356
+ brand: {
357
+ DEFAULT: commonColors.white
336
358
  }
337
359
  };
338
360
  var semanticColors = {
package/dist/ui/theme/colors.mjs CHANGED
@@ -2,23 +2,23 @@
2
2
  import "../../chunk-JWMPI5AZ.mjs";
3
3
  import {
4
4
  colors
5
- } from "../../chunk-QCLLPJMB.mjs";
5
+ } from "../../chunk-BBUPZCY6.mjs";
6
+ import "../../chunk-EJQH6CYW.mjs";
6
7
  import {
7
8
  semanticColors
8
- } from "../../chunk-2CEZXLZR.mjs";
9
- import "../../chunk-EJQH6CYW.mjs";
9
+ } from "../../chunk-YZB4VBX7.mjs";
10
10
  import {
11
11
  commonColors
12
- } from "../../chunk-IXPMUODA.mjs";
12
+ } from "../../chunk-5WDV3PDI.mjs";
13
+ import "../../chunk-HOVAPYGJ.mjs";
13
14
  import "../../chunk-3LOCA2SP.mjs";
15
+ import "../../chunk-LUERGYYZ.mjs";
14
16
  import "../../chunk-YBQFG6QJ.mjs";
15
17
  import "../../chunk-XKX5LFH7.mjs";
16
18
  import "../../chunk-SLB2JE3N.mjs";
17
19
  import "../../chunk-XYQVL4EX.mjs";
18
- import "../../chunk-HOVAPYGJ.mjs";
19
20
  import "../../chunk-2OPPNAW2.mjs";
20
21
  import "../../chunk-OW6U64MG.mjs";
21
- import "../../chunk-LUERGYYZ.mjs";
22
22
  import "../../chunk-VIPLRFPR.mjs";
23
23
  export {
24
24
  colors,
package/dist/ui/theme/index.js CHANGED
@@ -275,7 +275,7 @@ var themeColorsLight = {
275
275
  ...commonColors.shipgray,
276
276
  foreground: commonColors.black,
277
277
  flat: commonColors.shipgray[300],
278
- DEFAULT: commonColors.shipgray[100]
278
+ DEFAULT: commonColors.shipgray[200]
279
279
  },
280
280
  primary: {
281
281
  ...commonColors.blue,
@@ -306,15 +306,31 @@ var themeColorsLight = {
306
306
  foreground: commonColors.white,
307
307
  flat: commonColors.red[500],
308
308
  DEFAULT: commonColors.red[400]
309
+ },
310
+ link: {
311
+ DEFAULT: commonColors.blue[500]
312
+ },
313
+ brand: {
314
+ DEFAULT: commonColors.blue[800]
309
315
  }
310
316
  };
311
317
  var themeColorsDark = {
312
318
  ...base.dark,
313
319
  default: {
314
320
  ...swapColorValues(commonColors.shipgray),
321
+ 50: commonColors.shipgray[800],
322
+ 100: commonColors.shipgray[700],
323
+ 200: commonColors.shipgray[600],
324
+ 300: commonColors.shipgray[500],
325
+ 400: commonColors.shipgray[400],
326
+ 500: commonColors.shipgray[300],
327
+ 600: commonColors.shipgray[200],
328
+ 700: commonColors.shipgray[100],
329
+ 800: commonColors.shipgray[50],
330
+ 900: commonColors.white,
315
331
  foreground: commonColors.white,
316
332
  flat: commonColors.shipgray[600],
317
- DEFAULT: commonColors.shipgray[700]
333
+ DEFAULT: commonColors.shipgray[600]
318
334
  },
319
335
  primary: {
320
336
  ...swapColorValues(commonColors.blue),
@@ -345,6 +361,12 @@ var themeColorsDark = {
345
361
  foreground: commonColors.white,
346
362
  flat: commonColors.red[500],
347
363
  DEFAULT: commonColors.red[500]
364
+ },
365
+ link: {
366
+ DEFAULT: commonColors.blue[300]
367
+ },
368
+ brand: {
369
+ DEFAULT: commonColors.white
348
370
  }
349
371
  };
350
372
  var semanticColors = {
package/dist/ui/theme/index.mjs CHANGED
@@ -6,21 +6,21 @@ import {
6
6
  } from "../../chunk-NBFOX367.mjs";
7
7
  import {
8
8
  theme
9
- } from "../../chunk-2ASQXBDD.mjs";
9
+ } from "../../chunk-RPIOTLYT.mjs";
10
10
  import "../../chunk-JWMPI5AZ.mjs";
11
- import "../../chunk-QCLLPJMB.mjs";
12
- import "../../chunk-2CEZXLZR.mjs";
11
+ import "../../chunk-BBUPZCY6.mjs";
13
12
  import "../../chunk-EJQH6CYW.mjs";
14
- import "../../chunk-IXPMUODA.mjs";
13
+ import "../../chunk-YZB4VBX7.mjs";
14
+ import "../../chunk-5WDV3PDI.mjs";
15
+ import "../../chunk-HOVAPYGJ.mjs";
15
16
  import "../../chunk-3LOCA2SP.mjs";
17
+ import "../../chunk-LUERGYYZ.mjs";
16
18
  import "../../chunk-YBQFG6QJ.mjs";
17
19
  import "../../chunk-XKX5LFH7.mjs";
18
20
  import "../../chunk-SLB2JE3N.mjs";
19
21
  import "../../chunk-XYQVL4EX.mjs";
20
- import "../../chunk-HOVAPYGJ.mjs";
21
22
  import "../../chunk-2OPPNAW2.mjs";
22
23
  import "../../chunk-OW6U64MG.mjs";
23
- import "../../chunk-LUERGYYZ.mjs";
24
24
  import "../../chunk-VIPLRFPR.mjs";
25
25
  export {
26
26
  breakpoints,
package/dist/ui/theme/theme.js CHANGED
@@ -262,7 +262,7 @@ var themeColorsLight = {
262
262
  ...commonColors.shipgray,
263
263
  foreground: commonColors.black,
264
264
  flat: commonColors.shipgray[300],
265
- DEFAULT: commonColors.shipgray[100]
265
+ DEFAULT: commonColors.shipgray[200]
266
266
  },
267
267
  primary: {
268
268
  ...commonColors.blue,
@@ -293,15 +293,31 @@ var themeColorsLight = {
293
293
  foreground: commonColors.white,
294
294
  flat: commonColors.red[500],
295
295
  DEFAULT: commonColors.red[400]
296
+ },
297
+ link: {
298
+ DEFAULT: commonColors.blue[500]
299
+ },
300
+ brand: {
301
+ DEFAULT: commonColors.blue[800]
296
302
  }
297
303
  };
298
304
  var themeColorsDark = {
299
305
  ...base.dark,
300
306
  default: {
301
307
  ...swapColorValues(commonColors.shipgray),
308
+ 50: commonColors.shipgray[800],
309
+ 100: commonColors.shipgray[700],
310
+ 200: commonColors.shipgray[600],
311
+ 300: commonColors.shipgray[500],
312
+ 400: commonColors.shipgray[400],
313
+ 500: commonColors.shipgray[300],
314
+ 600: commonColors.shipgray[200],
315
+ 700: commonColors.shipgray[100],
316
+ 800: commonColors.shipgray[50],
317
+ 900: commonColors.white,
302
318
  foreground: commonColors.white,
303
319
  flat: commonColors.shipgray[600],
304
- DEFAULT: commonColors.shipgray[700]
320
+ DEFAULT: commonColors.shipgray[600]
305
321
  },
306
322
  primary: {
307
323
  ...swapColorValues(commonColors.blue),
@@ -332,6 +348,12 @@ var themeColorsDark = {
332
348
  foreground: commonColors.white,
333
349
  flat: commonColors.red[500],
334
350
  DEFAULT: commonColors.red[500]
351
+ },
352
+ link: {
353
+ DEFAULT: commonColors.blue[300]
354
+ },
355
+ brand: {
356
+ DEFAULT: commonColors.white
335
357
  }
336
358
  };
337
359
  var semanticColors = {
package/dist/ui/theme/theme.mjs CHANGED
@@ -1,21 +1,21 @@
1
1
  "use client";
2
2
  import {
3
3
  theme
4
- } from "../../chunk-2ASQXBDD.mjs";
4
+ } from "../../chunk-RPIOTLYT.mjs";
5
5
  import "../../chunk-JWMPI5AZ.mjs";
6
- import "../../chunk-QCLLPJMB.mjs";
7
- import "../../chunk-2CEZXLZR.mjs";
6
+ import "../../chunk-BBUPZCY6.mjs";
8
7
  import "../../chunk-EJQH6CYW.mjs";
9
- import "../../chunk-IXPMUODA.mjs";
8
+ import "../../chunk-YZB4VBX7.mjs";
9
+ import "../../chunk-5WDV3PDI.mjs";
10
+ import "../../chunk-HOVAPYGJ.mjs";
10
11
  import "../../chunk-3LOCA2SP.mjs";
12
+ import "../../chunk-LUERGYYZ.mjs";
11
13
  import "../../chunk-YBQFG6QJ.mjs";
12
14
  import "../../chunk-XKX5LFH7.mjs";
13
15
  import "../../chunk-SLB2JE3N.mjs";
14
16
  import "../../chunk-XYQVL4EX.mjs";
15
- import "../../chunk-HOVAPYGJ.mjs";
16
17
  import "../../chunk-2OPPNAW2.mjs";
17
18
  import "../../chunk-OW6U64MG.mjs";
18
- import "../../chunk-LUERGYYZ.mjs";
19
19
  import "../../chunk-VIPLRFPR.mjs";
20
20
  export {
21
21
  theme
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teach-in/react",
3
- "version": "1.2.0",
3
+ "version": "1.4.0",
4
4
  "description": "Библиотека компонентов для создания современного пользовательского интерфейса для react",
5
5
  "keywords": [
6
6
  "ui"
package/dist/{chunk-IXPMUODA.mjs → chunk-5WDV3PDI.mjs} RENAMED
@@ -1,7 +1,13 @@
1
1
  "use client";
2
+ import {
3
+ yellow
4
+ } from "./chunk-HOVAPYGJ.mjs";
2
5
  import {
3
6
  zinc
4
7
  } from "./chunk-3LOCA2SP.mjs";
8
+ import {
9
+ green
10
+ } from "./chunk-LUERGYYZ.mjs";
5
11
  import {
6
12
  pink
7
13
  } from "./chunk-YBQFG6QJ.mjs";
@@ -14,18 +20,12 @@ import {
14
20
  import {
15
21
  shipgray
16
22
  } from "./chunk-XYQVL4EX.mjs";
17
- import {
18
- yellow
19
- } from "./chunk-HOVAPYGJ.mjs";
20
23
  import {
21
24
  blue
22
25
  } from "./chunk-2OPPNAW2.mjs";
23
26
  import {
24
27
  cyan
25
28
  } from "./chunk-OW6U64MG.mjs";
26
- import {
27
- green
28
- } from "./chunk-LUERGYYZ.mjs";
29
29
 
30
30
  // src/ui/theme/colors/common.ts
31
31
  var commonColors = {