sellmate-design-system-react 9.0.0-beta.71 → 9.0.0-beta.73

package/dist/styles.css

@@ -1350,6 +1350,9 @@
   .w-\[72px\] {
     width: 72px;
   }
+  .w-\[140px\] {
+    width: 140px;
+  }
   .w-\[160px\] {
     width: 160px;
   }
@@ -1359,6 +1362,9 @@
   .w-\[180px\] {
     width: 180px;
   }
+  .w-\[196px\] {
+    width: 196px;
+  }
   .w-\[200px\] {
     width: 200px;
   }
@@ -2910,9 +2916,6 @@
   .bg-\(--sab-icon-bg\) {
     background-color: var(--sab-icon-bg);
   }
-  .bg-\(--sys-color-bg-deep\) {
-    background-color: var(--sys-color-bg-deep);
-  }
   .bg-\(--sys-color-bg-frame\) {
     background-color: var(--sys-color-bg-frame);
   }
@@ -2928,6 +2931,9 @@
   .bg-\(--sys-color-bg-tableHeader\) {
     background-color: var(--sys-color-bg-tableHeader);
   }
+  .bg-\(--sys-color-navigation-gnb-bg-dark\) {
+    background-color: var(--sys-color-navigation-gnb-bg-dark);
+  }
   .bg-\[\#\.\.\.\] {
     background-color: #...;
   }
@@ -3782,9 +3788,6 @@
   .text-\[18px\] {
     font-size: 18px;
   }
-  .text-\[24px\] {
-    font-size: 24px;
-  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
@@ -4087,6 +4090,9 @@
   .text-\(--gsb-text\) {
     color: var(--gsb-text);
   }
+  .text-\(--llb-console-fg\) {
+    color: var(--llb-console-fg);
+  }
   .text-\(--llb-name\) {
     color: var(--llb-name);
   }
@@ -4282,9 +4288,6 @@
   .text-fg-accent {
     color: var(--color-fg-accent);
   }
-  .text-fg-accentLight {
-    color: var(--color-fg-accentLight);
-  }
   .text-fg-danger {
     color: var(--color-fg-danger);
   }
@@ -4465,13 +4468,32 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-1 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .outline-2 {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
   }
+  .outline-\(--sys-color-border-default\) {
+    outline-color: var(--sys-color-border-default);
+  }
   .outline-\[var\(--color-border-accent\)\] {
     outline-color: var(--color-border-accent);
   }
+  .outline-white\/20 {
+    outline-color: color-mix(in srgb, #FFFFFF 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      outline-color: color-mix(in oklab, var(--color-white) 20%, transparent);
+    }
+  }
+  .outline-white\/40 {
+    outline-color: color-mix(in srgb, #FFFFFF 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      outline-color: color-mix(in oklab, var(--color-white) 40%, transparent);
+    }
+  }
   .blur {
     --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,);
@@ -4556,6 +4578,10 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .outline-dashed {
+    --tw-outline-style: dashed;
+    outline-style: dashed;
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -6381,6 +6407,11 @@
       flex: 1;
     }
   }
+  .\[\&\>svg\]\:w-full\! {
+    &>svg {
+      width: 100% !important;
+    }
+  }
   .\[\[data-drag-active\]_\&\]\:hover\:border-\(--cmp-listDraggableItem-border-default\) {
     [data-drag-active] & {
       &:hover {

package/package.json

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

package/dist/components/SLogo/sellmate-wordmark.d.ts

@@ -1,20 +0,0 @@
-import type { CSSProperties } from 'react';
-/**
- * Sellmate 브랜드 색. **브랜드 자산의 일부라 토큰을 거치지 않는다** — 대응하는 색 토큰이 없고
- * (가장 가까운 `--color-primary-90` 도 `#002B5E` 로 다른 색이다), 있더라도 로고 색은 테마를
- * 따라 바뀌면 안 되는 값이다. `scripts/check-hardcoded.mjs` 의 ALLOW 에 등록해 둔다.
- */
-export declare const SELLMATE_NAVY = "#00275F";
-/**
- * @internal
- * Sellmate 워드마크 — `SLogo` 가 그리는 유일한 글리프. 밖으로 내보내지 않는다(앱은 SLogo 로 닿는다).
- *
- * **`fill` 을 갖지 않는다** — 색은 `SLogo` 가 감싸는 span 의 `color` 로 내려주고 여기서는
- * `currentColor` 를 상속한다. 그래야 `SLogo` 의 `color` 하나로 워드마크 전체가 한 색이 된다.
- * 브랜드 기본색은 `SELLMATE_NAVY` 로, 색을 주지 않았을 때 SLogo 가 그 값을 내려준다.
- *
- * 크기도 갖지 않는다 — 높이만 SLogo 가 주고 폭은 viewBox 비율(276:40)에서 나온다.
- */
-export declare function SellmateWordmark({ style }: {
-    style?: CSSProperties;
-}): import("react").JSX.Element;