@breadstone/mosaik-themes 0.0.176 → 0.0.178

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 (43) hide show
  1. package/Index.d.ts +1 -1
  2. package/Index.d.ts.map +1 -1
  3. package/Themes/___cosmopolitan-tokens.css +9 -9
  4. package/Themes/cosmopolitan-tokens.scss +9 -9
  5. package/Themes/cosmopolitan.scss +9 -9
  6. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts +1 -1
  7. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  8. package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts +1 -1
  9. package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts.map +1 -1
  10. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts +1 -1
  11. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  12. package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts +1 -1
  13. package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts.map +1 -1
  14. package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts +48 -0
  15. package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts.map +1 -0
  16. package/Theming/Strategies/TailwindThemeGeneratorStrategy.js +69 -0
  17. package/Theming/Strategies/TailwindThemeGeneratorStrategy.js.map +1 -0
  18. package/Theming/Strategies/index.d.ts +2 -1
  19. package/Theming/Strategies/index.d.ts.map +1 -1
  20. package/Theming/Strategies/index.js +1 -0
  21. package/Theming/Strategies/index.js.map +1 -1
  22. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts +27 -0
  23. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts.map +1 -0
  24. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js +3 -0
  25. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js.map +1 -0
  26. package/Theming/Tokens/CosmopolitanTokens.d.ts +9 -9
  27. package/Theming/Tokens/CosmopolitanTokens.d.ts.map +1 -1
  28. package/Theming/Tokens/CosmopolitanTokens.js +9 -9
  29. package/Theming/Tokens/CosmopolitanTokens.js.map +1 -1
  30. package/package.json +20 -20
  31. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +21 -31
  32. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +93 -34
  33. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +29 -27
  34. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +115 -81
  35. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +29 -27
  36. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +87 -56
  37. package/tailwind/v3/{mosaik-bootstrap.tailwind.config.cjs → presets/mosaik-bootstrap.tailwind.presets.cjs} +10 -16
  38. package/tailwind/v3/presets/mosaik-cosmopolitan.tailwind.presets.cjs +130 -0
  39. package/tailwind/v3/{mosaik-fluent.tailwind.config.cjs → presets/mosaik-fluent.tailwind.presets.cjs} +18 -12
  40. package/tailwind/v3/{mosaik-joy.tailwind.config.cjs → presets/mosaik-joy.tailwind.presets.cjs} +104 -66
  41. package/tailwind/v3/{mosaik-material.tailwind.config.cjs → presets/mosaik-material.tailwind.presets.cjs} +18 -12
  42. package/tailwind/v3/{mosaik-memphis.tailwind.config.cjs → presets/mosaik-memphis.tailwind.presets.cjs} +76 -41
  43. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +0 -67
package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs CHANGED
@@ -8,40 +8,42 @@
8
8
 
9
9
  const plugin = require('tailwindcss/plugin');
10
10
 
11
- module.exports = {
12
- theme: {
11
+ module.exports = plugin(function({ addUtilities, theme, e }) {
12
+ // Optional: Add custom utilities here
13
+ // Example: Custom shadow utilities
14
+ // const shadows = theme('boxShadow') || {};
15
+ // const shadowUtils = Object.entries(shadows).reduce((acc, [key, value]) => {
16
+ // acc['.' + e('shadow-' + key)] = { boxShadow: value };
17
+ // return acc;
18
+ // }, {});
19
+ // addUtilities(shadowUtils);
20
+ }, {
13
21
  "extend": {
14
22
  "fontFamily": {
15
23
  "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
16
24
  },
25
+ "borderRadius": {
26
+ "DEFAULT": "12px"
27
+ },
17
28
  "spacing": {
18
- "layout-radius": "12px",
19
- "layout-space": "8px",
20
- "layout-thickness": "2px",
21
- "size-tiny": "2px",
22
- "size-small": "4px",
23
- "size-medium": "8px",
24
- "size-large": "16px",
25
- "size-giant": "32px"
29
+ "DEFAULT": "8px"
30
+ },
31
+ "borderWidth": {
32
+ "DEFAULT": "2px"
26
33
  },
27
34
  "colors": {
28
- "color": {
29
- "light-primary": "oklch(48.14% 0.2784 286.55)",
30
- "light-secondary": "oklch(37.32% 0.2273 279.07)",
31
- "light-tertiary": "oklch(79.79% 0.1416 183.25)"
35
+ "primary": {
36
+ "DEFAULT": "oklch(48.14% 0.2784 286.55)"
37
+ },
38
+ "secondary": {
39
+ "DEFAULT": "oklch(37.32% 0.2273 279.07)"
40
+ },
41
+ "tertiary": {
42
+ "DEFAULT": "oklch(79.79% 0.1416 183.25)"
32
43
  }
44
+ },
45
+ "boxShadow": {
46
+ "DEFAULT": "none"
33
47
  }
34
48
  }
35
- },
36
- plugins: [
37
- plugin(function({ addUtilities, theme, e }) {
38
- const shadows = theme('boxShadow') || {};
39
- const utils = Object.entries(shadows).reduce((acc, [key, value]) => {
40
- acc['.' + e('shadow-' + key)] = { boxShadow: value };
41
- return acc;
42
- }, {});
43
- addUtilities(utils, ['responsive', 'hover', 'focus']);
44
- // You can extend with more utilities here (spacing, radii, etc.)
45
- })
46
- ]
47
- };
49
+ });
package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs CHANGED
@@ -8,8 +8,16 @@
8
8
 
9
9
  const plugin = require('tailwindcss/plugin');
10
10
 
11
- module.exports = {
12
- theme: {
11
+ module.exports = plugin(function({ addUtilities, theme, e }) {
12
+ // Optional: Add custom utilities here
13
+ // Example: Custom shadow utilities
14
+ // const shadows = theme('boxShadow') || {};
15
+ // const shadowUtils = Object.entries(shadows).reduce((acc, [key, value]) => {
16
+ // acc['.' + e('shadow-' + key)] = { boxShadow: value };
17
+ // return acc;
18
+ // }, {});
19
+ // addUtilities(shadowUtils);
20
+ }, {
13
21
  "extend": {
14
22
  "fontFamily": {
15
23
  "sans": "Nunito, sans-serif",
@@ -27,35 +35,70 @@ module.exports = {
27
35
  "button": "Nunito, sans-serif",
28
36
  "overline": "Nunito, sans-serif"
29
37
  },
38
+ "borderRadius": {
39
+ "DEFAULT": "0px"
40
+ },
30
41
  "spacing": {
31
- "radius": "0px",
32
- "space": "10px",
33
- "thickness": "3px",
34
- "size-tiny": "2px",
35
- "size-small": "4px",
36
- "size-medium": "8px",
37
- "size-large": "16px",
38
- "size-giant": "32px"
42
+ "DEFAULT": "10px"
43
+ },
44
+ "borderWidth": {
45
+ "DEFAULT": "3px"
39
46
  },
40
47
  "colors": {
41
- "background": "oklch(93.70% 0.0000 NaN)",
42
- "foreground": "oklch(38.62% 0.0207 251.11)",
43
- "highlight": "oklch(86.07% 0.0000 NaN)",
44
- "middlelight": "oklch(63.34% 0.0000 NaN)",
45
- "lowlight": "oklch(47.48% 0.0000 NaN)",
46
- "transparent": "oklch(100.00% 0.0000 NaN / 0.00)",
47
- "semiTransparent": "oklch(100.00% 0.0000 NaN / 0.67)",
48
- "disabled": "oklch(51.73% 0.0000 NaN)",
49
- "contrast": "oklch(32.11% 0.0000 NaN)",
50
- "background-dark": "oklch(19.57% 0.0000 NaN)",
51
- "foreground-dark": "oklch(79.35% 0.0173 70.48)",
52
- "highlight-dark": "oklch(30.12% 0.0000 NaN)",
53
- "middlelight-dark": "oklch(56.24% 0.0000 NaN)",
54
- "lowlight-dark": "oklch(71.55% 0.0000 NaN)",
55
- "transparent-dark": "oklch(100.00% 0.0000 NaN / 0.00)",
56
- "semiTransparent-dark": "oklch(0.00% 0.0000 NaN / 0.67)",
57
- "disabled-dark": "oklch(39.79% 0.0000 NaN)",
58
- "contrast-dark": "oklch(100.00% 0.0000 NaN)",
48
+ "scheme-background": {
49
+ "DEFAULT": "oklch(93.70% 0.0000 NaN)"
50
+ },
51
+ "scheme-foreground": {
52
+ "DEFAULT": "oklch(38.62% 0.0207 251.11)"
53
+ },
54
+ "scheme-highlight": {
55
+ "DEFAULT": "oklch(86.07% 0.0000 NaN)"
56
+ },
57
+ "scheme-middlelight": {
58
+ "DEFAULT": "oklch(63.34% 0.0000 NaN)"
59
+ },
60
+ "scheme-lowlight": {
61
+ "DEFAULT": "oklch(47.48% 0.0000 NaN)"
62
+ },
63
+ "scheme-transparent": {
64
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
65
+ },
66
+ "scheme-semiTransparent": {
67
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.67)"
68
+ },
69
+ "scheme-disabled": {
70
+ "DEFAULT": "oklch(51.73% 0.0000 NaN)"
71
+ },
72
+ "scheme-contrast": {
73
+ "DEFAULT": "oklch(32.11% 0.0000 NaN)"
74
+ },
75
+ "scheme-background-dark": {
76
+ "DEFAULT": "oklch(19.57% 0.0000 NaN)"
77
+ },
78
+ "scheme-foreground-dark": {
79
+ "DEFAULT": "oklch(79.35% 0.0173 70.48)"
80
+ },
81
+ "scheme-highlight-dark": {
82
+ "DEFAULT": "oklch(30.12% 0.0000 NaN)"
83
+ },
84
+ "scheme-middlelight-dark": {
85
+ "DEFAULT": "oklch(56.24% 0.0000 NaN)"
86
+ },
87
+ "scheme-lowlight-dark": {
88
+ "DEFAULT": "oklch(71.55% 0.0000 NaN)"
89
+ },
90
+ "scheme-transparent-dark": {
91
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
92
+ },
93
+ "scheme-semiTransparent-dark": {
94
+ "DEFAULT": "oklch(0.00% 0.0000 NaN / 0.67)"
95
+ },
96
+ "scheme-disabled-dark": {
97
+ "DEFAULT": "oklch(39.79% 0.0000 NaN)"
98
+ },
99
+ "scheme-contrast-dark": {
100
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
101
+ },
59
102
  "primary": {
60
103
  "0": "oklch(100.00% 0.0000 NaN)",
61
104
  "50": "oklch(98.21% 0.0000 NaN)",
@@ -239,21 +282,6 @@ module.exports = {
239
282
  "900": "oklch(98.21% 0.0000 NaN)"
240
283
  }
241
284
  },
242
- "fontSize": {
243
- "headline1": "96px",
244
- "headline2'": "60px",
245
- "headline3": "48px",
246
- "headline4": "34px",
247
- "headline5": "24px",
248
- "headline6": "20px",
249
- "subtitle1": "16px",
250
- "subtitle2": "14px",
251
- "body1": "16px",
252
- "body2": "14px",
253
- "caption": "12px",
254
- "button": "14px",
255
- "overline": "12px"
256
- },
257
285
  "lineHeight": {
258
286
  "headline1": "100px",
259
287
  "headline2'": "64px",
@@ -299,6 +327,21 @@ module.exports = {
299
327
  "button": "1.4285714285714286px",
300
328
  "overline": "2.6666666666666665px"
301
329
  },
330
+ "boxShadow": {
331
+ "elevation-none": "none",
332
+ "elevation-light-light-_": "2px 2px 0px 0px oklch(32.11% 0.0000 NaN)",
333
+ "elevation-light-semilight-_": "3px 3px 0px 0px oklch(32.11% 0.0000 NaN)",
334
+ "elevation-light-regular-_": "4px 4px 0px 0px oklch(32.11% 0.0000 NaN)",
335
+ "elevation-light-semibold-_": "5px 5px 0px 0px oklch(32.11% 0.0000 NaN)",
336
+ "elevation-light-bold-_": "6px 6px 0px 0px oklch(32.11% 0.0000 NaN)",
337
+ "elevation-light-extrabold-_": "7px 7px 0px 0px oklch(32.11% 0.0000 NaN)",
338
+ "elevation-dark-light-_": "2px 2px 0px 0px oklch(100.00% 0.0000 NaN)",
339
+ "elevation-dark-semilight-_": "3px 3px 0px 0px oklch(100.00% 0.0000 NaN)",
340
+ "elevation-dark-regular-_": "4px 4px 0px 0px oklch(100.00% 0.0000 NaN)",
341
+ "elevation-dark-semibold-_": "5px 5px 0px 0px oklch(100.00% 0.0000 NaN)",
342
+ "elevation-dark-bold-_": "6px 6px 0px 0px oklch(100.00% 0.0000 NaN)",
343
+ "elevation-dark-extrabold-_": "7px 7px 0px 0px oklch(100.00% 0.0000 NaN)"
344
+ },
302
345
  "transitionDuration": {
303
346
  "DEFAULT": "200ms 400ms 600ms",
304
347
  "short": "200ms",
@@ -306,16 +349,4 @@ module.exports = {
306
349
  "long": "600ms"
307
350
  }
308
351
  }
309
- },
310
- plugins: [
311
- plugin(function({ addUtilities, theme, e }) {
312
- const shadows = theme('boxShadow') || {};
313
- const utils = Object.entries(shadows).reduce((acc, [key, value]) => {
314
- acc['.' + e('shadow-' + key)] = { boxShadow: value };
315
- return acc;
316
- }, {});
317
- addUtilities(utils, ['responsive', 'hover', 'focus']);
318
- // You can extend with more utilities here (spacing, radii, etc.)
319
- })
320
- ]
321
- };
352
+ });
package/tailwind/v3/{mosaik-bootstrap.tailwind.config.cjs → presets/mosaik-bootstrap.tailwind.presets.cjs} RENAMED
@@ -12,15 +12,14 @@ module.exports = {
12
12
  "fontFamily": {
13
13
  "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
14
14
  },
15
+ "borderRadius": {
16
+ "DEFAULT": "12px"
17
+ },
15
18
  "spacing": {
16
- "layout-radius": "12px",
17
- "layout-space": "8px",
18
- "layout-thickness": "2px",
19
- "size-tiny": "2px",
20
- "size-small": "4px",
21
- "size-medium": "8px",
22
- "size-large": "16px",
23
- "size-giant": "32px"
19
+ "DEFAULT": "8px"
20
+ },
21
+ "borderWidth": {
22
+ "DEFAULT": "2px"
24
23
  },
25
24
  "colors": {
26
25
  "primary": {
@@ -68,14 +67,6 @@ module.exports = {
68
67
  "900": "#212529"
69
68
  }
70
69
  },
71
- "fontSize": {
72
- "headline1": "80px",
73
- "headline2": "72px",
74
- "headline3": "64px",
75
- "headline4": "56px",
76
- "headline5": "48px",
77
- "headline6": "40px"
78
- },
79
70
  "lineHeight": {
80
71
  "headline1": "1.2",
81
72
  "headline2": "1.2",
@@ -99,6 +90,9 @@ module.exports = {
99
90
  "headline4": "0",
100
91
  "headline5": "0",
101
92
  "headline6": "0"
93
+ },
94
+ "boxShadow": {
95
+ "DEFAULT": "none"
102
96
  }
103
97
  }
104
98
  }
package/tailwind/v3/presets/mosaik-cosmopolitan.tailwind.presets.cjs ADDED
@@ -0,0 +1,130 @@
1
+ // ------------------------------------------------------------------------------
2
+ // <auto-generated>
3
+ // This code was generated by a tool.
4
+ // Changes to this file may cause incorrect behavior and will be lost if
5
+ // the code is regenerated.
6
+ // </auto-generated>
7
+ // ------------------------------------------------------------------------------
8
+
9
+ module.exports = {
10
+ "theme": {
11
+ "extend": {
12
+ "fontFamily": {
13
+ "sans": "'Noto Sans', sans-serif",
14
+ "heading": "'Noto Sans', sans-serif",
15
+ "content": "'Noto Sans', sans-serif",
16
+ "button": "'Noto Sans', sans-serif"
17
+ },
18
+ "borderRadius": {
19
+ "DEFAULT": "3px"
20
+ },
21
+ "spacing": {
22
+ "DEFAULT": "8px"
23
+ },
24
+ "borderWidth": {
25
+ "DEFAULT": "1px"
26
+ },
27
+ "colors": {
28
+ "scheme-contrast": {
29
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
30
+ },
31
+ "scheme-background": {
32
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
33
+ },
34
+ "scheme-foreground": {
35
+ "DEFAULT": "oklch(0.00% 0.0000 NaN)"
36
+ },
37
+ "scheme-highlight": {
38
+ "DEFAULT": "oklch(91.28% 0.0000 NaN)"
39
+ },
40
+ "scheme-middlelight": {
41
+ "DEFAULT": "oklch(56.93% 0.0000 NaN)"
42
+ },
43
+ "scheme-lowlight": {
44
+ "DEFAULT": "oklch(42.02% 0.0000 NaN)"
45
+ },
46
+ "scheme-transparent": {
47
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.00)"
48
+ },
49
+ "scheme-semiTransparent": {
50
+ "DEFAULT": "oklch(100.00% 0.0000 NaN / 0.67)"
51
+ },
52
+ "scheme-disabled": {
53
+ "DEFAULT": "oklch(77.47% 0.0055 67.77)"
54
+ },
55
+ "scheme-contrast-dark": {
56
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
57
+ },
58
+ "scheme-background-dark": {
59
+ "DEFAULT": "oklch(29.82% 0.0014 17.61)"
60
+ },
61
+ "scheme-foreground-dark": {
62
+ "DEFAULT": "oklch(100.00% 0.0000 NaN)"
63
+ },
64
+ "scheme-highlight-dark": {
65
+ "DEFAULT": "oklch(32.11% 0.0000 NaN)"
66
+ },
67
+ "scheme-middlelight-dark": {
68
+ "DEFAULT": "oklch(51.03% 0.0000 NaN)"
69
+ },
70
+ "scheme-lowlight-dark": {
71
+ "DEFAULT": "oklch(68.30% 0.0000 NaN)"
72
+ },
73
+ "scheme-transparent-dark": {
74
+ "DEFAULT": "oklch(20.46% 0.0000 NaN / 0.00)"
75
+ },
76
+ "scheme-semiTransparent-dark": {
77
+ "DEFAULT": "oklch(20.46% 0.0000 NaN / 0.67)"
78
+ },
79
+ "scheme-disabled-dark": {
80
+ "DEFAULT": "oklch(46.58% 0.0062 67.68)"
81
+ },
82
+ "primary": {
83
+ "0": "oklch(100.00% 0.0000 NaN)",
84
+ "100": "oklch(91.74% 0.0497 347.24)",
85
+ "500": "oklch(59.06% 0.2325 355.11)"
86
+ },
87
+ "primary-dark": {
88
+ "0": "oklch(0.00% 0.0000 NaN)",
89
+ "100": "oklch(26.98% 0.1065 359.19)",
90
+ "500": "oklch(59.06% 0.2325 355.11)"
91
+ }
92
+ },
93
+ "lineHeight": {
94
+ "heading": "28px",
95
+ "content": "20px",
96
+ "button": "20px"
97
+ },
98
+ "fontWeight": {
99
+ "heading": "300",
100
+ "content": "300",
101
+ "button": "700"
102
+ },
103
+ "letterSpacing": {
104
+ "heading": "-0.25px",
105
+ "content": "-0.25px",
106
+ "button": "-0.25px"
107
+ },
108
+ "boxShadow": {
109
+ "elevation-none": "none",
110
+ "light": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)",
111
+ "semilight": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
112
+ "regular": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)",
113
+ "semibold": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)",
114
+ "bold": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)",
115
+ "extrabold": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)",
116
+ "light-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)",
117
+ "semilight-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)",
118
+ "regular-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)",
119
+ "semibold-dark": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)",
120
+ "bold-dark": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)",
121
+ "extrabold-dark": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)"
122
+ },
123
+ "transitionDuration": {
124
+ "short": "200ms",
125
+ "medium": "400ms",
126
+ "long": "600ms"
127
+ }
128
+ }
129
+ }
130
+ };
package/tailwind/v3/{mosaik-fluent.tailwind.config.cjs → presets/mosaik-fluent.tailwind.presets.cjs} RENAMED
@@ -12,23 +12,29 @@ module.exports = {
12
12
  "fontFamily": {
13
13
  "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
14
14
  },
15
+ "borderRadius": {
16
+ "DEFAULT": "12px"
17
+ },
15
18
  "spacing": {
16
- "layout-radius": "12px",
17
- "layout-space": "8px",
18
- "layout-thickness": "2px",
19
- "size-tiny": "2px",
20
- "size-small": "4px",
21
- "size-medium": "8px",
22
- "size-large": "16px",
23
- "size-giant": "32px"
19
+ "DEFAULT": "8px"
20
+ },
21
+ "borderWidth": {
22
+ "DEFAULT": "2px"
24
23
  },
25
24
  "colors": {
26
- "color": {
27
- "light-primary": "#0078D4",
28
- "light-secondary": "#005A9E",
29
- "light-tertiary": "#003E6B"
25
+ "primary": {
26
+ "DEFAULT": "#0078D4"
27
+ },
28
+ "secondary": {
29
+ "DEFAULT": "#005A9E"
30
+ },
31
+ "tertiary": {
32
+ "DEFAULT": "#003E6B"
30
33
  }
31
34
  },
35
+ "boxShadow": {
36
+ "DEFAULT": "none"
37
+ },
32
38
  "transitionDuration": {
33
39
  "durationUltraFast": "50ms",
34
40
  "durationFaster": "100ms",