@marwes-ui/presets 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 (58) hide show
  1. package/README.md +19 -9
  2. package/dist/chunk-PWG4S55U.js +131 -0
  3. package/dist/chunk-PWG4S55U.js.map +1 -0
  4. package/dist/firstEdition/index.d.ts +18 -1
  5. package/dist/firstEdition/index.js +1 -1
  6. package/dist/index.d.ts +1 -1
  7. package/dist/index.js +1 -1
  8. package/package.json +3 -3
  9. package/src/firstEdition/accordion.css +25 -12
  10. package/src/firstEdition/avatar.css +32 -14
  11. package/src/firstEdition/badge.css +35 -64
  12. package/src/firstEdition/banner.css +190 -0
  13. package/src/firstEdition/breadcrumb.css +125 -0
  14. package/src/firstEdition/button.css +77 -18
  15. package/src/firstEdition/card.css +28 -24
  16. package/src/firstEdition/checkbox.css +9 -9
  17. package/src/firstEdition/context-menu.css +114 -0
  18. package/src/firstEdition/date-picker.css +6 -9
  19. package/src/firstEdition/dialog.css +17 -10
  20. package/src/firstEdition/drawer.css +258 -0
  21. package/src/firstEdition/index.ts +10 -0
  22. package/src/firstEdition/input-otp.css +16 -8
  23. package/src/firstEdition/input.css +7 -4
  24. package/src/firstEdition/molecules/accordion-field.css +9 -5
  25. package/src/firstEdition/molecules/checkbox-field.css +12 -12
  26. package/src/firstEdition/molecules/checkbox-group-field.css +29 -17
  27. package/src/firstEdition/molecules/date-picker-field.css +28 -0
  28. package/src/firstEdition/molecules/dialog-modal.css +16 -1
  29. package/src/firstEdition/molecules/input-field.css +31 -13
  30. package/src/firstEdition/molecules/input-otp-field.css +26 -0
  31. package/src/firstEdition/molecules/pagination-field.css +23 -0
  32. package/src/firstEdition/molecules/radio-group-field.css +30 -9
  33. package/src/firstEdition/molecules/segmented-control-field.css +23 -0
  34. package/src/firstEdition/molecules/slider-field.css +9 -4
  35. package/src/firstEdition/molecules/switch-field.css +8 -4
  36. package/src/firstEdition/molecules/tab-group.css +15 -2
  37. package/src/firstEdition/pagination.css +180 -0
  38. package/src/firstEdition/personality.css +66 -0
  39. package/src/firstEdition/presets.ts +97 -0
  40. package/src/firstEdition/progress-bar.css +108 -0
  41. package/src/firstEdition/radio.css +10 -5
  42. package/src/firstEdition/rich-text.css +5 -2
  43. package/src/firstEdition/segmented-control.css +133 -0
  44. package/src/firstEdition/select.css +26 -31
  45. package/src/firstEdition/skip-link.css +45 -0
  46. package/src/firstEdition/slider.css +10 -4
  47. package/src/firstEdition/spinner.css +150 -3
  48. package/src/firstEdition/stat-tile.css +54 -21
  49. package/src/firstEdition/styles.css +20 -0
  50. package/src/firstEdition/switch.css +4 -4
  51. package/src/firstEdition/tab.css +10 -10
  52. package/src/firstEdition/textarea.css +9 -6
  53. package/src/firstEdition/toast.css +139 -84
  54. package/src/firstEdition/tokens.css +6 -5
  55. package/src/firstEdition/tooltip.css +5 -5
  56. package/src/firstEdition/typography.css +21 -0
  57. package/dist/chunk-62D3F6GN.js +0 -49
  58. package/dist/chunk-62D3F6GN.js.map +0 -1
@@ -141,24 +141,19 @@
141
141
  -------------------------------------------- */
142
142
 
143
143
  .mw-toast--subtle {
144
- --mw-toast-surface: var(--mw-color-surface-elevated);
145
- --mw-toast-border: var(--mw-color-border);
146
- --mw-toast-icon: var(--mw-color-text-muted);
144
+ --mw-toast-surface: var(--mw-color-surface-primary);
145
+ --mw-toast-border: var(--mw-color-border-low);
146
+ --mw-toast-icon: var(--mw-color-text-muted, #595959);
147
147
  --mw-toast-text: var(--mw-color-text);
148
148
  --mw-toast-action: var(--mw-color-text);
149
149
  }
150
150
 
151
- .mw-toast--subtle[data-intent="error"],
152
- .mw-toast--subtle[data-intent="brand"] {
153
- --mw-toast-icon: var(--mw-color-text);
154
- }
155
-
156
151
  .mw-toast--outline {
157
- --mw-toast-surface: var(--mw-color-surface-elevated);
158
- --mw-toast-border: var(--mw-color-primary-base);
159
- --mw-toast-icon: var(--mw-color-primary-base);
160
- --mw-toast-text: var(--mw-color-primary-base);
161
- --mw-toast-action: var(--mw-color-primary-base);
152
+ --mw-toast-surface: var(--mw-color-surface-primary);
153
+ --mw-toast-border: var(--mw-color-border-brand, #2f31fc);
154
+ --mw-toast-icon: var(--mw-color-text-brand, #2f31fc);
155
+ --mw-toast-text: var(--mw-color-text-brand, #2f31fc);
156
+ --mw-toast-action: var(--mw-color-text-brand, #2f31fc);
162
157
  }
163
158
 
164
159
  .mw-toast--outline[data-intent="neutral"] {
@@ -169,32 +164,46 @@
169
164
  }
170
165
 
171
166
  .mw-toast--outline[data-intent="success"] {
172
- --mw-toast-border: var(--mw-color-success-base);
173
- --mw-toast-icon: var(--mw-color-success-base);
174
- --mw-toast-text: var(--mw-color-success-base);
175
- --mw-toast-action: var(--mw-color-success-base);
167
+ --mw-toast-border: var(--mw-color-status-success-border, #2e9970);
168
+ --mw-toast-icon: var(--mw-color-status-success-icon, #006d48);
169
+ --mw-toast-text: var(--mw-color-status-success-text, #006633);
170
+ --mw-toast-action: var(--mw-color-status-success-text, #006633);
176
171
  }
177
172
 
178
173
  .mw-toast--outline[data-intent="warning"] {
179
- --mw-toast-border: var(--mw-color-warning-base);
180
- --mw-toast-icon: var(--mw-color-warning-base);
181
- --mw-toast-text: var(--mw-color-warning-base);
182
- --mw-toast-action: var(--mw-color-warning-base);
174
+ --mw-toast-border: var(--mw-color-status-warning-border, #e46f00);
175
+ --mw-toast-icon: var(--mw-color-status-warning-icon, #d97706);
176
+ --mw-toast-text: var(--mw-color-status-warning-text, #b45309);
177
+ --mw-toast-action: var(--mw-color-status-warning-text, #b45309);
178
+ }
179
+
180
+ .mw-toast--outline[data-intent="info"] {
181
+ --mw-toast-border: var(--mw-color-status-info-border, #5859fc);
182
+ --mw-toast-icon: var(--mw-color-status-info-icon, #2527ca);
183
+ --mw-toast-text: var(--mw-color-status-info-text, #1b1d97);
184
+ --mw-toast-action: var(--mw-color-status-info-text, #1b1d97);
185
+ }
186
+
187
+ .mw-toast--outline[data-intent="brand"] {
188
+ --mw-toast-border: var(--mw-color-status-info-border, #5859fc);
189
+ --mw-toast-icon: var(--mw-color-status-info-icon, #2527ca);
190
+ --mw-toast-text: var(--mw-color-status-info-text, #1b1d97);
191
+ --mw-toast-action: var(--mw-color-status-info-text, #1b1d97);
183
192
  }
184
193
 
185
194
  .mw-toast--outline[data-intent="error"] {
186
- --mw-toast-border: var(--mw-color-danger-base);
187
- --mw-toast-icon: var(--mw-color-danger-base);
188
- --mw-toast-text: var(--mw-color-danger-base);
189
- --mw-toast-action: var(--mw-color-danger-base);
195
+ --mw-toast-border: var(--mw-color-status-error-border, #ff2847);
196
+ --mw-toast-icon: var(--mw-color-status-error-icon, #d90429);
197
+ --mw-toast-text: var(--mw-color-status-error-text, #a8031f);
198
+ --mw-toast-action: var(--mw-color-status-error-text, #a8031f);
190
199
  }
191
200
 
192
201
  .mw-toast--rich {
193
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-primary-base) 12%, var(--mw-color-surface));
194
- --mw-toast-border: var(--mw-color-primary-base);
195
- --mw-toast-icon: var(--mw-color-primary-base);
196
- --mw-toast-text: var(--mw-color-primary-base);
197
- --mw-toast-action: var(--mw-color-primary-base);
202
+ --mw-toast-surface: var(--mw-color-status-info-background, #eeeeff);
203
+ --mw-toast-border: var(--mw-color-border-brand, #2f31fc);
204
+ --mw-toast-icon: var(--mw-color-text-brand, #2f31fc);
205
+ --mw-toast-text: var(--mw-color-text-brand, #2f31fc);
206
+ --mw-toast-action: var(--mw-color-text-brand, #2f31fc);
198
207
  }
199
208
 
200
209
  .mw-toast--rich[data-intent="neutral"] {
@@ -206,27 +215,43 @@
206
215
  }
207
216
 
208
217
  .mw-toast--rich[data-intent="success"] {
209
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-success-base) 12%, var(--mw-color-surface));
210
- --mw-toast-border: var(--mw-color-success-base);
211
- --mw-toast-icon: var(--mw-color-success-base);
212
- --mw-toast-text: var(--mw-color-success-base);
213
- --mw-toast-action: var(--mw-color-success-base);
218
+ --mw-toast-surface: var(--mw-color-status-success-background, #e6f4ed);
219
+ --mw-toast-border: var(--mw-color-status-success-border, #2e9970);
220
+ --mw-toast-icon: var(--mw-color-status-success-icon, #006d48);
221
+ --mw-toast-text: var(--mw-color-status-success-text, #006633);
222
+ --mw-toast-action: var(--mw-color-status-success-icon, #006d48);
214
223
  }
215
224
 
216
225
  .mw-toast--rich[data-intent="warning"] {
217
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-warning-base) 16%, var(--mw-color-surface));
218
- --mw-toast-border: var(--mw-color-warning-base);
219
- --mw-toast-icon: var(--mw-color-warning-base);
220
- --mw-toast-text: color-mix(in srgb, var(--mw-color-warning-base) 80%, var(--mw-color-text));
221
- --mw-toast-action: color-mix(in srgb, var(--mw-color-warning-base) 80%, var(--mw-color-text));
226
+ --mw-toast-surface: var(--mw-color-status-warning-background, #fff8e6);
227
+ --mw-toast-border: var(--mw-color-status-warning-border, #e46f00);
228
+ --mw-toast-icon: var(--mw-color-status-warning-icon, #d97706);
229
+ --mw-toast-text: var(--mw-color-status-warning-text, #b45309);
230
+ --mw-toast-action: var(--mw-color-status-warning-text, #b45309);
231
+ }
232
+
233
+ .mw-toast--rich[data-intent="info"] {
234
+ --mw-toast-surface: var(--mw-color-status-info-background, #eeeeff);
235
+ --mw-toast-border: var(--mw-color-status-info-border, #5859fc);
236
+ --mw-toast-icon: var(--mw-color-status-info-icon, #2527ca);
237
+ --mw-toast-text: var(--mw-color-status-info-text, #1b1d97);
238
+ --mw-toast-action: var(--mw-color-status-info-icon, #2527ca);
239
+ }
240
+
241
+ .mw-toast--rich[data-intent="brand"] {
242
+ --mw-toast-surface: var(--mw-color-status-info-background, #eeeeff);
243
+ --mw-toast-border: var(--mw-color-status-info-border, #5859fc);
244
+ --mw-toast-icon: var(--mw-color-status-info-icon, #2527ca);
245
+ --mw-toast-text: var(--mw-color-status-info-text, #1b1d97);
246
+ --mw-toast-action: var(--mw-color-status-info-icon, #2527ca);
222
247
  }
223
248
 
224
249
  .mw-toast--rich[data-intent="error"] {
225
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-danger-base) 12%, var(--mw-color-surface));
226
- --mw-toast-border: var(--mw-color-danger-base);
227
- --mw-toast-icon: var(--mw-color-danger-base);
228
- --mw-toast-text: color-mix(in srgb, var(--mw-color-danger-base) 80%, var(--mw-color-text));
229
- --mw-toast-action: color-mix(in srgb, var(--mw-color-danger-base) 80%, var(--mw-color-text));
250
+ --mw-toast-surface: var(--mw-color-status-error-background, #ffe8eb);
251
+ --mw-toast-border: var(--mw-color-status-error-border, #ff2847);
252
+ --mw-toast-icon: var(--mw-color-status-error-icon, #d90429);
253
+ --mw-toast-text: var(--mw-color-status-error-text, #a8031f);
254
+ --mw-toast-action: var(--mw-color-status-error-text, #a8031f);
230
255
  }
231
256
 
232
257
  /* --------------------------------------------
@@ -234,19 +259,19 @@
234
259
  -------------------------------------------- */
235
260
 
236
261
  .mw-theme--dark .mw-toast--subtle {
237
- --mw-toast-surface: var(--mw-color-surface-elevated);
262
+ --mw-toast-surface: var(--mw-color-background, #0f0f0f);
238
263
  --mw-toast-border: var(--mw-color-border);
239
- --mw-toast-icon: var(--mw-color-text-muted);
264
+ --mw-toast-icon: var(--mw-color-text-muted, #a3a3a3);
240
265
  --mw-toast-text: var(--mw-color-text);
241
266
  --mw-toast-action: var(--mw-color-text);
242
267
  }
243
268
 
244
269
  .mw-theme--dark .mw-toast--outline {
245
- --mw-toast-surface: var(--mw-color-surface-elevated);
246
- --mw-toast-border: var(--mw-color-primary-base);
247
- --mw-toast-icon: var(--mw-color-primary-base);
248
- --mw-toast-text: var(--mw-color-text);
249
- --mw-toast-action: var(--mw-color-text);
270
+ --mw-toast-surface: var(--mw-color-background, #0f0f0f);
271
+ --mw-toast-border: var(--mw-color-border-brand, #5859fc);
272
+ --mw-toast-icon: var(--mw-color-text-brand, #8182fc);
273
+ --mw-toast-text: var(--mw-color-text-brand, #8182fc);
274
+ --mw-toast-action: var(--mw-color-text-brand, #8182fc);
250
275
  }
251
276
 
252
277
  .mw-theme--dark .mw-toast--outline[data-intent="neutral"] {
@@ -257,32 +282,46 @@
257
282
  }
258
283
 
259
284
  .mw-theme--dark .mw-toast--outline[data-intent="success"] {
260
- --mw-toast-border: var(--mw-color-success-base);
261
- --mw-toast-icon: var(--mw-color-success-base);
262
- --mw-toast-text: var(--mw-color-text);
263
- --mw-toast-action: var(--mw-color-text);
285
+ --mw-toast-border: var(--mw-color-status-success-border-strong, #006d48);
286
+ --mw-toast-icon: var(--mw-color-status-success-icon, #5db189);
287
+ --mw-toast-text: var(--mw-color-status-success-text, #90caad);
288
+ --mw-toast-action: var(--mw-color-status-success-text, #90caad);
264
289
  }
265
290
 
266
291
  .mw-theme--dark .mw-toast--outline[data-intent="warning"] {
267
- --mw-toast-border: var(--mw-color-warning-base);
268
- --mw-toast-icon: var(--mw-color-warning-base);
269
- --mw-toast-text: var(--mw-color-text);
270
- --mw-toast-action: var(--mw-color-text);
292
+ --mw-toast-border: var(--mw-color-status-warning-border-strong, #b45309);
293
+ --mw-toast-icon: var(--mw-color-status-warning-icon, #f9b21a);
294
+ --mw-toast-text: var(--mw-color-status-warning-text, #fcc94a);
295
+ --mw-toast-action: var(--mw-color-status-warning-text, #fcc94a);
296
+ }
297
+
298
+ .mw-theme--dark .mw-toast--outline[data-intent="info"] {
299
+ --mw-toast-border: var(--mw-color-status-info-border-strong, #2527ca);
300
+ --mw-toast-icon: var(--mw-color-border-brand, #5859fc);
301
+ --mw-toast-text: var(--mw-color-text-brand, #8182fc);
302
+ --mw-toast-action: var(--mw-color-text-brand, #8182fc);
303
+ }
304
+
305
+ .mw-theme--dark .mw-toast--outline[data-intent="brand"] {
306
+ --mw-toast-border: var(--mw-color-status-info-border-strong, #2527ca);
307
+ --mw-toast-icon: var(--mw-color-border-brand, #5859fc);
308
+ --mw-toast-text: var(--mw-color-text-brand, #8182fc);
309
+ --mw-toast-action: var(--mw-color-text-brand, #8182fc);
271
310
  }
272
311
 
273
312
  .mw-theme--dark .mw-toast--outline[data-intent="error"] {
274
- --mw-toast-border: var(--mw-color-danger-base);
275
- --mw-toast-icon: var(--mw-color-danger-base);
276
- --mw-toast-text: var(--mw-color-text);
277
- --mw-toast-action: var(--mw-color-text);
313
+ --mw-toast-border: var(--mw-color-status-error-border-strong, #ff2847);
314
+ --mw-toast-icon: var(--mw-color-status-error-icon, #ff2847);
315
+ --mw-toast-text: var(--mw-color-status-error-text, #ff5566);
316
+ --mw-toast-action: var(--mw-color-status-error-text, #ff5566);
278
317
  }
279
318
 
280
319
  .mw-theme--dark .mw-toast--rich {
281
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-primary-base) 18%, var(--mw-color-surface));
282
- --mw-toast-border: var(--mw-color-primary-base);
283
- --mw-toast-icon: var(--mw-color-primary-base);
284
- --mw-toast-text: var(--mw-color-text);
285
- --mw-toast-action: var(--mw-color-text);
320
+ --mw-toast-surface: var(--mw-color-status-info-background, #040519);
321
+ --mw-toast-border: var(--mw-color-border-brand, #5859fc);
322
+ --mw-toast-icon: var(--mw-color-text-brand, #8182fc);
323
+ --mw-toast-text: var(--mw-color-text-brand, #8182fc);
324
+ --mw-toast-action: var(--mw-color-text-brand, #8182fc);
286
325
  }
287
326
 
288
327
  .mw-theme--dark .mw-toast--rich[data-intent="neutral"] {
@@ -294,25 +333,41 @@
294
333
  }
295
334
 
296
335
  .mw-theme--dark .mw-toast--rich[data-intent="success"] {
297
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-success-base) 18%, var(--mw-color-surface));
298
- --mw-toast-border: var(--mw-color-success-base);
299
- --mw-toast-icon: var(--mw-color-success-base);
300
- --mw-toast-text: var(--mw-color-text);
301
- --mw-toast-action: var(--mw-color-text);
336
+ --mw-toast-surface: var(--mw-color-status-success-background, #001a0c);
337
+ --mw-toast-border: var(--mw-color-status-success-border-strong, #006d48);
338
+ --mw-toast-icon: var(--mw-color-status-success-icon, #5db189);
339
+ --mw-toast-text: var(--mw-color-status-success-text, #90caad);
340
+ --mw-toast-action: var(--mw-color-status-success-icon, #5db189);
302
341
  }
303
342
 
304
343
  .mw-theme--dark .mw-toast--rich[data-intent="warning"] {
305
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-warning-base) 20%, var(--mw-color-surface));
306
- --mw-toast-border: var(--mw-color-warning-base);
307
- --mw-toast-icon: var(--mw-color-warning-base);
308
- --mw-toast-text: var(--mw-color-text);
309
- --mw-toast-action: var(--mw-color-text);
344
+ --mw-toast-surface: var(--mw-color-status-warning-background, #221004);
345
+ --mw-toast-border: var(--mw-color-status-warning-border-strong, #b45309);
346
+ --mw-toast-icon: var(--mw-color-status-warning-icon, #f9b21a);
347
+ --mw-toast-text: var(--mw-color-status-warning-text, #fcc94a);
348
+ --mw-toast-action: var(--mw-color-status-warning-icon, #f9b21a);
349
+ }
350
+
351
+ .mw-theme--dark .mw-toast--rich[data-intent="info"] {
352
+ --mw-toast-surface: var(--mw-color-status-info-background, #040519);
353
+ --mw-toast-border: var(--mw-color-status-info-border-strong, #2527ca);
354
+ --mw-toast-icon: var(--mw-color-border-brand, #5859fc);
355
+ --mw-toast-text: var(--mw-color-text-brand, #8182fc);
356
+ --mw-toast-action: var(--mw-color-text-brand, #8182fc);
357
+ }
358
+
359
+ .mw-theme--dark .mw-toast--rich[data-intent="brand"] {
360
+ --mw-toast-surface: var(--mw-color-status-info-background, #040519);
361
+ --mw-toast-border: var(--mw-color-status-info-border-strong, #2527ca);
362
+ --mw-toast-icon: var(--mw-color-border-brand, #5859fc);
363
+ --mw-toast-text: var(--mw-color-text-brand, #8182fc);
364
+ --mw-toast-action: var(--mw-color-text-brand, #8182fc);
310
365
  }
311
366
 
312
367
  .mw-theme--dark .mw-toast--rich[data-intent="error"] {
313
- --mw-toast-surface: color-mix(in srgb, var(--mw-color-danger-base) 18%, var(--mw-color-surface));
314
- --mw-toast-border: var(--mw-color-danger-base);
315
- --mw-toast-icon: var(--mw-color-danger-base);
316
- --mw-toast-text: var(--mw-color-text);
317
- --mw-toast-action: var(--mw-color-text);
368
+ --mw-toast-surface: var(--mw-color-status-error-background, #240006);
369
+ --mw-toast-border: var(--mw-color-status-error-border-strong, #ff2847);
370
+ --mw-toast-icon: var(--mw-color-status-error-icon, #ff2847);
371
+ --mw-toast-text: var(--mw-color-status-error-text, #ff5566);
372
+ --mw-toast-action: var(--mw-color-status-error-icon, #ff2847);
318
373
  }
@@ -8,16 +8,17 @@
8
8
  [data-marwes-theme] {
9
9
  /* ── Spacing scale ──────────────────────────────────────────────────────────
10
10
  Named after the actual pixel values to stay aligned with Figma.
11
- sp-0 → 0px | sp-2 → 2px | sp-4 → 4px | sp-8 → 8px | sp-16 → 16px
12
- sp-24 → 24px | sp-32 → 32px | sp-40 → 40px | sp-48 → 48px
13
- sp-56 → 56px | sp-64 → 64px | sp-72 → 72px | sp-80 → 80px
14
- sp-88 → 88px | sp-96 → 96px | sp-104 → 104px | sp-112 → 112px
15
- sp-120 → 120px
11
+ sp-0 → 0px | sp-2 → 2px | sp-4 → 4px | sp-8 → 8px | sp-12 → 12px
12
+ sp-16 → 16px | sp-24 → 24px | sp-32 → 32px | sp-40 → 40px
13
+ sp-48 → 48px | sp-56 → 56px | sp-64 → 64px | sp-72 → 72px
14
+ sp-80 → 80px | sp-88 → 88px | sp-96 → 96px | sp-104 → 104px
15
+ sp-112 → 112px | sp-120 → 120px
16
16
  */
17
17
  --mw-spacing-sp-0: 0px;
18
18
  --mw-spacing-sp-2: 2px;
19
19
  --mw-spacing-sp-4: 4px;
20
20
  --mw-spacing-sp-8: 8px;
21
+ --mw-spacing-sp-12: 12px;
21
22
  --mw-spacing-sp-16: 16px;
22
23
  --mw-spacing-sp-24: 24px;
23
24
  --mw-spacing-sp-32: 32px;
@@ -33,15 +33,15 @@
33
33
 
34
34
  .mw-tooltip-group {
35
35
  display: inline-flex;
36
- flex-direction: column;
36
+ flex-direction: column-reverse;
37
37
  align-items: center;
38
38
  gap: var(--mw-spacing-sp-4);
39
39
  }
40
40
 
41
41
  .mw-tooltip-group__trigger {
42
42
  display: inline-flex;
43
- width: 16px;
44
- height: 16px;
43
+ width: 12px;
44
+ height: 12px;
45
45
  align-items: center;
46
46
  justify-content: center;
47
47
  padding: 0;
@@ -64,8 +64,8 @@
64
64
  }
65
65
 
66
66
  .mw-tooltip-group__trigger svg {
67
- width: 16px;
68
- height: 16px;
67
+ width: 12px;
68
+ height: 12px;
69
69
  }
70
70
 
71
71
  @keyframes mw-tooltip-enter {
@@ -14,10 +14,31 @@
14
14
  }
15
15
 
16
16
  /* Heading sizes are controlled via CSS variables set by the recipe */
17
+ /* .mw-heading--display uses 44/52, weight 700, letter-spacing -1.32px */
17
18
  /* .mw-heading--h1 uses 32/38, weight 700, letter-spacing -0.96px */
18
19
  /* .mw-heading--h2 uses 24/30, weight 500, letter-spacing -0.72px */
19
20
  /* .mw-heading--h3 uses 20/26, weight 500, letter-spacing -0.6px */
20
21
 
22
+ /* BASE TEXT */
23
+ .mw-text {
24
+ font-family: var(--mw-font-primary, inherit);
25
+ font-size: var(--mw-text-size);
26
+ line-height: var(--mw-text-line-height);
27
+ font-weight: var(--mw-text-weight);
28
+ letter-spacing: var(--mw-text-letter-spacing);
29
+ text-transform: var(--mw-text-transform, none);
30
+ color: var(--mw-color-text);
31
+ margin: 0;
32
+ }
33
+
34
+ /* Text variants are controlled via CSS variables set by the recipe */
35
+ /* .mw-text--display uses 44/52, weight 700, letter-spacing -1.32px */
36
+ /* .mw-text--label uses 14/16, weight 500, letter-spacing -0.42px */
37
+ /* .mw-text--label-small uses 12/12, weight 500, letter-spacing -0.36px */
38
+ /* .mw-text--caption uses 12/16, weight 500, letter-spacing 0 */
39
+ /* .mw-text--overline uses 11/16, weight 500, letter-spacing 0.88px, uppercase */
40
+ /* .mw-text--micro uses 11/14, weight 400, letter-spacing -0.33px */
41
+
21
42
  /* BASE PARAGRAPH */
22
43
  .mw-p {
23
44
  font-family: var(--mw-font-primary, inherit);
@@ -1,49 +0,0 @@
1
- import '@fontsource/instrument-sans/400.css';
2
- import '@fontsource/instrument-sans/500.css';
3
- import '@fontsource/instrument-sans/600.css';
4
-
5
- // src/firstEdition/index.ts
6
- var firstEditionTheme = {
7
- color: {
8
- primary: {
9
- base: "#2F31FC",
10
- hover: "#2527CA",
11
- pressed: "#1B1D97",
12
- disabled: "#8182FC",
13
- label: "#FFFFFF",
14
- labelDisabled: "rgba(255,255,255,0.5)"
15
- },
16
- danger: {
17
- base: "#D90429",
18
- hover: "#A8031F",
19
- pressed: "#780215",
20
- disabled: "#FF8A95",
21
- label: "#FFFFFF",
22
- labelDisabled: "rgba(255,255,255,0.5)"
23
- },
24
- success: "#006633",
25
- warning: "#B45309",
26
- background: "#FFFFFF",
27
- surface: "#F8F8F8",
28
- surfaceSubtle: "#F5F5F5",
29
- surfaceElevated: "#FFFFFF",
30
- surfaceDisabled: "#F5F5F5",
31
- surfaceInverted: "#141414",
32
- text: "#141414",
33
- textMuted: "#595959",
34
- textSubtle: "#737373",
35
- textDisabled: "#737373",
36
- textInverted: "#FFFFFF",
37
- border: "#D8D8D8",
38
- borderSubtle: "#D8D8D8",
39
- borderStrong: "#A3A3A3",
40
- borderDisabled: "#D8D8D8",
41
- focus: "#2F31FC"
42
- },
43
- font: { primary: "'Instrument Sans', Inter, system-ui, sans-serif" },
44
- ui: { radius: 4, density: "comfortable" }
45
- };
46
-
47
- export { firstEditionTheme };
48
- //# sourceMappingURL=chunk-62D3F6GN.js.map
49
- //# sourceMappingURL=chunk-62D3F6GN.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/firstEdition/index.ts"],"names":[],"mappings":";;;;;AAOO,IAAM,iBAAA,GAAgC;AAAA,EAC3C,KAAA,EAAO;AAAA,IACL,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,SAAA;AAAA,MACV,KAAA,EAAO,SAAA;AAAA,MACP,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,SAAA;AAAA,MACV,KAAA,EAAO,SAAA;AAAA,MACP,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY,SAAA;AAAA,IACZ,OAAA,EAAS,SAAA;AAAA,IACT,aAAA,EAAe,SAAA;AAAA,IACf,eAAA,EAAiB,SAAA;AAAA,IACjB,eAAA,EAAiB,SAAA;AAAA,IACjB,eAAA,EAAiB,SAAA;AAAA,IACjB,IAAA,EAAM,SAAA;AAAA,IACN,SAAA,EAAW,SAAA;AAAA,IACX,UAAA,EAAY,SAAA;AAAA,IACZ,YAAA,EAAc,SAAA;AAAA,IACd,YAAA,EAAc,SAAA;AAAA,IACd,MAAA,EAAQ,SAAA;AAAA,IACR,YAAA,EAAc,SAAA;AAAA,IACd,YAAA,EAAc,SAAA;AAAA,IACd,cAAA,EAAgB,SAAA;AAAA,IAChB,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM,EAAE,OAAA,EAAS,iDAAA,EAAkD;AAAA,EACnE,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAS,aAAA;AAC5B","file":"chunk-62D3F6GN.js","sourcesContent":["import type { ThemeInput } from \"@marwes-ui/core\"\nimport \"@fontsource/instrument-sans/400.css\"\nimport \"@fontsource/instrument-sans/500.css\"\nimport \"@fontsource/instrument-sans/600.css\"\n\n// Explicit ThemeInput for consumers that still want to import the preset object.\n// MarwesProvider uses the same first edition baseline when no theme is provided.\nexport const firstEditionTheme: ThemeInput = {\n color: {\n primary: {\n base: \"#2F31FC\",\n hover: \"#2527CA\",\n pressed: \"#1B1D97\",\n disabled: \"#8182FC\",\n label: \"#FFFFFF\",\n labelDisabled: \"rgba(255,255,255,0.5)\",\n },\n danger: {\n base: \"#D90429\",\n hover: \"#A8031F\",\n pressed: \"#780215\",\n disabled: \"#FF8A95\",\n label: \"#FFFFFF\",\n labelDisabled: \"rgba(255,255,255,0.5)\",\n },\n success: \"#006633\",\n warning: \"#B45309\",\n background: \"#FFFFFF\",\n surface: \"#F8F8F8\",\n surfaceSubtle: \"#F5F5F5\",\n surfaceElevated: \"#FFFFFF\",\n surfaceDisabled: \"#F5F5F5\",\n surfaceInverted: \"#141414\",\n text: \"#141414\",\n textMuted: \"#595959\",\n textSubtle: \"#737373\",\n textDisabled: \"#737373\",\n textInverted: \"#FFFFFF\",\n border: \"#D8D8D8\",\n borderSubtle: \"#D8D8D8\",\n borderStrong: \"#A3A3A3\",\n borderDisabled: \"#D8D8D8\",\n focus: \"#2F31FC\",\n },\n font: { primary: \"'Instrument Sans', Inter, system-ui, sans-serif\" },\n ui: { radius: 4, density: \"comfortable\" },\n}\n"]}