npm - @croquiscom/pds - Versions diffs - 8.4.0 → 8.5.1 - Mend

@croquiscom/pds 8.4.0 → 8.5.1

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 (9) hide show

package/CHANGELOG.md +12 -0
package/assets/icons/CategoryZDelivery.svg +6 -6
package/dist/components/dropdown/DropdownInput.d.ts +5 -2
package/dist/components/dropdown/DropdownInput.stories.d.ts +2 -1
package/dist/index.es.js +2 -2
package/dist/index.es.js.map +1 -1
package/dist/index.js +2 -2
package/dist/index.js.map +1 -1
package/package.json +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,17 @@
 # @croquiscom/pds
+## 8.5.1
+### Patch Changes
+- f92b07d: CategoryZDelivery 아이콘 변경
+## 8.5.0
+### Minor Changes
+- 9142b39: DropdownInput > Search 유형 추가
 ## 8.4.0
 ### Minor Changes

package/assets/icons/CategoryZDelivery.svg CHANGED Viewed

@@ -1,7 +1,7 @@
-<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 18C14.9477 18 14.5 18.4477 14.5 19C14.5 19.5523 14.9477 20 15.5 20H49.6V45.4777C47.7621 45.7664 46.198 46.8363 45.2318 48.3H30.7682C29.631 46.5771 27.6655 45.4 25.4 45.4C23.1345 45.4 21.169 46.5771 20.0318 48.3H15.5C14.9477 48.3 14.5 48.7477 14.5 49.3C14.5 49.8523 14.9477 50.3 15.5 50.3H19.125C18.9785 50.8419 18.9004 51.4118 18.9004 52C18.9004 55.5899 21.8105 58.5 25.4004 58.5C28.9902 58.5 31.9004 55.5899 31.9004 52C31.9004 51.4118 31.8223 50.8419 31.6758 50.3H44.4246C44.2781 50.8419 44.2 51.4118 44.2 52C44.2 55.5899 47.1102 58.5 50.7 58.5C54.2899 58.5 57.2 55.5899 57.2 52C57.2 51.4118 57.1219 50.8418 56.9754 50.2999H65C65.5523 50.2999 66 49.8522 66 49.2999V36.2C66 31.5477 62.1523 27.7 57.5 27.7H51.6V19C51.6 18.4477 51.1523 18 50.6 18H15.5ZM51.7 29.7V45.4777C53.538 45.7664 55.102 46.8362 56.0683 48.2999H64V36.2C64 32.6522 61.0477 29.7 57.5 29.7H51.7ZM20.9004 52C20.9004 49.5147 22.9151 47.5 25.4004 47.5C27.8857 47.5 29.9004 49.5147 29.9004 52C29.9004 54.4853 27.8857 56.5 25.4004 56.5C22.9151 56.5 20.9004 54.4853 20.9004 52ZM46.2 52C46.2 49.5147 48.2147 47.5 50.7 47.5C53.1853 47.5 55.2 49.5147 55.2 52C55.2 54.4853 53.1853 56.5 50.7 56.5C48.2147 56.5 46.2 54.4853 46.2 52Z" fill="#363644"/>
-<path d="M7 26.3C6.44772 26.3 6 26.7478 6 27.3C6 27.8523 6.44772 28.3 7 28.3H15.5C16.0523 28.3 16.5 27.8523 16.5 27.3C16.5 26.7478 16.0523 26.3 15.5 26.3H7Z" fill="#363644"/>
-<path d="M9.09961 33.3999C9.09961 32.8476 9.54732 32.3999 10.0996 32.3999H19.8996C20.4519 32.3999 20.8996 32.8476 20.8996 33.3999C20.8996 33.9522 20.4519 34.3999 19.8996 34.3999H10.0996C9.54732 34.3999 9.09961 33.9522 9.09961 33.3999Z" fill="#363644"/>
-<path d="M7 38.5C6.44772 38.5 6 38.9477 6 39.5C6 40.0523 6.44772 40.5 7 40.5H18.5C19.0523 40.5 19.5 40.0523 19.5 39.5C19.5 38.9477 19.0523 38.5 18.5 38.5H7Z" fill="#363644"/>
-<path d="M42.3 35.9H35.5L41 28.2C41.1 28 41.2 27.8 41.1 27.6C41.1 27.1 40.6 26.8 40.2 26.8H29.7V30.2H35L29.5 38H29.4C29.3 38.1 29.3 38.3 29.3 38.5C29.3 38.9 29.7 39.2001 30.1 39.2001H40.1L42.3 35.9Z" fill="#363644"/>
+<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="M4.83333 6.33333C4.83333 6.14924 4.98257 6 5.16667 6H16.8667C17.0508 6 17.2 6.14924 17.2 6.33333V9.23332H19.1667C20.7174 9.23332 22 10.5159 22 12.0667V16.4333C22 16.6174 21.8508 16.7667 21.6667 16.7667H18.9918C19.0406 16.9473 19.0667 17.1373 19.0667 17.3333C19.0667 18.53 18.0966 19.5 16.9 19.5C15.7034 19.5 14.7333 18.53 14.7333 17.3333C14.7333 17.1373 14.7594 16.9473 14.8082 16.7667H10.5586C10.6074 16.9473 10.6335 17.1373 10.6335 17.3333C10.6335 18.53 9.66341 19.5 8.4668 19.5C7.27018 19.5 6.30013 18.53 6.30013 17.3333C6.30013 17.1373 6.32617 16.9473 6.37498 16.7667H5.16667C4.98257 16.7667 4.83333 16.6174 4.83333 16.4333C4.83333 16.2492 4.98257 16.1 5.16667 16.1H6.67725C7.05634 15.5257 7.71151 15.1333 8.46667 15.1333C9.22183 15.1333 9.87699 15.5257 10.2561 16.1H15.0773C15.3993 15.6121 15.9207 15.2555 16.5333 15.1592V6.66667H5.16667C4.98257 6.66667 4.83333 6.51743 4.83333 6.33333ZM17.2333 15.1592V9.89998H19.1667C20.3492 9.89998 21.3333 10.8841 21.3333 12.0667V16.1H18.6894C18.3673 15.6121 17.846 15.2555 17.2333 15.1592ZM8.4668 15.8333C7.63837 15.8333 6.9668 16.5049 6.9668 17.3333C6.9668 18.1618 7.63837 18.8333 8.4668 18.8333C9.29522 18.8333 9.9668 18.1618 9.9668 17.3333C9.9668 16.5049 9.29522 15.8333 8.4668 15.8333ZM16.9 15.8333C16.0716 15.8333 15.4 16.5049 15.4 17.3333C15.4 18.1618 16.0716 18.8333 16.9 18.8333C17.7284 18.8333 18.4 18.1618 18.4 17.3333C18.4 16.5049 17.7284 15.8333 16.9 15.8333Z" fill="#363644"/>
+<path d="M2 9.10002C2 8.91592 2.14924 8.76668 2.33333 8.76668H5.16667C5.35076 8.76668 5.5 8.91592 5.5 9.10002C5.5 9.28411 5.35076 9.43335 5.16667 9.43335H2.33333C2.14924 9.43335 2 9.28411 2 9.10002Z" fill="#363644"/>
+<path d="M3.0332 11.1333C3.0332 10.9492 3.18244 10.8 3.36654 10.8H6.6332C6.8173 10.8 6.96654 10.9492 6.96654 11.1333C6.96654 11.3174 6.8173 11.4666 6.6332 11.4666H3.36654C3.18244 11.4666 3.0332 11.3174 3.0332 11.1333Z" fill="#363644"/>
+<path d="M2 13.1667C2 12.9826 2.14924 12.8333 2.33333 12.8333H6.16667C6.35076 12.8333 6.5 12.9826 6.5 13.1667C6.5 13.3508 6.35076 13.5 6.16667 13.5H2.33333C2.14924 13.5 2 13.3508 2 13.1667Z" fill="#363644"/>
+<path d="M10.2865 9.72698V8.5H13.7L12.1393 12.5202H13.6134V13.75H10.2L11.7721 9.72698H10.2865Z" fill="#363644"/>
 </svg>

package/dist/components/dropdown/DropdownInput.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { ReactNode, ReactElement } from 'react';
 import { AriaFocusProps } from '../../types/common';
 import { DropdownProps } from './Dropdown';
+import { IconProps } from '../icons/generated';
 export interface DropdownInputOption<OptionValue> {
     /**
      * input 영역에 텍스트 형태로 노출되고, 자동 완성을 위해 사용되는 문자열 값입니다.
@@ -22,6 +23,8 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
      * options에 없는 값을 허용할 지 여부입니다.
      */
     allowCustomValue?: boolean;
+    startElement?: ReactElement<IconProps> | ReactNode;
+    endElement?: ReactElement<IconProps> | ReactNode;
     /**
      * 입력된 검색결과를 전달합니다.
      */
@@ -31,4 +34,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
     optionFilter?: (inputValue: string, item: DropdownInputOption<OptionValue>, index: number) => boolean;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: DropdownInputProps<OptionValue> & AriaFocusProps) => JSX.Element;

package/dist/components/dropdown/DropdownInput.stories.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DropdownInput } from './DropdownInput';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, unstableFocusVisible, allowCustomValue, keyExtractor, optionFilter, autoPlacement: autoPlacementProps, startElement, endElement, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue> & import("../../types/common").AriaFocusProps) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;
@@ -13,3 +13,4 @@ export declare const Disabled: any;
 export declare const Controlled: ComponentStory<typeof DropdownInput>;
 export declare const TestComposition: ComponentStory<typeof DropdownInput>;
 export declare const AllowCustomValue: ComponentStory<typeof DropdownInput>;
+export declare const Search: ComponentStory<typeof DropdownInput>;