sellmate-design-system-react 0.8.3 → 0.9.0

package/dist/styles.css

@@ -21,7 +21,6 @@
     --color-black: #000000;
     --color-white: #FFFFFF;
     --spacing: 0.25rem;
-    --container-xs: 20rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -764,6 +763,9 @@
   .m-0 {
     margin: 0;
   }
+  .mx-3 {
+    margin-inline: calc(var(--spacing) * 3);
+  }
   .-mt-px {
     margin-top: -1px;
   }
@@ -800,6 +802,9 @@
   .mb-8 {
     margin-bottom: var(--spacing-8);
   }
+  .mb-\[24px\] {
+    margin-bottom: 24px;
+  }
   .-ml-px {
     margin-left: -1px;
   }
@@ -839,6 +844,12 @@
   .table {
     display: table;
   }
+  .h-8 {
+    height: var(--spacing-8);
+  }
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
   .h-48 {
     height: var(--spacing-48);
   }
@@ -956,6 +967,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-8 {
+    width: var(--spacing-8);
+  }
+  .w-11 {
+    width: calc(var(--spacing) * 11);
+  }
   .w-\[4px\] {
     width: 4px;
   }
@@ -1037,9 +1054,6 @@
   .max-w-full {
     max-width: 100%;
   }
-  .max-w-xs {
-    max-width: var(--container-xs);
-  }
   .min-w-\(--radix-popover-trigger-width\) {
     min-width: var(--radix-popover-trigger-width);
   }
@@ -1750,6 +1764,9 @@
   .bg-grey-05 {
     background-color: var(--color-grey-05);
   }
+  .bg-grey-10 {
+    background-color: var(--color-grey-10);
+  }
   .bg-grey-90 {
     background-color: var(--color-grey-90);
   }
@@ -2278,6 +2295,9 @@
   .text-grey-55 {
     color: var(--color-grey-55);
   }
+  .text-grey-65 {
+    color: var(--color-grey-65);
+  }
   .text-grey-80 {
     color: var(--color-grey-80);
   }
@@ -2699,6 +2719,13 @@
       }
     }
   }
+  .hover\:bg-grey-20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-grey-20);
+      }
+    }
+  }
   .hover\:\!text-\[color\:var\(--cmp-radioButton-content-hover\)\] {
     &:hover {
       @media (hover: hover) {
@@ -2754,13 +2781,13 @@
       border-color: var(--cmp-datepicker-border-focus);
     }
   }
-  .focus\:bg-\[var\(--cmp-listItem-bg-hover\)\] {
-    &:focus {
+  .focus-visible\:bg-\[var\(--cmp-listItem-bg-hover\)\] {
+    &:focus-visible {
       background-color: var(--cmp-listItem-bg-hover);
     }
   }
-  .focus\:text-\[color\:var\(--cmp-listItem-content-hover\)\] {
-    &:focus {
+  .focus-visible\:text-\[color\:var\(--cmp-listItem-content-hover\)\] {
+    &:focus-visible {
       color: var(--cmp-listItem-content-hover);
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sellmate-design-system-react",
-  "version": "0.8.3",
+  "version": "0.9.0",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [