@team-monolith/cds 1.96.2 → 1.97.0

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.
@@ -22,7 +22,7 @@ export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
22
22
  const { title, text, children } = props, restProps = __rest(props, ["title", "text", "children"]);
23
23
  return (_jsx(StyledTooltip, Object.assign({ ref: ref, title:
24
24
  // title이 없고 text가 null인 경우 툴팁을 표시하지 않음
25
- !title && text === null ? null : (_jsxs(_Fragment, { children: [title && _jsx(TitleDiv, { children: title }), text] })) }, restProps, { children: children })));
25
+ !title && text === null ? null : (_jsxs(_Fragment, { children: [title && _jsx(TitleDiv, { children: title }), text] })), describeChild: true }, restProps, { children: children })));
26
26
  });
27
27
  // https://mui.com/material-ui/react-tooltip/#customization
28
28
  const StyledTooltip = styled((_a) => {
@@ -74,7 +74,7 @@ export function SelectBoxView(props) {
74
74
  const ariaText = text || (image && image.altText) || index.toString() + "번 선택지";
75
75
  return (_jsx(SelectBoxComponent, { css: css `
76
76
  width: 100%;
77
- `, ref: boxRef, role: multipleSelectionsEnabled ? "checkbox" : "radio", "aria-checked": isSelected, "aria-disabled": !onClick, "aria-label": [ariaText, description].filter(Boolean).join(" "), tabIndex: onClick ? 0 : -1, type: type, index: type ? TYPE_TO_INDEX_ICON(type) : index, image: image, text: text, onClick: onClick,
77
+ `, ref: boxRef, role: multipleSelectionsEnabled ? "checkbox" : "radio", "aria-checked": isSelected, "aria-label": [ariaText, description].filter(Boolean).join(" "), tabIndex: onClick ? 0 : -1, type: type, index: type ? TYPE_TO_INDEX_ICON(type) : index, image: image, text: text, onClick: onClick,
78
78
  // 선택되지 않았으나 정답일 때 정답 태그를 표시
79
79
  endIcon: isAnswer &&
80
80
  !isSelected && (_jsx(Tag, { label: "\uC815\uB2F5", icon: _jsx(CheckboxCircleFillIcon, {}), color: "green", css: css `
@@ -23,10 +23,13 @@ export function SelectComponent(props) {
23
23
  selections.filter((s) => "isAnswer" in s && s.isAnswer).length > 1);
24
24
  // view
25
25
  if (!isEditable) {
26
- return (_jsxs("div", Object.assign({ role: multipleSelectionsEnabled ? "group" : "radiogroup", css: css `
26
+ return (_jsxs("fieldset", Object.assign({ css: css `
27
27
  display: flex;
28
28
  flex-direction: column;
29
29
  gap: 4px;
30
+ border: none;
31
+ margin: 0;
32
+ padding: 0;
30
33
  ` }, { children: [multipleSelectionsEnabled && (_jsxs(Alert, { children: [_jsx(AlarmWarningFillIcon, { css: css `
31
34
  width: 14px;
32
35
  height: 14px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@team-monolith/cds",
3
- "version": "1.96.2",
3
+ "version": "1.97.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": false,