sellmate-design-system-react 9.0.0-beta.4 → 9.0.0-beta.6

package/dist/llms-full.txt

@@ -5050,6 +5050,7 @@ function OrderModal({ open, onOpenChange, onClose, modalRef, orderId }: OrderMod
 | `expandedIds?` | `string[]` | — | 펼쳐진 노드 ID 목록 |
 | `defaultExpandedIds?` | `string[]` | — | 비제어 펼침 초기값 |
 | `selectable?` | `boolean` | `true` | 체크박스 표시 여부 |
+| `useAll?` | `boolean` | `false` | 체크박스 사용 시 최상단 전체 선택 아이템 표시 여부 |
 | `guideline?` | `boolean` | `true` | depth 연결선 표시 여부 |
 | `border?` | `boolean` | `true` | 아이템 하단 border 표시 여부 |
 | `cascadeSelection?` | `boolean` | `true` | 부모 선택 시 하위 노드까지 함께 토글 |

package/dist/styles.css

@@ -650,9 +650,6 @@
   .bottom-\[-1px\] {
     bottom: -1px;
   }
-  .bottom-sd-80 {
-    bottom: var(--spacing-sd-80);
-  }
   .left-0 {
     left: 0;
   }
@@ -704,6 +701,9 @@
   .z-\[60\] {
     z-index: 60;
   }
+  .z-\[100\] {
+    z-index: 100;
+  }
   .z-\[9000\] {
     z-index: 9000;
   }
@@ -1023,6 +1023,9 @@
   .h-sd-8 {
     height: var(--spacing-sd-8);
   }
+  .h-sd-32 {
+    height: var(--spacing-sd-32);
+  }
   .h-sd-48 {
     height: var(--spacing-sd-48);
   }
@@ -1053,9 +1056,6 @@
   .min-h-\[28px\] {
     min-height: 28px;
   }
-  .min-h-\[32px\] {
-    min-height: 32px;
-  }
   .min-h-\[40px\] {
     min-height: 40px;
   }
@@ -2608,6 +2608,9 @@
   .px-sd-8 {
     padding-inline: var(--spacing-sd-8);
   }
+  .px-sd-10 {
+    padding-inline: var(--spacing-sd-10);
+  }
   .px-sd-12 {
     padding-inline: var(--spacing-sd-12);
   }
@@ -3323,6 +3326,10 @@
     --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.16));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_8px_16px_rgba\(15_23_42_\/_0\.12\)\] {
+    --tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(15 23 42 / 0.12));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[2px_2px_12px_2px_rgba\(0\,0\,0\,0\.1\)\] {
     --tw-shadow: 2px 2px 12px 2px var(--tw-shadow-color, rgba(0,0,0,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);
@@ -3543,6 +3550,11 @@
       color: var(--sys-color-field-text-placeholder);
     }
   }
+  .placeholder\:text-gray-400 {
+    &::placeholder {
+      color: var(--color-gray-400);
+    }
+  }
   .before\:absolute {
     &::before {
       content: var(--tw-content);
@@ -4056,6 +4068,11 @@
       border-color: var(--cmp-datepicker-border-focus);
     }
   }
+  .focus\:border-gray-400 {
+    &:focus {
+      border-color: var(--color-gray-400);
+    }
+  }
   .focus-visible\:bg-\[var\(--cmp-listBoxItem-bg-hover\)\] {
     &:focus-visible {
       background-color: var(--cmp-listBoxItem-bg-hover);

package/package.json

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