@croquiscom/pds 0.42.2 → 0.42.4
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.
- package/CHANGELOG.md +15 -0
- package/assets/icons/DiscountTag16.svg +6 -0
- package/assets/icons/PartnerSupport24.svg +3 -0
- package/dist/components/banner/NormalBanner.d.ts +2 -2
- package/dist/components/divider/Divider.d.ts +5 -0
- package/dist/components/dropdown/Dropdown.stories.d.ts +1 -1
- package/dist/components/icons/generated/DiscountTag16.d.ts +4 -0
- package/dist/components/icons/generated/PartnerSupport24.d.ts +4 -0
- package/dist/components/icons/generated/index.d.ts +2 -0
- package/dist/components/modal/Modal.stories.d.ts +1 -0
- package/dist/components/popover/Popover.stories.d.ts +4 -1
- package/dist/components/radio/BoxRadioGroup.stories.d.ts +11 -0
- package/dist/components/radio/RadioGroup.d.ts +6 -2
- package/dist/components/radio/RadioGroup.stories.d.ts +0 -1
- package/dist/index.es.js +2 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @croquiscom/pds
|
|
2
2
|
|
|
3
|
+
## 0.42.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- aa38ba0: feat: PDS-137, NormalBanner neutral kind 추가
|
|
8
|
+
- 063f771: 소호 셀러 패키지 프로그램 아이콘 추가
|
|
9
|
+
|
|
10
|
+
## 0.42.3
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- a63439f: Popover Placement 지정시 autoPlace 대체하도록 수정, Modal onKeyDown 이벤트 버블링 제거
|
|
15
|
+
- d639c36: feat: NormalBanner message prop을 optional로 수정
|
|
16
|
+
- 45104ba: RadioGroup Box 타입 스타일 변경, Divider length 속성 추가
|
|
17
|
+
|
|
3
18
|
## 0.42.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M14.9418 6.53974C14.5187 5.97533 13.9929 5.28738 13.4982 4.67815C13.0146 4.08257 12.5288 3.52148 12.1943 3.24332C11.902 3.0002 11.5452 2.86252 11.1752 2.83455C8.41196 2.62572 5.73523 2.59685 2.99534 2.74809C1.74167 2.8173 0.74782 3.79858 0.592339 5.02067C0.33592 7.03612 0.33592 8.9638 0.592339 10.9792C0.74782 12.2013 1.74167 13.1826 2.99534 13.2518C5.73522 13.4031 8.41196 13.3742 11.1752 13.1654C11.5452 13.1374 11.902 12.9997 12.1943 12.7566C12.5288 12.4784 13.0146 11.9173 13.4982 11.3218C13.9929 10.7125 14.5187 10.0246 14.9418 9.46018L14.9581 9.43839C15.1508 9.18135 15.3215 8.95379 15.4401 8.74774C15.5697 8.52253 15.6618 8.28336 15.6618 7.99996C15.6618 7.71656 15.5697 7.47739 15.4401 7.25218C15.3215 7.04613 15.1508 6.81856 14.9581 6.56153L14.9418 6.53974Z" fill="#363644"/>
|
|
3
|
+
<path d="M4.96415 5.96029C5.27109 5.65336 5.76873 5.65336 6.07567 5.96029C6.3826 6.26723 6.3826 6.76487 6.07567 7.07181L6.06827 7.0792C5.76134 7.38614 5.26369 7.38614 4.95676 7.0792C4.64982 6.77227 4.64982 6.27462 4.95676 5.96769L4.96415 5.96029Z" fill="white"/>
|
|
4
|
+
<path d="M7.92636 8.92616C8.2333 8.61923 8.73094 8.61923 9.03788 8.92616C9.34481 9.2331 9.34481 9.73074 9.03788 10.0377L9.03048 10.0451C8.72354 10.352 8.2259 10.352 7.91897 10.0451C7.61203 9.73814 7.61203 9.2405 7.91897 8.93356L7.92636 8.92616Z" fill="white"/>
|
|
5
|
+
<path d="M8.60552 5.65347C8.81015 5.44884 9.14191 5.44884 9.34653 5.65347C9.55116 5.85809 9.55116 6.18985 9.34653 6.39448L5.39448 10.3465C5.18985 10.5512 4.85809 10.5512 4.65347 10.3465C4.44884 10.1419 4.44884 9.81015 4.65347 9.60552L8.60552 5.65347Z" fill="white"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8094 6.00783C13.7709 5.67607 14.9458 5.72971 16.019 6.80295L17.5893 8.37324L19.6592 8.36717C20.0422 8.3758 20.5103 8.50208 20.8802 8.79446C21.2451 9.08289 21.523 9.53957 21.5259 10.233L21.5259 13.7663C21.5173 14.149 21.3897 14.6188 21.0964 14.9897C20.8073 15.3553 20.3514 15.6329 19.6619 15.6332H19.6606L18.9446 15.621C19.2229 15.8994 19.2229 16.3506 18.9446 16.6289L17.7868 17.7867C17.2084 18.3651 16.0741 18.8477 15.0051 18.2173L14.9321 18.1742L14.8575 18.2146C14.2487 18.5441 13.4336 18.6732 12.6472 18.2167L12.5745 18.1745L12.5005 18.2145C12.123 18.4187 11.6702 18.5462 11.1973 18.5071C10.7271 18.4682 10.2265 18.2638 9.74935 17.7867L7.58988 15.6272L4.33972 15.6332C3.91235 15.6331 3.36403 15.4672 2.9788 15.082C2.68331 14.7865 2.47473 14.3652 2.47473 13.768V10.2341C2.48332 9.85107 2.60959 9.38283 2.90203 9.01287C3.19041 8.64804 3.64651 8.37015 4.33977 8.36717L5.23253 8.3735L7.2971 6.30893C7.48463 6.12139 7.73899 6.01604 8.0042 6.01604L12.7856 6.01604L12.8094 6.00783ZM15.0527 7.76933C14.4772 7.19393 13.9026 7.11021 13.4303 7.22351C12.9712 7.33367 12.6279 7.6249 12.4835 7.76933L10.7157 9.5371C10.571 9.68187 10.4272 9.88595 10.3947 10.1333C10.361 10.3897 10.4506 10.6626 10.7157 10.9277C10.9809 11.1929 11.2537 11.2825 11.5101 11.2488C11.7575 11.2163 11.9616 11.0725 12.1064 10.9277L12.4717 10.5624C12.8622 10.1719 13.4954 10.1719 13.8859 10.5624L17.5893 14.2658L19.6611 14.2597L19.6647 14.2597C19.7268 14.2598 19.852 14.2598 19.9612 14.1878C20.0851 14.1061 20.1514 13.961 20.1583 13.7553L20.1524 10.2322V10.2284C20.1524 10.1662 20.1525 10.041 20.0805 9.93181C19.9988 9.80792 19.8537 9.74162 19.648 9.73476L17.0181 9.73476L15.0527 7.76933ZM9.74935 8.57072L10.9423 7.37774L8.16105 7.37774L5.80379 9.735L4.33966 9.74065L4.33596 9.74065C4.27378 9.74061 4.14859 9.74054 4.03937 9.81258C3.91549 9.89429 3.84917 10.0394 3.84232 10.2451L3.84822 13.768L3.84821 13.772C3.84818 13.8342 3.8481 13.9593 3.92014 14.0686C4.00185 14.1925 4.14694 14.2588 4.35266 14.2656L8.16105 14.2656L10.7157 16.8203C10.9809 17.0854 11.2537 17.1751 11.5101 17.1414C11.7575 17.1089 11.9616 16.9651 12.1064 16.8203L12.5896 16.3371L13.0728 16.8203C13.3379 17.0854 13.6107 17.1751 13.8672 17.1414C14.1145 17.1089 14.3186 16.9651 14.4634 16.8203L14.9466 16.3371L15.4298 16.8203C15.6949 17.0854 15.9678 17.1751 16.2242 17.1414C16.4716 17.1089 16.6757 16.9651 16.8204 16.8203L17.5157 16.125L13.1788 11.7881L13.0728 11.8941C12.7367 12.2301 12.2072 12.5362 11.6126 12.6047C11.0249 12.6724 10.3648 12.5096 9.74935 11.8941C9.13388 11.2786 8.97106 10.6185 9.03879 10.0308C9.10731 9.4363 9.41334 8.90673 9.74935 8.57072Z" fill="#363644"/>
|
|
3
|
+
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export type NormalBannerKind = 'info' | 'error' | 'success';
|
|
2
|
+
export type NormalBannerKind = 'neutral' | 'info' | 'error' | 'success';
|
|
3
3
|
export interface NormalBannerProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
/**
|
|
@@ -7,6 +7,6 @@ export interface NormalBannerProps {
|
|
|
7
7
|
*/
|
|
8
8
|
kind?: NormalBannerKind;
|
|
9
9
|
title: string;
|
|
10
|
-
message
|
|
10
|
+
message?: ReactNode;
|
|
11
11
|
}
|
|
12
12
|
export declare const NormalBanner: ({ className, kind, title, message }: NormalBannerProps) => JSX.Element;
|
|
@@ -8,6 +8,11 @@ export interface DividerProps {
|
|
|
8
8
|
spacing?: CSSValueWithLength;
|
|
9
9
|
/** @default 'small' */
|
|
10
10
|
size?: DividerSize;
|
|
11
|
+
/**
|
|
12
|
+
* @default '100%'
|
|
13
|
+
* @desc 지정되지 않을 경우 horizontal 일경우 width 값이, vertical 일경우 height값이 100%로 고정됩니다.
|
|
14
|
+
*/
|
|
15
|
+
length?: CSSValueWithLength;
|
|
11
16
|
}
|
|
12
17
|
export declare const Divider: import("@emotion/styled").StyledComponent<{
|
|
13
18
|
theme?: import("@emotion/react").Theme;
|
|
@@ -6,6 +6,6 @@ export default _default;
|
|
|
6
6
|
export declare const Base: any;
|
|
7
7
|
export declare const Disabled: any;
|
|
8
8
|
export declare const DisabledOptionItem: any;
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const CustomMaxHeight: any;
|
|
10
10
|
export declare const WithIcon: ComponentStory<typeof Dropdown>;
|
|
11
11
|
export declare const Controlled: ComponentStory<typeof Dropdown>;
|
|
@@ -68,6 +68,7 @@ export { default as IconDashboard24 } from './Dashboard24';
|
|
|
68
68
|
export { default as IconDeleteCircleFill20 } from './DeleteCircleFill20';
|
|
69
69
|
export { default as IconDelivery24 } from './Delivery24';
|
|
70
70
|
export { default as IconDelivery72 } from './Delivery72';
|
|
71
|
+
export { default as IconDiscountTag16 } from './DiscountTag16';
|
|
71
72
|
export { default as IconDoc14 } from './Doc14';
|
|
72
73
|
export { default as IconDocConfirm50 } from './DocConfirm50';
|
|
73
74
|
export { default as IconDone20 } from './Done20';
|
|
@@ -123,6 +124,7 @@ export { default as IconOrdering16 } from './Ordering16';
|
|
|
123
124
|
export { default as IconOrders18 } from './Orders18';
|
|
124
125
|
export { default as IconOutlinkOne14 } from './OutlinkOne14';
|
|
125
126
|
export { default as IconOutlinkTwo14 } from './OutlinkTwo14';
|
|
127
|
+
export { default as IconPartnerSupport24 } from './PartnerSupport24';
|
|
126
128
|
export { default as IconPause20 } from './Pause20';
|
|
127
129
|
export { default as IconPenaltyBad20 } from './PenaltyBad20';
|
|
128
130
|
export { default as IconPenaltyGood20 } from './PenaltyGood20';
|
|
@@ -12,6 +12,7 @@ export declare const ControlledCancelEvent: ComponentStory<typeof Modal>;
|
|
|
12
12
|
export declare const CustomFooter: ComponentStory<typeof Modal>;
|
|
13
13
|
export declare const CustomContent: ComponentStory<typeof Modal>;
|
|
14
14
|
export declare const NestingModal: ComponentStory<typeof Modal>;
|
|
15
|
+
export declare const NestingChildModal: ComponentStory<typeof Modal>;
|
|
15
16
|
export declare const NestingConfirm: ComponentStory<typeof Modal>;
|
|
16
17
|
export declare const FullScreen: ComponentStory<typeof Modal>;
|
|
17
18
|
export declare const MaxHeight: ComponentStory<typeof Modal>;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ComponentMeta } from '@storybook/react';
|
|
2
|
+
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Popover } from './Popover';
|
|
3
4
|
declare const _default: ComponentMeta<React.FC<import("./Popover").PopoverProps>>;
|
|
4
5
|
export default _default;
|
|
5
6
|
export declare const Base: any;
|
|
6
7
|
export declare const HoverIcon: () => JSX.Element;
|
|
8
|
+
export declare const Placement: ComponentStory<typeof Popover>;
|
|
7
9
|
export declare const ContentWithCloseAction: () => JSX.Element;
|
|
10
|
+
export declare const HidingFullyClippedReferenceElements: () => JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
declare const _default: ComponentMeta<(<RadioValue>(props: import("./RadioGroup").RadioGroupProps<RadioValue> & {
|
|
4
|
+
ref?: React.Ref<import("./RadioGroup").RadioGroupInstance<RadioValue>>;
|
|
5
|
+
}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Base: any;
|
|
8
|
+
export declare const Disabled: any;
|
|
9
|
+
export declare const DisabledItem: any;
|
|
10
|
+
export declare const SelectedDisabled: any;
|
|
11
|
+
export declare const Controlled: () => JSX.Element;
|
|
@@ -13,11 +13,15 @@ export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<H
|
|
|
13
13
|
name?: string;
|
|
14
14
|
items: RadioItem<RadioValue>[];
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
16
|
+
* radioItmType - box 일경우 spacing 속성은 미적용됩니다.
|
|
17
|
+
* @default 24
|
|
18
18
|
*/
|
|
19
19
|
spacing?: number;
|
|
20
20
|
disabled?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* radioItmType - box 일경우 align 속성은 'horizontal' 고정입니다.
|
|
23
|
+
* @default horizontal
|
|
24
|
+
*/
|
|
21
25
|
align?: AlignType;
|
|
22
26
|
radioItemType?: RadioItemType;
|
|
23
27
|
keyExtractor?: (item: RadioItem<RadioValue>, index: number) => string | number;
|