@inntechcorp/it-design 2.0.16 → 2.0.18

package/dist/stories/CheckboxGroup.stories.d.ts

@@ -14,8 +14,5 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Info: Story;
-export declare const InfoWithoutTitle: Story;
-export declare const Warning: Story;
-export declare const Success: Story;
-export declare const Error: Story;
+export declare const Default: Story;
+export declare const DisabledChildren: Story;

package/dist/stories/CheckboxGroupControl.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const CheckboxGroupControl: FC<any>;

package/dist/stories/CheckboxGroupControl.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import("@vitest/spy").Mock<any, any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DisabledChildren: Story;

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

@@ -15,8 +15,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Filled: Story;
+export declare const Dashed: Story;
 export declare const MaskFormat: Story;
-export declare const Outline: Story;
-export declare const Ghost: Story;
-export declare const Link: Story;
-export declare const Small: Story;

package/dist/stories/Select.d.ts

@@ -0,0 +1,3 @@
+import './button.css';
+import { FC } from 'react';
+export declare const Select: FC<any>;

package/dist/stories/Select.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<any>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import("@vitest/spy").Mock<any, any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const Dashed: Story;
+export declare const MaskFormat: Story;

package/dist/table/styled.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { ITDSize } from "../index";
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $size: string;
+    $size: ITDSize;
     $noGaps: boolean;
 }>> & string;
 export { Wrapper };

package/dist/types/ButtonProps.d.ts

@@ -2,6 +2,7 @@ import { DetailedHTMLProps, HTMLAttributes, MouseEvent } from "react";
 import { ChildrenProps } from "./ChildrenProps";
 import { IStyledComponent } from "styled-components";
 import { Substitute } from "styled-components/dist/types";
+import { ITDSize } from "../index";
 export type ButtonProps = {
     id?: string;
     disabled?: boolean;
@@ -14,7 +15,7 @@ export type ButtonProps = {
     type?: ButtonType;
     variant?: ButtonVariant;
     state?: ButtonState;
-    size?: ButtonSize;
+    size?: ITDSize;
     icon?: string | ChildrenProps | SVGElement;
     href?: string;
     target?: string;
@@ -25,7 +26,6 @@ export type ButtonProps = {
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "solid" | "filled" | "outline" | "ghost" | "link" | "statable" | "custom";
 export type ButtonState = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
-export type ButtonSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
 export type ButtonContentPosition = "left" | "right";
 export type StyledElementProps = IStyledComponent<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any>>;
 export interface IIcon {

package/dist/types/ITDProps.d.ts

@@ -0,0 +1,2 @@
+export type ITDSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+export type ITDSizeSlug = "xs" | "sm" | "md" | "df" | "lg" | "xlg";

package/dist/types/InputProps.d.ts

@@ -1,5 +1,6 @@
 import { FocusEventHandler, KeyboardEvent, MutableRefObject } from "react";
 import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "../index";
 export type InputProps = {
     id?: string;
     placeholder?: string;
@@ -7,8 +8,8 @@ export type InputProps = {
     defaultValue?: string;
     type?: string;
     className?: string;
-    size?: string;
-    variant?: string;
+    size?: ITDSize;
+    variant?: InputVariant;
     prefix?: ChildrenProps;
     suffix?: ChildrenProps;
     addonBefore?: ChildrenProps;
@@ -31,3 +32,4 @@ export type InputProps = {
     onKeyDown?: ((event: KeyboardEvent) => void) | null;
     children?: ChildrenProps;
 };
+export type InputVariant = "default" | "filled" | "dashed";

package/dist/types/SelectProps.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement } from "react";
 import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "../index";
 export type SelectProps = {
     id?: string;
     defaultValue?: string | number;
@@ -8,8 +9,8 @@ export type SelectProps = {
     position?: string;
     direction?: string;
     mode?: string;
-    size?: string;
-    variant?: string;
+    size?: ITDSize;
+    variant?: SelectVariant;
     className?: string;
     placeholder?: string;
     icon?: string;
@@ -21,6 +22,7 @@ export type SelectProps = {
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
 };
+export type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
 export type SelectOptionProps = {
     value: string;
     text: string;

package/dist/types/StatusProps.d.ts

@@ -1,6 +1,8 @@
 import { ChildrenProps } from "./ChildrenProps";
+import { ITDSize } from "../index";
 export type StatusProps = {
-    variant: StatusVariant;
+    variant?: StatusVariant;
+    size?: ITDSize;
     children?: ChildrenProps;
     className?: string;
 };

package/dist/types/TableProps.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ITDSize } from "../index";
 export type TableColumnType<T> = {
     key: keyof T | string;
     title: string;
@@ -9,10 +10,9 @@ export type TableColumnType<T> = {
 export type TableProps<T> = {
     columns: TableColumnType<T>[];
     data: T[];
-    size?: TableSize;
+    size?: ITDSize;
     headless?: boolean;
     bordered?: boolean;
     dashed?: boolean;
     noGaps?: boolean;
 };
-export type TableSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";

package/dist/utils/GetIconSizeBySize.d.ts

@@ -0,0 +1,2 @@
+import { ITDSize } from "../index";
+export default function GetIconSizeBySize(size: ITDSize): "14" | "16" | "18" | "20" | "22" | "24";

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -0,0 +1,2 @@
+import { ITDSizeSlug } from "../index";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "x-small" | "small" | "medium" | "default" | "large" | "x-large" | "df";

package/dist/utils/GetSizeSlugBySize.d.ts

@@ -0,0 +1,2 @@
+import { ITDSize } from "../index";
+export default function GetSizeSlugBySize(size: ITDSize): "xs" | "sm" | "md" | "df" | "lg" | "xlg";

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GetIconSizeBySize } from './GetIconSizeBySize';
+export { default as GetSizeBySizeSlug } from './GetSizeBySizeSlug';
+export { default as GetSizeSlugBySize } from './GetSizeSlugBySize';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "description": "All in one Design library for desktop applications.",
   "author": "Ali",
   "license": "ISC",