@breadstone/mosaik-themes 0.0.175 → 0.0.176

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 (19) hide show
  1. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +1 -1
  2. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js +7 -9
  3. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map +1 -1
  4. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +1 -1
  5. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js +17 -19
  6. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js.map +1 -1
  7. package/package.json +3 -3
  8. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +90 -64
  9. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +47 -226
  10. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +28 -22
  11. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +341 -516
  12. package/tailwind/v3/mosaik-material.tailwind.config.cjs +20 -14
  13. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +287 -402
  14. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +90 -64
  15. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +47 -226
  16. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +28 -22
  17. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +341 -516
  18. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +20 -14
  19. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +287 -402
package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs CHANGED
@@ -1,245 +1,66 @@
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
+
1
9
  module.exports = {
2
10
  "theme": {
3
11
  "extend": {
4
12
  "fontFamily": {
5
- "font.family": "'Noto Sans', sans-serif",
6
- "typography.heading.fontFamily": "'Noto Sans', sans-serif",
7
- "typography.content.fontFamily": "'Noto Sans', sans-serif",
8
- "typography.button.fontFamily": "'Noto Sans', sans-serif"
13
+ "sans": "'Noto Sans', sans-serif",
14
+ "heading": "'Noto Sans', sans-serif",
15
+ "content": "'Noto Sans', sans-serif",
16
+ "button": "'Noto Sans', sans-serif"
9
17
  },
10
18
  "spacing": {
11
- "layout.radius": "3px",
12
- "layout.space": "8px",
13
- "layout.thickness": "1px",
14
- "typography.heading.lineHeight": "28px",
15
- "typography.content.lineHeight": "20px",
16
- "typography.button.lineHeight": "20px",
17
- "elevation.light.light.offsetX.0": "0px",
18
- "elevation.light.light.offsetX.1": "0px",
19
- "elevation.light.light.offsetY.0": "0px",
20
- "elevation.light.light.offsetY.1": "1px",
21
- "elevation.light.light.blur.0": "2px",
22
- "elevation.light.light.blur.1": "2px",
23
- "elevation.light.light.spread.0": "0px",
24
- "elevation.light.light.spread.1": "0px",
25
- "elevation.light.semilight.offsetX.0": "0px",
26
- "elevation.light.semilight.offsetX.1": "0px",
27
- "elevation.light.semilight.offsetY.0": "0px",
28
- "elevation.light.semilight.offsetY.1": "2px",
29
- "elevation.light.semilight.blur.0": "2px",
30
- "elevation.light.semilight.blur.1": "4px",
31
- "elevation.light.semilight.spread.0": "0px",
32
- "elevation.light.semilight.spread.1": "0px",
33
- "elevation.light.regular.offsetX.0": "0px",
34
- "elevation.light.regular.offsetX.1": "0px",
35
- "elevation.light.regular.offsetY.0": "0px",
36
- "elevation.light.regular.offsetY.1": "4px",
37
- "elevation.light.regular.blur.0": "2px",
38
- "elevation.light.regular.blur.1": "8px",
39
- "elevation.light.regular.spread.0": "0px",
40
- "elevation.light.regular.spread.1": "0px",
41
- "elevation.light.semibold.offsetX.0": "0px",
42
- "elevation.light.semibold.offsetX.1": "0px",
43
- "elevation.light.semibold.offsetY.0": "0px",
44
- "elevation.light.semibold.offsetY.1": "8px",
45
- "elevation.light.semibold.blur.0": "2px",
46
- "elevation.light.semibold.blur.1": "16px",
47
- "elevation.light.semibold.spread.0": "0px",
48
- "elevation.light.semibold.spread.1": "0px",
49
- "elevation.light.bold.offsetX.0": "0px",
50
- "elevation.light.bold.offsetX.1": "0px",
51
- "elevation.light.bold.offsetY.0": "0px",
52
- "elevation.light.bold.offsetY.1": "14px",
53
- "elevation.light.bold.blur.0": "8px",
54
- "elevation.light.bold.blur.1": "28px",
55
- "elevation.light.bold.spread.0": "0px",
56
- "elevation.light.bold.spread.1": "0px",
57
- "elevation.light.extrabold.offsetX.0": "0px",
58
- "elevation.light.extrabold.offsetX.1": "0px",
59
- "elevation.light.extrabold.offsetY.0": "0px",
60
- "elevation.light.extrabold.offsetY.1": "32px",
61
- "elevation.light.extrabold.blur.0": "8px",
62
- "elevation.light.extrabold.blur.1": "64px",
63
- "elevation.light.extrabold.spread.0": "0px",
64
- "elevation.light.extrabold.spread.1": "0px",
65
- "elevation.dark.light.offsetX.0": "0px",
66
- "elevation.dark.light.offsetX.1": "0px",
67
- "elevation.dark.light.offsetY.0": "0px",
68
- "elevation.dark.light.offsetY.1": "1px",
69
- "elevation.dark.light.blur.0": "2px",
70
- "elevation.dark.light.blur.1": "2px",
71
- "elevation.dark.light.spread.0": "0px",
72
- "elevation.dark.light.spread.1": "0px",
73
- "elevation.dark.semilight.offsetX.0": "0px",
74
- "elevation.dark.semilight.offsetX.1": "0px",
75
- "elevation.dark.semilight.offsetY.0": "0px",
76
- "elevation.dark.semilight.offsetY.1": "2px",
77
- "elevation.dark.semilight.blur.0": "2px",
78
- "elevation.dark.semilight.blur.1": "4px",
79
- "elevation.dark.semilight.spread.0": "0px",
80
- "elevation.dark.semilight.spread.1": "0px",
81
- "elevation.dark.regular.offsetX.0": "0px",
82
- "elevation.dark.regular.offsetX.1": "0px",
83
- "elevation.dark.regular.offsetY.0": "0px",
84
- "elevation.dark.regular.offsetY.1": "4px",
85
- "elevation.dark.regular.blur.0": "2px",
86
- "elevation.dark.regular.blur.1": "8px",
87
- "elevation.dark.regular.spread.0": "0px",
88
- "elevation.dark.regular.spread.1": "0px",
89
- "elevation.dark.semibold.offsetX.0": "0px",
90
- "elevation.dark.semibold.offsetX.1": "0px",
91
- "elevation.dark.semibold.offsetY.0": "0px",
92
- "elevation.dark.semibold.offsetY.1": "8px",
93
- "elevation.dark.semibold.blur.0": "2px",
94
- "elevation.dark.semibold.blur.1": "16px",
95
- "elevation.dark.semibold.spread.0": "0px",
96
- "elevation.dark.semibold.spread.1": "0px",
97
- "elevation.dark.bold.offsetX.0": "0px",
98
- "elevation.dark.bold.offsetX.1": "0px",
99
- "elevation.dark.bold.offsetY.0": "0px",
100
- "elevation.dark.bold.offsetY.1": "14px",
101
- "elevation.dark.bold.blur.0": "8px",
102
- "elevation.dark.bold.blur.1": "28px",
103
- "elevation.dark.bold.spread.0": "0px",
104
- "elevation.dark.bold.spread.1": "0px",
105
- "elevation.dark.extrabold.offsetX.0": "0px",
106
- "elevation.dark.extrabold.offsetX.1": "0px",
107
- "elevation.dark.extrabold.offsetY.0": "0px",
108
- "elevation.dark.extrabold.offsetY.1": "32px",
109
- "elevation.dark.extrabold.blur.0": "8px",
110
- "elevation.dark.extrabold.blur.1": "64px",
111
- "elevation.dark.extrabold.spread.0": "0px",
112
- "elevation.dark.extrabold.spread.1": "0px",
113
- "size.tiny": "2px",
114
- "size.small": "4px",
115
- "size.medium": "8px",
116
- "size.large": "16px",
117
- "size.giant": "32px"
19
+ "radius": "3px",
20
+ "space": "8px",
21
+ "thickness": "1px",
22
+ "size-tiny": "2px",
23
+ "size-small": "4px",
24
+ "size-medium": "8px",
25
+ "size-large": "16px",
26
+ "size-giant": "32px"
118
27
  },
119
28
  "colors": {
120
- "color": {
121
- "light": {
122
- "primary": {
123
- "0": "#ffffff",
124
- "100": "#fed7ea",
125
- "500": "#dc1884"
126
- }
127
- },
128
- "dark": {
129
- "primary": {
130
- "0": "#000000",
131
- "100": "#4b0225",
132
- "500": "#dc1884"
133
- }
134
- }
29
+ "primary": {
30
+ "0": "#ffffff",
31
+ "100": "#fed7ea",
32
+ "500": "#dc1884"
135
33
  },
136
- "elevation": {
137
- "light": {
138
- "light": {
139
- "color": {
140
- "0": "rgba(0, 0, 0, 0.12)",
141
- "1": "rgba(0, 0, 0, 0.14)"
142
- }
143
- },
144
- "semilight": {
145
- "color": {
146
- "0": "rgba(0, 0, 0, 0.12)",
147
- "1": "rgba(0, 0, 0, 0.14)"
148
- }
149
- },
150
- "regular": {
151
- "color": {
152
- "0": "rgba(0, 0, 0, 0.12)",
153
- "1": "rgba(0, 0, 0, 0.14)"
154
- }
155
- },
156
- "semibold": {
157
- "color": {
158
- "0": "rgba(0, 0, 0, 0.12)",
159
- "1": "rgba(0, 0, 0, 0.14)"
160
- }
161
- },
162
- "bold": {
163
- "color": {
164
- "0": "rgba(0, 0, 0, 0.12)",
165
- "1": "rgba(0, 0, 0, 0.14)"
166
- }
167
- },
168
- "extrabold": {
169
- "color": {
170
- "0": "rgba(0, 0, 0, 0.12)",
171
- "1": "rgba(0, 0, 0, 0.14)"
172
- }
173
- }
174
- },
175
- "dark": {
176
- "light": {
177
- "color": {
178
- "0": "rgba(0, 0, 0, 0.24)",
179
- "1": "rgba(0, 0, 0, 0.28)"
180
- }
181
- },
182
- "semilight": {
183
- "color": {
184
- "0": "rgba(0, 0, 0, 0.24)",
185
- "1": "rgba(0, 0, 0, 0.28)"
186
- }
187
- },
188
- "regular": {
189
- "color": {
190
- "0": "rgba(0, 0, 0, 0.24)",
191
- "1": "rgba(0, 0, 0, 0.28)"
192
- }
193
- },
194
- "semibold": {
195
- "color": {
196
- "0": "rgba(0, 0, 0, 0.24)",
197
- "1": "rgba(0, 0, 0, 0.28)"
198
- }
199
- },
200
- "bold": {
201
- "color": {
202
- "0": "rgba(0, 0, 0, 0.24)",
203
- "1": "rgba(0, 0, 0, 0.28)"
204
- }
205
- },
206
- "extrabold": {
207
- "color": {
208
- "0": "rgba(0, 0, 0, 0.24)",
209
- "1": "rgba(0, 0, 0, 0.28)"
210
- }
211
- }
212
- }
34
+ "primary-dark": {
35
+ "0": "#000000",
36
+ "100": "#4b0225",
37
+ "500": "#dc1884"
213
38
  }
214
39
  },
215
40
  "fontSize": {
216
- "typography.heading.fontSize": "24px",
217
- "typography.content.fontSize": "16px",
218
- "typography.button.fontSize": "16px"
41
+ "heading": "24px",
42
+ "content": "16px",
43
+ "button": "16px"
219
44
  },
220
- "letterSpacing": {
221
- "typography.heading.letterSpacing": "-0.25px",
222
- "typography.content.letterSpacing": "-0.25px",
223
- "typography.button.letterSpacing": "-0.25px"
45
+ "lineHeight": {
46
+ "heading": "28px",
47
+ "content": "20px",
48
+ "button": "20px"
49
+ },
50
+ "fontWeight": {
51
+ "heading": "300",
52
+ "content": "300",
53
+ "button": "700"
224
54
  },
225
- "boxShadow": {
226
- "elevation-light-light-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)",
227
- "elevation-light-semilight-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)",
228
- "elevation-light-regular-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)",
229
- "elevation-light-semibold-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)",
230
- "elevation-light-bold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)",
231
- "elevation-light-extrabold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)",
232
- "elevation-dark-light-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)",
233
- "elevation-dark-semilight-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)",
234
- "elevation-dark-regular-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)",
235
- "elevation-dark-semibold-_": "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)",
236
- "elevation-dark-bold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)",
237
- "elevation-dark-extrabold-_": "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)"
55
+ "letterSpacing": {
56
+ "heading": "-0.25px",
57
+ "content": "-0.25px",
58
+ "button": "-0.25px"
238
59
  },
239
60
  "transitionDuration": {
240
- "duration.short": "200ms",
241
- "duration.medium": "400ms",
242
- "duration.long": "600ms"
61
+ "short": "200ms",
62
+ "medium": "400ms",
63
+ "long": "600ms"
243
64
  }
244
65
  }
245
66
  }
package/tailwind/v3/mosaik-fluent.tailwind.config.cjs CHANGED
@@ -1,37 +1,43 @@
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
+
1
9
  module.exports = {
2
10
  "theme": {
3
11
  "extend": {
4
12
  "fontFamily": {
5
- "font.family": "'Inter', Roboto, Helvetica, sans-serif"
13
+ "DEFAULT": "'Inter', Roboto, Helvetica, sans-serif"
6
14
  },
7
15
  "spacing": {
8
- "layout.radius": "12px",
9
- "layout.space": "8px",
10
- "layout.thickness": "2px",
11
- "size.tiny": "2px",
12
- "size.small": "4px",
13
- "size.medium": "8px",
14
- "size.large": "16px",
15
- "size.giant": "32px"
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"
16
24
  },
17
25
  "colors": {
18
26
  "color": {
19
- "light": {
20
- "primary": "#0078D4",
21
- "secondary": "#005A9E",
22
- "tertiary": "#003E6B"
23
- }
27
+ "light-primary": "#0078D4",
28
+ "light-secondary": "#005A9E",
29
+ "light-tertiary": "#003E6B"
24
30
  }
25
31
  },
26
32
  "transitionDuration": {
27
- "duration.durationUltraFast": "50ms",
28
- "duration.durationFaster": "100ms",
29
- "duration.durationFast": "150ms",
30
- "duration.durationNormal": "200ms",
31
- "duration.durationGentle": "250ms",
32
- "duration.durationSlow": "300ms",
33
- "duration.durationSlower": "400ms",
34
- "duration.durationUltraSlow": "500ms"
33
+ "durationUltraFast": "50ms",
34
+ "durationFaster": "100ms",
35
+ "durationFast": "150ms",
36
+ "durationNormal": "200ms",
37
+ "durationGentle": "250ms",
38
+ "durationSlow": "300ms",
39
+ "durationSlower": "400ms",
40
+ "durationUltraSlow": "500ms"
35
41
  }
36
42
  }
37
43
  }