@egov3/system-design 1.0.36 → 1.0.37

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/dist/esm/components/Typography/index.d.ts

@@ -1,8 +1,8 @@
 import React, { FC } from "react";
-type FontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
+type TFontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
 export interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {
     tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
-    fontClass: FontClass;
+    fontClass: TFontClass;
 }
 export declare const Typography: FC<ITypographyProps>;
 export {};

package/dist/esm/components/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Button } from "./Button";
 export declare const Сomponents: {
     Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("./Button").IButtonProps) => import("react").JSX.Element;
     InputField: ({ onFocus, onBlur, onChange, onEnterPress, value, inputLeftIcon, placeholder, className, style, isClearable, type, id, labelText, ariaLabel, focused, setFocused, }: import("./InputField").IInputFieldProps) => import("react").ReactNode;
@@ -8,3 +9,4 @@ export declare const Сomponents: {
     RadioToggle: ({ lock, setLock }: import("./RadioToggle").IRadioToggleProps) => import("react").JSX.Element;
     Typography: import("react").FC<import("./Typography").ITypographyProps>;
 };
+export { Button };

package/dist/esm/index.d.ts

@@ -2,10 +2,10 @@
 import * as React from 'react';
 import React__default, { Dispatch, SetStateAction, HTMLInputTypeAttribute } from 'react';
 
-type FontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
+type TFontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
 interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
     tag: keyof JSX.IntrinsicElements | React__default.JSXElementConstructor<any>;
-    fontClass: FontClass;
+    fontClass: TFontClass;
 }
 
 interface IRadioToggleProps {

package/dist/esm/index.js

@@ -2965,7 +2965,7 @@ styleInject(css_248z);
 
 var Typography = function (_a) {
     var tag = _a.tag, fontClass = _a.fontClass, className = _a.className, children = _a.children, restProps = __rest(_a, ["tag", "fontClass", "className", "children"]);
-    return React.createElement(tag, __assign(__assign({}, restProps), { className: CombineClassNames(className, fontClass ? styles[fontClass] : '') }), children);
+    return React.createElement(tag, __assign(__assign({}, restProps), { className: CombineClassNames(className, fontClass ? styles[fontClass] : "") }), children);
 };
 
 var Сomponents = {