sellmate-design-system-react 8.1.0 → 9.0.0-beta.0

package/dist/styles.css

@@ -742,6 +742,9 @@
   .mx-3 {
     margin-inline: calc(var(--spacing) * 3);
   }
+  .mx-\[calc\(12px-var\(--cmp-chipFilter-chip-group\)\)\] {
+    margin-inline: calc(12px - var(--cmp-chipFilter-chip-group));
+  }
   .my-auto {
     margin-block: auto;
   }
@@ -763,6 +766,9 @@
   .mt-9 {
     margin-top: calc(var(--spacing) * 9);
   }
+  .mt-\[2px\] {
+    margin-top: 2px;
+  }
   .mt-\[8px\] {
     margin-top: 8px;
   }
@@ -811,6 +817,9 @@
   .ml-\[220px\] {
     margin-left: 220px;
   }
+  .ml-\[calc\(12px-var\(--cmp-chipFilter-chip-group\)\)\] {
+    margin-left: calc(12px - var(--cmp-chipFilter-chip-group));
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -851,6 +860,10 @@
     width: var(--cmp-tree-item-arrow-icon);
     height: var(--cmp-tree-item-arrow-icon);
   }
+  .size-\[16px\] {
+    width: 16px;
+    height: 16px;
+  }
   .size-\[24px\] {
     width: 24px;
     height: 24px;
@@ -859,6 +872,9 @@
     width: 100%;
     height: 100%;
   }
+  .h-\(--cmp-pageHeader-bar-height\) {
+    height: var(--cmp-pageHeader-bar-height);
+  }
   .h-\(--cmp-sectionHeaderCard-topBorder-thickness\) {
     height: var(--cmp-sectionHeaderCard-topBorder-thickness);
   }
@@ -940,6 +956,9 @@
   .h-\[364px\] {
     height: 364px;
   }
+  .h-\[420px\] {
+    height: 420px;
+  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -1009,6 +1028,12 @@
   .h-sd-48 {
     height: var(--spacing-sd-48);
   }
+  .max-h-\[220px\] {
+    max-height: 220px;
+  }
+  .max-h-\[240px\] {
+    max-height: 240px;
+  }
   .max-h-\[calc\(100dvh-48px\)\] {
     max-height: calc(100dvh - 48px);
   }
@@ -1045,6 +1070,9 @@
   .min-h-\[328px\] {
     min-height: 328px;
   }
+  .min-h-\[364px\] {
+    min-height: 364px;
+  }
   .min-h-\[min\(320px\,calc\(100dvh-48px\)\)\] {
     min-height: min(320px, calc(100dvh - 48px));
   }
@@ -1204,15 +1232,18 @@
   .max-w-\[calc\(100dvw-48px\)\] {
     max-width: calc(100dvw - 48px);
   }
+  .max-w-\[var\(--radix-dropdown-menu-content-available-width\)\] {
+    max-width: var(--radix-dropdown-menu-content-available-width);
+  }
+  .max-w-\[var\(--radix-popover-content-available-width\)\] {
+    max-width: var(--radix-popover-content-available-width);
+  }
   .max-w-full {
     max-width: 100%;
   }
   .max-w-md {
     max-width: var(--container-md);
   }
-  .min-w-\(--radix-popover-trigger-width\) {
-    min-width: var(--radix-popover-trigger-width);
-  }
   .min-w-0 {
     min-width: 0;
   }
@@ -1228,17 +1259,26 @@
   .min-w-\[160px\] {
     min-width: 160px;
   }
+  .min-w-\[180px\] {
+    min-width: 180px;
+  }
   .min-w-\[calc\(var\(--cmp-pagination-height\)\*2\+var\(--cmp-pagination-move-gap\)\)\] {
     min-width: calc(var(--cmp-pagination-height) * 2 + var(--cmp-pagination-move-gap));
   }
+  .min-w-\[min\(160px\,var\(--radix-popover-content-available-width\)\)\] {
+    min-width: min(160px, var(--radix-popover-content-available-width));
+  }
   .min-w-\[min\(480px\,calc\(100dvw-48px\)\)\] {
     min-width: min(480px, calc(100dvw - 48px));
   }
   .min-w-\[min\(520px\,calc\(100dvw-48px\)\)\] {
     min-width: min(520px, calc(100dvw - 48px));
   }
-  .min-w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
-    min-width: var(--radix-dropdown-menu-trigger-width);
+  .min-w-\[min\(var\(--radix-dropdown-menu-trigger-width\)\,var\(--radix-dropdown-menu-content-available-width\)\)\] {
+    min-width: min(var(--radix-dropdown-menu-trigger-width), var(--radix-dropdown-menu-content-available-width));
+  }
+  .min-w-\[min\(var\(--radix-popover-trigger-width\)\,var\(--radix-popover-content-available-width\)\)\] {
+    min-width: min(var(--radix-popover-trigger-width), var(--radix-popover-content-available-width));
   }
   .min-w-px {
     min-width: 1px;
@@ -1441,6 +1481,12 @@
   .gap-\(--cmp-listItem-gap\) {
     gap: var(--cmp-listItem-gap);
   }
+  .gap-\(--cmp-pageHeader-gap\) {
+    gap: var(--cmp-pageHeader-gap);
+  }
+  .gap-\(--cmp-pageHeader-plain-title-gap\) {
+    gap: var(--cmp-pageHeader-plain-title-gap);
+  }
   .gap-\(--cmp-sectionHeaderCard-header-gap\) {
     gap: var(--cmp-sectionHeaderCard-header-gap);
   }
@@ -1507,6 +1553,9 @@
   .gap-\[var\(--\.\.\.\)\] {
     gap: var(--...);
   }
+  .gap-\[var\(--chipfilter-bar-gap\)\] {
+    gap: var(--chipfilter-bar-gap);
+  }
   .gap-\[var\(--cmp-callout-body-gap\)\] {
     gap: var(--cmp-callout-body-gap);
   }
@@ -1522,6 +1571,18 @@
   .gap-\[var\(--cmp-chip-gap\)\] {
     gap: var(--cmp-chip-gap);
   }
+  .gap-\[var\(--cmp-chipFilter-addButton-gap\)\] {
+    gap: var(--cmp-chipFilter-addButton-gap);
+  }
+  .gap-\[var\(--cmp-chipFilter-chip-group\)\] {
+    gap: var(--cmp-chipFilter-chip-group);
+  }
+  .gap-\[var\(--cmp-chipFilter-listbox-bottom-gap\)\] {
+    gap: var(--cmp-chipFilter-listbox-bottom-gap);
+  }
+  .gap-\[var\(--cmp-chipFilter-listbox-top-gap\)\] {
+    gap: var(--cmp-chipFilter-listbox-top-gap);
+  }
   .gap-\[var\(--cmp-datepicker-calendar-day-dot-gap\)\] {
     gap: var(--cmp-datepicker-calendar-day-dot-gap);
   }
@@ -1662,6 +1723,9 @@
   .self-center {
     align-self: center;
   }
+  .self-start {
+    align-self: flex-start;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -1742,6 +1806,9 @@
   .rounded-\[var\(--cmp-datepicker-sm-radius\)\] {
     border-radius: var(--cmp-datepicker-sm-radius);
   }
+  .rounded-\[var\(--cmp-ghostButton-radius-sm\)\] {
+    border-radius: var(--cmp-ghostButton-radius-sm);
+  }
   .rounded-\[var\(--cmp-guide-button-radius\)\] {
     border-radius: var(--cmp-guide-button-radius);
   }
@@ -1934,6 +2001,9 @@
   .border-\(--cmp-listItem-bordered-border-selected\) {
     border-color: var(--cmp-listItem-bordered-border-selected);
   }
+  .border-\(--cmp-pageHeader-bar-border\) {
+    border-color: var(--cmp-pageHeader-bar-border);
+  }
   .border-\(--cmp-sectionHeaderCard-header-border\) {
     border-color: var(--cmp-sectionHeaderCard-header-border);
   }
@@ -2006,6 +2076,9 @@
   .border-\[color\:var\(--sys-color-border-default\)\] {
     border-color: var(--sys-color-border-default);
   }
+  .border-\[color\:var\(--sys-color-field-border-default\)\] {
+    border-color: var(--sys-color-field-border-default);
+  }
   .border-\[var\(--cmp-table-border-color\)\] {
     border-color: var(--cmp-table-border-color);
   }
@@ -2084,6 +2157,9 @@
   .bg-\(--cmp-listItem-bg-selected\) {
     background-color: var(--cmp-listItem-bg-selected);
   }
+  .bg-\(--cmp-pageHeader-bar-bg\) {
+    background-color: var(--cmp-pageHeader-bar-bg);
+  }
   .bg-\(--cmp-sectionHeaderCard-header-bg\) {
     background-color: var(--cmp-sectionHeaderCard-header-bg);
   }
@@ -2138,6 +2214,12 @@
   .bg-\[var\(--cb-bg\)\] {
     background-color: var(--cb-bg);
   }
+  .bg-\[var\(--chipfilter-bar-bg\)\] {
+    background-color: var(--chipfilter-bar-bg);
+  }
+  .bg-\[var\(--chipfilter-bar-border\)\] {
+    background-color: var(--chipfilter-bar-border);
+  }
   .bg-\[var\(--cmp-checkbox-bg-disabled\)\] {
     background-color: var(--cmp-checkbox-bg-disabled);
   }
@@ -2147,6 +2229,9 @@
   .bg-\[var\(--cmp-checkbox-unchecked-bg-default\)\] {
     background-color: var(--cmp-checkbox-unchecked-bg-default);
   }
+  .bg-\[var\(--cmp-chipFilter-addButton-bg\)\] {
+    background-color: var(--cmp-chipFilter-addButton-bg);
+  }
   .bg-\[var\(--cmp-datepicker-bg-default\)\] {
     background-color: var(--cmp-datepicker-bg-default);
   }
@@ -2234,6 +2319,9 @@
   .bg-\[var\(--sys-color-divider-default\)\] {
     background-color: var(--sys-color-divider-default);
   }
+  .bg-\[var\(--sys-color-field-bg-default\)\] {
+    background-color: var(--sys-color-field-bg-default);
+  }
   .bg-bg-frame {
     background-color: var(--color-bg-frame);
   }
@@ -2393,6 +2481,9 @@
   .px-\(--cmp-listDraggableItem-paddingX\) {
     padding-inline: var(--cmp-listDraggableItem-paddingX);
   }
+  .px-\(--cmp-pageHeader-paddingX\) {
+    padding-inline: var(--cmp-pageHeader-paddingX);
+  }
   .px-\(--cmp-popup-header-paddingX\) {
     padding-inline: var(--cmp-popup-header-paddingX);
   }
@@ -2426,6 +2517,9 @@
   .px-\[32px\] {
     padding-inline: 32px;
   }
+  .px-\[var\(--chipfilter-bar-padding-x\)\] {
+    padding-inline: var(--chipfilter-bar-padding-x);
+  }
   .px-\[var\(--cmp-callout-body-paddingX\)\] {
     padding-inline: var(--cmp-callout-body-paddingX);
   }
@@ -2435,6 +2529,18 @@
   .px-\[var\(--cmp-chip-paddingX\)\] {
     padding-inline: var(--cmp-chip-paddingX);
   }
+  .px-\[var\(--cmp-chipFilter-addButton-paddingX\)\] {
+    padding-inline: var(--cmp-chipFilter-addButton-paddingX);
+  }
+  .px-\[var\(--cmp-chipFilter-chip-paddingX\)\] {
+    padding-inline: var(--cmp-chipFilter-chip-paddingX);
+  }
+  .px-\[var\(--cmp-chipFilter-listbox-bottom-paddingX\)\] {
+    padding-inline: var(--cmp-chipFilter-listbox-bottom-paddingX);
+  }
+  .px-\[var\(--cmp-chipFilter-listbox-top-paddingX\)\] {
+    padding-inline: var(--cmp-chipFilter-listbox-top-paddingX);
+  }
   .px-\[var\(--cmp-datepicker-calendar-time-paddingX\)\] {
     padding-inline: var(--cmp-datepicker-calendar-time-paddingX);
   }
@@ -2507,6 +2613,9 @@
   .py-\(--cmp-listItem-paddingY-normal\) {
     padding-block: var(--cmp-listItem-paddingY-normal);
   }
+  .py-\(--cmp-pageHeader-bar-paddingY\) {
+    padding-block: var(--cmp-pageHeader-bar-paddingY);
+  }
   .py-\(--cmp-popup-header-paddingY\) {
     padding-block: var(--cmp-popup-header-paddingY);
   }
@@ -2531,9 +2640,21 @@
   .py-\[40px\] {
     padding-block: 40px;
   }
+  .py-\[var\(--chipfilter-bar-padding-y\)\] {
+    padding-block: var(--chipfilter-bar-padding-y);
+  }
   .py-\[var\(--cmp-callout-body-paddingY\)\] {
     padding-block: var(--cmp-callout-body-paddingY);
   }
+  .py-\[var\(--cmp-chipFilter-listbox-bottom-paddingY\)\] {
+    padding-block: var(--cmp-chipFilter-listbox-bottom-paddingY);
+  }
+  .py-\[var\(--cmp-chipFilter-listbox-list-paddingY\)\] {
+    padding-block: var(--cmp-chipFilter-listbox-list-paddingY);
+  }
+  .py-\[var\(--cmp-chipFilter-listbox-top-paddingY\)\] {
+    padding-block: var(--cmp-chipFilter-listbox-top-paddingY);
+  }
   .py-\[var\(--cmp-datepicker-calendar-day-dot-paddingY\)\] {
     padding-block: var(--cmp-datepicker-calendar-day-dot-paddingY);
   }
@@ -2570,9 +2691,15 @@
   .py-sd-24 {
     padding-block: var(--spacing-sd-24);
   }
+  .pt-\(--cmp-pageHeader-plain-paddingTop\) {
+    padding-top: var(--cmp-pageHeader-plain-paddingTop);
+  }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
+  .pt-\[var\(--cmp-chipFilter-listbox-list-paddingY\)\] {
+    padding-top: var(--cmp-chipFilter-listbox-list-paddingY);
+  }
   .pt-sd-16 {
     padding-top: var(--spacing-sd-16);
   }
@@ -2594,6 +2721,15 @@
   .pr-\[var\(--cmp-overlay-header-paddingX\)\] {
     padding-right: var(--cmp-overlay-header-paddingX);
   }
+  .pb-\(--cmp-pageHeader-plain-paddingBottom\) {
+    padding-bottom: var(--cmp-pageHeader-plain-paddingBottom);
+  }
+  .pb-\[4px\] {
+    padding-bottom: 4px;
+  }
+  .pb-\[var\(--cmp-chipFilter-listbox-list-paddingY\)\] {
+    padding-bottom: var(--cmp-chipFilter-listbox-list-paddingY);
+  }
   .pb-\[var\(--cmp-modal-action-body-paddingBottom\)\] {
     padding-bottom: var(--cmp-modal-action-body-paddingBottom);
   }
@@ -2606,6 +2742,9 @@
   .pl-\(--cmp-guide-contents-depth-paddingLeft\) {
     padding-left: var(--cmp-guide-contents-depth-paddingLeft);
   }
+  .pl-\(--cmp-pageHeader-title-paddingLeft\) {
+    padding-left: var(--cmp-pageHeader-title-paddingLeft);
+  }
   .pl-\[16px\] {
     padding-left: 16px;
   }
@@ -2862,6 +3001,12 @@
   .text-\(--cmp-listItem-text-selected\) {
     color: var(--cmp-listItem-text-selected);
   }
+  .text-\(--cmp-pageHeader-subtitle-text\) {
+    color: var(--cmp-pageHeader-subtitle-text);
+  }
+  .text-\(--cmp-pageHeader-title-text\) {
+    color: var(--cmp-pageHeader-title-text);
+  }
   .text-\(--cmp-tree-item-text-default\) {
     color: var(--cmp-tree-item-text-default);
   }
@@ -2898,6 +3043,9 @@
   .text-\[\#0A0A0A\] {
     color: #0A0A0A;
   }
+  .text-\[\#6b7280\] {
+    color: #6b7280;
+  }
   .text-\[\#333\] {
     color: #333;
   }
@@ -2997,6 +3145,9 @@
   .text-\[color\:var\(--sys-color-fg-secondary\)\] {
     color: var(--sys-color-fg-secondary);
   }
+  .text-\[color\:var\(--sys-color-field-text-default\)\] {
+    color: var(--sys-color-field-text-default);
+  }
   .text-\[var\(--cmp-field-hint-color\)\] {
     color: var(--cmp-field-hint-color);
   }
@@ -3143,6 +3294,10 @@
     --tw-shadow: var(--shadow-spread-md);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-floating {
+    --tw-shadow: 0px 0px 24px -6px var(--tw-shadow-color, rgba(34,34,34,0.12)), 4px 8px 16px -4px var(--tw-shadow-color, rgba(34,34,34,0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-none {
     --tw-shadow: 0 0 #0000;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3167,6 +3322,9 @@
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3258,6 +3416,13 @@
   .\[length\:var\(--x\)\] {
     length: var(--x);
   }
+  .group-hover\:visible {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        visibility: visible;
+      }
+    }
+  }
   .group-hover\:bg-\(--cmp-splitter-border-color\) {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -3265,6 +3430,14 @@
       }
     }
   }
+  .group-hover\:font-bold {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-font-weight: var(--font-weight-bold);
+        font-weight: var(--font-weight-bold);
+      }
+    }
+  }
   .group-hover\/filepicker\:text-\[color\:var\(--cmp-filepicker-text-default\)\] {
     &:is(:where(.group\/filepicker):hover *) {
       @media (hover: hover) {
@@ -3744,6 +3917,14 @@
       }
     }
   }
+  .hover\:font-bold {
+    &:hover {
+      @media (hover: hover) {
+        --tw-font-weight: var(--font-weight-bold);
+        font-weight: var(--font-weight-bold);
+      }
+    }
+  }
   .hover\:\!text-\[color\:var\(--cmp-radioButton-content-hover\)\] {
     &:hover {
       @media (hover: hover) {
@@ -4232,6 +4413,17 @@
       border-color: var(--color-border-strong);
     }
   }
+  .\[\&\>\*\]\:border-b {
+    &>* {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\[\&\>\*\]\:border-\(--cmp-listItem-border-default\) {
+    &>* {
+      border-color: var(--cmp-listItem-border-default);
+    }
+  }
   .\[\&\>\*\:not\(\:last-child\)\]\:border-b {
     &>*:not(:last-child) {
       border-bottom-style: var(--tw-border-style);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sellmate-design-system-react",
-  "version": "8.1.0",
+  "version": "9.0.0-beta.0",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [
@@ -70,8 +70,10 @@
     "check:docs": "node scripts/check-docs-coverage.mjs",
     "check:docs-refs": "node scripts/check-docs-refs.mjs",
     "check:routing": "node scripts/check-routing.mjs",
-    "version": "node scripts/version.mjs",
-    "version:dry": "node scripts/version.mjs --dry-run",
+    "version": "node scripts/version.mjs --prerelease beta --tag",
+    "version:dry": "node scripts/version.mjs --prerelease beta --dry-run",
+    "version:stable": "node scripts/version.mjs --tag",
+    "version:stable:dry": "node scripts/version.mjs --dry-run",
     "clean": "rm -rf dist storybook-static"
   },
   "peerDependencies": {
@@ -117,6 +119,7 @@
     "vite": "^8.0.0"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "tag": "beta"
   }
 }