sellmate-design-system-react 9.0.0-beta.107 → 9.0.0-beta.109

package/dist/components/SSystemActionButton/SSystemActionButton.d.ts

@@ -178,7 +178,8 @@ export type SSystemActionButtonProps = SSystemActionButtonAccountProps | SSystem
  * `type` 이 정하고(`account` `switch` `select` `subSelect` `status`), 타입마다 다른 값만
  * `option` 으로 받는다. 선행 아이콘은 `account` 가 `user` 고정, `status` 는 태그가 자리를 차지해
  * 없고, `subSelect` 는 `option.icon` 이 필수다. **`select` · `switch` 만 아이콘이 선택이다** —
- * 주지 않으면 아이콘 프레임 없이 라벨부터 시작한다(`option` 자체를 생략해도 된다).
+ * 주지 않으면 아이콘 프레임 없이 라벨부터 시작한다(`option` 자체를 생략해도 된다). 이때 좌측 여백은
+ * 라벨이 첫 요소일 때의 토큰을 쓴다 — `status` 는 태그가 첫 요소여도 이 토큰의 대상이 아니다.
  *
  * `account` 는 **언제나 계정 리스트박스(`SAccountListBox`)의 트리거**다 — 눌러도 아무것도 뜨지
  * 않는 계정 행은 없으므로 `option` 이 필수이고, 누르면 이메일·이름·권한과 계정 설정·언어 변경·

package/dist/components/SSystemActionButton/systemActionButton.config.d.ts

@@ -78,8 +78,10 @@ export declare const SYSTEM_ACTION_BUTTON_LAYOUT: {
     readonly iconRadius: string;
     /** 아이콘 프레임 ↔ 라벨 간격 */
     readonly iconLabelGap: string;
-    /** 좌측 여백 */
+    /** 좌측 여백 — 선행 아이콘 프레임이 첫 요소일 때 */
     readonly paddingLeft: string;
+    /** 좌측 여백 — 선행 아이콘이 없는 `select`·`switch` 에서 라벨이 첫 요소일 때 (`status` 는 대상이 아니다) */
+    readonly paddingLeftLabelFirst: string;
     /** 우측 여백 */
     readonly paddingRight: string;
     /** 액션 텍스트 ↔ 액션 아이콘 간격 */

package/dist/index.cjs

@@ -11576,8 +11576,10 @@ var SYSTEM_ACTION_BUTTON_LAYOUT = {
   iconRadius: item2("icon-radius"),
   /** 아이콘 프레임 ↔ 라벨 간격 */
   iconLabelGap: item2("iconLabelGap"),
-  /** 좌측 여백 */
+  /** 좌측 여백 — 선행 아이콘 프레임이 첫 요소일 때 */
   paddingLeft: action("paddingLeft"),
+  /** 좌측 여백 — 선행 아이콘이 없는 `select`·`switch` 에서 라벨이 첫 요소일 때 (`status` 는 대상이 아니다) */
+  paddingLeftLabelFirst: action("labelFirst-paddingLeft"),
   /** 우측 여백 */
   paddingRight: action("paddingRight"),
   /** 액션 텍스트 ↔ 액션 아이콘 간격 */
@@ -11649,7 +11651,8 @@ var SSystemActionButton = /* @__PURE__ */ react.forwardRef(
       "--sab-action-icon": c.actionIcon,
       "minHeight": SYSTEM_ACTION_BUTTON_LAYOUT.height,
       "borderRadius": SYSTEM_ACTION_BUTTON_LAYOUT.radius,
-      "paddingLeft": SYSTEM_ACTION_BUTTON_LAYOUT.paddingLeft,
+      // labelFirst 는 아이콘 없는 select·switch 의 값이다. status 는 태그가 자리를 차지해도 대상이 아니다.
+      "paddingLeft": resolvedIcon || status ? SYSTEM_ACTION_BUTTON_LAYOUT.paddingLeft : SYSTEM_ACTION_BUTTON_LAYOUT.paddingLeftLabelFirst,
       "paddingRight": SYSTEM_ACTION_BUTTON_LAYOUT.paddingRight,
       "gap": SYSTEM_ACTION_BUTTON_LAYOUT.iconLabelGap,
       ...style
@@ -21556,6 +21559,8 @@ function SRadio({
   const labelInteractiveProps = native ? {} : {
     "role": "radio",
     "aria-checked": checked,
+    // 활성일 때는 속성 자체를 내보내지 않는다(aria-disabled="false" 도 노출하지 않는다).
+    "aria-disabled": disabled || void 0,
     "tabIndex": disabled ? -1 : 0,
     "onClick": select,
     "onKeyDown": (e) => {
@@ -26036,7 +26041,7 @@ var STimelineImpl = /* @__PURE__ */ react.forwardRef(function STimeline({ groups
           /* @__PURE__ */ jsxRuntime.jsxs(
             "li",
             {
-              className: "grid grid-cols-[52px_var(--cmp-timeline-rail-dot-size)_minmax(0,1fr)]",
+              className: "grid grid-cols-[52px_var(--cmp-timeline-rail-dot-size)_minmax(0,1fr)] pl-[var(--cmp-timeline-detailItem-paddingLeft)]",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "typo-body-sm-medium whitespace-nowrap pr-[var(--cmp-timeline-entry-horizontalGap)] text-right text-[color:var(--cmp-timeline-time-color)]", children: entry.time }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: "relative", children: [