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