@croquiscom/pds 2.5.0 → 2.7.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @croquiscom/pds
 
+## 2.7.0
+
+### Minor Changes
+
+- f38a323: State Container 추가
+
+### Patch Changes
+
+- f942d65: TopNavigation 샘플 아이콘 크기 변경, Notification IconX 색상 변경
+
+## 2.6.0
+
+### Minor Changes
+
+- bf28068: Input, NumericInput, Dropdown, DropdownInput, DatePicker, DaterangePicker, TimePicker, TimeRangePicker size prop 추가
+- 87906e7: Normal Button Outline 타입 추가
+- 32e91b8: Dropdown, DropdownInput에 error status prop 추가
+
+### Patch Changes
+
+- 87906e7: Border Default 컬러 gray350으로 변경
+- 87906e7: Divider Medium 사이즈의 컬러background.base로 변경
+
 ## 2.5.0
 
 ### Minor Changes

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

@@ -1,8 +1,8 @@
 import React, { ReactElement } from 'react';
-import { ButtonShape, IconButtonKind } from './types';
+import { IconButtonShape, IconButtonKind } from './types';
 import { ButtonProps } from './Button';
 import { IconProps } from '../icons/generated';
-export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'loading' | 'startIcon' | 'endIcon' | 'kind'> {
+export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'loading' | 'startIcon' | 'endIcon' | 'kind' | 'shape'> {
     /**
      * shape 속성이 'circle'의 경우 적용되지 않습니다.
      * @default outlined_secondary
@@ -15,6 +15,6 @@ export interface IconButtonProps extends Omit<ButtonProps, 'size' | 'loading' |
      */
     icon?: ReactElement<IconProps>;
     /** @default rectangle */
-    shape?: ButtonShape;
+    shape?: IconButtonShape;
 }
 export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,11 +1,11 @@
-import { ButtonSize, ButtonKind, ButtonShape, TextButtonKind, TextButtonSize, IconButtonKind } from './types';
+import { ButtonSize, ButtonKind, IconButtonShape, TextButtonKind, TextButtonSize, IconButtonKind } from './types';
 export declare const button_base_css: import("@emotion/utils").SerializedStyles;
 export declare const getButtonKind: (kind?: ButtonKind) => import("@emotion/utils").SerializedStyles;
 export declare const getIconButtonKind: (kind?: IconButtonKind) => import("@emotion/utils").SerializedStyles;
 export declare const button_size_css: Record<ButtonSize, string>;
 export declare const button_icon_size_css: Record<ButtonSize, number>;
 export declare const text_button_icon_size_css: Record<TextButtonSize, number>;
-export declare const getIconButtonStyle: (shape?: ButtonShape) => import("@emotion/utils").SerializedStyles;
+export declare const getIconButtonStyle: (shape?: IconButtonShape) => import("@emotion/utils").SerializedStyles;
 export declare const text_button_text_css: Record<TextButtonSize, string>;
 export declare const text_button_size_css: Record<TextButtonSize, string>;
 export declare const getTextButtonStyle: (kind: TextButtonKind, fixed_color: string) => import("@emotion/utils").SerializedStyles;

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

@@ -1,6 +1,8 @@
-export type ButtonKind = 'primary' | 'secondary' | 'black' | 'negative';
+export type ButtonBaseKind = 'primary' | 'secondary' | 'black' | 'negative';
+export type ButtonOutlinedKind = `outlined_${ButtonBaseKind}`;
+export type ButtonKind = ButtonBaseKind | ButtonOutlinedKind;
 export type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-export type ButtonShape = 'rectangle' | 'circle';
-export type IconButtonKind = 'outlined_secondary' | 'outlined_primary' | 'outlined_negative';
+export type IconButtonShape = 'rectangle' | 'circle';
+export type IconButtonKind = Exclude<ButtonOutlinedKind, 'outlined_black'>;
 export type TextButtonKind = 'text' | 'link';
 export type TextButtonSize = Exclude<ButtonSize, 'xsmall' | 'xlarge'>;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Matcher } from 'react-day-picker';
 import { CSSValueWithLength } from '../../styles';
+import { InputSize } from '../input/types';
 export type DisplayTimeFormat = 'hourMinute' | 'hourMinuteSecond';
 export type DisplayMode = 'popover' | 'bottomSheet';
 export declare const DATE_FORMAT = "yyyy.MM.dd";
@@ -12,6 +13,11 @@ export interface DatePickerBaseProps {
      * @default 100%
      */
     width?: CSSValueWithLength;
+    /**
+     * Input size를 지정할 수 있습니다.
+     * @default large
+     * */
+    size?: InputSize;
     error?: boolean;
     disabled?: boolean;
     className?: string;
@@ -72,4 +78,4 @@ export interface DatePickerProps extends DatePickerBaseProps {
     showFooter?: boolean;
     onChange?: (value: Date | null) => void;
 }
-export declare const DatePicker: ({ width, error, disabled, className, placeholder, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: DatePickerProps) => JSX.Element;
+export declare const DatePicker: ({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: DatePickerProps) => JSX.Element;

package/dist/components/date-picker/DatePicker.stories.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { DatePicker } from './DatePicker';
+declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, size, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
+export declare const Size: ComponentStory<typeof DatePicker>;
 export declare const ShowRemoveButton: any;
 export declare const ShowFooter: any;
 export declare const ShowTodayButton: any;

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

@@ -44,4 +44,4 @@ export interface DateRangePickerProps extends DatePickerBaseProps {
     numberOfMonths?: number;
     onChange?: (start: Dates['from'], end: Dates['to']) => void;
 }
-export declare const DateRangePicker: ({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;
+export declare const DateRangePicker: ({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: DateRangePickerProps) => JSX.Element;

package/dist/components/date-picker/DateRangePicker.stories.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ width, error, disabled, className, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { DateRangePicker } from './DateRangePicker';
+declare const _default: ComponentMeta<({ width, error, disabled, className, size, showDatePreset, showRadioGroupDatePreset, dates, maxDate, minDate, maxRange, numberOfMonths: numberOfMonthsProps, showRemoveButton, opened: openProp, customDatePreset, displayMode, onOpen, onClose, onChange, }: import("./DateRangePicker").DateRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
+export declare const Size: ComponentStory<typeof DateRangePicker>;
 export declare const ShowRemoveButton: any;
 export declare const NumberOfMonths: any;
 export declare const MinDate: any;

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

@@ -3,7 +3,7 @@ export declare const popover_picker_css: import("@emotion/utils").SerializedStyl
 export declare const bottom_sheet_picker_css: import("@emotion/utils").SerializedStyles;
 export declare const caption_button_css: import("@emotion/utils").SerializedStyles;
 export declare const range_input_default_style: {
-    border: string;
+    border: number;
     borderRadius: number;
     backgroundColor: string;
     padding: number;

package/dist/components/dropdown/Dropdown.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
+import { DropdownLabelProps } from './DropdownLabel';
 import { CSSValueWithLength } from '../../styles';
+import { InputSize } from '../input/types';
 export interface DropdownOption<OptionValue> {
     label: ReactNode;
     value: OptionValue;
@@ -21,9 +23,12 @@ export interface DropdownProps<OptionValue> {
      * @default 1030
      */
     zIndex?: number;
+    /** @default large */
+    size?: InputSize;
     disabled?: boolean;
     options: Array<DropdownOption<OptionValue>>;
     placeholder?: string;
+    status?: DropdownLabelProps['status'];
     value?: OptionValue;
     /**
      * floating 요소가 reference 영역을 넘어갈 경우 자동 위치 처리 사용 유무
@@ -34,4 +39,4 @@ export interface DropdownProps<OptionValue> {
     keyExtractor?: (item: DropdownOption<OptionValue>, index: number) => string | number;
     onChange?: (value: OptionValue) => void;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, disabled, options, placeholder, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;
+export declare const Dropdown: <OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;

package/dist/components/dropdown/Dropdown.stories.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Dropdown } from './Dropdown';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, disabled, options, placeholder, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, maxHeight, zIndex, size: sizeProp, disabled, options, placeholder, status, value: valueProp, autoPlacement: autoPlacementProps, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
+export declare const Error: any;
+export declare const WithFormHelperText: ComponentStory<typeof Dropdown>;
+export declare const Size: ComponentStory<typeof Dropdown>;
 export declare const Disabled: any;
 export declare const DisabledOptionItem: any;
 export declare const CustomMaxHeight: any;

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

@@ -14,4 +14,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     options: Array<DropdownInputOption<OptionValue>>;
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue>) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue>) => JSX.Element;

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

@@ -1,8 +1,11 @@
 /// <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, value, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, status, value, size: sizeProp, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
+export declare const Error: any;
+export declare const WithFormHelperText: ComponentStory<typeof DropdownInput>;
+export declare const Size: ComponentStory<typeof DropdownInput>;
 export declare const Disabled: any;
 export declare const Controlled: ComponentStory<typeof DropdownInput>;

package/dist/components/dropdown/DropdownItem.d.ts

@@ -1,4 +1,5 @@
 import React, { LiHTMLAttributes } from 'react';
+import { InputSize } from '../input/types';
 export interface DropdownItemProps extends LiHTMLAttributes<HTMLLIElement> {
     disabled?: boolean;
     /**
@@ -11,5 +12,6 @@ export interface DropdownItemProps extends LiHTMLAttributes<HTMLLIElement> {
      *  Option focus 여부
      */
     focused?: boolean;
+    size?: InputSize;
 }
 export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/dropdown/DropdownLabel.d.ts

@@ -1,7 +1,9 @@
 import React, { AllHTMLAttributes } from 'react';
 import { CSSValueWithLength } from '../../styles';
-export interface DropdownLabelProps extends AllHTMLAttributes<HTMLDivElement> {
+import { InputSize, InputStatus } from '../input/types';
+export interface DropdownLabelProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'size'> {
     width?: CSSValueWithLength;
+    status?: Extract<InputStatus, 'error'>;
     disabled?: boolean;
     /**
      *  @default false
@@ -13,5 +15,6 @@ export interface DropdownLabelProps extends AllHTMLAttributes<HTMLDivElement> {
      * Option 선택 여부
      */
     selected?: boolean;
+    size?: InputSize;
 }
 export declare const DropdownLabel: React.ForwardRefExoticComponent<DropdownLabelProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/input/Input.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { InputAffixProps } from './InputAffix';
 import { InputBaseProps } from './InputBase';
 export type InputProps = InputBaseProps & InputAffixProps;
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width"> & import("./InputBase").InputBaseType & InputAffixProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & InputAffixProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/Input.stories.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width"> & import("./InputBase").InputBaseType & import("./InputAffix").InputAffixProps & React.RefAttributes<HTMLInputElement>>>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & import("./InputBase").InputBaseType & import("./InputAffix").InputAffixProps & React.RefAttributes<HTMLInputElement>>>;
 export default _default;
 export declare const Base: any;
 export declare const Error: any;
 export declare const Success: any;
+export declare const Size: () => JSX.Element;
 export declare const Disabled: any;
 export declare const EnteredDisabled: any;
 export declare const RightAlignment: any;

package/dist/components/input/InputAddon.d.ts

@@ -1,9 +1,12 @@
 import React, { AllHTMLAttributes } from 'react';
-import { InputStatus } from './types';
-export interface InputAddonProps extends AllHTMLAttributes<HTMLDivElement> {
+import { InputSize, InputStatus } from './types';
+export interface InputAddonOwnProps {
     disabled?: boolean;
     status?: InputStatus;
     /** @default left */
     position: 'left' | 'right';
+    /** @default large */
+    size?: InputSize;
 }
-export declare const InputAddon: React.ForwardRefExoticComponent<InputAddonProps & React.RefAttributes<HTMLDivElement>>;
+export type InputAddonProps = InputAddonOwnProps & Omit<AllHTMLAttributes<HTMLDivElement>, 'size'>;
+export declare const InputAddon: React.ForwardRefExoticComponent<InputAddonOwnProps & Omit<React.AllHTMLAttributes<HTMLDivElement>, "size"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/input/InputAffix.d.ts

@@ -1,14 +1,12 @@
 import { PropsWithChildren } from 'react';
-import { InputStatus } from './types';
+import { InputAddonOwnProps } from './InputAddon';
 import { CSSValueWithLength } from '../../styles';
-export interface InputAffixProps {
+export interface InputAffixProps extends Omit<InputAddonOwnProps, 'position'> {
     className?: string;
-    disabled?: boolean;
-    status?: InputStatus;
     width?: CSSValueWithLength;
     /** Input 좌측에 렌더링될 Addon 요소 */
     prefix?: string;
     /** Input 우측에 렌더링될 Addon 요소 */
     suffix?: string;
 }
-export declare const InputAffix: ({ className, disabled, children, status, prefix, suffix, width, }: PropsWithChildren<InputAffixProps>) => JSX.Element;
+export declare const InputAffix: ({ className, children, prefix, suffix, width, disabled, status, size, }: PropsWithChildren<InputAffixProps>) => JSX.Element;

package/dist/components/input/InputBase.d.ts

@@ -1,9 +1,11 @@
 import React, { InputHTMLAttributes, ReactElement, ReactNode } from 'react';
 import { InputAffixProps } from './InputAffix';
-import { InputAlignment, InputStatus } from './types';
+import { InputAlignment, InputSize, InputStatus } from './types';
 import { IconProps } from '../icons/generated';
 import { CSSValueWithLength } from '../../styles';
 export interface InputBaseType {
+    /** @default large */
+    size?: InputSize;
     alignment?: InputAlignment;
     /** @default info */
     status?: InputStatus;
@@ -22,6 +24,6 @@ export interface InputBaseType {
      */
     showCounter?: boolean;
 }
-export type InputBaseProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width'> & InputBaseType;
+export type InputBaseProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'size'> & InputBaseType;
 export declare const controlledInputValue: (value: any) => string;
-export declare const InputBase: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width"> & InputBaseType & React.RefAttributes<HTMLInputElement>>;
+export declare const InputBase: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "width" | "size"> & InputBaseType & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/NumericInput.d.ts

@@ -9,5 +9,5 @@ export interface NumericInputBaseType extends Omit<InputBaseType, 'showCounter'>
     decimalScale?: number;
     onChange?: (value: number, event: ChangeEvent<HTMLInputElement>) => void;
 }
-export type NumericInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'width'> & NumericInputBaseType;
-export declare const NumericInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "onChange"> & NumericInputBaseType & React.RefAttributes<HTMLInputElement>>;
+export type NumericInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'width' | 'size'> & NumericInputBaseType;
+export declare const NumericInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "size" | "onChange"> & NumericInputBaseType & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/NumericInput.stories.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { NumericInput } from './NumericInput';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "onChange"> & import("./NumericInput").NumericInputBaseType & React.RefAttributes<HTMLInputElement>>>;
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "size" | "onChange"> & import("./NumericInput").NumericInputBaseType & React.RefAttributes<HTMLInputElement>>>;
 export default _default;
 export declare const Base: any;
 export declare const Addon: any;
 export declare const Width: any;
 export declare const AddonWithWidth: any;
 export declare const Error: any;
+export declare const Size: () => JSX.Element;
 export declare const Disabled: any;
 export declare const WhetherNegativeNumbersAreAllowed: any;
 export declare const DecimalScale: any;

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

@@ -1,4 +1,4 @@
-import { InputStatus } from './types';
+import { InputSize, InputStatus } from './types';
 export declare const input_status_color_css: Record<InputStatus, string>;
 export declare const input_wrapper_base_css: import("@emotion/utils").SerializedStyles;
 export declare const input_base_css: import("@emotion/utils").SerializedStyles;
@@ -31,3 +31,7 @@ export declare const input_disabled_style: {
         border: string;
     };
 };
+export declare const getInputPaddingBySize: (size: InputSize) => string;
+export declare const getInputSpacingBySize: (size: InputSize) => 4 | 8;
+export declare const getInputHeightBySize: (size: InputSize) => number;
+export declare const getInputSizeStyle: (size?: InputSize) => import("@emotion/utils").SerializedStyles;

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

@@ -1,2 +1,3 @@
 export type InputAlignment = 'left' | 'center' | 'right';
 export type InputStatus = 'info' | 'success' | 'error';
+export type InputSize = 'small' | 'medium' | 'large';

package/dist/components/time-picker/TimePicker.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { CSSValueWithLength } from '../../styles';
+import { InputSize } from '../input/types';
 export interface TimePickerProps {
     className?: string;
     /**
@@ -20,6 +21,8 @@ export interface TimePickerProps {
      * @default false
      */
     fill?: boolean;
+    /** @default large */
+    size?: InputSize;
     value?: Date;
     onClose?: () => void;
     onOpen?: () => void;
@@ -37,4 +40,4 @@ export interface TimePickerProps {
      */
     showRemoveButton?: boolean;
 }
-export declare const TimePicker: ({ disabled, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;
+export declare const TimePicker: ({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: TimePickerProps) => JSX.Element;

package/dist/components/time-picker/TimePicker.stories.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { TimePicker } from './TimePicker';
+declare const _default: ComponentMeta<({ disabled, size, value, error, width, fill, zIndex, className, onOpen, onClose, onChange, incrementMinute, showRemoveButton, }: import("./TimePicker").TimePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
+export declare const Size: ComponentStory<typeof TimePicker>;
 export declare const ShowRemoveButton: any;
 export declare const IncrementMinute: any;
 export declare const FullWidth: any;

package/dist/components/time-picker/TimeRangePicker.d.ts

@@ -11,5 +11,5 @@ export interface TimeRangePickerProps extends Omit<TimePickerProps, 'value' | 'o
     value?: TimeRange;
     onChange?: (start: TimeRange['from'], end: TimeRange['to']) => void;
 }
-export declare const TimeRangePicker: ({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
+export declare const TimeRangePicker: ({ disabled, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: TimeRangePickerProps) => JSX.Element;
 export {};

package/dist/components/time-picker/TimeRangePicker.stories.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ disabled, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { TimeRangePicker } from './TimeRangePicker';
+declare const _default: ComponentMeta<({ disabled, size, value, error, width, className, zIndex, onOpen, onClose, onChange, incrementMinute, fill, showRemoveButton, }: import("./TimeRangePicker").TimeRangePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
 export declare const Error: any;
+export declare const Size: ComponentStory<typeof TimeRangePicker>;
 export declare const ShowRemoveButton: any;
 export declare const IncrementMinute: any;
 export declare const FullWidth: any;

package/dist/container/index.d.ts

@@ -3,3 +3,4 @@ export * from './footer';
 export * from './top-navigation';
 export * from './page-header';
 export * from './section-title';
+export * from './state';

package/dist/container/state/State.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ComponentType } from 'react';
+import { IconProps } from '../../components';
+export type StateKind = 'warning';
+export interface StateProps extends HTMLAttributes<HTMLDivElement> {
+    kind?: StateKind;
+    text?: string;
+    subtext?: string;
+    icon?: ComponentType<IconProps>;
+}
+export declare const State: ({ kind, text, subtext, icon, className, ...props }: StateProps) => JSX.Element;

package/dist/container/state/State.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ kind, text, subtext, icon, className, ...props }: import("./State").StateProps) => JSX.Element>;
+export default _default;
+export declare const WarningKind: any;

package/dist/container/state/index.d.ts

@@ -0,0 +1 @@
+export * from './State';