@apple-pie/slice 0.1.51 → 0.1.53

package/dist/types/components/Avatar/_types.d.ts

@@ -13,7 +13,6 @@ export type AvatarBaseProps = {
     borderColor?: string;
     borderColorHover?: string;
     backgroundColor?: string;
-    bgColor?: string;
     fontSize?: number | string;
     onToolTip?: (tip: ToolTip | null) => void;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;

package/dist/types/components/AvatarGroup/_types.d.ts

@@ -9,7 +9,6 @@ export type AvatarInfo = {
     textColor?: string;
     color?: string;
     backgroundColor?: string;
-    bgColor?: string;
 };
 export type AvatarGroupBaseProps = {
     avatars?: AvatarInfo[] | null;

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

@@ -21,10 +21,8 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;
-    bgColor?: string;
-    bgColorDisabled?: string;
     labelColor?: string;
-    labelSize?: "xs" | "s" | "m" | "l";
+    labelSize?: "xs" | "s" | "m" | "l" | "xl";
     transition?: import("motion-dom").Transition;
     variants?: import("motion-dom").Variants;
     initial?: string;
@@ -62,10 +60,8 @@ export declare const Button: React.NamedExoticComponent<Omit<React.ButtonHTMLAtt
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;
-    bgColor?: string;
-    bgColorDisabled?: string;
     labelColor?: string;
-    labelSize?: "xs" | "s" | "m" | "l";
+    labelSize?: "xs" | "s" | "m" | "l" | "xl";
     transition?: import("motion-dom").Transition;
     variants?: import("motion-dom").Variants;
     initial?: string;

package/dist/types/components/Button/_types.d.ts

@@ -21,10 +21,8 @@ type ButtonBaseProps = {
     iconColor?: string;
     backgroundColor?: string;
     backgroundColorDisabled?: string;
-    bgColor?: string;
-    bgColorDisabled?: string;
     labelColor?: string;
-    labelSize?: 'xs' | 's' | 'm' | 'l';
+    labelSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     transition?: Transition;
     variants?: Variants;
     initial?: string;

package/dist/types/components/ButtonBar/_types.d.ts

@@ -19,9 +19,6 @@ type ButtonBarBaseProps = {
     backgroundColor?: string;
     backgroundColorHover?: string;
     backgroundColorActive?: string;
-    bgColor?: string;
-    bgColorHover?: string;
-    bgColorActive?: string;
     labelColor?: string;
     buttonSize?: 's' | 'm' | 'l' | 'xl';
     onClick?: (button: BarButton) => void;

package/dist/types/components/Chip/_types.d.ts

@@ -3,7 +3,7 @@ import type { ToolTip } from '../sharedTypes';
 type ChipBaseProps = {
     children?: React.ReactNode;
     label?: string;
-    labelSize?: 'xs' | 's' | 'm' | 'l';
+    labelSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     labelColor?: string;
     labelColorHover?: string;
     icon?: string;
@@ -13,8 +13,6 @@ type ChipBaseProps = {
     iconColorHover?: string;
     backgroundColor?: string;
     backgroundColorHover?: string;
-    bgColor?: string;
-    bgColorHover?: string;
     disabled?: boolean;
     focused?: boolean;
     tooltip?: string;

package/dist/types/components/DataTable/_types.d.ts

@@ -38,8 +38,8 @@ export type ColumnDefinition<T, V = unknown> = KeyColumn<T> | AccessorColumn<T,
 export interface DataTableProps<T> {
     height: number | string;
     width: number | string;
-    maxWidth: number | string;
-    margin: number | string;
+    maxWidth?: number | string;
+    margin?: number | string;
     headerSticky: boolean;
     freezeColumn: boolean;
     backgroundColor?: string;

package/dist/types/components/DataTable/_useResizeColumn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DataTable/columnHelper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DivInput/_types.d.ts

@@ -19,7 +19,6 @@ type DivInputBaseProps = {
     borderRadius?: number;
     radius?: number;
     backgroundColor?: string;
-    bgColor?: string;
 };
 export type DivInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DivInputBaseProps> & DivInputBaseProps;
 export {};

package/dist/types/components/DraggablePanel/DrggablePanel.d.ts

@@ -22,12 +22,24 @@ type DraggablePanelBaseProps = {
     resizeHandle?: Partial<ResizeHandle>;
     borderRight?: any;
     borderLeft?: any;
-    bgColor?: string;
+    backgroundColor?: string;
     drags?: 'left' | 'right' | false;
     dragHandle?: boolean;
     dragHandleStyle?: DragHandleProps;
     disableOnContext?: boolean;
     isTouchDevice?: boolean;
+    /**
+     * Overrides the CSS transition duration used only for the panel's very
+     * first open (its initial mount, when it animates from a closed/zero
+     * width to its settled starting width). A number is treated as
+     * milliseconds; a string is used as-is (e.g. `'0.5s'`). Pass `0` to have
+     * the panel appear already open at its starting width, with no reveal
+     * animation. Leave `undefined` (the default) to use the same
+     * `--motion-water-duration` timing as every other width transition.
+     * Any transition *after* that first open (drags, later `isClosed`
+     * toggles, constraint changes) always uses the normal duration.
+     */
+    transitionDurationOnInit?: string | number;
 };
 export type DraggablePanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DraggablePanelBaseProps> & DraggablePanelBaseProps;
 export declare const DraggablePanel: React.MemoExoticComponent<(props: DraggablePanelProps) => React.JSX.Element>;

package/dist/types/components/DropDown/_types.d.ts

@@ -18,7 +18,6 @@ type DropDownBaseProps<T = string> = {
     validate?: boolean;
     iconColor?: string;
     backgroundColor?: string;
-    bgColor?: string;
     textColor?: string;
     borderColor?: string;
     borderWidth?: number;
@@ -34,7 +33,7 @@ type DropDownBaseProps<T = string> = {
     error?: boolean;
     gap?: number;
     inline?: boolean;
-    size?: 'xs' | 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     onChange?: (index: number, option: DropDownOption<T>) => void;
     onOption?: (option: DropDownOption<T>) => void;
 };

package/dist/types/components/ErrorSummary/_types.d.ts

@@ -8,8 +8,7 @@ type ErrorSummaryBaseProps = {
     textColor?: string;
     autoNumber?: boolean;
     backgroundColor?: string;
-    bgColor?: string;
-    textSize?: 'xs' | 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
 };
 export type ErrorSummaryProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ErrorSummaryBaseProps> & ErrorSummaryBaseProps;
 export {};

package/dist/types/components/FileList/_types.d.ts

@@ -10,14 +10,13 @@ type FileListBaseProps = {
     files?: FileItem[];
     direction?: 'row' | 'column';
     gap?: number;
-    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     maxWidth?: number | string;
     minWidth?: number | string;
     padding?: number | string;
     iconSize?: number;
     onChange?: (files: FileItem[]) => void;
     backgroundColor?: string;
-    bgColor?: string;
     canRemove?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
 };

package/dist/types/components/Icon/iconRegistry.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/IconButton/_animation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/IconButton/_types.d.ts

@@ -59,9 +59,9 @@ type IconButtonBaseProps = {
     colorOn?: string;
     fillColor?: number;
     disabled?: boolean;
-    bgColor?: string;
-    bgColorOn?: string;
-    bgColorHover?: string;
+    backgroundColor?: string;
+    backgroundColorOn?: string;
+    backgroundColorHover?: string;
     toggle?: boolean;
     hover?: boolean;
     toggleIcon?: boolean;

package/dist/types/components/Label/_types.d.ts

@@ -12,14 +12,13 @@ type LabelBaseProps = {
     children?: React.ReactNode;
     label?: string;
     backgroundColor?: LabelBackground | string;
-    bgColor?: LabelBackground | string;
     borderWidth?: number;
     borderSize?: number;
     borderColor?: string;
     borderRadius?: number;
     padding?: number | string;
     textColor?: string;
-    textSize?: 'xs' | 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     onClick?: (e: React.MouseEvent<any>) => void;
 };
 export type LabelProps = Omit<React.HTMLAttributes<HTMLElement>, keyof LabelBaseProps> & LabelBaseProps;

package/dist/types/components/Modal/_types.d.ts

@@ -29,8 +29,8 @@ type ModalBaseProps<T = string> = {
     titleBorderWidth?: number;
     titleIcon?: string;
     titleIconFill?: boolean;
-    titleSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
-    contentSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    titleTextSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    contentTextSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     close?: boolean;
     actions?: ModalAction<T>[];
     actionsBorderColor?: string;

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

@@ -27,7 +27,7 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     toolbarGap?: number;
     attachmentsDisabled?: boolean;
     submitWorking?: boolean;
-    textSize?: "s" | "m" | "l";
+    textSize?: "xs" | "s" | "m" | "l" | "xl";
     onChange?: (value: string | undefined, attachments?: FileItem[]) => void;
     onSubmit?: (value: string | undefined, attachments?: FileItem[]) => void;
     onBlur?: (value: string | undefined, attachments?: FileItem[]) => void;
@@ -61,7 +61,7 @@ export declare const PromptInput: React.NamedExoticComponent<Omit<React.HTMLAttr
     toolbarGap?: number;
     attachmentsDisabled?: boolean;
     submitWorking?: boolean;
-    textSize?: "s" | "m" | "l";
+    textSize?: "xs" | "s" | "m" | "l" | "xl";
     onChange?: (value: string | undefined, attachments?: FileItem[]) => void;
     onSubmit?: (value: string | undefined, attachments?: FileItem[]) => void;
     onBlur?: (value: string | undefined, attachments?: FileItem[]) => void;

package/dist/types/components/PromptInput/_types.d.ts

@@ -27,7 +27,7 @@ type BasePromptProps = {
     toolbarGap?: number;
     attachmentsDisabled?: boolean;
     submitWorking?: boolean;
-    textSize?: 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     onChange?: (value: string | undefined, attachments?: FileItem[]) => void;
     onSubmit?: (value: string | undefined, attachments?: FileItem[]) => void;
     onBlur?: (value: string | undefined, attachments?: FileItem[]) => void;

package/dist/types/components/Switch/_types.d.ts

@@ -6,8 +6,6 @@ type SwitchBaseProps<T = string> = {
     width?: number;
     backgroundColorOff?: string;
     backgroundColorOn?: string;
-    bgColorOff?: string;
-    bgColorOn?: string;
     knobColor?: string;
     padding?: number;
     value?: T;

package/dist/types/components/TabBar/_types.d.ts

@@ -6,7 +6,6 @@ export type TabOption = {
     icon?: string | null;
     toolTip?: string;
     count?: number;
-    component?: any;
 };
 export declare const placeholderOptions: TabOption[];
 type TabBarBaseProps = {
@@ -36,10 +35,10 @@ type TabBarBaseProps = {
 };
 export type TabBarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TabBarBaseProps> & TabBarBaseProps;
 export interface TabOptionProps {
-    label?: string;
-    value?: number;
+    name?: string;
+    index?: number;
     icon?: string | null;
-    showToolTip?: string | null;
+    toolTip?: string | null;
     selected?: boolean;
     padding?: number | string;
     iconSize?: number;
@@ -49,8 +48,8 @@ export interface TabOptionProps {
     iconFill?: boolean;
     tabWidth?: 'compact' | 'fill' | number;
     underline?: boolean;
-    onClick?: (value: number) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, value: number) => void;
+    onClick?: (index: number) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => void;
     onToolTip?: (tip: ToolTip | null) => void;
     buttonRef?: (element: HTMLButtonElement | null) => void;
     borderColor?: string;

package/dist/types/components/TextArea/_types.d.ts

@@ -19,10 +19,9 @@ type TextAreaBaseProps = {
     };
     sendSize?: number;
     backgroundColor?: string;
-    bgColor?: string;
     borderRadius?: number;
     returnSubmits?: boolean;
-    textSize?: 'xs' | 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     disabled?: boolean;
     submitClears?: boolean;
     maxLength?: number;

package/dist/types/components/Textfield/_types.d.ts

@@ -4,8 +4,8 @@ type TextFieldBaseProps = {
     value?: string;
     name?: string;
     label?: string;
-    labelSize?: 'xs' | 's' | 'm' | 'l';
-    textSize?: 'xs' | 's' | 'm' | 'l';
+    labelSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     placeholder?: string;
     focused?: boolean;
     editable?: boolean;

package/dist/types/components/Tip/_types.d.ts

@@ -10,9 +10,8 @@ export type PosCoords = {
 };
 type ToolTipBaseProps = {
     tip?: ToolTip | null;
-    size?: 'xs' | 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     backgroundColor?: string;
-    bgColor?: string;
     textColor?: string;
     color?: string;
     border?: boolean;

package/dist/types/components/Toast/_types.d.ts

@@ -8,7 +8,7 @@ export declare enum ToastType {
 type ToastBaseProps = {
     notifId?: string;
     message?: string | null;
-    size?: 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     border?: boolean;
     padding?: number | string;
     radius?: number | string;

package/dist/types/components/ToggleButton/_types.d.ts

@@ -4,7 +4,7 @@ import type { ToolTip } from '../sharedTypes';
 export interface ToggleButtonProps {
     children?: React.ReactNode;
     label?: string;
-    textSize?: 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     buttonSize?: 's' | 'm' | 'l' | 'xl';
     frameSize?: number;
     icon?: string;
@@ -14,9 +14,9 @@ export interface ToggleButtonProps {
     iconColor?: string;
     iconColorOn?: string;
     iconColorHover?: string;
-    bgColor?: string;
-    bgColorHover?: string;
-    bgColorOn?: string;
+    backgroundColor?: string;
+    backgroundColorHover?: string;
+    backgroundColorOn?: string;
     onChange?: (state: boolean) => void;
     onSelect?: () => void;
     onToolTip?: (tip: ToolTip | null) => void;

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

@@ -11,14 +11,12 @@ export declare const UploadArea: React.NamedExoticComponent<Omit<React.HTMLAttri
     busyMessage?: string;
     backgroundColor?: string;
     backgroundColorHover?: string;
-    bgColor?: string;
-    bgColorHover?: string;
     borderWidth?: number;
     border?: number;
     borderColor?: string | null;
     borderColorHover?: string | null;
     borderStyle?: string;
-    textSize?: "xs" | "s" | "m" | "l";
+    textSize?: "xs" | "s" | "m" | "l" | "xl";
     padding?: number | string;
     borderRadius?: number | string;
     radius?: number | string;
@@ -41,14 +39,12 @@ export declare const UploadArea: React.NamedExoticComponent<Omit<React.HTMLAttri
     busyMessage?: string;
     backgroundColor?: string;
     backgroundColorHover?: string;
-    bgColor?: string;
-    bgColorHover?: string;
     borderWidth?: number;
     border?: number;
     borderColor?: string | null;
     borderColorHover?: string | null;
     borderStyle?: string;
-    textSize?: "xs" | "s" | "m" | "l";
+    textSize?: "xs" | "s" | "m" | "l" | "xl";
     padding?: number | string;
     borderRadius?: number | string;
     radius?: number | string;

package/dist/types/components/UploadArea/_types.d.ts

@@ -27,14 +27,12 @@ type UploadAreaBaseProps = {
     busyMessage?: string;
     backgroundColor?: string;
     backgroundColorHover?: string;
-    bgColor?: string;
-    bgColorHover?: string;
     borderWidth?: number;
     border?: number;
     borderColor?: string | null;
     borderColorHover?: string | null;
     borderStyle?: string;
-    textSize?: 'xs' | 's' | 'm' | 'l';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     padding?: number | string;
     borderRadius?: number | string;
     radius?: number | string;