@egov3/system-design 1.2.48 → 1.2.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +14 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +7 -5
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var typography = require('~styles/typography.module.css');
|
|
4
|
-
|
|
5
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
|
-
|
|
7
|
-
var typography__default = /*#__PURE__*/_interopDefaultLegacy(typography);
|
|
8
|
-
|
|
9
3
|
var react = {exports: {}};
|
|
10
4
|
|
|
11
5
|
var react_production_min = {};
|
|
@@ -2814,9 +2808,9 @@ function styleInject(css, ref) {
|
|
|
2814
2808
|
}
|
|
2815
2809
|
}
|
|
2816
2810
|
|
|
2817
|
-
var css_248z$
|
|
2811
|
+
var css_248z$7 = ".Accordion-module_accordionBtn__1unNG {\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__Qnx7K {\n max-height: 1000px;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n}\n\n.Accordion-module_accordionContent--hidden__DrXay {\n max-height: 0;\n}\n";
|
|
2818
2812
|
var styles$6 = {"accordionBtn":"Accordion-module_accordionBtn__1unNG","accordionContent":"Accordion-module_accordionContent__Qnx7K","accordionContent--hidden":"Accordion-module_accordionContent--hidden__DrXay"};
|
|
2819
|
-
styleInject(css_248z$
|
|
2813
|
+
styleInject(css_248z$7);
|
|
2820
2814
|
|
|
2821
2815
|
var joinClasses = function () {
|
|
2822
2816
|
var args = [];
|
|
@@ -2840,15 +2834,19 @@ var Accordion = function (_a) {
|
|
|
2840
2834
|
React.createElement("div", { "data-testid": "Accordion_CONTENT", className: joinClasses(styles$6.accordionContent, !open && styles$6["accordionContent--hidden"]) }, children)));
|
|
2841
2835
|
};
|
|
2842
2836
|
|
|
2843
|
-
var css_248z$
|
|
2837
|
+
var css_248z$6 = "@import \"../../styles/colors.module.css\";\n\n.button-module_button__JyfZW {\n border: none;\n transition: background-color 0.2s ease;\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n}\n\n.button-module_btn-default__EDl7t {\n color: var(--default-white-color);\n background-color: var(--default-primary-accent);\n}\n\n.button-module_btn-default--disabled__H36E7 {\n color: var(--text-disabled-color);\n background-color: var(--button-disabled-default-color);\n}\n\n.button-module_btn-tinted__Do6iX {\n color: var(--text-accent);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-tinted--disabled__XRuq- {\n color: var(--text-disabled-accent-color);\n background-color: var(--button-tinted-default-color);\n}\n\n.button-module_btn-secondary__LtTTr {\n color: var(--text-primary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-secondary--disabled__5YS63 {\n color: var(--text-secondary);\n background-color: var(--surface-surface-3-color);\n}\n\n.button-module_btn-default__EDl7t:hover {\n background-color: var(--button-primary-on-hover-color);\n}\n\n.button-module_btn-tinted__Do6iX:hover {\n background-color: var(--button-tinted-on-hover-color);\n}\n\n.button-module_btn-secondary__LtTTr:hover {\n background-color: var(--button-secondary-on-hover);\n}\n\n.button-module_btn--mini__a9EJm {\n gap: 4px;\n padding: 6px 12px;\n}\n.button-module_btn--small__xfhlR {\n gap: 8px;\n padding: 8px 16px;\n}\n.button-module_btn--medium__pFJSr {\n gap: 8px;\n padding: 8px 20px;\n}\n.button-module_btn--large__GvwY2 {\n gap: 8px;\n padding: 14px 24px;\n}\n\n.button-module_btn-square--mini__RWpOc {\n border-radius: 4px;\n}\n.button-module_btn-square--small__M-WgA {\n border-radius: 6px;\n}\n.button-module_btn-square--medium__aDBfE {\n border-radius: 10px;\n}\n.button-module_btn-square--large__dwebF {\n border-radius: 12px;\n}\n\n.button-module_btn-rounded--mini__bX5xJ {\n border-radius: 32px;\n}\n.button-module_btn-rounded--small__LI-QV {\n border-radius: 32px;\n}\n.button-module_btn-rounded--medium__TKy02 {\n border-radius: 32px;\n}\n.button-module_btn-rounded--large__joy-r {\n border-radius: 40px;\n}\n";
|
|
2844
2838
|
var styles$5 = {"button":"button-module_button__JyfZW","btn-default":"button-module_btn-default__EDl7t","btn-default--disabled":"button-module_btn-default--disabled__H36E7","btn-tinted":"button-module_btn-tinted__Do6iX","btn-tinted--disabled":"button-module_btn-tinted--disabled__XRuq-","btn-secondary":"button-module_btn-secondary__LtTTr","btn-secondary--disabled":"button-module_btn-secondary--disabled__5YS63","btn--mini":"button-module_btn--mini__a9EJm","btn--small":"button-module_btn--small__xfhlR","btn--medium":"button-module_btn--medium__pFJSr","btn--large":"button-module_btn--large__GvwY2","btn-square--mini":"button-module_btn-square--mini__RWpOc","btn-square--small":"button-module_btn-square--small__M-WgA","btn-square--medium":"button-module_btn-square--medium__aDBfE","btn-square--large":"button-module_btn-square--large__dwebF","btn-rounded--mini":"button-module_btn-rounded--mini__bX5xJ","btn-rounded--small":"button-module_btn-rounded--small__LI-QV","btn-rounded--medium":"button-module_btn-rounded--medium__TKy02","btn-rounded--large":"button-module_btn-rounded--large__joy-r"};
|
|
2839
|
+
styleInject(css_248z$6);
|
|
2840
|
+
|
|
2841
|
+
var css_248z$5 = "/* 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";
|
|
2842
|
+
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"};
|
|
2845
2843
|
styleInject(css_248z$5);
|
|
2846
2844
|
|
|
2847
2845
|
var btnTypography = {
|
|
2848
|
-
mini:
|
|
2849
|
-
small:
|
|
2850
|
-
medium:
|
|
2851
|
-
large:
|
|
2846
|
+
mini: typography.caption2Medium,
|
|
2847
|
+
small: typography.caption1Medium,
|
|
2848
|
+
medium: typography.body2Medium,
|
|
2849
|
+
large: typography.body1Medium,
|
|
2852
2850
|
};
|
|
2853
2851
|
var Button = function (_a) {
|
|
2854
2852
|
var onClick = _a.onClick, children = _a.children, style = _a.style, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.isRounded, isRounded = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.size, size = _f === void 0 ? 'medium' : _f, _g = _a.ariaLabel, ariaLabel = _g === void 0 ? 'Кнопка' : _g;
|
|
@@ -2935,7 +2933,7 @@ var InputField = react.exports.forwardRef(function (_a, ref) {
|
|
|
2935
2933
|
onEnterPress(event);
|
|
2936
2934
|
}
|
|
2937
2935
|
};
|
|
2938
|
-
return (React.createElement("div", { "data-testid": "InputField_MAIN", className: joinClasses(styles$4[labelText.length ? "inputContainerLabeled" : "inputContainer"], focused ? styles$4["input--onfocus"] : undefined, type === 'text' ?
|
|
2936
|
+
return (React.createElement("div", { "data-testid": "InputField_MAIN", className: joinClasses(styles$4[labelText.length ? "inputContainerLabeled" : "inputContainer"], focused ? styles$4["input--onfocus"] : undefined, type === 'text' ? typography.body1Regular : undefined, styles$4["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], className), style: style },
|
|
2939
2937
|
labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
|
|
2940
2938
|
inputLeftIcon,
|
|
2941
2939
|
React.createElement("input", { ref: ref, "data-testid": "InputField_INPUT", "aria-label": ariaLabel, id: id, type: type, className: styles$4.input, placeholder: placeholder, "aria-placeholder": placeholder, onFocus: handleFocus, onBlur: handleBlur, onChange: onChange, onKeyDown: handleKeyDown, value: value, readOnly: readOnly }),
|
|
@@ -2975,7 +2973,7 @@ var CustomRadioButton = function (_a) {
|
|
|
2975
2973
|
return (React.createElement("label", { "data-testid": "RadioGroupItem_LABEL", className: styles$2.radio },
|
|
2976
2974
|
React.createElement("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }),
|
|
2977
2975
|
React.createElement("span", { "data-testid": "RadioGroupItem_RADIO", className: styles$2.radioBtn }),
|
|
2978
|
-
React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses(styles$2.radioBtnText,
|
|
2976
|
+
React.createElement("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses(styles$2.radioBtnText, typography.body2Regular) }, label)));
|
|
2979
2977
|
};
|
|
2980
2978
|
var RadioGroup = function (_a) {
|
|
2981
2979
|
var RadioGroupItems = _a.RadioGroupItems, invokeCustomOnChange = _a.invokeCustomOnChange, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
|
|
@@ -3014,7 +3012,7 @@ var SelectBoxButton = function (_a) {
|
|
|
3014
3012
|
|
|
3015
3013
|
var Typography = function (_a) {
|
|
3016
3014
|
var tag = _a.tag, fontClass = _a.fontClass, className = _a.className, children = _a.children, style = _a.style, restProps = __rest(_a, ["tag", "fontClass", "className", "children", "style"]);
|
|
3017
|
-
return React.createElement(tag, __assign(__assign({}, restProps), { className: joinClasses(fontClass ?
|
|
3015
|
+
return React.createElement(tag, __assign(__assign({}, restProps), { className: joinClasses(fontClass ? typography[fontClass] : "", className), style: style }), children);
|
|
3018
3016
|
};
|
|
3019
3017
|
|
|
3020
3018
|
var Components = {
|