@croquiscom/pds 8.14.1 → 8.16.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.16.0
+
+### Minor Changes
+
+- d36d280: SelectChip 추가
+
+## 8.15.0
+
+### Minor Changes
+
+- 8a1e3b1: ColoredMegaphone, ColoredRocket 아이콘 추가
+
 ## 8.14.1
 
 ### Patch Changes

package/assets/icons/ColoredMegaphone.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.3493 16.1832L9.25293 12.7169L9.28691 6.44116L18.4173 3.07674C19.2216 2.78221 20.0598 3.37127 20.0598 4.2322L20.0032 15.0618C20.0032 15.9114 19.1423 16.5004 18.3493 16.1946V16.1832Z" fill="#91D6A7"/>
+<path d="M6.14919 6.42991H9.28704L9.25306 12.7283H6.1152C4.39334 12.6943 3 11.2783 3 9.54511C3 7.81192 4.416 6.41858 6.14919 6.41858V6.42991Z" fill="#5AC27C"/>
+<path d="M9.86509 19.8989H8.13191C7.7241 19.8989 7.3616 19.6043 7.27098 19.2078L5.68506 12.7056L9.27604 12.7282L10.76 18.8C10.8733 19.2758 10.5788 19.7629 10.103 19.8875C10.035 19.9102 9.95572 19.9102 9.88775 19.9102L9.86509 19.8989Z" fill="#23AE50"/>
+</svg>

package/assets/icons/ColoredRocket.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6060_21717)">
+<path d="M6.80521 13.8723L10.1277 17.1948C10.1277 17.1948 5.74461 19.9005 4.91127 19.0563C4.07794 18.2121 6.80521 13.8723 6.80521 13.8723Z" fill="#FBD05E"/>
+<path d="M7.50862 14.5758L9.42421 16.4913C9.42421 16.4913 6.89174 18.0498 6.40473 17.5628C5.91772 17.0758 7.4978 14.5649 7.4978 14.5649L7.50862 14.5758Z" fill="#F9B75F"/>
+<path d="M8.51515 9.17529L2 11.4588L7.34632 14.5541L8.51515 9.17529Z" fill="#E15244"/>
+<path d="M14.8138 15.4849L12.541 22L9.4458 16.6429L14.8138 15.4849Z" fill="#E15244"/>
+<path d="M16.3183 2.16235C14.3486 2.59525 12.065 3.94807 9.52175 6.87015C6.61049 10.2035 6.0369 12.8442 6.69707 14.2295C7.16244 15.2143 8.80746 16.7836 9.77067 17.303C11.1235 18.0282 13.7966 17.3896 17.13 14.4784C20.0521 11.9351 21.4049 9.65153 21.8378 7.68183L16.3183 2.16235Z" fill="#E0E0E4"/>
+<path d="M21.1236 3.0065C21.1236 3.0065 21.0262 2.89827 20.9937 2.87663C19.7166 2.16234 18.1474 1.76191 16.3184 2.16234L21.8378 7.68182C22.2383 5.85282 21.8378 4.28355 21.1236 3.01732V3.0065Z" fill="#5A6175"/>
+<path d="M15.4848 11.3181C17.0388 11.3181 18.2986 10.0583 18.2986 8.50428C18.2986 6.95023 17.0388 5.69043 15.4848 5.69043C13.9307 5.69043 12.6709 6.95023 12.6709 8.50428C12.6709 10.0583 13.9307 11.3181 15.4848 11.3181Z" fill="#5A6175"/>
+<path d="M15.5 10C16.3284 10 17 9.32843 17 8.5C17 7.67157 16.3284 7 15.5 7C14.6716 7 14 7.67157 14 8.5C14 9.32843 14.6716 10 15.5 10Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_6060_21717">
+<rect width="20" height="20" fill="white" transform="translate(2 2)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/components/chip/SelectChip.d.ts

@@ -0,0 +1,9 @@
+import React, { ButtonHTMLAttributes, ReactElement } from 'react';
+import { IconProps } from '../icons/generated';
+export interface ChipProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'> {
+    label: string;
+    selected?: boolean;
+    /** label 좌측 렌더링될 Icon (size, 변경 가능한 color 고정) */
+    leftIcon?: ReactElement<IconProps>;
+}
+export declare const SelectChip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/chip/SelectChip.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SelectChip } from './SelectChip';
+declare const meta: Meta<typeof SelectChip>;
+export default meta;
+type Story = StoryObj<typeof SelectChip>;
+export declare const AllState: Story;
+export declare const Base: Story;

package/dist/components/chip/styles.d.ts

@@ -4,3 +4,5 @@ export declare const input_chip_x_enabled_css: import("@emotion/utils").Serializ
 export declare const input_chip_x_disabled_css: import("@emotion/utils").SerializedStyles;
 export declare const input_chip_height_size_css: Record<InputSize, string>;
 export declare const input_chip_size_css: Record<InputSize, string>;
+export declare const select_chip_base_css: import("@emotion/utils").SerializedStyles;
+export declare const select_chip_selected_css: import("@emotion/utils").SerializedStyles;

package/dist/components/icons/generated/ColoredMegaphone.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredMegaphone: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredMegaphone;

package/dist/components/icons/generated/ColoredRocket.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '.';
+declare const SvgColoredRocket: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
+export default SvgColoredRocket;

package/dist/components/icons/generated/index.d.ts

@@ -118,6 +118,7 @@ export { default as IconColoredHeart } from './ColoredHeart';
 export { default as IconColoredHomeSet } from './ColoredHomeSet';
 export { default as IconColoredKeyword } from './ColoredKeyword';
 export { default as IconColoredMedal } from './ColoredMedal';
+export { default as IconColoredMegaphone } from './ColoredMegaphone';
 export { default as IconColoredMoneyBag } from './ColoredMoneyBag';
 export { default as IconColoredMoneyFly } from './ColoredMoneyFly';
 export { default as IconColoredPenalty } from './ColoredPenalty';
@@ -126,6 +127,7 @@ export { default as IconColoredPulse } from './ColoredPulse';
 export { default as IconColoredRanking } from './ColoredRanking';
 export { default as IconColoredReturn } from './ColoredReturn';
 export { default as IconColoredRobot } from './ColoredRobot';
+export { default as IconColoredRocket } from './ColoredRocket';
 export { default as IconColoredShoppingBag } from './ColoredShoppingBag';
 export { default as IconColoredSiren } from './ColoredSiren';
 export { default as IconColoredStar } from './ColoredStar';