@breadstone/mosaik-themes 0.0.205 → 0.0.206

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 (18) hide show
  1. package/CHANGELOG.md +117 -0
  2. package/package.json +9 -3
  3. package/tailwind/v4/bootstrapTailwindPresets.css +86 -0
  4. package/tailwind/v4/cosmopolitanTailwindPresets.css +85 -0
  5. package/tailwind/v4/fluentTailwindPresets.css +39 -0
  6. package/tailwind/v4/joyTailwindPresets.css +319 -0
  7. package/tailwind/v4/materialTailwindPresets.css +29 -0
  8. package/tailwind/v4/memphisTailwindPresets.css +274 -0
  9. package/index.node.cjs +0 -2710
  10. package/index.node.cjs.map +0 -1
  11. package/index.node.d.mts +0 -468
  12. package/index.node.d.ts +0 -468
  13. package/index.node.js +0 -2695
  14. package/index.node.js.map +0 -1
  15. package/tailwind/v3/plugins/base/c.d.ts +0 -44
  16. package/tailwind/v3/plugins/base/c.d.ts.map +0 -1
  17. package/tailwind/v3/plugins/base/c.js +0 -155
  18. package/tailwind/v3/plugins/base/c.js.map +0 -1
package/tailwind/v4/materialTailwindPresets.css ADDED
@@ -0,0 +1,29 @@
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
+ @theme {
10
+ /* border-width */
11
+ --border-width-layout-thickness: 2px;
12
+
13
+ /* color */
14
+ --color-primary: oklch(48.14% 0.2784 286.55);
15
+ --color-secondary: oklch(37.32% 0.2273 279.07);
16
+ --color-tertiary: oklch(79.79% 0.1416 183.25);
17
+
18
+ /* font-family */
19
+ --font-family-family: 'Inter', Roboto, Helvetica, sans-serif;
20
+
21
+ /* radius */
22
+ --radius-layout-radius: 12px;
23
+
24
+ /* shadow */
25
+ --shadow-none: none;
26
+
27
+ /* spacing */
28
+ --spacing-space: 8px;
29
+ }
package/tailwind/v4/memphisTailwindPresets.css ADDED
@@ -0,0 +1,274 @@
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
+ @theme {
10
+ /* border-width */
11
+ --border-width-layout-thickness: 3px;
12
+
13
+ /* color */
14
+ --color-danger-0: oklch(100.00% 0.0000 NaN);
15
+ --color-danger-0-dark: oklch(0.00% 0.0000 NaN);
16
+ --color-danger-100: oklch(89.30% 0.0454 9.58);
17
+ --color-danger-100-dark: oklch(53.67% 0.1615 25.20);
18
+ --color-danger-200: oklch(77.19% 0.0850 17.37);
19
+ --color-danger-200-dark: oklch(56.68% 0.1705 24.38);
20
+ --color-danger-300: oklch(68.64% 0.1170 19.23);
21
+ --color-danger-300-dark: oklch(60.73% 0.1797 25.28);
22
+ --color-danger-400: oklch(65.26% 0.1653 22.80);
23
+ --color-danger-400-dark: oklch(64.08% 0.1872 26.78);
24
+ --color-danger-50: oklch(95.66% 0.0178 4.63);
25
+ --color-danger-50-dark: oklch(50.01% 0.1579 26.13);
26
+ --color-danger-500: oklch(64.08% 0.1872 26.78);
27
+ --color-danger-500-dark: oklch(65.26% 0.1653 22.80);
28
+ --color-danger-600: oklch(60.73% 0.1797 25.28);
29
+ --color-danger-600-dark: oklch(68.64% 0.1170 19.23);
30
+ --color-danger-700: oklch(56.68% 0.1705 24.38);
31
+ --color-danger-700-dark: oklch(77.19% 0.0850 17.37);
32
+ --color-danger-800: oklch(53.67% 0.1615 25.20);
33
+ --color-danger-800-dark: oklch(89.30% 0.0454 9.58);
34
+ --color-danger-900: oklch(50.01% 0.1579 26.13);
35
+ --color-danger-900-dark: oklch(95.66% 0.0178 4.63);
36
+ --color-info-0: oklch(100.00% 0.0000 NaN);
37
+ --color-info-0-dark: oklch(0.00% 0.0000 NaN);
38
+ --color-info-100: oklch(84.66% 0.0556 281.77);
39
+ --color-info-100-dark: oklch(39.05% 0.1932 268.83);
40
+ --color-info-200: oklch(74.58% 0.0927 278.40);
41
+ --color-info-200-dark: oklch(42.49% 0.1941 269.50);
42
+ --color-info-300: oklch(64.30% 0.1333 276.18);
43
+ --color-info-300-dark: oklch(45.84% 0.1955 270.44);
44
+ --color-info-400: oklch(56.30% 0.1679 273.90);
45
+ --color-info-400-dark: oklch(48.71% 0.1977 270.31);
46
+ --color-info-50: oklch(93.99% 0.0203 279.98);
47
+ --color-info-50-dark: oklch(33.07% 0.1949 265.89);
48
+ --color-info-500: oklch(48.71% 0.1977 270.31);
49
+ --color-info-500-dark: oklch(56.30% 0.1679 273.90);
50
+ --color-info-600: oklch(45.84% 0.1955 270.44);
51
+ --color-info-600-dark: oklch(64.30% 0.1333 276.18);
52
+ --color-info-700: oklch(42.49% 0.1941 269.50);
53
+ --color-info-700-dark: oklch(74.58% 0.0927 278.40);
54
+ --color-info-800: oklch(39.05% 0.1932 268.83);
55
+ --color-info-800-dark: oklch(84.66% 0.0556 281.77);
56
+ --color-info-900: oklch(33.07% 0.1949 265.89);
57
+ --color-info-900-dark: oklch(93.99% 0.0203 279.98);
58
+ --color-neutral-0: oklch(100.00% 0.0000 NaN);
59
+ --color-neutral-0-dark: oklch(0.00% 0.0000 NaN);
60
+ --color-neutral-100: oklch(96.12% 0.0000 NaN);
61
+ --color-neutral-100-dark: oklch(34.85% 0.0000 NaN);
62
+ --color-neutral-200: oklch(93.10% 0.0000 NaN);
63
+ --color-neutral-200-dark: oklch(46.40% 0.0000 NaN);
64
+ --color-neutral-300: oklch(88.22% 0.0000 NaN);
65
+ --color-neutral-300-dark: oklch(53.13% 0.0000 NaN);
66
+ --color-neutral-400: oklch(76.99% 0.0000 NaN);
67
+ --color-neutral-400-dark: oklch(66.65% 0.0000 NaN);
68
+ --color-neutral-50: oklch(98.21% 0.0000 NaN);
69
+ --color-neutral-50-dark: oklch(21.78% 0.0000 NaN);
70
+ --color-neutral-500: oklch(66.65% 0.0000 NaN);
71
+ --color-neutral-500-dark: oklch(76.99% 0.0000 NaN);
72
+ --color-neutral-600: oklch(53.13% 0.0000 NaN);
73
+ --color-neutral-600-dark: oklch(88.22% 0.0000 NaN);
74
+ --color-neutral-700: oklch(46.40% 0.0000 NaN);
75
+ --color-neutral-700-dark: oklch(93.10% 0.0000 NaN);
76
+ --color-neutral-800: oklch(34.85% 0.0000 NaN);
77
+ --color-neutral-800-dark: oklch(96.12% 0.0000 NaN);
78
+ --color-neutral-900: oklch(21.78% 0.0000 NaN);
79
+ --color-neutral-900-dark: oklch(98.21% 0.0000 NaN);
80
+ --color-primary-0: oklch(100.00% 0.0000 NaN);
81
+ --color-primary-0-dark: oklch(0.00% 0.0000 NaN);
82
+ --color-primary-100: oklch(96.12% 0.0000 NaN);
83
+ --color-primary-100-dark: oklch(34.85% 0.0000 NaN);
84
+ --color-primary-200: oklch(93.10% 0.0000 NaN);
85
+ --color-primary-200-dark: oklch(46.40% 0.0000 NaN);
86
+ --color-primary-300: oklch(88.22% 0.0000 NaN);
87
+ --color-primary-300-dark: oklch(53.13% 0.0000 NaN);
88
+ --color-primary-400: oklch(76.99% 0.0000 NaN);
89
+ --color-primary-400-dark: oklch(66.65% 0.0000 NaN);
90
+ --color-primary-50: oklch(98.21% 0.0000 NaN);
91
+ --color-primary-50-dark: oklch(21.78% 0.0000 NaN);
92
+ --color-primary-500: oklch(66.65% 0.0000 NaN);
93
+ --color-primary-500-dark: oklch(76.99% 0.0000 NaN);
94
+ --color-primary-600: oklch(53.13% 0.0000 NaN);
95
+ --color-primary-600-dark: oklch(88.22% 0.0000 NaN);
96
+ --color-primary-700: oklch(46.40% 0.0000 NaN);
97
+ --color-primary-700-dark: oklch(93.10% 0.0000 NaN);
98
+ --color-primary-800: oklch(34.85% 0.0000 NaN);
99
+ --color-primary-800-dark: oklch(96.12% 0.0000 NaN);
100
+ --color-primary-900: oklch(21.78% 0.0000 NaN);
101
+ --color-primary-900-dark: oklch(98.21% 0.0000 NaN);
102
+ --color-scheme-background: oklch(93.70% 0.0000 NaN);
103
+ --color-scheme-background-dark: oklch(19.57% 0.0000 NaN);
104
+ --color-scheme-contrast: oklch(32.11% 0.0000 NaN);
105
+ --color-scheme-contrast-dark: oklch(100.00% 0.0000 NaN);
106
+ --color-scheme-disabled: oklch(51.73% 0.0000 NaN);
107
+ --color-scheme-disabled-dark: oklch(39.79% 0.0000 NaN);
108
+ --color-scheme-foreground: oklch(38.62% 0.0207 251.11);
109
+ --color-scheme-foreground-dark: oklch(79.35% 0.0173 70.48);
110
+ --color-scheme-highlight: oklch(86.07% 0.0000 NaN);
111
+ --color-scheme-highlight-dark: oklch(30.12% 0.0000 NaN);
112
+ --color-scheme-lowlight: oklch(47.48% 0.0000 NaN);
113
+ --color-scheme-lowlight-dark: oklch(71.55% 0.0000 NaN);
114
+ --color-scheme-middlelight: oklch(63.34% 0.0000 NaN);
115
+ --color-scheme-middlelight-dark: oklch(56.24% 0.0000 NaN);
116
+ --color-scheme-semiTransparent: oklch(100.00% 0.0000 NaN / 0.67);
117
+ --color-scheme-semiTransparent-dark: oklch(0.00% 0.0000 NaN / 0.67);
118
+ --color-scheme-transparent: oklch(100.00% 0.0000 NaN / 0.00);
119
+ --color-scheme-transparent-dark: oklch(100.00% 0.0000 NaN / 0.00);
120
+ --color-secondary-0: oklch(100.00% 0.0000 NaN);
121
+ --color-secondary-0-dark: oklch(0.00% 0.0000 NaN);
122
+ --color-secondary-100: oklch(87.34% 0.0468 179.37);
123
+ --color-secondary-100-dark: oklch(47.58% 0.0876 169.17);
124
+ --color-secondary-200: oklch(79.59% 0.0765 177.63);
125
+ --color-secondary-200-dark: oklch(52.55% 0.0957 170.04);
126
+ --color-secondary-300: oklch(72.02% 0.0990 175.79);
127
+ --color-secondary-300-dark: oklch(57.43% 0.1030 171.47);
128
+ --color-secondary-400: oklch(66.49% 0.1076 175.10);
129
+ --color-secondary-400-dark: oklch(61.35% 0.1083 173.03);
130
+ --color-secondary-50: oklch(94.97% 0.0197 181.01);
131
+ --color-secondary-50-dark: oklch(38.51% 0.0745 165.49);
132
+ --color-secondary-500: oklch(61.35% 0.1083 173.03);
133
+ --color-secondary-500-dark: oklch(66.49% 0.1076 175.10);
134
+ --color-secondary-600: oklch(57.43% 0.1030 171.47);
135
+ --color-secondary-600-dark: oklch(72.02% 0.0990 175.79);
136
+ --color-secondary-700: oklch(52.55% 0.0957 170.04);
137
+ --color-secondary-700-dark: oklch(79.59% 0.0765 177.63);
138
+ --color-secondary-800: oklch(47.58% 0.0876 169.17);
139
+ --color-secondary-800-dark: oklch(87.34% 0.0468 179.37);
140
+ --color-secondary-900: oklch(38.51% 0.0745 165.49);
141
+ --color-secondary-900-dark: oklch(94.97% 0.0197 181.01);
142
+ --color-success-0: oklch(100.00% 0.0000 NaN);
143
+ --color-success-0-dark: oklch(0.00% 0.0000 NaN);
144
+ --color-success-100: oklch(87.34% 0.0468 179.37);
145
+ --color-success-100-dark: oklch(47.58% 0.0876 169.17);
146
+ --color-success-200: oklch(79.59% 0.0765 177.63);
147
+ --color-success-200-dark: oklch(52.55% 0.0957 170.04);
148
+ --color-success-300: oklch(72.02% 0.0990 175.79);
149
+ --color-success-300-dark: oklch(57.43% 0.1030 171.47);
150
+ --color-success-400: oklch(66.49% 0.1076 175.10);
151
+ --color-success-400-dark: oklch(61.35% 0.1083 173.03);
152
+ --color-success-50: oklch(94.97% 0.0197 181.01);
153
+ --color-success-50-dark: oklch(38.51% 0.0745 165.49);
154
+ --color-success-500: oklch(61.35% 0.1083 173.03);
155
+ --color-success-500-dark: oklch(66.49% 0.1076 175.10);
156
+ --color-success-600: oklch(57.43% 0.1030 171.47);
157
+ --color-success-600-dark: oklch(72.02% 0.0990 175.79);
158
+ --color-success-700: oklch(52.55% 0.0957 170.04);
159
+ --color-success-700-dark: oklch(79.59% 0.0765 177.63);
160
+ --color-success-800: oklch(47.58% 0.0876 169.17);
161
+ --color-success-800-dark: oklch(87.34% 0.0468 179.37);
162
+ --color-success-900: oklch(38.51% 0.0745 165.49);
163
+ --color-success-900-dark: oklch(94.97% 0.0197 181.01);
164
+ --color-warning-0: oklch(100.00% 0.0000 NaN);
165
+ --color-warning-0-dark: oklch(0.00% 0.0000 NaN);
166
+ --color-warning-100: oklch(96.06% 0.0707 106.78);
167
+ --color-warning-100-dark: oklch(70.25% 0.1489 104.75);
168
+ --color-warning-200: oklch(94.00% 0.1164 108.96);
169
+ --color-warning-200-dark: oklch(76.80% 0.1654 107.77);
170
+ --color-warning-300: oklch(91.71% 0.1543 109.48);
171
+ --color-warning-300-dark: oklch(83.31% 0.1816 109.76);
172
+ --color-warning-400: oklch(89.86% 0.1772 110.18);
173
+ --color-warning-400-dark: oklch(88.33% 0.1942 111.06);
174
+ --color-warning-50: oklch(98.50% 0.0301 106.90);
175
+ --color-warning-50-dark: oklch(58.92% 0.1214 96.61);
176
+ --color-warning-500: oklch(88.33% 0.1942 111.06);
177
+ --color-warning-500-dark: oklch(89.86% 0.1772 110.18);
178
+ --color-warning-600: oklch(83.31% 0.1816 109.76);
179
+ --color-warning-600-dark: oklch(91.71% 0.1543 109.48);
180
+ --color-warning-700: oklch(76.80% 0.1654 107.77);
181
+ --color-warning-700-dark: oklch(94.00% 0.1164 108.96);
182
+ --color-warning-800: oklch(70.25% 0.1489 104.75);
183
+ --color-warning-800-dark: oklch(96.06% 0.0707 106.78);
184
+ --color-warning-900: oklch(58.92% 0.1214 96.61);
185
+ --color-warning-900-dark: oklch(98.50% 0.0301 106.90);
186
+
187
+ /* font-family */
188
+ --font-family-body1: Nunito, sans-serif;
189
+ --font-family-body2: Nunito, sans-serif;
190
+ --font-family-button: Nunito, sans-serif;
191
+ --font-family-caption: Nunito, sans-serif;
192
+ --font-family-family: Nunito, sans-serif;
193
+ --font-family-headline1: Nunito, sans-serif;
194
+ --font-family-headline2: Nunito, sans-serif;
195
+ --font-family-headline3: Nunito, sans-serif;
196
+ --font-family-headline4: Nunito, sans-serif;
197
+ --font-family-headline5: Nunito, sans-serif;
198
+ --font-family-headline6: Nunito, sans-serif;
199
+ --font-family-overline: Nunito, sans-serif;
200
+ --font-family-subtitle1: Nunito, sans-serif;
201
+ --font-family-subtitle2: Nunito, sans-serif;
202
+
203
+ /* font-weight */
204
+ --font-weight-body1: 400;
205
+ --font-weight-body2: 400;
206
+ --font-weight-button: 700;
207
+ --font-weight-caption: 400;
208
+ --font-weight-headline1: 300;
209
+ --font-weight-headline2: 300;
210
+ --font-weight-headline3: 400;
211
+ --font-weight-headline4: 400;
212
+ --font-weight-headline5: 400;
213
+ --font-weight-headline6: 500;
214
+ --font-weight-overline: 500;
215
+ --font-weight-subtitle1: 400;
216
+ --font-weight-subtitle2: 500;
217
+
218
+ /* letter-spacing */
219
+ --letter-spacing-body1: 0.5px;
220
+ --letter-spacing-body2: 0.2857142857142857px;
221
+ --letter-spacing-button: 1.4285714285714286px;
222
+ --letter-spacing-caption: 0.5333333333333333px;
223
+ --letter-spacing-headline1: -0.25px;
224
+ --letter-spacing-headline2: -0.13333333333333333px;
225
+ --letter-spacing-headline3: normal;
226
+ --letter-spacing-headline4: 0.11764705882352941px;
227
+ --letter-spacing-headline5: normal;
228
+ --letter-spacing-headline6: 0.2px;
229
+ --letter-spacing-overline: 2.6666666666666665px;
230
+ --letter-spacing-subtitle1: 0.15px;
231
+ --letter-spacing-subtitle2: 0.1142857142857143px;
232
+
233
+ /* line-height */
234
+ --line-height-body1: 20px;
235
+ --line-height-body2: 18px;
236
+ --line-height-button: 18px;
237
+ --line-height-caption: 16px;
238
+ --line-height-headline1: 100px;
239
+ --line-height-headline2: 64px;
240
+ --line-height-headline3: 52px;
241
+ --line-height-headline4: 38px;
242
+ --line-height-headline5: 28px;
243
+ --line-height-headline6: 24px;
244
+ --line-height-overline: 16px;
245
+ --line-height-subtitle1: 20px;
246
+ --line-height-subtitle2: 18px;
247
+
248
+ /* radius */
249
+ --radius-layout-radius: 0px;
250
+
251
+ /* shadow */
252
+ --shadow-bold: 6px 6px 0px 0px oklch(32.11% 0.0000 NaN);
253
+ --shadow-bold-dark: 6px 6px 0px 0px oklch(100.00% 0.0000 NaN);
254
+ --shadow-extrabold: 7px 7px 0px 0px oklch(32.11% 0.0000 NaN);
255
+ --shadow-extrabold-dark: 7px 7px 0px 0px oklch(100.00% 0.0000 NaN);
256
+ --shadow-light: 2px 2px 0px 0px oklch(32.11% 0.0000 NaN);
257
+ --shadow-light-dark: 2px 2px 0px 0px oklch(100.00% 0.0000 NaN);
258
+ --shadow-none: none;
259
+ --shadow-regular: 4px 4px 0px 0px oklch(32.11% 0.0000 NaN);
260
+ --shadow-regular-dark: 4px 4px 0px 0px oklch(100.00% 0.0000 NaN);
261
+ --shadow-semibold: 5px 5px 0px 0px oklch(32.11% 0.0000 NaN);
262
+ --shadow-semibold-dark: 5px 5px 0px 0px oklch(100.00% 0.0000 NaN);
263
+ --shadow-semilight: 3px 3px 0px 0px oklch(32.11% 0.0000 NaN);
264
+ --shadow-semilight-dark: 3px 3px 0px 0px oklch(100.00% 0.0000 NaN);
265
+
266
+ /* spacing */
267
+ --spacing-space: 10px;
268
+
269
+ /* transition-duration */
270
+ --transition-duration-default: 200ms 400ms 600ms;
271
+ --transition-duration-long: 600ms;
272
+ --transition-duration-medium: 400ms;
273
+ --transition-duration-short: 200ms;
274
+ }