@itcase/ui 1.9.35 → 1.9.37

package/dist/types/components/Flex/stories/FlexAlignItems.stories.d.ts

@@ -0,0 +1,49 @@
+import { Flex } from '../';
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Stretch: {
+    args: {
+        alignItems: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexStart: {
+    args: {
+        alignItems: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexEnd: {
+    args: {
+        alignItems: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Center: {
+    args: {
+        alignItems: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Baseline: {
+    args: {
+        alignItems: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Flex/stories/FlexAlignSelf.stories.d.ts

@@ -0,0 +1,55 @@
+import { Flex } from '../';
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Auto: {
+    args: {
+        alignSelf: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Stretch: {
+    args: {
+        alignSelf: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexStart: {
+    args: {
+        alignSelf: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexEnd: {
+    args: {
+        alignSelf: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Center: {
+    args: {
+        alignSelf: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Baseline: {
+    args: {
+        alignSelf: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Flex/stories/FlexDirection.stories.d.ts

@@ -0,0 +1,67 @@
+import { Flex } from '../';
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Row: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const RowReverse: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Column: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ColumnReverse: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Horizontal: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const HorizontalReverse: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Vertical: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VerticalReverse: {
+    args: {
+        direction: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Flex/stories/FlexGrow.stories.d.ts

@@ -0,0 +1,31 @@
+import { Flex } from '../';
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Regular: {
+    args: {
+        grow: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const One: {
+    args: {
+        grow: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Flex/stories/FlexJustifyContent.stories.d.ts

@@ -0,0 +1,55 @@
+import { Flex } from '../';
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexStart: {
+    args: {
+        justifyContent: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FlexEnd: {
+    args: {
+        justifyContent: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Center: {
+    args: {
+        justifyContent: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SpaceBetween: {
+    args: {
+        justifyContent: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SpaceAround: {
+    args: {
+        justifyContent: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SpaceEvenly: {
+    args: {
+        justifyContent: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Flex/stories/FlexOrder.stories.d.ts

@@ -0,0 +1,37 @@
+import { Flex } from '../';
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    component: typeof Flex;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const First: {
+    args: {
+        order: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Regular: {
+    args: {
+        order: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Last: {
+    args: {
+        order: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Flex/stories/FlexWrap.stories.d.ts

@@ -0,0 +1,47 @@
+import { FlexProps } from '../Flex.interface';
+declare const meta: {
+    title: string;
+    args: {
+        width: string;
+        borderColor: string;
+        padding: string;
+    };
+    render: ({ ...args }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoWrap: {
+    args: {
+        direction: string;
+        itemWidth: string;
+        wrap: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Wrap: {
+    args: {
+        direction: string;
+        itemWidth: string;
+        wrap: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WrapReverse: {
+    args: {
+        direction: string;
+        itemWidth: string;
+        wrap: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WrapVerticalReverse: {
+    args: {
+        itemWidth: string;
+        wrap: string;
+    };
+    render: (args: FlexProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Grid/Grid.interface.d.ts

@@ -1,20 +1,36 @@
-import { ElementType, ReactNode } from 'react';
-import { BorderColorProps, DirectionProps, FillHoverProps, FillProps, GridAlignProps, GridAlignSelfProps, GridJustifyItemsProps, GridJustifySelfProps, HorizontalResizeModeProps, ShapeProps, VerticalResizeModeProps } from '@itcase/types';
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface GridBaseThemeColor extends StyleAttributes {
-    alignSelf?: GridAlignSelfProps;
-    alignSelfDesktop?: GridAlignSelfProps;
-    alignSelfMobile?: GridAlignSelfProps;
-    alignSelfTablet?: GridAlignSelfProps;
+type GridBaseAppearanceProps = {
+    alignContent?: AlignProps;
+    alignContentDesktop?: AlignProps;
+    alignContentMobile?: AlignProps;
+    alignContentTablet?: AlignProps;
+    alignItems?: AlignProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    alignSelf?: AlignProps;
+    alignSelfDesktop?: AlignProps;
+    alignSelfMobile?: AlignProps;
+    alignSelfTablet?: AlignProps;
+    borderColor?: BorderColorProps;
     columnEnd?: string;
     columnEndDesktop?: string;
     columnEndMobile?: string;
     columnEndTablet?: string;
     columnGap?: string;
+    columnGapDesktop?: string;
+    columnGapMobile?: string;
+    columnGapTablet?: string;
+    columns?: string;
+    columnsDesktop?: string;
+    columnsMobile?: string;
     columnSpan?: string;
     columnSpanDesktop?: string;
     columnSpanMobile?: string;
     columnSpanTablet?: string;
+    columnsTablet?: string;
     columnStart?: string;
     columnStartDesktop?: string;
     columnStartMobile?: string;
@@ -26,11 +42,27 @@ export interface GridBaseThemeColor extends StyleAttributes {
     fillMobile?: FillProps;
     fillTablet?: FillProps;
     gap?: string;
+    gridBackground?: string;
+    gridBackgroundDesktop?: string;
+    gridBackgroundMobile?: string;
+    gridBackgroundTablet?: string;
+    gridBackgroundWrapper?: string;
+    gridBackgroundWrapperDesktop?: string;
+    gridBackgroundWrapperMobile?: string;
+    gridBackgroundWrapperTablet?: string;
     gridTemplateColumns?: string;
-    justifySelf?: GridJustifySelfProps;
-    justifySelfDesktop?: GridJustifySelfProps;
-    justifySelfMobile?: GridJustifySelfProps;
-    justifySelfTablet?: GridJustifySelfProps;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    justifyItems?: string;
+    justifyItemsDesktop?: string;
+    justifyItemsMobile?: string;
+    justifyItemsTablet?: string;
+    justifySelf?: string;
+    justifySelfDesktop?: string;
+    justifySelfMobile?: string;
+    justifySelfTablet?: string;
     order?: string;
     orderDesktop?: string;
     orderMobile?: string;
@@ -40,106 +72,72 @@ export interface GridBaseThemeColor extends StyleAttributes {
     rowEndMobile?: string;
     rowEndTablet?: string;
     rowGap?: string;
+    rowGapDesktop?: string;
+    rowGapMobile?: string;
+    rowGapTablet?: string;
+    rows?: string;
+    rowsDesktop?: string;
+    rowsMobile?: string;
     rowSpan?: string;
     rowSpanDesktop?: string;
     rowSpanMobile?: string;
     rowSpanTablet?: string;
+    rowsTablet?: string;
     rowStart?: string;
     rowStartDesktop?: string;
     rowStartMobile?: string;
     rowStartTablet?: string;
+    shapeWrapper?: ShapeProps;
+    shapeWrapperDesktop?: ShapeProps;
+    shapeWrapperInner?: ShapeProps;
+    shapeWrapperInnerDesktop?: ShapeProps;
+    shapeWrapperInnerMobile?: ShapeProps;
+    shapeWrapperInnerTablet?: ShapeProps;
+    shapeWrapperMobile?: ShapeProps;
+    shapeWrapperTablet?: ShapeProps;
     zIndex?: string;
     zIndexDesktop?: string;
     zIndexMobile?: string;
     zIndexTablet?: string;
-}
-export interface GridItemProps extends GridBaseThemeColor {
+};
+type GridItemProps = GridBaseAppearanceProps & StyleAttributes & {
     id?: string;
-    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
     dataTestId?: string;
     dataTour?: string;
     onClick?: () => void;
-}
-export interface GridRowProps extends GridBaseThemeColor {
+    print?: boolean;
+    style?: CSSProperties;
+};
+type GridRowProps = GridBaseAppearanceProps & StyleAttributes & {
     id?: string;
-    [key: number | string | symbol]: any;
     children?: ReactNode;
     className?: string;
+    dataId?: string;
     dataTestId?: string;
     dataTour?: string;
     htmlFor?: string;
-    tag?: ElementType;
     onClick?: () => void;
-}
-export interface GridProps extends StyleAttributes {
+    print?: boolean;
+    tag?: ElementType;
+};
+type GridProps = GridBaseAppearanceProps & StyleAttributes & {
     id?: string;
-    [key: number | string | symbol]: any;
     after?: ReactNode;
-    alignContent?: GridAlignProps;
-    alignContentDesktop?: GridAlignProps;
-    alignContentMobile?: GridAlignProps;
-    alignContentTablet?: GridAlignProps;
-    alignItems?: GridAlignProps;
-    alignItemsDesktop?: GridAlignProps;
-    alignItemsMobile?: GridAlignProps;
-    alignItemsTablet?: GridAlignProps;
     before?: ReactNode;
-    borderColor?: BorderColorProps;
     children?: ReactNode;
     className?: string;
-    columnGap?: string;
-    columnGapDesktop?: string;
-    columnGapMobile?: string;
-    columnGapTablet?: string;
-    columns?: string;
-    columnsDesktop?: string;
-    columnsMobile?: string;
-    columnsTablet?: string;
     dataTestId?: string;
     dataTour?: string;
-    fill?: FillProps;
-    fillDesktop?: FillProps;
-    fillMobile?: FillProps;
-    fillTablet?: FillProps;
-    gridBackground?: string;
-    gridBackgroundDesktop?: string;
-    gridBackgroundMobile?: string;
-    gridBackgroundTablet?: string;
-    gridBackgroundWrapper?: string;
-    gridBackgroundWrapperDesktop?: string;
-    gridBackgroundWrapperMobile?: string;
-    gridBackgroundWrapperTablet?: string;
-    horizontalResizing?: HorizontalResizeModeProps;
+    horizontalResizing?: WidthProps;
     horizontalScroll?: boolean;
-    justifyContent?: string;
-    justifyContentDesktop?: string;
-    justifyContentMobile?: string;
-    justifyContentTablet?: string;
-    justifyItems?: GridJustifyItemsProps;
-    justifyItemsDesktop?: GridJustifyItemsProps;
-    justifyItemsMobile?: GridJustifyItemsProps;
-    justifyItemsTablet?: GridJustifyItemsProps;
-    rowGap?: string;
-    rowGapDesktop?: string;
-    rowGapMobile?: string;
-    rowGapTablet?: string;
-    rows?: string;
-    rowsDesktop?: string;
-    rowsMobile?: string;
-    rowsTablet?: string;
-    shapeWrapper?: ShapeProps;
-    shapeWrapperDesktop?: ShapeProps;
-    shapeWrapperInner?: ShapeProps;
-    shapeWrapperInnerDesktop?: ShapeProps;
-    shapeWrapperInnerMobile?: ShapeProps;
-    shapeWrapperInnerTablet?: ShapeProps;
-    shapeWrapperMobile?: ShapeProps;
-    shapeWrapperTablet?: ShapeProps;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    print?: boolean;
     tag?: ElementType;
     type?: string;
     useGridSystem?: boolean;
-    verticalResizing?: VerticalResizeModeProps;
-    onClick?: () => void;
-}
+    verticalResizing?: WidthProps;
+};
+export type { GridItemProps, GridProps, GridRowProps };

package/dist/types/components/Grid/index.d.ts

@@ -1,4 +1,4 @@
 import { Grid } from './Grid';
 import { GridItem } from './GridItem';
 import { GridRow } from './GridRow';
-export { Grid, GridRow, GridItem };
+export { Grid, GridItem, GridRow };

package/dist/types/components/Grid/stories/Grid.stories.d.ts

@@ -0,0 +1,59 @@
+import { Grid } from '../';
+import { GridProps } from '../Grid.interface';
+declare const meta: {
+    title: string;
+    component: typeof Grid;
+    args: {
+        width: string;
+        height: string;
+        borderColor: string;
+        padding: string;
+        gap: number;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Regular: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VariantOne: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VariantTwo: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VariantThree: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VariantFour: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VariantFive: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const VariantSix: {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    render: (args: GridProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Group/Group.appearance.d.ts

@@ -1,2 +1,3 @@
 import { GroupAppearance } from './Group.interface';
-export declare const groupAppearance: GroupAppearance;
+declare const groupAppearance: GroupAppearance;
+export { groupAppearance };

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

@@ -3,7 +3,7 @@ import type { GroupConfig } from './Group.interface';
 declare const groupConfig: GroupConfig;
 declare const Group: React.ForwardRefExoticComponent<{
     align?: import("@itcase/types").AlignProps;
-    alignDirection?: AlignDirectionProps;
+    alignDirection?: import("@itcase/types").DirectionProps;
     border?: import("@itcase/types").BorderColorProps;
     borderColor?: import("@itcase/types").BorderColorProps;
     borderColorActive?: import("@itcase/types").BorderColorProps;
@@ -19,7 +19,7 @@ declare const Group: React.ForwardRefExoticComponent<{
     fillActiveHover?: import("@itcase/types").FillActiveHoverProps;
     fillDisabled?: import("@itcase/types").FillProps;
     fillHover?: import("@itcase/types").FillHoverProps;
-    flexGrow?: FlexGrowProps;
+    flexGrow?: string;
     height?: import("@itcase/types").HeightProps;
     hoverFilter?: string;
     iconFillHover?: import("../Icon/Icon.interface").IconProps["fillHover"];
@@ -38,6 +38,7 @@ declare const Group: React.ForwardRefExoticComponent<{
     appearance?: import("@itcase/types").CompositeAppearanceDefaultKey;
     children?: React.ReactNode;
     className?: string;
+    dataId?: string;
     dataTestId?: string;
     dataTour?: string;
     easing?: boolean;