@egov3/system-design 1.0.36 → 1.0.38

package/dist/esm/stories/Accordion.stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare const AccordionStory: () => React.JSX.Element;
+declare const meta: {
+    title: string;
+    component: ({ open, setOpen, children, title, }: import("../components/Accordion").IAccordionProps) => React.JSX.Element;
+};
+export default meta;

package/dist/esm/stories/Button.stories.d.ts

@@ -1,8 +1,28 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => React.JSX.Element>;
-export default _default;
-export declare const Primary: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => React.JSX.Element>;
-export declare const Secondary: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => React.JSX.Element>;
-export declare const Large: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => React.JSX.Element>;
-export declare const Small: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => React.JSX.Element>;
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("../components/Button").IButtonProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IsRounded: Story;
+export declare const NotRounded: Story;
+export declare const Large: Story;
+export declare const Medium: Story;
+export declare const Small: Story;
+export declare const Mini: Story;
+export declare const VariantDefault: Story;
+export declare const VariantTinted: Story;
+export declare const VariantSecondary: Story;
+export declare const VariantDefaultDisabled: Story;
+export declare const VariantTintedDisabled: Story;
+export declare const VariantSecondaryDisabled: Story;

package/dist/esm/stories/CardWrapperItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardWrapperItem: ({ children, }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/esm/stories/InputField.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from "@storybook/react";
+import React from "react";
+declare const meta: {
+    title: string;
+    component: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, focused, setFocused, }: import("../components/InputField").IInputFieldProps) => React.ReactNode;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        ariaLabel: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LeftIcon: Story;
+export declare const IsClearable: Story;
+export declare const Label: Story;

package/dist/esm/stories/RadioGroup.stories.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: import("../components/RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        RadioGroupItems: {
+            label: string;
+            value: string;
+        }[];
+        invokeCustomOnChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        setSelectedOption: () => void;
+        selectedOption: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/stories/RadioToggle.stories.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: ({ lock, setLock }: import("../components/RadioToggle").IRadioToggleProps) => React.JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+export declare const Unlock: () => React.JSX.Element;
+export declare const Lock: () => React.JSX.Element;

package/dist/esm/stories/Typography.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("../components/Typography").ITypographyProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+export declare const Typography: () => React.JSX.Element;

package/package.json

@@ -1,65 +1,74 @@
-{
-  "name": "@egov3/system-design",
-  "version": "1.0.36",
-  "main": "dist/cjs/index.js",
-  "types": "dist/esm/index.d.ts",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/egov3/system-design.git"
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "test": "jest",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
-  },
-  "author": "Zhassulan Baigozha",
-  "license": "ISC",
-  "description": "A system-design NPM package in Typescript",
-  "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-react": "^7.16.0",
-    "@babel/preset-typescript": "^7.16.0",
-    "@mdx-js/react": "^2.1.2",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/builder-webpack5": "^6.5.9",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/mdx2-csf": "^0.0.3",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.9",
-    "@testing-library/react": "^13.3.0",
-    "@types/jest": "^28.1.6",
-    "@types/react": "^18.0.15",
-    "babel-jest": "^27.3.1",
-    "babel-loader": "^8.2.3",
-    "css-loader": "^6.5.1",
-    "html-webpack-plugin": "^5.5.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^28.1.3",
-    "postcss": "^8",
-    "postcss-loader": "^4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^2.60.0",
-    "rollup-plugin-dts": "^4.0.1",
-    "rollup-plugin-postcss": "^4.0.1",
-    "sass": "^1.43.5",
-    "sass-loader": "^12.3.0",
-    "style-loader": "^3.3.1",
-    "typescript": "^4.7.4"
-  }
-}
+{
+  "name": "@egov3/system-design",
+  "version": "1.0.38",
+  "main": "dist/cjs/index.js",
+  "types": "dist/esm/index.d.ts",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/egov3/system-design.git"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "test": "jest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "author": "Zhassulan Baigozha",
+  "license": "ISC",
+  "description": "A system-design NPM package in Typescript",
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@chromatic-com/storybook": "3",
+    "@mdx-js/react": "^2.1.2",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@storybook/addon-actions": "^8.5.0-alpha.10",
+    "@storybook/addon-essentials": "^8.5.0-alpha.10",
+    "@storybook/addon-links": "^8.5.0-alpha.10",
+    "@storybook/addon-mdx-gfm": "8.5.0-alpha.10",
+    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
+    "@storybook/mdx2-csf": "^0.0.3",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-webpack5": "8.5.0-alpha.10",
+    "@storybook/test": "^8.4.5",
+    "@testing-library/react": "^13.3.0",
+    "@types/jest": "^28.1.6",
+    "@types/react": "^18.0.15",
+    "babel-jest": "^27.3.1",
+    "babel-loader": "^8.2.3",
+    "css-loader": "^6.5.1",
+    "html-webpack-plugin": "^5.5.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^28.1.3",
+    "postcss": "^8",
+    "postcss-loader": "^4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^2.60.0",
+    "rollup-plugin-dts": "^4.0.1",
+    "rollup-plugin-postcss": "^4.0.1",
+    "sass": "^1.43.5",
+    "sass-loader": "^12.3.0",
+    "storybook": "8.5.0-alpha.10",
+    "style-loader": "^3.3.1",
+    "typescript": "^4.7.4",
+    "webpack": "^5"
+  },
+  "dependencies": {
+    "@egov3/icons": "^1.0.36",
+    "tsconfig-paths-webpack-plugin": "^4.2.0"
+  }
+}

package/dist/cjs/stories/Button.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import './button.css';
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;

package/dist/cjs/stories/Header.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './header.css';
-export interface HeaderProps {
-    user?: {};
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => React.JSX.Element;

package/dist/cjs/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => React.JSX.Element>;
-export default _default;
-export declare const LoggedIn: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => React.JSX.Element>;
-export declare const LoggedOut: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => React.JSX.Element>;

package/dist/cjs/stories/Page.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './page.css';
-export interface PageProps {
-    user?: {};
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Page: ({ user, onLogin, onLogout, onCreateAccount }: PageProps) => React.JSX.Element;

package/dist/cjs/stories/Page.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ user, onLogin, onLogout, onCreateAccount }: import("./Page").PageProps) => React.JSX.Element>;
-export default _default;
-export declare const LoggedIn: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Page").PageProps) => React.JSX.Element>;
-export declare const LoggedOut: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Page").PageProps) => React.JSX.Element>;

package/dist/esm/stories/Button.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import './button.css';
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => React.JSX.Element;

package/dist/esm/stories/Header.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './header.css';
-export interface HeaderProps {
-    user?: {};
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => React.JSX.Element;

package/dist/esm/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => React.JSX.Element>;
-export default _default;
-export declare const LoggedIn: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => React.JSX.Element>;
-export declare const LoggedOut: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => React.JSX.Element>;

package/dist/esm/stories/Page.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './page.css';
-export interface PageProps {
-    user?: {};
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Page: ({ user, onLogin, onLogout, onCreateAccount }: PageProps) => React.JSX.Element;

package/dist/esm/stories/Page.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ user, onLogin, onLogout, onCreateAccount }: import("./Page").PageProps) => React.JSX.Element>;
-export default _default;
-export declare const LoggedIn: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Page").PageProps) => React.JSX.Element>;
-export declare const LoggedOut: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Page").PageProps) => React.JSX.Element>;