@egov3/system-design 1.0.35 → 1.0.37

package/README.md

@@ -1,8 +1,4 @@
 # Egov3/System-Design
 
-# Components
-
-## Typography
-<Typography tag="p" fontClass="Body1Regular">
-  This is a paragraph with Body1Regular style.
-</Typography>
+## storybook
+yarn storybook

package/dist/cjs/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/cjs/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/cjs/index.js

@@ -2816,7 +2816,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$5 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.Accordion-module_accordionBtn__LQdRX {\n  padding: 12px 16px;\n  border-radius: inherit;\n  width: 100%;\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n}\n\n.Accordion-module_accordionContent__sarnp {\n  max-height: 1000px;\n  overflow: hidden;\n  transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__6kNQ2 {\n  max-height: 0;\n}";
+var css_248z$5 = "/* Headings/Heading 1 */\n/* Headings/Heading 3 */\n/* Subtitles/Subtitle 3 */\n/* Body/Body 1, Medium */\n/* Body/Body 1, Regular */\n/* Body/Body 2, Medium */\n/* Body/Body 2, Regular */\n/* Body/Body 3, Regular */\n/* Caption/Caption 1, Medium */\n/* Caption/Caption 1, Regular */\n/* Caption/Caption 1, Semibold */\n/* Caption/Caption 2, Medium */\n/* Caption/Caption 2, Regular */\n.Accordion-module_accordionBtn__LQdRX {\n  border-radius: inherit;\n  width: 100%;\n  text-align: left;\n  display: flex;\n  justify-content: space-between;\n  cursor: pointer;\n}\n\n.Accordion-module_accordionContent__sarnp {\n  max-height: 1000px;\n  overflow: hidden;\n  transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__6kNQ2 {\n  max-height: 0;\n}";
 var styles$5 = {"accordionBtn":"Accordion-module_accordionBtn__LQdRX","accordionContent":"Accordion-module_accordionContent__sarnp","accordionContent--hidden":"Accordion-module_accordionContent--hidden__6kNQ2"};
 styleInject(css_248z$5);
 
@@ -2967,7 +2967,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 = {