@croquiscom/pds 3.7.0 → 3.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 3.8.0
+
+### Minor Changes
+
+- 9fce53c: Box형 Radio Size option 추가
+
 ## 3.7.0
 
 ### Minor Changes

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

@@ -1,15 +1,14 @@
 import React, { InputHTMLAttributes } from 'react';
-import { RadioItemType } from './RadioGroup';
 import { AriaFocusProps } from '../../types/common';
-export interface RadioProps extends Exclude<InputHTMLAttributes<HTMLInputElement>, 'type'>, AriaFocusProps {
+import { RadioCategoryType, RadioItemType } from './RadioGroup';
+interface RadioBaseType extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>, AriaFocusProps {
+}
+export interface RadioProps extends RadioBaseType, RadioCategoryType<RadioItemType> {
     /**
      * @default false
      */
     fill?: boolean;
     className?: string;
-    /**
-     * @default default
-     */
-    radioItemType?: RadioItemType;
 }
 export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -1,13 +1,19 @@
 import React from 'react';
 import { AriaFocusProps } from '../../types/common';
+import { RadioSizeUnion } from './types';
 export type AlignType = 'horizontal' | 'vertical';
 export type RadioItemType = 'default' | 'box';
+export type RadioSizeType = RadioItemType extends 'box' ? RadioSizeUnion : RadioItemType extends 'default' ? number : never;
+export interface RadioCategoryType<T> {
+    radioItemType?: T;
+    size?: T extends 'box' ? RadioSizeUnion : number;
+}
 interface RadioItem<RadioValue> {
     label: React.ReactNode;
     value: RadioValue;
     disabled?: boolean;
 }
-export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'>, AriaFocusProps {
+export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value' | 'onChange'>, AriaFocusProps, RadioCategoryType<RadioItemType> {
     className?: string;
     defaultValue?: RadioValue;
     value?: RadioValue;
@@ -24,7 +30,6 @@ export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<H
      * @default horizontal
      */
     align?: AlignType;
-    radioItemType?: RadioItemType;
     keyExtractor?: (item: RadioItem<RadioValue>, index: number) => string | number;
     onChange?: (value: RadioValue) => void;
 }

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

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

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

@@ -0,0 +1,6 @@
+export declare enum RadioSize {
+    small = "small",
+    medium = "medium",
+    large = "large"
+}
+export type RadioSizeUnion = keyof typeof RadioSize;