@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.
- package/README.md +19 -9
- package/dist/chunk-PWG4S55U.js +131 -0
- package/dist/chunk-PWG4S55U.js.map +1 -0
- package/dist/firstEdition/index.d.ts +18 -1
- package/dist/firstEdition/index.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
- package/src/firstEdition/accordion.css +25 -12
- package/src/firstEdition/avatar.css +32 -14
- package/src/firstEdition/badge.css +35 -64
- package/src/firstEdition/banner.css +190 -0
- package/src/firstEdition/breadcrumb.css +125 -0
- package/src/firstEdition/button.css +77 -18
- package/src/firstEdition/card.css +28 -24
- package/src/firstEdition/checkbox.css +9 -9
- package/src/firstEdition/context-menu.css +114 -0
- package/src/firstEdition/date-picker.css +6 -9
- package/src/firstEdition/dialog.css +17 -10
- package/src/firstEdition/drawer.css +258 -0
- package/src/firstEdition/index.ts +10 -0
- package/src/firstEdition/input-otp.css +16 -8
- package/src/firstEdition/input.css +7 -4
- package/src/firstEdition/molecules/accordion-field.css +9 -5
- package/src/firstEdition/molecules/checkbox-field.css +12 -12
- package/src/firstEdition/molecules/checkbox-group-field.css +29 -17
- package/src/firstEdition/molecules/date-picker-field.css +28 -0
- package/src/firstEdition/molecules/dialog-modal.css +16 -1
- package/src/firstEdition/molecules/input-field.css +31 -13
- package/src/firstEdition/molecules/input-otp-field.css +26 -0
- package/src/firstEdition/molecules/pagination-field.css +23 -0
- package/src/firstEdition/molecules/radio-group-field.css +30 -9
- package/src/firstEdition/molecules/segmented-control-field.css +23 -0
- package/src/firstEdition/molecules/slider-field.css +9 -4
- package/src/firstEdition/molecules/switch-field.css +8 -4
- package/src/firstEdition/molecules/tab-group.css +15 -2
- package/src/firstEdition/pagination.css +180 -0
- package/src/firstEdition/personality.css +66 -0
- package/src/firstEdition/presets.ts +97 -0
- package/src/firstEdition/progress-bar.css +108 -0
- package/src/firstEdition/radio.css +10 -5
- package/src/firstEdition/rich-text.css +5 -2
- package/src/firstEdition/segmented-control.css +133 -0
- package/src/firstEdition/select.css +26 -31
- package/src/firstEdition/skip-link.css +45 -0
- package/src/firstEdition/slider.css +10 -4
- package/src/firstEdition/spinner.css +150 -3
- package/src/firstEdition/stat-tile.css +54 -21
- package/src/firstEdition/styles.css +20 -0
- package/src/firstEdition/switch.css +4 -4
- package/src/firstEdition/tab.css +10 -10
- package/src/firstEdition/textarea.css +9 -6
- package/src/firstEdition/toast.css +139 -84
- package/src/firstEdition/tokens.css +6 -5
- package/src/firstEdition/tooltip.css +5 -5
- package/src/firstEdition/typography.css +21 -0
- package/dist/chunk-62D3F6GN.js +0 -49
- 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-
|
|
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-
|
|
158
|
-
--mw-toast-border: var(--mw-color-
|
|
159
|
-
--mw-toast-icon: var(--mw-color-
|
|
160
|
-
--mw-toast-text: var(--mw-color-
|
|
161
|
-
--mw-toast-action: var(--mw-color-
|
|
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-
|
|
173
|
-
--mw-toast-icon: var(--mw-color-success-
|
|
174
|
-
--mw-toast-text: var(--mw-color-success-
|
|
175
|
-
--mw-toast-action: var(--mw-color-success-
|
|
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-
|
|
180
|
-
--mw-toast-icon: var(--mw-color-warning-
|
|
181
|
-
--mw-toast-text: var(--mw-color-warning-
|
|
182
|
-
--mw-toast-action: var(--mw-color-warning-
|
|
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-
|
|
187
|
-
--mw-toast-icon: var(--mw-color-
|
|
188
|
-
--mw-toast-text: var(--mw-color-
|
|
189
|
-
--mw-toast-action: var(--mw-color-
|
|
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:
|
|
194
|
-
--mw-toast-border: var(--mw-color-
|
|
195
|
-
--mw-toast-icon: var(--mw-color-
|
|
196
|
-
--mw-toast-text: var(--mw-color-
|
|
197
|
-
--mw-toast-action: var(--mw-color-
|
|
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:
|
|
210
|
-
--mw-toast-border: var(--mw-color-success-
|
|
211
|
-
--mw-toast-icon: var(--mw-color-success-
|
|
212
|
-
--mw-toast-text: var(--mw-color-success-
|
|
213
|
-
--mw-toast-action: var(--mw-color-success-
|
|
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:
|
|
218
|
-
--mw-toast-border: var(--mw-color-warning-
|
|
219
|
-
--mw-toast-icon: var(--mw-color-warning-
|
|
220
|
-
--mw-toast-text:
|
|
221
|
-
--mw-toast-action:
|
|
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:
|
|
226
|
-
--mw-toast-border: var(--mw-color-
|
|
227
|
-
--mw-toast-icon: var(--mw-color-
|
|
228
|
-
--mw-toast-text:
|
|
229
|
-
--mw-toast-action:
|
|
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-
|
|
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-
|
|
246
|
-
--mw-toast-border: var(--mw-color-
|
|
247
|
-
--mw-toast-icon: var(--mw-color-
|
|
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-
|
|
261
|
-
--mw-toast-icon: var(--mw-color-success-
|
|
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-
|
|
268
|
-
--mw-toast-icon: var(--mw-color-warning-
|
|
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-
|
|
275
|
-
--mw-toast-icon: var(--mw-color-
|
|
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:
|
|
282
|
-
--mw-toast-border: var(--mw-color-
|
|
283
|
-
--mw-toast-icon: var(--mw-color-
|
|
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:
|
|
298
|
-
--mw-toast-border: var(--mw-color-success-
|
|
299
|
-
--mw-toast-icon: var(--mw-color-success-
|
|
300
|
-
--mw-toast-text: var(--mw-color-text);
|
|
301
|
-
--mw-toast-action: var(--mw-color-
|
|
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:
|
|
306
|
-
--mw-toast-border: var(--mw-color-warning-
|
|
307
|
-
--mw-toast-icon: var(--mw-color-warning-
|
|
308
|
-
--mw-toast-text: var(--mw-color-text);
|
|
309
|
-
--mw-toast-action: var(--mw-color-
|
|
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:
|
|
314
|
-
--mw-toast-border: var(--mw-color-
|
|
315
|
-
--mw-toast-icon: var(--mw-color-
|
|
316
|
-
--mw-toast-text: var(--mw-color-text);
|
|
317
|
-
--mw-toast-action: var(--mw-color-
|
|
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-
|
|
12
|
-
sp-
|
|
13
|
-
sp-
|
|
14
|
-
sp-
|
|
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:
|
|
44
|
-
height:
|
|
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:
|
|
68
|
-
height:
|
|
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);
|
package/dist/chunk-62D3F6GN.js
DELETED
|
@@ -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"]}
|