@egov3/system-design 1.2.65 → 1.3.67

package/dist/esm/styles/colors.css.js

@@ -0,0 +1,15 @@
+var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n}\n";
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+//# sourceMappingURL=colors.css.js.map

package/dist/esm/styles/colors.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/esm/styles/typography.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = "/* Headings/Heading 1 */\n.typography-module_heading1__ub7Od {\n  font-family: Inter;\n  font-size: 32px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 36px; /* 112.5% */\n  letter-spacing: -0.32px;\n}\n\n/* Headings/Heading 3 */\n.typography-module_heading3__QLNPD {\n  font-family: Inter;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 28px; /* 116.667% */\n  letter-spacing: -0.24px;\n}\n\n/* Subtitles/Subtitle 3 */\n.typography-module_subtitles3__QZScB {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Medium */\n.typography-module_body1Medium__INZB0 {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 1, Regular */\n.typography-module_body1Regular__H3iQB {\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px; /* 150% */\n}\n\n/* Body/Body 2, Medium */\n.typography-module_body2Medium__Caa0m {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 2, Regular */\n.typography-module_body2Regular__MEtzs {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px; /* 142.857% */\n}\n\n/* Body/Body 3, Regular */\n.typography-module_body3Regular__rp6ng {\n  font-family: Inter;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 114.286% */\n}\n\n/* Caption/Caption 1, Medium */\n.typography-module_caption1Medium__xXMm- {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Regular */\n.typography-module_caption1Regular__QVGyq {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 1, Semibold */\n.typography-module_caption1Semibold__Il1Aq {\n  font-family: Inter;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 16px; /* 133.333% */\n}\n\n/* Caption/Caption 2, Medium */\n.typography-module_caption2Medium__0Vvmy {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 12px; /* 120% */\n}\n\n/* Caption/Caption 2, Regular */\n.typography-module_caption2Regular__GxtiS {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 12px; /* 120% */\n}\n\n.typography-module_caption2Semibold__4ysJe {\n  font-family: Inter;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 12px; /* 120% */\n}\n";
+var typography = {"heading1":"typography-module_heading1__ub7Od","heading3":"typography-module_heading3__QLNPD","subtitles3":"typography-module_subtitles3__QZScB","body1Medium":"typography-module_body1Medium__INZB0","body1Regular":"typography-module_body1Regular__H3iQB","body2Medium":"typography-module_body2Medium__Caa0m","body2Regular":"typography-module_body2Regular__MEtzs","body3Regular":"typography-module_body3Regular__rp6ng","caption1Medium":"typography-module_caption1Medium__xXMm-","caption1Regular":"typography-module_caption1Regular__QVGyq","caption1Semibold":"typography-module_caption1Semibold__Il1Aq","caption2Medium":"typography-module_caption2Medium__0Vvmy","caption2Regular":"typography-module_caption2Regular__GxtiS","caption2Semibold":"typography-module_caption2Semibold__4ysJe"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { typography as default };
+//# sourceMappingURL=typography.module.css.js.map

package/dist/esm/styles/typography.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/svg/ClearIcon.js

@@ -0,0 +1,11 @@
+import { __rest, __assign } from '/home/runner/work/system-design/system-design/node_modules/tslib/tslib.es6.js';
+import React from 'react';
+
+var ClearIcon = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? "none" : _b, _c = _a.pathFill, pathFill = _c === void 0 ? "#fff" : _c, _d = _a.width, width = _d === void 0 ? 20 : _d, _e = _a.height, height = _e === void 0 ? 20 : _e, props = __rest(_a, ["fill", "pathFill", "width", "height"]);
+    return (React.createElement("svg", __assign({ "data-testid": "Icons_CLEAR", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: fill, viewBox: "0 0 20 20" }, props),
+        React.createElement("path", { fill: pathFill, fillRule: "evenodd", d: "M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z", clipRule: "evenodd" })));
+};
+
+export { ClearIcon };
+//# sourceMappingURL=ClearIcon.js.map

package/dist/esm/svg/ClearIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon.js","sources":["../../../src/svg/ClearIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAEO,IAAM,SAAS,GAAG,UAAC,EAM8B,EAAA;AALtD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAa,EAAb,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACb,EAAA,GAAA,EAAA,CAAA,QAAiB,EAAjB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAA,EACjB,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,cAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,KAAK,GAAA,MAAA,CAAA,EAAA,EALgB,uCAMzB,CADS;IAER,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,aAAa,EACzB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,WAAW,EAAA,EACf,KAAK,CAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uLAAuL,EACzL,QAAQ,EAAC,SAAS,EAAA,CACZ,CACJ;AAEV;;;;"}

package/dist/esm/utils/joinClasses.js

@@ -0,0 +1,10 @@
+var joinClasses = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return args.filter(function (item) { return !!item; }).join(" ");
+};
+
+export { joinClasses };
+//# sourceMappingURL=joinClasses.js.map

package/dist/esm/utils/joinClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joinClasses.js","sources":["../../../src/utils/joinClasses.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,IAAM,WAAW,GAAG,YAAA;IAAC,IAAA,IAAA,GAAA,EAAA;SAAA,IAAA,EAAA,GAAA,CAAkB,EAAlB,EAAA,GAAA,SAAA,CAAA,MAAkB,EAAlB,EAAA,EAAkB,EAAA;QAAlB,IAAA,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAC1B,IAAA,OAAA,IAAI,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvC;;;;"}

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

@@ -0,0 +1,10 @@
+import React__default, { Dispatch, JSX } from 'react';
+
+interface IAccordionProps {
+    open: boolean;
+    setOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    children: React__default.ReactNode;
+    title: JSX.Element;
+}
+
+export type { IAccordionProps };

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

@@ -0,0 +1,16 @@
+import React__default from 'react';
+
+interface IButtonProps {
+    ariaLabel?: string;
+    onClick?: () => void;
+    children: React__default.ReactNode;
+    className?: string;
+    isRounded?: boolean;
+    disabled?: boolean;
+    variant?: "default" | "tinted" | "secondary" | "black";
+    size?: "mini" | "small" | "medium" | "large";
+    style?: React__default.CSSProperties;
+    dataTestid?: string;
+}
+
+export type { IButtonProps };

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

@@ -0,0 +1,25 @@
+import React__default, { JSX, HTMLInputTypeAttribute } from 'react';
+
+interface IInputFieldProps extends React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+    placeholder?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    isClearable?: boolean;
+    inputLeftIcon?: JSX.Element;
+    type?: HTMLInputTypeAttribute;
+    id: string;
+    labelText?: string;
+    ariaLabel: string;
+    focused?: boolean;
+    setFocused?: (val: boolean) => void;
+    readOnly?: boolean;
+    dataTestid?: string;
+    variant?: "default" | "code";
+}
+
+export type { IInputFieldProps };

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

@@ -0,0 +1,11 @@
+import React__default, { JSX, Dispatch } from 'react';
+
+interface IModalProps {
+    open: boolean;
+    children: JSX.Element;
+    setOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    headerTitle?: string;
+    variant: "large" | "small";
+}
+
+export type { IModalProps };

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+interface RadioGroupItem {
+    label: string;
+    value: string;
+}
+interface ICustomRadioButtonProps {
+    label: string;
+    name: string;
+    checked: boolean;
+    onChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    value: string;
+}
+interface IRadioGroupProps {
+    RadioGroupItems: RadioGroupItem[];
+    invokeCustomOnChange: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    setSelectedOption: React__default.Dispatch<React__default.SetStateAction<string>>;
+    selectedOption: string;
+}
+
+export type { ICustomRadioButtonProps, IRadioGroupProps, RadioGroupItem };

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

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+
+interface IRadioToggleProps {
+    lock: boolean;
+    setLock: Dispatch<SetStateAction<boolean>>;
+}
+
+export type { IRadioToggleProps };

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

@@ -0,0 +1,11 @@
+import React__default, { Dispatch } from 'react';
+
+interface ISelectBoxProps {
+    labelText?: string;
+    setIsOpen: Dispatch<React__default.SetStateAction<boolean>>;
+    disabled: boolean;
+    error?: boolean;
+    modalValue?: string;
+}
+
+export type { ISelectBoxProps };

package/dist/{esm → types}/components/Typography/index.d.ts

@@ -1,8 +1,9 @@
-import React, { FC, JSX } from "react";
+import React__default, { JSX } from 'react';
+
 type TFontClass = "heading1" | "heading3" | "subtitles3" | "body1Medium" | "body1Regular" | "body2Medium" | "body2Regular" | "body3Regular" | "caption1Medium" | "caption1Regular" | "caption1Semibold" | "caption2Medium" | "caption2Regular" | "caption2Semibold";
-export interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {
-    tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
+interface ITypographyProps extends React__default.HTMLAttributes<HTMLElement> {
+    tag: keyof JSX.IntrinsicElements | React__default.JSXElementConstructor<any>;
     fontClass: TFontClass;
 }
-export declare const Typography: FC<ITypographyProps>;
-export {};
+
+export type { ITypographyProps };

package/dist/types/index.d.ts

@@ -0,0 +1,25 @@
+import { ITypographyProps } from './components/Typography/index.js';
+import { ISelectBoxProps } from './components/SelectBoxButton/index.js';
+import { IRadioToggleProps } from './components/RadioToggle/index.js';
+import { IModalProps } from './components/Modal/index.js';
+import { IInputFieldProps } from './components/InputField/index.js';
+import { ICustomRadioButtonProps, IRadioGroupProps } from './components/RadioGroup/index.js';
+import { IButtonProps } from './components/Button/index.js';
+import * as React from 'react';
+import { IAccordionProps } from './components/Accordion/index.js';
+
+declare const SystemDesign: {
+    Components: {
+        Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => React.JSX.Element;
+        Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => React.JSX.Element;
+        CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
+        InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+        Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => React.JSX.Element | null;
+        RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;
+        RadioToggle: ({ lock, setLock }: IRadioToggleProps) => React.JSX.Element;
+        SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => React.JSX.Element;
+        Typography: React.FC<ITypographyProps>;
+    };
+};
+
+export { SystemDesign as default };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.2.65",
+  "version": "1.3.67",
   "main": "dist/cjs/index.js",
-  "types": "dist/esm/index.d.ts",
+  "types": "dist/types/index.d.ts",
   "module": "dist/esm/index.js",
   "files": [
     "dist"
@@ -29,23 +29,22 @@
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
     "@babel/preset-typescript": "^7.16.0",
-    "@chromatic-com/storybook": "^3.2.4",
+    "@chromatic-com/storybook": "^4.1.1",
     "@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.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-docs": "^9.1.5",
+    "@storybook/addon-links": "^9.1.5",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-webpack5": "^8.5.2",
-    "@storybook/test": "^8.5.2",
-    "@testing-library/react": "^13.3.0",
+    "@storybook/react-webpack5": "^9.1.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^28.1.6",
-    "@types/react": "^18.0.15",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.3",
     "css-loader": "^6.5.1",
@@ -54,20 +53,20 @@
     "jest": "^28.1.3",
     "postcss": "^8.5.3",
     "postcss-loader": "^8.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^2.60.0",
-    "rollup-plugin-dts": "^4.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup": "^4",
+    "rollup-plugin-dts": "^6.2.3",
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.85.1",
     "sass-loader": "^12.3.0",
-    "storybook": "^8.5.2",
+    "storybook": "^9.1.5",
     "style-loader": "^3.3.1",
     "typescript": "^4.7.4",
     "webpack": "^5"
   },
   "dependencies": {
-    "@egov3/graphics": "^1.0.49",
+    "@egov3/graphics": "^1.0.50",
     "tsconfig-paths-webpack-plugin": "^4.2.0"
   }
 }

package/dist/cjs/components/Accordion/index.d.ts

@@ -1,8 +0,0 @@
-import React, { Dispatch, JSX } from "react";
-export interface IAccordionProps {
-    open: boolean;
-    setOpen: Dispatch<React.SetStateAction<boolean>>;
-    children: React.ReactNode;
-    title: JSX.Element;
-}
-export declare const Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => JSX.Element;

package/dist/cjs/components/Button/index.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface IButtonProps {
-    ariaLabel?: string;
-    onClick?: () => void;
-    children: React.ReactNode;
-    className?: string;
-    isRounded?: boolean;
-    disabled?: boolean;
-    variant?: "default" | "tinted" | "secondary" | "black";
-    size?: "mini" | "small" | "medium" | "large";
-    style?: React.CSSProperties;
-    dataTestid?: string;
-}
-export declare const Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: IButtonProps) => React.JSX.Element;

package/dist/cjs/components/InputField/index.d.ts

@@ -1,23 +0,0 @@
-import React, { HTMLInputTypeAttribute, JSX } from "react";
-export interface IInputFieldProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
-    placeholder?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    isClearable?: boolean;
-    inputLeftIcon?: JSX.Element;
-    type?: HTMLInputTypeAttribute;
-    id: string;
-    labelText?: string;
-    ariaLabel: string;
-    focused?: boolean;
-    setFocused?: (val: boolean) => void;
-    readOnly?: boolean;
-    dataTestid?: string;
-    variant?: "default" | "code";
-}
-export declare const InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/Modal/index.d.ts

@@ -1,9 +0,0 @@
-import React, { Dispatch, JSX } from "react";
-export interface IModalProps {
-    open: boolean;
-    children: JSX.Element;
-    setOpen: Dispatch<React.SetStateAction<boolean>>;
-    headerTitle?: string;
-    variant: "large" | "small";
-}
-export declare const Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => JSX.Element | null;

package/dist/cjs/components/RadioGroup/index.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-export interface RadioGroupItem {
-    label: string;
-    value: string;
-}
-export interface ICustomRadioButtonProps {
-    label: string;
-    name: string;
-    checked: boolean;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    value: string;
-}
-export interface IRadioGroupProps {
-    RadioGroupItems: RadioGroupItem[];
-    invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    setSelectedOption: React.Dispatch<React.SetStateAction<string>>;
-    selectedOption: string;
-}
-export declare const CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
-export declare const RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;

package/dist/cjs/components/RadioToggle/index.d.ts

@@ -1,6 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-export interface IRadioToggleProps {
-    lock: boolean;
-    setLock: Dispatch<SetStateAction<boolean>>;
-}
-export declare const RadioToggle: ({ lock, setLock }: IRadioToggleProps) => React.JSX.Element;

package/dist/cjs/components/SelectBoxButton/index.d.ts

@@ -1,9 +0,0 @@
-import React, { Dispatch, JSX } from "react";
-export interface ISelectBoxProps {
-    labelText?: string;
-    setIsOpen: Dispatch<React.SetStateAction<boolean>>;
-    disabled: boolean;
-    error?: boolean;
-    modalValue?: string;
-}
-export declare const SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => JSX.Element;

package/dist/cjs/components/Typography/index.d.ts

@@ -1,8 +0,0 @@
-import React, { FC, JSX } from "react";
-type TFontClass = "heading1" | "heading3" | "subtitles3" | "body1Medium" | "body1Regular" | "body2Medium" | "body2Regular" | "body3Regular" | "caption1Medium" | "caption1Regular" | "caption1Semibold" | "caption2Medium" | "caption2Regular" | "caption2Semibold";
-export interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {
-    tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
-    fontClass: TFontClass;
-}
-export declare const Typography: FC<ITypographyProps>;
-export {};

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { Button } from "./Button";
-import "../styles/colors.css";
-export declare const Components: {
-    Accordion: ({ open, setOpen, children, title, }: import("./Accordion").IAccordionProps) => import("react").JSX.Element;
-    Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: import("./Button").IButtonProps) => import("react").JSX.Element;
-    CustomRadioButton: ({ label, name, checked, onChange, value, }: import("./RadioGroup").ICustomRadioButtonProps) => import("react").JSX.Element;
-    InputField: import("react").ForwardRefExoticComponent<Omit<import("./InputField").IInputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    Modal: ({ open, setOpen, children, headerTitle, variant, }: import("./Modal").IModalProps) => import("react").JSX.Element | null;
-    RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: import("./RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
-    RadioToggle: ({ lock, setLock }: import("./RadioToggle").IRadioToggleProps) => import("react").JSX.Element;
-    SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: import("./SelectBoxButton").ISelectBoxProps) => import("react").JSX.Element;
-    Typography: import("react").FC<import("./Typography").ITypographyProps>;
-};
-export { Button };

package/dist/cjs/constants/calendar/index.d.ts

@@ -1,2 +0,0 @@
-import { IPeriodKeys } from "~interfaces/Calendar";
-export declare const PERIOD_KEYS: IPeriodKeys;

package/dist/cjs/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-declare const SystemDesign: {
-    Components: {
-        Accordion: ({ open, setOpen, children, title, }: import("./components/Accordion").IAccordionProps) => import("react").JSX.Element;
-        Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: import("./components/Button").IButtonProps) => import("react").JSX.Element;
-        CustomRadioButton: ({ label, name, checked, onChange, value, }: import("./components/RadioGroup").ICustomRadioButtonProps) => import("react").JSX.Element;
-        InputField: import("react").ForwardRefExoticComponent<Omit<import("./components/InputField").IInputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-        Modal: ({ open, setOpen, children, headerTitle, variant, }: import("./components/Modal").IModalProps) => import("react").JSX.Element | null;
-        RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: import("./components/RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
-        RadioToggle: ({ lock, setLock }: import("./components/RadioToggle").IRadioToggleProps) => import("react").JSX.Element;
-        SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: import("./components/SelectBoxButton").ISelectBoxProps) => import("react").JSX.Element;
-        Typography: import("react").FC<import("./components/Typography").ITypographyProps>;
-    };
-};
-export default SystemDesign;

package/dist/cjs/interfaces/Calendar.d.ts

@@ -1,24 +0,0 @@
-export interface ISelectedPeriod {
-    fromDate?: string;
-    toDate?: string;
-    periodSelected: boolean;
-}
-export interface IStrictSelectedPeriod extends Omit<ISelectedPeriod, "fromDate" | "toDate"> {
-    fromDate: string;
-    toDate: string;
-}
-export interface IDateItem<T = number> {
-    day: T;
-    month: T;
-    year: T;
-}
-export interface IPeriodKeys {
-    from: "from";
-    to: "to";
-}
-export type TPeriodKeys = keyof IPeriodKeys;
-export interface ICalendarPeriod<T = number> {
-    from: IDateItem<T>;
-    to: IDateItem<T>;
-}
-export type TTimeUnit = keyof IDateItem;

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

@@ -1,7 +0,0 @@
-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,30 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, dataTestid, }: 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 VariantBlack: Story;
-export declare const VariantDefaultDisabled: Story;
-export declare const VariantTintedDisabled: Story;
-export declare const VariantSecondaryDisabled: Story;
-export declare const VariantBlackDisabled: Story;

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

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

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

@@ -1,22 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import React from "react";
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("../components/InputField").IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    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;
-export declare const InputGroup: () => React.JSX.Element;

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

@@ -1,8 +0,0 @@
-import React from "react";
-declare const meta: {
-    title: string;
-    component: ({ open, setOpen, children, headerTitle, variant, }: import("../components/Modal").IModalProps) => React.JSX.Element | null;
-};
-export default meta;
-export declare const SmallVariant: () => React.JSX.Element;
-export declare const LargeVariant: () => React.JSX.Element;

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

@@ -1,23 +0,0 @@
-/// <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

@@ -1,13 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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/cjs/svg/ClearIcon.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare const ClearIcon: ({ fill, pathFill, width, height, ...props }: React.SVGProps<SVGSVGElement> & {
-    pathFill?: string | undefined;
-}) => React.JSX.Element;