@eqtylab/equality 1.2.3 → 1.3.0

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);
@@ -59,7 +58,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 +249,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);
@@ -289,7 +286,6 @@
   --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);
@@ -40,7 +39,6 @@
   --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);
@@ -40,7 +39,6 @@ html[data-equality-theme='dark'] {
   --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);
@@ -63,7 +62,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);
@@ -63,7 +62,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);
@@ -61,7 +60,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 = {};
@@ -2726,26 +2725,33 @@ function SortSelector({
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: currentLabel }),
       /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon4, { className: styles47__default.default["chevron-down-icon"] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: styles47__default.default["dropdown-menu-content"], children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuLabel, { children: [
-        "Sort",
-        !isDefaultSort && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", size: "sm", onClick: handleReset, children: "Reset" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-      filteredOptions.map((option) => {
-        const isSelected = currentValue === option.value;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          DropdownMenuCheckboxItem,
-          {
-            checked: isSelected,
-            onCheckedChange: () => handleChange(option.value),
-            onSelect: (e) => e.preventDefault(),
-            children: option.label
-          },
-          option.value
-        );
-      })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenuContent,
+      {
+        align: "end",
+        style: { minWidth: "var(--radix-dropdown-menu-trigger-width)" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuLabel, { children: [
+            "Sort",
+            !isDefaultSort && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", size: "sm", onClick: handleReset, children: "Reset" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
+          filteredOptions.map((option) => {
+            const isSelected = currentValue === option.value;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              DropdownMenuCheckboxItem,
+              {
+                checked: isSelected,
+                onCheckedChange: () => handleChange(option.value),
+                onSelect: (e) => e.preventDefault(),
+                children: option.label
+              },
+              option.value
+            );
+          })
+        ]
+      }
+    )
   ] });
 }
 var Switch = React15__namespace.forwardRef(