@croquiscom/pds 9.3.1 → 10.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 10.1.0
+
+### Minor Changes
+
+- 228947f: PopoverButton IconButton type 추가
+
+## 10.0.0
+
+### Major Changes
+
+- 1008b64: SectionTitle 사이즈별 하단 여백 기본 속성 추가
+
 ## 9.3.1
 
 ### Patch Changes

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

@@ -1,8 +1,12 @@
 import React from 'react';
 import { DropdownOption } from '../dropdown';
 import { AriaFocusProps } from '../../types/common';
+import { IconProps } from '../icons/generated';
 import { ButtonProps } from './Button';
-export interface PopoverButtonProps<OptionValue> extends Omit<ButtonProps, 'size' | 'value' | 'onChange'> {
+import { IconButtonKind } from './types';
+export interface PopoverButtonProps<OptionValue> extends Omit<ButtonProps, 'size' | 'value' | 'onChange' | 'kind'> {
+    /** @default false */
+    useIconButton?: boolean;
     /** @default small */
     size?: 'xsmall' | 'small' | 'medium';
     /**
@@ -25,7 +29,13 @@ export interface PopoverButtonProps<OptionValue> extends Omit<ButtonProps, 'size
     maxHeight?: number;
     disabled?: boolean;
     value?: OptionValue;
+    /**
+     * IconButton과 동시 지원을 위해 IconButtonKind로 제한합니다.
+     * @default outlined_secondary
+     * */
+    kind?: IconButtonKind;
+    icon?: React.ReactElement<IconProps, string | React.JSXElementConstructor<any>>;
     onChange?: (value: OptionValue) => void;
     options: Array<DropdownOption<OptionValue>>;
 }
-export declare const PopoverButton: <OptionValue extends string | number>({ size: sizeProp, loading, type, kind, startIcon, className, children, zIndex, autoPlacement: autoPlacementProps, optionsMatchRefWidth, options, value: valueProp, maxHeight, disabled, unstableFocusVisible, onChange, }: PopoverButtonProps<OptionValue> & AriaFocusProps) => React.JSX.Element;
+export declare const PopoverButton: <OptionValue extends string | number>({ useIconButton, size: sizeProp, loading, type, kind, icon, startIcon, className, children, zIndex, autoPlacement: autoPlacementProps, optionsMatchRefWidth, options, value: valueProp, maxHeight, disabled, unstableFocusVisible, onChange, }: PopoverButtonProps<OptionValue> & AriaFocusProps) => React.JSX.Element;

package/dist/components/button/PopoverButton.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Short: Story;
 export declare const Long: Story;
 export declare const Disabled: Story;
 export declare const Loading: Story;
+export declare const IconPopoverButton: Story;

package/dist/container/section-title/SectionTitle.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { CSSValueWithLength } from '../../styles';
 export type SectionTitleDirection = 'horizontal' | 'vertical';
 export type SectionTitleSize = 'small' | 'medium' | 'large';
 export interface SectionTitleProps {
@@ -11,5 +12,11 @@ export interface SectionTitleProps {
     description?: ReactNode;
     textButton?: ReactNode;
     actions?: ReactNode;
+    /**
+     * SectionTitle 컨테이너 하단 여백값
+     * - size별로 기본값이 적용되어 있으며 사용처에서 재정의할 수 있습니다.
+     * @default { large: 32, medium: 24, small: 16 }
+     */
+    mb?: CSSValueWithLength;
 }
-export declare const SectionTitle: ({ direction, size, caption, title, description, textButton, actions, }: SectionTitleProps) => React.JSX.Element;
+export declare const SectionTitle: ({ direction, size, caption, title, description, textButton, actions, mb, }: SectionTitleProps) => React.JSX.Element;

package/dist/container/section-title/SectionTitle.stories.d.ts

@@ -7,4 +7,5 @@ export declare const Base: Story;
 export declare const Vertical: Story;
 export declare const SizeWithHorizontal: Story;
 export declare const SizeWithVertical: Story;
+export declare const SizeWithNoMarginBottom: Story;
 export declare const Custom: Story;