@egov3/system-design 1.0.36 → 1.0.38

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

@@ -2900,7 +2900,7 @@ var ClearIcon = function (_a) {
 
 var InputField = function (_a) {
     var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, style = _a.style, _e = _a.isClearable, isClearable = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? "text" : _f, id = _a.id, _g = _a.labelText, labelText = _g === void 0 ? "" : _g, _h = _a.ariaLabel, ariaLabel = _h === void 0 ? "" : _h, _j = _a.focused, focused = _j === void 0 ? false : _j, _k = _a.setFocused, setFocused = _k === void 0 ? function () { } : _k;
-    return (React.createElement("div", { "data-testid": "InputField_MAIN", className: CombineClassNames(styles$3[labelText.length ? "inputContainerLabeled" : "inputContainer"], className, focused ? styles$3["input--onfocus"] : undefined, styles$3["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())]), style: style },
+    return (React.createElement("div", { "data-testid": "InputField_MAIN", className: CombineClassNames(styles$3[labelText.length ? "inputContainerLabeled" : "inputContainer"], focused ? styles$3["input--onfocus"] : undefined, styles$3["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style },
         labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
         inputLeftIcon,
         React.createElement("input", { "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: styles$3.input, placeholder: placeholder, "aria-placeholder": placeholder, onFocus: function () {
@@ -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(fontClass ? styles[fontClass] : "", className) }), children);
 };
 
 var Сomponents = {