@eqtylab/equality 1.2.4 → 1.4.0

package/dist/badge.module.module.css.module.css

@@ -1,9 +1,5 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 .badge {
-  padding-inline: calc(0.25rem * 2);
-  padding-block: calc(0.25rem * 0.5);
-  font-size: 0.75rem;
-  line-height: var(--tw-leading, calc(1 / 0.75));
   --tw-font-weight: 500;
   font-weight: 500;
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -12,15 +8,34 @@
   border-radius: calc(infinity * 1px);
   display: flex;
   align-items: center;
-  gap: calc(0.25rem * 1);
-  min-height: calc(0.25rem * 5);
   width: max-content;
+}
+.badge--md {
+  padding-inline: calc(0.25rem * 2);
+  padding-block: calc(0.25rem * 0.5);
+  font-size: 0.75rem;
+  line-height: var(--tw-leading, calc(1 / 0.75));
+  min-height: calc(0.25rem * 5);
   min-width: calc(0.25rem * 5);
+  gap: calc(0.25rem * 1);
+}
+.badge--sm {
+  padding-inline: calc(0.25rem * 1);
+  padding-block: calc(0.25rem * 0);
+  font-size: 0.75rem;
+  line-height: var(--tw-leading, calc(1 / 0.75));
+  min-height: calc(0.25rem * 4);
+  min-width: calc(0.25rem * 4);
+  gap: calc(0.25rem * 0.5);
 }
 .badge--primary {
   background-color: var(--color-badge-background-primary);
   color: var(--color-badge-text-primary);
 }
+.badge--secondary {
+  background-color: var(--color-badge-background-secondary);
+  color: var(--color-badge-text-secondary);
+}
 .badge--danger {
   background-color: var(--color-badge-background-danger);
   color: var(--color-badge-text-danger);
@@ -55,6 +70,14 @@
     }
   }
 }
+.badge--sm .closable-btn {
+  width: calc(0.25rem * 3);
+  height: calc(0.25rem * 3);
+  & svg {
+    width: calc(0.25rem * 2.5);
+    height: calc(0.25rem * 2.5);
+  }
+}
 .badge--primary .closable-btn {
   background-color: var(--color-badge-background-primary);
   color: var(--color-badge-text-primary);
@@ -69,6 +92,20 @@
     }
   }
 }
+.badge--secondary .closable-btn {
+  background-color: var(--color-badge-background-secondary);
+  color: var(--color-badge-text-secondary);
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--color-badge-text-secondary);
+    }
+  }
+  &:hover {
+    @media (hover: hover) {
+      color: var(--color-badge-background-secondary);
+    }
+  }
+}
 .badge--danger .closable-btn {
   background-color: var(--color-badge-background-danger);
   color: var(--color-badge-text-danger);
@@ -132,9 +169,19 @@
 .badge .icon {
   color: inherit;
 }
+.badge--monospace {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+}
+.badge--square {
+  border-radius: 0.25rem;
+}
 .badge--icon-only {
   padding: calc(0.25rem * 1);
 }
+.badge--sm.badge--icon-only {
+  padding: calc(0.25rem * 0.5);
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;

package/dist/card.module.module.css.module.css

@@ -111,14 +111,6 @@
     --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.1) var(--tw-shadow-alpha), transparent);
   }
 }
-.card--floating {
-  border-color: var(--color-border-floating);
-  background-color: var(--color-background-floating);
-  --tw-shadow-color: rgba(0, 0, 0, 0.15);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
-  }
-}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;

package/dist/display-field.module.module.css.module.css

@@ -138,12 +138,12 @@
   }
 }
 .display-field--raised .display-field-inner {
-  border-color: var(--color-border-raised);
+  border-color: var(--color-border-base);
   background-color: var(--color-background-raised);
 }
 .display-field--raised .slot {
   border-color: var(--color-border-base);
-  background-color: var(--color-background-base);
+  background-color: var(--color-background-sunken);
 }
 .display-field--overlay {
   --tw-shadow-color: rgba(0, 0, 0, 0.1);
@@ -156,23 +156,8 @@
   background-color: var(--color-background-overlay);
 }
 .display-field--overlay .slot {
-  border-color: var(--color-border-raised);
-  background-color: var(--color-background-raised);
-}
-.display-field--floating {
-  border-color: var(--color-border-floating);
-  --tw-shadow-color: rgba(0, 0, 0, 0.15);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
-  }
-}
-.display-field--floating .display-field-inner {
-  border-color: var(--color-border-floating);
-  background-color: var(--color-background-floating);
-}
-.display-field--floating .slot {
-  border-color: var(--color-border-overlay);
-  background-color: var(--color-background-overlay);
+  border-color: var(--color-border-base);
+  background-color: var(--color-background-sunken);
 }
 @property --tw-border-style {
   syntax: "*";

package/dist/dropdown-menu.module.module.css.module.css

@@ -7,7 +7,7 @@
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border);
-  background-color: var(--color-background-floating);
+  background-color: var(--color-background-overlay);
   color: var(--color-text-primary);
   z-index: 50;
   border-radius: var(--radius-md, 0.375rem);
@@ -174,11 +174,11 @@
   margin-left: auto;
 }
 .dropdown-menu-content {
-  border-color: var(--color-border-floating);
-  background-color: var(--color-background-floating);
-  --tw-shadow-color: rgba(0, 0, 0, 0.15);
+  border-color: var(--color-border-overlay);
+  background-color: var(--color-background-overlay);
+  --tw-shadow-color: rgba(0, 0, 0, 0.1);
   @supports (color: color-mix(in lab, red, red)) {
-    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.1) var(--tw-shadow-alpha), transparent);
   }
 }
 @property --tw-border-style {

package/dist/generated/color-vars.css

@@ -9,14 +9,13 @@
   --color-amber-700: color(display-p3 0.4327 0.2812 0.1347);
   --color-amber-800: color(display-p3 0.2643 0.1753 0.09139);
   --color-amber-900: color(display-p3 0.1121 0.07777 0.04646);
-  --color-background-base: color(display-p3 0.8264 0.8324 0.8394);
-  --color-background-bottom: color(display-p3 0.6765 0.6823 0.689);
-  --color-background-floating: color(display-p3 0.9424 0.9485 0.9557);
-  --color-background-overlay: color(display-p3 0.9034 0.9095 0.9166);
-  --color-background-raised: color(display-p3 0.8648 0.8708 0.8779);
-  --color-background-sunken: color(display-p3 0.7758 0.7817 0.7887);
-  --color-background-top: color(display-p3 0.9817 0.9878 0.9951);
-  --color-background: color(display-p3 0.8264 0.8324 0.8394);
+  --color-background-base: color(display-p3 1 1 1);
+  --color-background-bottom: color(display-p3 0.7758 0.7817 0.7887);
+  --color-background-overlay: color(display-p3 0.9946 0.9998 0.9999);
+  --color-background-raised: color(display-p3 0.9554 0.9616 0.9688);
+  --color-background-sunken: color(display-p3 0.8648 0.8708 0.8779);
+  --color-background-top: color(display-p3 0.9294 0.9355 0.9426);
+  --color-background: color(display-p3 1 1 1);
   --color-badge-background-accepted: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-comment: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-compliant: color(display-p3 0.7403 0.8486 0.7417);
@@ -30,6 +29,7 @@
   --color-badge-background-primary: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-question: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-ready-for-review: color(display-p3 0.7289 0.7853 0.9401);
+  --color-badge-background-secondary: color(display-p3 0.7289 0.7853 0.9401);
   --color-badge-background-success: color(display-p3 0.7403 0.8486 0.7417);
   --color-badge-background-warning: color(display-p3 0.9327 0.8528 0.7204);
   --color-badge-text-accepted: color(display-p3 0.1608 0.1145 0.3417);
@@ -45,6 +45,7 @@
   --color-badge-text-primary: color(display-p3 0.1608 0.1145 0.3417);
   --color-badge-text-question: color(display-p3 0.1608 0.1145 0.3417);
   --color-badge-text-ready-for-review: color(display-p3 0.1017 0.1411 0.2832);
+  --color-badge-text-secondary: color(display-p3 0.1017 0.1411 0.2832);
   --color-badge-text-success: color(display-p3 0.1097 0.1998 0.08667);
   --color-badge-text-warning: color(display-p3 0.2723 0.1933 0.09642);
   --color-black: color(display-p3 0 0 0);
@@ -59,7 +60,6 @@
   --color-blue-900: color(display-p3 0.06177 0.08243 0.1475);
   --color-border-base: color(display-p3 0.7432 0.7432 0.7432);
   --color-border-bottom: color(display-p3 0.6158 0.6214 0.6281);
-  --color-border-floating: color(display-p3 0.8011 0.807 0.814);
   --color-border-overlay: color(display-p3 0.8011 0.807 0.814);
   --color-border-raised: color(display-p3 0.7383 0.7441 0.751);
   --color-border-sunken: color(display-p3 0.7432 0.7432 0.7432);
@@ -251,7 +251,6 @@
   /* Dark theme */
   --dark-color-background-base: color(display-p3 0.06018 0.06019 0.06787);
   --dark-color-background-bottom: color(display-p3 0.00001094 0.000005131 0.00006469);
-  --dark-color-background-floating: color(display-p3 0.1399 0.14 0.1485);
   --dark-color-background-overlay: color(display-p3 0.1121 0.1122 0.1204);
   --dark-color-background-raised: color(display-p3 0.08523 0.08526 0.09324);
   --dark-color-background-sunken: color(display-p3 0.03547 0.03547 0.04268);
@@ -270,6 +269,7 @@
   --dark-color-badge-background-primary: color(display-p3 0.2473 0.1645 0.5241);
   --dark-color-badge-background-question: color(display-p3 0.2473 0.1645 0.5241);
   --dark-color-badge-background-ready-for-review: color(display-p3 0.1442 0.2013 0.4303);
+  --dark-color-badge-background-secondary: color(display-p3 0.1442 0.2013 0.4303);
   --dark-color-badge-background-success: color(display-p3 0.1689 0.3045 0.136);
   --dark-color-badge-background-warning: color(display-p3 0.4487 0.322 0.1436);
   --dark-color-badge-text-accepted: color(display-p3 0.795 0.7755 0.9866);
@@ -285,11 +285,11 @@
   --dark-color-badge-text-primary: color(display-p3 0.795 0.7755 0.9866);
   --dark-color-badge-text-question: color(display-p3 0.795 0.7755 0.9866);
   --dark-color-badge-text-ready-for-review: color(display-p3 0.7289 0.7853 0.9401);
+  --dark-color-badge-text-secondary: color(display-p3 0.7289 0.7853 0.9401);
   --dark-color-badge-text-success: color(display-p3 0.8698 0.8698 0.8698);
   --dark-color-badge-text-warning: color(display-p3 0.9327 0.8528 0.7204);
   --dark-color-border-base: color(display-p3 0.1792 0.1792 0.1792);
   --dark-color-border-bottom: color(display-p3 0.1589 0.159 0.1677);
-  --dark-color-border-floating: color(display-p3 0.3328 0.3328 0.3426);
   --dark-color-border-overlay: color(display-p3 0.2796 0.2796 0.2891);
   --dark-color-border-raised: color(display-p3 0.228 0.2281 0.2372);
   --dark-color-border-sunken: color(display-p3 0.1792 0.1792 0.1792);

package/dist/generated/dark-tokens.css

@@ -2,7 +2,6 @@
   color-scheme: dark;
   --color-background-base: color(display-p3 0.06018 0.06019 0.06787);
   --color-background-bottom: color(display-p3 0.00001094 0.000005131 0.00006469);
-  --color-background-floating: color(display-p3 0.1399 0.14 0.1485);
   --color-background-overlay: color(display-p3 0.1121 0.1122 0.1204);
   --color-background-raised: color(display-p3 0.08523 0.08526 0.09324);
   --color-background-sunken: color(display-p3 0.03547 0.03547 0.04268);
@@ -21,6 +20,7 @@
   --color-badge-background-primary: color(display-p3 0.2473 0.1645 0.5241);
   --color-badge-background-question: color(display-p3 0.2473 0.1645 0.5241);
   --color-badge-background-ready-for-review: color(display-p3 0.1442 0.2013 0.4303);
+  --color-badge-background-secondary: color(display-p3 0.1442 0.2013 0.4303);
   --color-badge-background-success: color(display-p3 0.1689 0.3045 0.136);
   --color-badge-background-warning: color(display-p3 0.4487 0.322 0.1436);
   --color-badge-text-accepted: color(display-p3 0.795 0.7755 0.9866);
@@ -36,11 +36,11 @@
   --color-badge-text-primary: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-text-question: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-text-ready-for-review: color(display-p3 0.7289 0.7853 0.9401);
+  --color-badge-text-secondary: color(display-p3 0.7289 0.7853 0.9401);
   --color-badge-text-success: color(display-p3 0.8698 0.8698 0.8698);
   --color-badge-text-warning: color(display-p3 0.9327 0.8528 0.7204);
   --color-border-base: color(display-p3 0.1792 0.1792 0.1792);
   --color-border-bottom: color(display-p3 0.1589 0.159 0.1677);
-  --color-border-floating: color(display-p3 0.3328 0.3328 0.3426);
   --color-border-overlay: color(display-p3 0.2796 0.2796 0.2891);
   --color-border-raised: color(display-p3 0.228 0.2281 0.2372);
   --color-border-sunken: color(display-p3 0.1792 0.1792 0.1792);

package/dist/generated/global-dark-tokens.css

@@ -2,7 +2,6 @@ html[data-equality-theme='dark'] {
   color-scheme: dark;
   --color-background-base: color(display-p3 0.06018 0.06019 0.06787);
   --color-background-bottom: color(display-p3 0.00001094 0.000005131 0.00006469);
-  --color-background-floating: color(display-p3 0.1399 0.14 0.1485);
   --color-background-overlay: color(display-p3 0.1121 0.1122 0.1204);
   --color-background-raised: color(display-p3 0.08523 0.08526 0.09324);
   --color-background-sunken: color(display-p3 0.03547 0.03547 0.04268);
@@ -21,6 +20,7 @@ html[data-equality-theme='dark'] {
   --color-badge-background-primary: color(display-p3 0.2473 0.1645 0.5241);
   --color-badge-background-question: color(display-p3 0.2473 0.1645 0.5241);
   --color-badge-background-ready-for-review: color(display-p3 0.1442 0.2013 0.4303);
+  --color-badge-background-secondary: color(display-p3 0.1442 0.2013 0.4303);
   --color-badge-background-success: color(display-p3 0.1689 0.3045 0.136);
   --color-badge-background-warning: color(display-p3 0.4487 0.322 0.1436);
   --color-badge-text-accepted: color(display-p3 0.795 0.7755 0.9866);
@@ -36,11 +36,11 @@ html[data-equality-theme='dark'] {
   --color-badge-text-primary: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-text-question: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-text-ready-for-review: color(display-p3 0.7289 0.7853 0.9401);
+  --color-badge-text-secondary: color(display-p3 0.7289 0.7853 0.9401);
   --color-badge-text-success: color(display-p3 0.8698 0.8698 0.8698);
   --color-badge-text-warning: color(display-p3 0.9327 0.8528 0.7204);
   --color-border-base: color(display-p3 0.1792 0.1792 0.1792);
   --color-border-bottom: color(display-p3 0.1589 0.159 0.1677);
-  --color-border-floating: color(display-p3 0.3328 0.3328 0.3426);
   --color-border-overlay: color(display-p3 0.2796 0.2796 0.2891);
   --color-border-raised: color(display-p3 0.228 0.2281 0.2372);
   --color-border-sunken: color(display-p3 0.1792 0.1792 0.1792);

package/dist/generated/global-light-tokens.css

@@ -13,14 +13,13 @@ html {
   --color-amber-700: color(display-p3 0.4327 0.2812 0.1347);
   --color-amber-800: color(display-p3 0.2643 0.1753 0.09139);
   --color-amber-900: color(display-p3 0.1121 0.07777 0.04646);
-  --color-background-base: color(display-p3 0.8264 0.8324 0.8394);
-  --color-background-bottom: color(display-p3 0.6765 0.6823 0.689);
-  --color-background-floating: color(display-p3 0.9424 0.9485 0.9557);
-  --color-background-overlay: color(display-p3 0.9034 0.9095 0.9166);
-  --color-background-raised: color(display-p3 0.8648 0.8708 0.8779);
-  --color-background-sunken: color(display-p3 0.7758 0.7817 0.7887);
-  --color-background-top: color(display-p3 0.9817 0.9878 0.9951);
-  --color-background: color(display-p3 0.8264 0.8324 0.8394);
+  --color-background-base: color(display-p3 1 1 1);
+  --color-background-bottom: color(display-p3 0.7758 0.7817 0.7887);
+  --color-background-overlay: color(display-p3 0.9946 0.9998 0.9999);
+  --color-background-raised: color(display-p3 0.9554 0.9616 0.9688);
+  --color-background-sunken: color(display-p3 0.8648 0.8708 0.8779);
+  --color-background-top: color(display-p3 0.9294 0.9355 0.9426);
+  --color-background: color(display-p3 1 1 1);
   --color-badge-background-accepted: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-comment: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-compliant: color(display-p3 0.7403 0.8486 0.7417);
@@ -34,6 +33,7 @@ html {
   --color-badge-background-primary: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-question: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-ready-for-review: color(display-p3 0.7289 0.7853 0.9401);
+  --color-badge-background-secondary: color(display-p3 0.7289 0.7853 0.9401);
   --color-badge-background-success: color(display-p3 0.7403 0.8486 0.7417);
   --color-badge-background-warning: color(display-p3 0.9327 0.8528 0.7204);
   --color-badge-text-accepted: color(display-p3 0.1608 0.1145 0.3417);
@@ -49,6 +49,7 @@ html {
   --color-badge-text-primary: color(display-p3 0.1608 0.1145 0.3417);
   --color-badge-text-question: color(display-p3 0.1608 0.1145 0.3417);
   --color-badge-text-ready-for-review: color(display-p3 0.1017 0.1411 0.2832);
+  --color-badge-text-secondary: color(display-p3 0.1017 0.1411 0.2832);
   --color-badge-text-success: color(display-p3 0.1097 0.1998 0.08667);
   --color-badge-text-warning: color(display-p3 0.2723 0.1933 0.09642);
   --color-black: color(display-p3 0 0 0);
@@ -63,7 +64,6 @@ html {
   --color-blue-900: color(display-p3 0.06177 0.08243 0.1475);
   --color-border-base: color(display-p3 0.7432 0.7432 0.7432);
   --color-border-bottom: color(display-p3 0.6158 0.6214 0.6281);
-  --color-border-floating: color(display-p3 0.8011 0.807 0.814);
   --color-border-overlay: color(display-p3 0.8011 0.807 0.814);
   --color-border-raised: color(display-p3 0.7383 0.7441 0.751);
   --color-border-sunken: color(display-p3 0.7432 0.7432 0.7432);

package/dist/generated/light-tokens.css

@@ -13,14 +13,13 @@
   --color-amber-700: color(display-p3 0.4327 0.2812 0.1347);
   --color-amber-800: color(display-p3 0.2643 0.1753 0.09139);
   --color-amber-900: color(display-p3 0.1121 0.07777 0.04646);
-  --color-background-base: color(display-p3 0.8264 0.8324 0.8394);
-  --color-background-bottom: color(display-p3 0.6765 0.6823 0.689);
-  --color-background-floating: color(display-p3 0.9424 0.9485 0.9557);
-  --color-background-overlay: color(display-p3 0.9034 0.9095 0.9166);
-  --color-background-raised: color(display-p3 0.8648 0.8708 0.8779);
-  --color-background-sunken: color(display-p3 0.7758 0.7817 0.7887);
-  --color-background-top: color(display-p3 0.9817 0.9878 0.9951);
-  --color-background: color(display-p3 0.8264 0.8324 0.8394);
+  --color-background-base: color(display-p3 1 1 1);
+  --color-background-bottom: color(display-p3 0.7758 0.7817 0.7887);
+  --color-background-overlay: color(display-p3 0.9946 0.9998 0.9999);
+  --color-background-raised: color(display-p3 0.9554 0.9616 0.9688);
+  --color-background-sunken: color(display-p3 0.8648 0.8708 0.8779);
+  --color-background-top: color(display-p3 0.9294 0.9355 0.9426);
+  --color-background: color(display-p3 1 1 1);
   --color-badge-background-accepted: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-comment: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-compliant: color(display-p3 0.7403 0.8486 0.7417);
@@ -34,6 +33,7 @@
   --color-badge-background-primary: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-question: color(display-p3 0.795 0.7755 0.9866);
   --color-badge-background-ready-for-review: color(display-p3 0.7289 0.7853 0.9401);
+  --color-badge-background-secondary: color(display-p3 0.7289 0.7853 0.9401);
   --color-badge-background-success: color(display-p3 0.7403 0.8486 0.7417);
   --color-badge-background-warning: color(display-p3 0.9327 0.8528 0.7204);
   --color-badge-text-accepted: color(display-p3 0.1608 0.1145 0.3417);
@@ -49,6 +49,7 @@
   --color-badge-text-primary: color(display-p3 0.1608 0.1145 0.3417);
   --color-badge-text-question: color(display-p3 0.1608 0.1145 0.3417);
   --color-badge-text-ready-for-review: color(display-p3 0.1017 0.1411 0.2832);
+  --color-badge-text-secondary: color(display-p3 0.1017 0.1411 0.2832);
   --color-badge-text-success: color(display-p3 0.1097 0.1998 0.08667);
   --color-badge-text-warning: color(display-p3 0.2723 0.1933 0.09642);
   --color-black: color(display-p3 0 0 0);
@@ -63,7 +64,6 @@
   --color-blue-900: color(display-p3 0.06177 0.08243 0.1475);
   --color-border-base: color(display-p3 0.7432 0.7432 0.7432);
   --color-border-bottom: color(display-p3 0.6158 0.6214 0.6281);
-  --color-border-floating: color(display-p3 0.8011 0.807 0.814);
   --color-border-overlay: color(display-p3 0.8011 0.807 0.814);
   --color-border-raised: color(display-p3 0.7383 0.7441 0.751);
   --color-border-sunken: color(display-p3 0.7432 0.7432 0.7432);

package/dist/generated/tailwind-tokens.css

@@ -13,7 +13,6 @@
   --color-amber-900: var(--color-amber-900);
   --color-background-base: var(--color-background-base);
   --color-background-bottom: var(--color-background-bottom);
-  --color-background-floating: var(--color-background-floating);
   --color-background-overlay: var(--color-background-overlay);
   --color-background-raised: var(--color-background-raised);
   --color-background-sunken: var(--color-background-sunken);
@@ -32,6 +31,7 @@
   --color-badge-background-primary: var(--color-badge-background-primary);
   --color-badge-background-question: var(--color-badge-background-question);
   --color-badge-background-ready-for-review: var(--color-badge-background-ready-for-review);
+  --color-badge-background-secondary: var(--color-badge-background-secondary);
   --color-badge-background-success: var(--color-badge-background-success);
   --color-badge-background-warning: var(--color-badge-background-warning);
   --color-badge-text-accepted: var(--color-badge-text-accepted);
@@ -47,6 +47,7 @@
   --color-badge-text-primary: var(--color-badge-text-primary);
   --color-badge-text-question: var(--color-badge-text-question);
   --color-badge-text-ready-for-review: var(--color-badge-text-ready-for-review);
+  --color-badge-text-secondary: var(--color-badge-text-secondary);
   --color-badge-text-success: var(--color-badge-text-success);
   --color-badge-text-warning: var(--color-badge-text-warning);
   --color-black: var(--color-black);
@@ -61,7 +62,6 @@
   --color-blue-900: var(--color-blue-900);
   --color-border-base: var(--color-border-base);
   --color-border-bottom: var(--color-border-bottom);
-  --color-border-floating: var(--color-border-floating);
   --color-border-overlay: var(--color-border-overlay);
   --color-border-raised: var(--color-border-raised);
   --color-border-sunken: var(--color-border-sunken);

package/dist/icon.module.module.css.module.css

@@ -80,14 +80,6 @@
     --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.1) var(--tw-shadow-alpha), transparent);
   }
 }
-.icon-container--floating:not(.background--transparent) {
-  border-color: var(--color-border-floating);
-  background-color: var(--color-background-floating);
-  --tw-shadow-color: rgba(0, 0, 0, 0.15);
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
-  }
-}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;

package/dist/index.cjs

@@ -383,8 +383,7 @@ var ELEVATION = {
   SUNKEN: "sunken",
   BASE: "base",
   RAISED: "raised",
-  OVERLAY: "overlay",
-  FLOATING: "floating"
+  OVERLAY: "overlay"
 };
 var generateElevationVariants = (styles61, baseClassName, defaultElevation) => {
   const classNames = {};
@@ -490,14 +489,20 @@ var badgeVariants = classVarianceAuthority.cva(styles7__default.default["badge"]
   variants: {
     variant: {
       primary: styles7__default.default["badge--primary"],
+      secondary: styles7__default.default["badge--secondary"],
       danger: styles7__default.default["badge--danger"],
       neutral: styles7__default.default["badge--neutral"],
       warning: styles7__default.default["badge--warning"],
       success: styles7__default.default["badge--success"]
+    },
+    size: {
+      sm: styles7__default.default["badge--sm"],
+      md: styles7__default.default["badge--md"]
     }
   },
   defaultVariants: {
-    variant: "primary"
+    variant: "primary",
+    size: "md"
   }
 });
 var defaultVariantIcons = {
@@ -508,12 +513,15 @@ var defaultVariantIcons = {
 function Badge({
   className,
   variant,
+  size,
   closeable,
   handleClosable,
   truncate = false,
   truncateLength = 50,
   icon,
   display = "both",
+  monospace = false,
+  pill = true,
   ...props
 }) {
   const effectiveIcon = icon ?? (variant ? defaultVariantIcons[variant] : void 0);
@@ -555,8 +563,11 @@ function Badge({
     "div",
     {
       className: cn(
-        variant !== null && badgeVariants({ variant }),
+        variant !== null && badgeVariants({ variant, size }),
         variant === null && styles7__default.default["badge"],
+        variant === null && styles7__default.default[`badge--${size ?? "md"}`],
+        monospace && styles7__default.default["badge--monospace"],
+        !pill && styles7__default.default["badge--square"],
         isIconOnly && styles7__default.default["badge--icon-only"],
         className
       ),
@@ -2063,7 +2074,7 @@ var ListOrGridViewToggle = ({
     )
   ] });
 };
-var Spinner = ({ size = "md", variant = "neutral" }) => {
+var Spinner = ({ size = "md", variant = "primary" }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles29__default.default["spinner-container"], children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles29__default.default["spinner"], styles29__default.default[size], styles29__default.default[variant]) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(styles29__default.default["spinner-background"], styles29__default.default[size]) })