@egov3/system-design 1.0.37 → 1.0.39
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 +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2828,7 +2828,7 @@ var Accordion = function (_a) {
|
|
|
2828
2828
|
} },
|
|
2829
2829
|
title,
|
|
2830
2830
|
React.createElement("svg", { "data-testid": "Accordion_DIRECTION", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
|
|
2831
|
-
transform: !open ? "rotate(0.5turn)"
|
|
2831
|
+
transform: !open ? "none" : "rotate(0.5turn)",
|
|
2832
2832
|
} },
|
|
2833
2833
|
React.createElement("path", { d: "M15.8346 7.5L10.0013 13.3333L4.16797 7.5", stroke: "#758393" }))),
|
|
2834
2834
|
React.createElement("div", { "data-testid": "Accordion_CONTENT", className: CombineClassNames(styles$5.accordionContent, !open && styles$5["accordionContent--hidden"]) }, children)));
|
|
@@ -2900,7 +2900,7 @@ var ClearIcon = function (_a) {
|
|
|
2900
2900
|
|
|
2901
2901
|
var InputField = function (_a) {
|
|
2902
2902
|
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;
|
|
2903
|
-
return (React.createElement("div", { "data-testid": "InputField_MAIN", className: CombineClassNames(styles$3[labelText.length ? "inputContainerLabeled" : "inputContainer"],
|
|
2903
|
+
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 },
|
|
2904
2904
|
labelText.length > 0 && (React.createElement("label", { htmlFor: id, "data-testid": "InputField_LABEL" }, labelText)),
|
|
2905
2905
|
inputLeftIcon,
|
|
2906
2906
|
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);
|
|
|
2967
2967
|
|
|
2968
2968
|
var Typography = function (_a) {
|
|
2969
2969
|
var tag = _a.tag, fontClass = _a.fontClass, className = _a.className, children = _a.children, restProps = __rest(_a, ["tag", "fontClass", "className", "children"]);
|
|
2970
|
-
return React.createElement(tag, __assign(__assign({}, restProps), { className: CombineClassNames(
|
|
2970
|
+
return React.createElement(tag, __assign(__assign({}, restProps), { className: CombineClassNames(fontClass ? styles[fontClass] : "", className) }), children);
|
|
2971
2971
|
};
|
|
2972
2972
|
|
|
2973
2973
|
var Сomponents = {
|