@machinemetrics/mm-react-components 1.1.0 → 1.1.1-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/CHANGELOG.md +29 -1
- package/dist/components/ui/alert.d.ts +3 -5
- package/dist/components/ui/alert.d.ts.map +1 -1
- package/dist/components/ui/badge.d.ts +5 -5
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/menubar.d.ts +6 -2
- package/dist/components/ui/menubar.d.ts.map +1 -1
- package/dist/components/ui/toggle-group.d.ts +5 -1
- package/dist/components/ui/toggle-group.d.ts.map +1 -1
- package/dist/lib/mm-react-components.css +1 -1
- package/dist/mm-react-components.es.js +84 -80
- package/dist/mm-react-components.es.js.map +1 -1
- package/dist/mm-react-components.umd.js +1 -1
- package/dist/mm-react-components.umd.js.map +1 -1
- package/dist/preview/AlertPreview.d.ts.map +1 -1
- package/dist/preview/BadgePreview.d.ts.map +1 -1
- package/dist/themes/carbide.css +61 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AlertPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,YAAY,
|
|
1
|
+
{"version":3,"file":"AlertPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AlertPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAgFnC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgePreview.d.ts","sourceRoot":"","sources":["../../src/preview/BadgePreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,
|
|
1
|
+
{"version":3,"file":"BadgePreview.d.ts","sourceRoot":"","sources":["../../src/preview/BadgePreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA4BnC"}
|
package/dist/themes/carbide.css
CHANGED
|
@@ -444,9 +444,70 @@
|
|
|
444
444
|
box-shadow: 0 0 0 3px color-mix(in srgb, var(--destructive) 40%, transparent);
|
|
445
445
|
}
|
|
446
446
|
|
|
447
|
+
.carbide [data-slot='badge'][data-variant='secondary'] {
|
|
448
|
+
border-color: transparent;
|
|
449
|
+
background-color: var(--secondary);
|
|
450
|
+
color: var(--secondary-foreground);
|
|
451
|
+
}
|
|
452
|
+
.carbide.dark [data-slot='badge'][data-variant='secondary'] {
|
|
453
|
+
background-color: var(--secondary);
|
|
454
|
+
color: var(--secondary-foreground);
|
|
455
|
+
}
|
|
456
|
+
.carbide [data-slot='badge'][data-variant='secondary'] a:hover {
|
|
457
|
+
background-color: var(--button-secondary-hover-bg);
|
|
458
|
+
}
|
|
459
|
+
.carbide.dark [data-slot='badge'][data-variant='secondary'] a:hover {
|
|
460
|
+
background-color: var(--button-secondary-hover-bg);
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.carbide [data-slot='badge'][data-variant='outline'] {
|
|
464
|
+
border-color: var(--button-outline-border);
|
|
465
|
+
background-color: var(--button-outline-bg);
|
|
466
|
+
color: var(--foreground);
|
|
467
|
+
}
|
|
468
|
+
.carbide.dark [data-slot='badge'][data-variant='outline'] {
|
|
469
|
+
border-color: var(--button-outline-border);
|
|
470
|
+
background-color: var(--button-outline-bg);
|
|
471
|
+
color: var(--foreground);
|
|
472
|
+
}
|
|
473
|
+
.carbide [data-slot='badge'][data-variant='outline'] a:hover {
|
|
474
|
+
background-color: var(--button-outline-hover-bg);
|
|
475
|
+
color: var(--accent-foreground);
|
|
476
|
+
}
|
|
477
|
+
.carbide.dark [data-slot='badge'][data-variant='outline'] a:hover {
|
|
478
|
+
background-color: var(--button-outline-hover-bg);
|
|
479
|
+
color: var(--accent-foreground);
|
|
480
|
+
}
|
|
481
|
+
|
|
447
482
|
/* =============================
|
|
448
483
|
ALERT VARIANTS
|
|
449
484
|
============================= */
|
|
485
|
+
.carbide [data-slot='alert'][data-variant='default'] {
|
|
486
|
+
background-color: var(--card);
|
|
487
|
+
color: var(--card-foreground);
|
|
488
|
+
border-color: var(--border);
|
|
489
|
+
}
|
|
490
|
+
.carbide [data-slot='alert'][data-variant='default'] svg {
|
|
491
|
+
color: currentColor;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.carbide [data-slot='alert'][data-variant='destructive'] {
|
|
495
|
+
background-color: var(--card);
|
|
496
|
+
color: var(--destructive);
|
|
497
|
+
border-color: var(--red-200);
|
|
498
|
+
}
|
|
499
|
+
.carbide.dark [data-slot='alert'][data-variant='destructive'] {
|
|
500
|
+
border-color: var(--red-700);
|
|
501
|
+
}
|
|
502
|
+
.carbide [data-slot='alert'][data-variant='destructive'] svg {
|
|
503
|
+
color: currentColor;
|
|
504
|
+
}
|
|
505
|
+
.carbide
|
|
506
|
+
[data-slot='alert'][data-variant='destructive']
|
|
507
|
+
[data-slot='alert-description'] {
|
|
508
|
+
color: color-mix(in srgb, var(--destructive) 90%, transparent);
|
|
509
|
+
}
|
|
510
|
+
|
|
450
511
|
.carbide [data-slot='alert'][data-variant='success'] {
|
|
451
512
|
color: var(--green-600);
|
|
452
513
|
background-color: var(--card);
|