@croquiscom/pds 4.3.1 → 4.4.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @croquiscom/pds
 
+## 4.4.1
+
+### Patch Changes
+
+- f480891: DatePicker,DateRangePicker safari invalid date, invalid time 오류
+
+## 4.4.0
+
+### Minor Changes
+
+- 5c903a7: - Checkbox, Radio 사이즈 추가(medium, large)
+  - IconMinusBold 아이콘 추가
+
 ## 4.3.1
 
 ### Patch Changes

package/assets/icons/MinusBold.svg

@@ -0,0 +1,3 @@
+<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="M21 13.5H3V10.5H21V13.5Z" fill="#363644"/>
+</svg>

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import { AriaFocusProps } from '../../types/common';
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, AriaFocusProps {
+export type CheckboxSize = 'medium' | 'large';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, AriaFocusProps {
     checked?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;
+    /** @default medium */
+    size?: CheckboxSize;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox/Checkbox.stories.d.ts

@@ -6,7 +6,9 @@ export declare const Default: any;
 export declare const Checked: any;
 export declare const Disabled: any;
 export declare const CheckedDisabled: any;
+export declare const IndeterminateDisabled: any;
 export declare const Link: ({ disabled, ...args }: {
     [x: string]: any;
     disabled: any;
 }) => JSX.Element;
+export declare const Size: () => JSX.Element;

package/dist/components/checkbox/CheckboxGroup.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { CheckboxSize } from './Checkbox';
 import { AlignType } from '../radio';
 import { AriaFocusProps } from '../../types/common';
 interface CheckboxItem<CheckboxValue> {
@@ -18,6 +19,8 @@ export interface CheckboxGroupProps<CheckboxValue> extends Omit<React.HTMLAttrib
     spacing?: number;
     items: CheckboxItem<CheckboxValue>[];
     align?: AlignType;
+    /** @default medium */
+    size?: CheckboxSize;
     keyExtractor?: (item: CheckboxItem<CheckboxValue>, index: number) => string | number;
     onChange?: (value: CheckboxValue[]) => void;
 }

package/dist/components/checkbox/CheckboxGroup.stories.d.ts

@@ -6,6 +6,7 @@ export declare const Base: any;
 export declare const Spacing: any;
 export declare const Disabled: any;
 export declare const VerticalAlign: any;
+export declare const Size: () => JSX.Element;
 export declare const Controlled: () => JSX.Element;
 export declare const Link: any;
 export declare const indeterminate: () => JSX.Element;

package/dist/components/date-picker/utils.d.ts

@@ -4,3 +4,4 @@
  * @param strongCheck boolean [default=false] 값이 없는 경우, 날짜 입력중인 경우 (dateFormat.length 와 비교) error 추가 판단
  */
 export declare function checkInputValidation(value: any, dateFormat?: string, strongCheck?: boolean): boolean;
+export declare function convertStringToDate(value: any): Date;

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

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

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

@@ -153,6 +153,7 @@ export { default as IconLock } from './Lock';
 export { default as IconMegaphone } from './Megaphone';
 export { default as IconMessage } from './Message';
 export { default as IconMinus } from './Minus';
+export { default as IconMinusBold } from './MinusBold';
 export { default as IconMonitor } from './Monitor';
 export { default as IconMove } from './Move';
 export { default as IconNew } from './New';

package/dist/components/radio/BoxRadioGroup.stories.d.ts

@@ -9,4 +9,5 @@ export declare const Disabled: any;
 export declare const DisabledItem: any;
 export declare const SelectedDisabled: any;
 export declare const FullWidth: any;
+export declare const Size: () => JSX.Element;
 export declare const Controlled: () => JSX.Element;

package/dist/components/radio/Radio.stories.d.ts

@@ -6,3 +6,4 @@ export declare const Base: any;
 export declare const Checked: any;
 export declare const Disabled: any;
 export declare const CheckedDisabled: any;
+export declare const Size: () => JSX.Element;

package/dist/components/radio/RadioGroup.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
 import { AriaFocusProps } from '../../types/common';
-import { RadioSizeUnion } from './types';
+import { RadioSizeUnion, DefaultRadioSizeUnion } from './types';
 export type AlignType = 'horizontal' | 'vertical';
 export type RadioItemType = 'default' | 'box';
 export type RadioWidthType = 'fill' | 'auto';
 export interface RadioCategoryType<T> {
     radioItemType?: T;
     /**
-     * radioItmType - default일 경우 number 타입만 적용됩니다.
+     * radioItmType - default일 경우 'medium', 'large'만 적용되며 default값은 'medium'입니다.
      *
-     * radioItmType - box일 경우 'small', 'medium', 'large'만 적용됩니다.
+     * radioItmType - box일 경우 'small', 'medium', 'large'만 적용되며 default값은 'large'입니다.
      */
-    size?: T extends 'box' ? RadioSizeUnion : number;
+    size?: T extends 'box' ? RadioSizeUnion : DefaultRadioSizeUnion;
 }
 interface RadioItem<RadioValue> {
     label: React.ReactNode;

package/dist/components/radio/RadioGroup.stories.d.ts

@@ -9,4 +9,5 @@ export declare const Spacing: any;
 export declare const Disabled: any;
 export declare const VerticalAlign: any;
 export declare const FullWidth: any;
+export declare const Size: () => JSX.Element;
 export declare const Controlled: () => JSX.Element;

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

@@ -1,11 +1,12 @@
 import { RadioItemType, AlignType, RadioCategoryType, RadioWidthType } from './RadioGroup';
-import { RadioSizeUnion } from './types';
-export declare const getRadioGroupStyleByProps: ({ radio_item_type, align, spacing, }: {
+import { RadioSizeUnion, DefaultRadioSizeUnion } from './types';
+export declare const getRadioGroupStyleByProps: ({ radio_item_type, align, spacing, size, }: {
     radio_item_type?: RadioItemType;
     align?: AlignType;
     spacing?: Number;
+    size?: RadioSizeUnion;
 }) => import("@emotion/utils").SerializedStyles;
-export declare const radio_size_css: Record<RadioSizeUnion, string>;
+export declare const default_radio_size_css: Record<DefaultRadioSizeUnion, Record<string, number>>;
 export declare const getRadioWidthBySize: (size: RadioSizeUnion) => number;
 interface RadioStyleProps extends RadioCategoryType<RadioItemType> {
     fill?: boolean;

package/dist/components/radio/types.d.ts

@@ -4,3 +4,4 @@ export declare enum RadioSize {
     large = "large"
 }
 export type RadioSizeUnion = keyof typeof RadioSize;
+export type DefaultRadioSizeUnion = Exclude<RadioSizeUnion, 'small'>;