@croquiscom/pds 16.54.1 → 16.55.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.
Files changed (16) hide show
  1. package/dist/components/badge/index.d.ts +1 -0
  2. package/dist/components/button/index.d.ts +1 -0
  3. package/dist/components/category-selector/CategorySelector.test.stories.d.ts +2 -2
  4. package/dist/components/input/index.d.ts +1 -0
  5. package/dist/components/modal/index.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/pds-skills/SKILL.md +2 -2
  8. package/pds-skills/resources/components/component-dropdowncomposite.props.txt +1 -1
  9. package/pds-skills/resources/components/component-dropdownfilter.props.txt +1 -1
  10. package/pds-skills/resources/components/component-dropdowninput.props.txt +2 -2
  11. package/pds-skills/resources/components/component-dropdownmultiselect.props.txt +2 -2
  12. package/pds-skills/resources/components/component-modal-alertmodal.props.txt +1 -1
  13. package/pds-skills/resources/components/component-modal-confirmmodal.props.txt +2 -2
  14. package/pds-skills/resources/components/component-stack-stack.props.txt +1 -1
  15. package/pds-skills/resources/components/component-timerangepicker.props.txt +1 -1
  16. package/pds-skills/resources/components/intro.txt +1 -1
package/dist/components/badge/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './Badge';
2
+ export * from './types';
package/dist/components/button/index.d.ts CHANGED
@@ -5,3 +5,4 @@ export * from './PopoverButton';
5
5
  export * from './CloseButton';
6
6
  export * from './AccordionButton';
7
7
  export * from './FloatingButton';
8
+ export * from './types';
package/dist/components/category-selector/CategorySelector.test.stories.d.ts CHANGED
@@ -15,7 +15,7 @@ export declare const WithCanClickOutside: {
15
15
  decorators?: import("storybook/internal/csf").DecoratorFunction<import("@storybook/react/dist/types-7abe74eb").R, {
16
16
  width?: import("../..").CSSValueWithLength | undefined;
17
17
  zIndex?: number | undefined;
18
- size?: import("../input/types").InputSize | undefined;
18
+ size?: import("..").InputSize | undefined;
19
19
  disabled?: boolean | undefined;
20
20
  selectedOptions?: import("./CategorySelectorDropdown").ChipsDropdownOption<string | number>[] | undefined;
21
21
  onOptionValuesChange?: ((values: (string | number)[]) => void) | undefined;
@@ -27,7 +27,7 @@ export declare const WithCanClickOutside: {
27
27
  }> | import("storybook/internal/csf").DecoratorFunction<import("@storybook/react/dist/types-7abe74eb").R, {
28
28
  width?: import("../..").CSSValueWithLength | undefined;
29
29
  zIndex?: number | undefined;
30
- size?: import("../input/types").InputSize | undefined;
30
+ size?: import("..").InputSize | undefined;
31
31
  disabled?: boolean | undefined;
32
32
  selectedOptions?: import("./CategorySelectorDropdown").ChipsDropdownOption<string | number>[] | undefined;
33
33
  onOptionValuesChange?: ((values: (string | number)[]) => void) | undefined;
package/dist/components/input/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export * from './NumericInput';
3
3
  export * from './ChipInput';
4
4
  export * from './useInputStepper';
5
5
  export * from './InputStepper';
6
+ export * from './types';
package/dist/components/modal/index.d.ts CHANGED
@@ -4,3 +4,4 @@ export * from './ConfirmModal';
4
4
  export * from './NoticeModal';
5
5
  export * from './FloatingModal';
6
6
  export type { ConfirmModalProps, AlertModalProps } from './createModalElement';
7
+ export type { ModalBaseCancelReason } from './ModalOverlay';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@croquiscom/pds",
3
- "version": "16.54.1",
3
+ "version": "16.55.0",
4
4
  "description": "Design system for Zigzag's Partner Center",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.es.js",
package/pds-skills/SKILL.md CHANGED
@@ -197,5 +197,5 @@ import { semantic_colors, spacing, shapes } from '@croquiscom/pds';
197
197
 
198
198
  ---
199
199
 
200
- **문서 버전**: v16.54.1
201
- **마지막 업데이트**: 2026-03-17
200
+ **문서 버전**: v16.55.0
201
+ **마지막 업데이트**: 2026-03-20
package/pds-skills/resources/components/component-dropdowncomposite.props.txt CHANGED
@@ -6,7 +6,7 @@
6
6
  | Name | Type | Required | Default | Description |
7
7
  |------|------|----------|---------|-------------|
8
8
  | `dropdownProps` | `DropdownCompositeDropdownOption<OptionValue>` | Yes | | |
9
- | `inputProps` | `Pick<InputProps, "value" | "onChange" | "placeholder" | "width">` | Yes | | |
9
+ | `inputProps` | `Pick<InputProps, "value" | "onChange" | "width" | "placeholder">` | Yes | | |
10
10
  | `disabled` | `boolean | undefined` | No | | |
11
11
  | `onSubmit` | `(({ dropdownValue }: { dropdownValue?: OptionValue | undefined; }) => void) | undefined` | No | | |
12
12
  | `onReset` | `(({ dropdownValue }: { dropdownValue?: OptionValue | undefined; }) => void) | undefined` | No | | |
package/pds-skills/resources/components/component-dropdownfilter.props.txt CHANGED
@@ -23,10 +23,10 @@
23
23
  | `className` | `string | undefined` | No | | |
24
24
  | `disabled` | `boolean | undefined` | No | | |
25
25
  | `status` | `undefined "error"` | No | | |
26
+ | `width` | `CSSValueWithLength | undefined` | No | | |
26
27
  | `zIndex` | `number | undefined` | No | getZIndex('dropdown') | |
27
28
  | `autoPlacement` | `boolean | undefined` | No | true | floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무 - 자동 위치 상/하만 적용됩니다. |
28
29
  | `maxHeight` | `number | undefined` | No | DEFAULT_DROPDOWN_MAX_HEIGHT | |
29
- | `width` | `CSSValueWithLength | undefined` | No | | |
30
30
  | `keyExtractor` | `((item: DropdownOption<OptionValue>, index: number) => string | number) | undefined` | No | | |
31
31
  | `labelHeight` | `CSSValueWithLength | undefined` | No | | |
32
32
  | `optionItemHeight` | `number | undefined` | No | | |
package/pds-skills/resources/components/component-dropdowninput.props.txt CHANGED
@@ -18,10 +18,10 @@
18
18
  | `disabled` | `boolean | undefined` | No | | |
19
19
  | `value` | `string | number | undefined` | No | | |
20
20
  | `status` | `undefined "error"` | No | | |
21
+ | `width` | `CSSValueWithLength | undefined` | No | | |
21
22
  | `zIndex` | `number | undefined` | No | getZIndex('dropdown') | |
22
- | `autoPlacement` | `boolean | undefined` | No | true | floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무 - 자동 위치 상/하만 적용됩니다. |
23
23
  | `placeholder` | `string | undefined` | No | | |
24
- | `width` | `CSSValueWithLength | undefined` | No | | |
24
+ | `autoPlacement` | `boolean | undefined` | No | true | floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무 - 자동 위치 상/하만 적용됩니다. |
25
25
  | `optionItemHeight` | `number | undefined` | No | | |
26
26
  | `enableVirtualScroll` | `boolean | undefined` | No | false | |
27
27
  | `unstableFocusVisible` | `boolean | undefined` | No | | react-aria useFocusRing isFocusVisible 반환값을 제어할 수 있습니다. |
package/pds-skills/resources/components/component-dropdownmultiselect.props.txt CHANGED
@@ -14,11 +14,11 @@
14
14
  | `size` | `undefined "medium" "large" "xsmall"` | No | 'medium' | |
15
15
  | `disabled` | `boolean | undefined` | No | | |
16
16
  | `status` | `undefined "error"` | No | | |
17
+ | `width` | `CSSValueWithLength | undefined` | No | | |
17
18
  | `zIndex` | `number | undefined` | No | getZIndex('dropdown') | |
19
+ | `placeholder` | `string | undefined` | No | | |
18
20
  | `autoPlacement` | `boolean | undefined` | No | true | floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무 - 자동 위치 상/하만 적용됩니다. |
19
21
  | `optionsMatchRefWidth` | `boolean | undefined` | No | true | |
20
- | `placeholder` | `string | undefined` | No | | |
21
- | `width` | `CSSValueWithLength | undefined` | No | | |
22
22
  | `keyExtractor` | `((item: DropdownOption<OptionValue>, index: number) => string | number) | undefined` | No | | |
23
23
  | `labelHeight` | `CSSValueWithLength | undefined` | No | | |
24
24
  | `optionItemHeight` | `number | undefined` | No | | |
package/pds-skills/resources/components/component-modal-alertmodal.props.txt CHANGED
@@ -19,8 +19,8 @@
19
19
  | `className` | `string | undefined` | No | | |
20
20
  | `fill` | `boolean | undefined` | No | false | |
21
21
  | `opened` | `boolean | undefined` | No | | |
22
- | `zIndex` | `number | undefined` | No | getZIndex('modal') | |
23
22
  | `width` | `CSSValueWithLength | undefined` | No | 480 | Modal 너비를 지정할 수 있습니다. |
23
+ | `zIndex` | `number | undefined` | No | getZIndex('modal') | |
24
24
  | `canClickOutside` | `boolean | undefined` | No | true | outside 영역 클릭시 닫힘 사용 여부 |
25
25
  | `canCloseEscapeKey` | `boolean | undefined` | No | true | escapeKey 키이벤트 닫힘 사용 여부 |
26
26
  | `returnFocus` | `boolean | undefined` | No | true | reference 요소로 포커스 반환 여부 |
package/pds-skills/resources/components/component-modal-confirmmodal.props.txt CHANGED
@@ -16,14 +16,14 @@
16
16
  | `onClose` | `(() => void | Promise<void>) | undefined` | No | | onConfirm/onCancel이 호출된 직후 onClose가 호출됩니다. |
17
17
  | `opened` | `boolean | undefined` | No | | |
18
18
  | `text` | `ReactNode` | No | | |
19
- | `zIndex` | `number | undefined` | No | getZIndex('modal') | |
20
19
  | `width` | `CSSValueWithLength | undefined` | No | 480 | Modal 너비를 지정할 수 있습니다. |
20
+ | `zIndex` | `number | undefined` | No | getZIndex('modal') | |
21
21
  | `canClickOutside` | `boolean | undefined` | No | true | outside 영역 클릭시 닫힘 사용 여부 |
22
22
  | `canCloseEscapeKey` | `boolean | undefined` | No | true | escapeKey 키이벤트 닫힘 사용 여부 |
23
+ | `dense` | `boolean | undefined` | No | | |
23
24
  | `returnFocus` | `boolean | undefined` | No | true | reference 요소로 포커스 반환 여부 |
24
25
  | `onExited` | `(() => void) | undefined` | No | | Modal destroy시 전달합니다. |
25
26
  | `subtext` | `ReactNode` | No | | |
26
- | `dense` | `boolean | undefined` | No | | |
27
27
  | `confirmText` | `string | undefined` | No | | |
28
28
  | `confirmButtonProps` | `ModalButtonProps | undefined` | No | | |
29
29
  | `onConfirm` | `(() => void | Promise<void>) | undefined` | No | | confirmButton 클릭 이벤트 |
package/pds-skills/resources/components/component-stack-stack.props.txt CHANGED
@@ -15,8 +15,8 @@
15
15
  | `justify` | `JustifyContent | undefined` | No | | |
16
16
  | `gap` | `Gap<string | number> | undefined` | No | | |
17
17
  | `className` | `string | undefined` | No | | |
18
- | `height` | `CSSValueWithLength | undefined` | No | | |
19
18
  | `width` | `CSSValueWithLength | undefined` | No | | |
19
+ | `height` | `CSSValueWithLength | undefined` | No | | |
20
20
  | `p` | `CSSValueWithLength | undefined` | No | | |
21
21
  | `mt` | `CSSValueWithLength | undefined` | No | | |
22
22
  | `m` | `CSSValueWithLength | undefined` | No | | |
package/pds-skills/resources/components/component-timerangepicker.props.txt CHANGED
@@ -14,9 +14,9 @@
14
14
  | `error` | `boolean | undefined` | No | | |
15
15
  | `onClose` | `(() => void) | undefined` | No | | |
16
16
  | `disabled` | `boolean | undefined` | No | | |
17
+ | `width` | `CSSValueWithLength | undefined` | No | 100% | Input 너비를 지정할 수 있습니다. |
17
18
  | `zIndex` | `number | undefined` | No | getZIndex('picker') | |
18
19
  | `readOnly` | `boolean | undefined` | No | false | |
19
- | `width` | `CSSValueWithLength | undefined` | No | 100% | Input 너비를 지정할 수 있습니다. |
20
20
  | `onOpen` | `(() => void) | undefined` | No | | |
21
21
  | `showRemoveButton` | `boolean | undefined` | No | false | Input 우측에 값 지우기 버튼 표시 여부 true: 값이 있을 때 마우스 호버 시 지우기(X) 버튼 표시 false: 항상 시계 아이콘만 표시 값이 없을 때는 설정과 관계없이 시계 아이콘이 표시됩니다. |
22
22
  | `incrementMinute` | `number | undefined` | No | 1 | 지정된 배수 단위로 분 설정이 가능합니다. |
package/pds-skills/resources/components/intro.txt CHANGED
@@ -1,3 +1,3 @@
1
- # PDS v16.54.1
1
+ # PDS v16.55.0
2
2
 
3
3
  **Partner Design System** - 카카오스타일 어드민 서비스를 위한 React 컴포넌트 라이브러리