@croquiscom/pds 3.10.0 → 3.11.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 3.11.0
+
+### Minor Changes
+
+- 201709d: feat: Box RadioGroup Full Width 옵션 추가
+
 ## 3.10.0
 
 ### Minor Changes

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

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

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

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

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

@@ -3,6 +3,7 @@ import { AriaFocusProps } from '../../types/common';
 import { RadioSizeUnion } from './types';
 export type AlignType = 'horizontal' | 'vertical';
 export type RadioItemType = 'default' | 'box';
+export type RadioWidthType = 'fill' | 'auto';
 export interface RadioCategoryType<T> {
     radioItemType?: T;
     /**
@@ -24,16 +25,21 @@ export interface RadioGroupProps<RadioValue> extends Omit<React.HTMLAttributes<H
     name?: string;
     items: RadioItem<RadioValue>[];
     /**
-     * radioItmType - box 일경우 spacing 속성은 미적용됩니다.
+     * RadioItemType - box 일경우 spacing 속성은 미적용됩니다.
      * @default 24
      */
     spacing?: number;
     disabled?: boolean;
     /**
-     * radioItmType - box 일경우 align 속성은 'horizontal' 고정입니다.
+     * RadioItemType - box 일경우 align 속성은 'horizontal' 고정입니다.
      * @default horizontal
      */
     align?: AlignType;
+    /**
+     * 'fill' 일경우 Full Width 값, 'auto' 일경우 기본 너비 값으로 적용됩니다.
+     * @default 'auto'
+     */
+    width?: RadioWidthType;
     keyExtractor?: (item: RadioItem<RadioValue>, index: number) => string | number;
     onChange?: (value: RadioValue) => void;
 }

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

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

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

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