sellmate-design-system-react 9.0.0-beta.85 → 9.0.0-beta.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
| `value?` | `string \| number \| null` | — | 현재 선택 값 |
|
|
13
13
|
| `size?` | `SRadioButtonSize` | `'sm'` | 크기 |
|
|
14
14
|
| `disabled?` | `boolean` | `false` | 전체 비활성 |
|
|
15
|
-
| `readOnly?` | `boolean` | `false` | 읽기 전용. 선택 값을 보여주기만 하고 바꿀 수 없다. 모든 버튼이 readOnly 배경, 선택된 버튼만 readOnly
|
|
15
|
+
| `readOnly?` | `boolean` | `false` | 읽기 전용. 선택 값을 보여주기만 하고 바꿀 수 없다. 모든 버튼이 readOnly 배경, 선택된 버튼만 readOnly 테두리·기본 글자색으로 구분하고 선택되지 않은 버튼의 글자는 disabled 색이다. 포커스·툴팁은 유지된다. `disabled`(그룹·옵션)가 함께 오면 disabled 가 우선한다. |
|
|
16
16
|
| `name?` | `string` | — | input name 속성 |
|
|
17
17
|
| `showTooltip?` | `boolean` | `false` | 옵션 호버 시 툴팁 노출. 문구는 옵션별 `tooltip` 으로 주며, 문구가 없는 옵션은 툴팁을 띄우지 않는다. 툴팁 타입은 `accent` 고정이다. |
|
|
18
18
|
| `className?` | `string` | — | |
|
|
@@ -18,7 +18,8 @@ export interface SRadioButtonProps {
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
/**
|
|
20
20
|
* 읽기 전용. 선택 값을 보여주기만 하고 바꿀 수 없다.
|
|
21
|
-
* 모든 버튼이 readOnly 배경, 선택된 버튼만 readOnly
|
|
21
|
+
* 모든 버튼이 readOnly 배경, 선택된 버튼만 readOnly 테두리·기본 글자색으로 구분하고
|
|
22
|
+
* 선택되지 않은 버튼의 글자는 disabled 색이다.
|
|
22
23
|
* 포커스·툴팁은 유지된다. `disabled`(그룹·옵션)가 함께 오면 disabled 가 우선한다.
|
|
23
24
|
*/
|
|
24
25
|
readOnly?: boolean;
|
package/dist/index.cjs
CHANGED
|
@@ -22944,7 +22944,7 @@ var SForm = /* @__PURE__ */ react.forwardRef(function SForm2({ formClassName, on
|
|
|
22944
22944
|
var SIZE_CONFIG2 = {
|
|
22945
22945
|
xs: { fontSize: 12, lineHeight: 20, radius: "var(--cmp-radioButton-radius-sm)" },
|
|
22946
22946
|
sm: { fontSize: 12, lineHeight: 20, radius: "var(--cmp-radioButton-radius-sm)" },
|
|
22947
|
-
md: { fontSize:
|
|
22947
|
+
md: { fontSize: 14, lineHeight: 24, radius: "var(--cmp-radioButton-radius-md)" }
|
|
22948
22948
|
};
|
|
22949
22949
|
function SRadioButton({
|
|
22950
22950
|
options = [],
|
|
@@ -23012,7 +23012,7 @@ function SRadioButton({
|
|
|
23012
23012
|
].join(" "),
|
|
23013
23013
|
background: od ? "var(--cmp-radioButton-bg-disabled)" : ro ? "var(--cmp-radioButton-bg-readOnly)" : "var(--cmp-radioButton-bg-default)",
|
|
23014
23014
|
borderColor: od ? "var(--cmp-radioButton-border-disabled)" : selected ? ro ? "var(--cmp-radioButton-border-readOnly)" : "var(--cmp-radioButton-border-select)" : "var(--cmp-radioButton-border-default)",
|
|
23015
|
-
color: od ? "var(--cmp-radioButton-content-disabled)" : selected && !ro ? "var(--cmp-radioButton-content-select)" : "var(--cmp-radioButton-content-default)"
|
|
23015
|
+
color: od || ro && !selected ? "var(--cmp-radioButton-content-disabled)" : selected && !ro ? "var(--cmp-radioButton-content-select)" : "var(--cmp-radioButton-content-default)"
|
|
23016
23016
|
},
|
|
23017
23017
|
children: o.label
|
|
23018
23018
|
},
|