@croquiscom/pds 4.0.0 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 4.1.0
+
+### Minor Changes
+
+- bd0c294: 모바일 파트너센터 관련 아이콘 추가 및 IconButton Size Option 추가
+
 ## 4.0.0
 
 ### Major Changes

package/assets/icons/Filter.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9055 8.75C10.5725 10.0439 9.39788 11 8 11C6.60212 11 5.42755 10.0439 5.09451 8.75H1V7.25H5.09451C5.42755 5.95608 6.60212 5 8 5C9.39788 5 10.5725 5.95608 10.9055 7.25H23V8.75H10.9055ZM9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 16.75H13.0945C13.4275 18.0439 14.6021 19 16 19C17.3979 19 18.5725 18.0439 18.9055 16.75H23V15.25H18.9055C18.5725 13.9561 17.3979 13 16 13C14.6021 13 13.4275 13.9561 13.0945 15.25H1V16.75ZM16 17.5C16.8284 17.5 17.5 16.8284 17.5 16C17.5 15.1716 16.8284 14.5 16 14.5C15.1716 14.5 14.5 15.1716 14.5 16C14.5 16.8284 15.1716 17.5 16 17.5Z" fill="#363644"/>
+</svg>

package/dist/components/button/IconButton.d.ts

@@ -2,7 +2,7 @@ import React, { ReactElement } from 'react';
 import { IconButtonShape, IconButtonKind } from './types';
 import { ButtonProps } from './Button';
 import { IconProps } from '../icons/generated';
-export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'loading' | 'startIcon' | 'endIcon' | 'kind' | 'shape'> {
+export interface IconButtonProps extends Omit<ButtonProps, 'loading' | 'startIcon' | 'endIcon' | 'kind' | 'shape'> {
     /**
      * shape 속성이 'circle'의 경우 적용되지 않습니다.
      * @default outlined_secondary
@@ -11,7 +11,6 @@ export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'loading' |
     /**
      * 렌더링 될 아이콘 요소
      *  - Icon 컴포넌트 color props가 없다면 currentColor가 지정됩니다.
-     *  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 16으로 고정됩니다.
      */
     icon?: ReactElement<IconProps>;
     /** @default rectangle */

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

@@ -3,6 +3,7 @@ export declare const button_base_css: import("@emotion/utils").SerializedStyles;
 export declare const getButtonKind: (kind?: ButtonKind) => import("@emotion/utils").SerializedStyles;
 export declare const getIconButtonKind: (kind?: IconButtonKind) => import("@emotion/utils").SerializedStyles;
 export declare const button_size_css: Record<ButtonSize, string>;
+export declare const icon_button_size_css: Record<ButtonSize, string>;
 export declare const button_icon_size_css: Record<ButtonSize, number>;
 export declare const text_button_icon_size_css: Record<TextButtonSize, number>;
 export declare const getIconButtonStyle: (shape?: IconButtonShape) => import("@emotion/utils").SerializedStyles;

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

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

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

@@ -138,6 +138,7 @@ export { default as IconEyeOn } from './EyeOn';
 export { default as IconFaceBadFill } from './FaceBadFill';
 export { default as IconFaceNeutralFill } from './FaceNeutralFill';
 export { default as IconFaceSmileFill } from './FaceSmileFill';
+export { default as IconFilter } from './Filter';
 export { default as IconHandshake } from './Handshake';
 export { default as IconHanger } from './Hanger';
 export { default as IconHomeDashboard } from './HomeDashboard';