@croquiscom/pds 8.33.0 → 8.34.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 8.34.1
+
+### Patch Changes
+
+- 7f73851: Modal contentProps div prop 받을 수 있도록 수정
+
+## 8.34.0
+
+### Minor Changes
+
+- 6fa7cd4: Switch 고정너비로 변경, 너비값 옵션 추가, animation추가
+
 ## 8.33.0
 
 ### Minor Changes

package/dist/components/modal/Modal.d.ts

@@ -1,11 +1,11 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, HTMLAttributes } from 'react';
 import { ButtonProps } from '../button';
 import { CSSValueWithLength, SpaceProps } from '../../styles';
 import { ModalOverlayBaseProps, ModalBaseCancelReason } from './ModalOverlay';
 import { ModalActionButtonType } from './ModalActionButton';
 export type ModalButtonProps = Omit<ButtonProps, 'onClick'>;
 export type ModalCancelReason = ModalBaseCancelReason;
-export interface ModalContentProps extends SpaceProps {
+export interface ModalContentProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
     maxHeight?: CSSValueWithLength;
     scrollable?: boolean;
 }

package/dist/components/modal/Modal.stories.d.ts

@@ -21,3 +21,4 @@ export declare const CustomMaxHeight: Story;
 export declare const Scrollable: Story;
 export declare const AutoFocusButton: Story;
 export declare const NestingFloatingElements: Story;
+export declare const FitContent: Story;

package/dist/components/switch/Switch.d.ts

@@ -9,6 +9,10 @@ export interface SwitchProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      *  @default small
      */
     size?: SwitchSize;
+    /**
+     *  @default small
+     */
+    width?: number;
     /**
      *  @default ON
      */

package/dist/components/switch/Switch.stories.d.ts

@@ -4,3 +4,6 @@ declare const meta: Meta<typeof Switch>;
 export default meta;
 type Story = StoryObj<typeof Switch>;
 export declare const Base: Story;
+export declare const DefaultLong: Story;
+export declare const FixedWidth: Story;
+export declare const EmptyLabel: Story;

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

@@ -1,4 +1,8 @@
 import { SwitchSize } from './Switch';
 export declare const switch_base_css: import("@emotion/utils").SerializedStyles;
-export declare const getStylesByActive: (isOn: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const getStyleByProps: (size: SwitchSize, isOn: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const getStyleByProps: ({ size, isOn, width, hasLabel, }: {
+    size: SwitchSize;
+    isOn: boolean;
+    width?: number;
+    hasLabel: boolean;
+}) => import("@emotion/utils").SerializedStyles;

package/dist/components/table/DataTable.d.ts

@@ -96,7 +96,7 @@ export interface DataTableProps<DataType> {
      * Row 배경색을 지정하는 함수 혹은 컬러값을 전달합니다.
      * hover는 auto code 정책을 따릅니다.
      */
-    rowColor?: (row: DataType, index: number) => string | string;
+    rowColor?: (row: DataType, index: number) => (string | undefined) | string;
     /**
      * Sort 이벤트, 대상 Column 아이디를 전달합니다.
      */

package/dist/components/table/DataTableRows.d.ts

@@ -5,7 +5,7 @@ interface DataTableRowsProps<DataType> extends Pick<DataTableProps<DataType>, 'c
     tableContainerAttribute: number;
     allSelected?: boolean;
     selectedRows?: DataTableRowsType<DataType>;
-    rowColor?: (row: DataTableRowType<DataType>, index: number) => string | string;
+    rowColor?: (row: DataTableRowType<DataType>, index: number) => (string | undefined) | string;
     onSelectedRow?: (action: SelectRowAction<DataType>) => void;
 }
 export declare const DataTableRows: <DataType extends object = any>({ columns, rows, loading, selectableRows, clickableRows, selectedRows, noDataText, cellHoverStyle, cellDisabledStyle, tableContainerAttribute, resize, onSelectedRow, rowColor, }: DataTableRowsProps<DataType>) => React.JSX.Element;