@preply/ds-web-lib 0.48.0 → 0.50.0
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/components/FieldAdditionalText/style/index.module.less.js +1 -1
- package/dist/components/FieldAdditionalText/style/mixins.less +2 -2
- package/dist/components/FieldButton/style/index.module.less.js +1 -1
- package/dist/components/FieldButton/style/mixins.less +9 -5
- package/dist/components/FieldLayout/FieldLayout.d.ts +3 -3
- package/dist/components/FieldLayout/FieldLayout.js +13 -6
- package/dist/components/FieldLayout/style/index.module.less.js +2 -2
- package/dist/components/FieldLayout/style/mixins.less +42 -20
- package/dist/components/Icon/Icon.d.ts +3 -12
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconButton/IconButton.d.ts +2 -2
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts +1 -0
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +10 -4
- package/dist/components/LayoutGridItem/LayoutGridItem.d.ts +1 -0
- package/dist/components/LayoutGridItem/LayoutGridItem.js +10 -4
- package/dist/components/Link/Link.d.ts +2 -1
- package/dist/components/Link/Link.js +7 -5
- package/dist/components/PasswordField/PasswordField.d.ts +9 -0
- package/dist/components/PasswordField/PasswordField.js +40 -0
- package/dist/components/PasswordField/style/index.module.less +5 -0
- package/dist/components/PasswordField/style/index.module.less.js +9 -0
- package/dist/components/PasswordField/style/mixins.less +3 -0
- package/dist/components/PasswordField/style/mixins.less.js +8 -0
- package/dist/components/PasswordField/svg/eye-hide.svg.js +21 -0
- package/dist/components/PasswordField/svg/eye.svg.js +21 -0
- package/dist/components/PasswordField/svg/lock.svg.js +21 -0
- package/dist/components/Text/style/index.module.less.js +2 -2
- package/dist/components/TextField/TextField.d.ts +7 -5
- package/dist/components/TextField/TextField.js +12 -7
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +2 -1
- package/dist/components/private/ButtonBase/ButtonBase.js +15 -4
- package/dist/components/private/FieldLabel/FieldLabel.d.ts +3 -0
- package/dist/components/private/FieldLabel/FieldLabel.js +25 -0
- package/dist/components/private/FieldLabel/style/index.module.less +5 -0
- package/dist/components/private/FieldLabel/style/index.module.less.js +9 -0
- package/dist/components/private/FieldLabel/style/mixins.less +20 -0
- package/dist/components/private/FieldLabel/style/mixins.less.js +8 -0
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +6 -9
- package/dist/components/private/FieldLayoutBase/style/index.module.less.js +2 -2
- package/dist/components/private/FieldLayoutBase/style/mixins.less +0 -5
- package/dist/components/private/Input/Checkbox.d.ts +1 -5
- package/dist/components/private/Input/Checkbox.js +1 -1
- package/dist/components/private/Input/InputBase.d.ts +14 -15
- package/dist/components/private/Input/InputBase.js +6 -17
- package/dist/components/private/Input/InputDate.d.ts +1 -5
- package/dist/components/private/Input/InputDate.js +1 -1
- package/dist/components/private/Input/InputNumber.d.ts +1 -7
- package/dist/components/private/Input/InputNumber.js +1 -1
- package/dist/components/private/Input/InputPassword.d.ts +5 -6
- package/dist/components/private/Input/InputPassword.js +6 -5
- package/dist/components/private/Input/InputText.d.ts +4 -8
- package/dist/components/private/Input/InputText.js +3 -3
- package/dist/components/private/Input/InputTime.d.ts +1 -5
- package/dist/components/private/Input/InputTime.js +1 -1
- package/dist/components/private/Input/Radio.d.ts +1 -6
- package/dist/components/private/Input/Radio.js +1 -1
- package/dist/components/private/Input/Select.d.ts +1 -4
- package/dist/components/private/Input/Select.js +1 -1
- package/dist/components/private/Input/Textarea.d.ts +2 -5
- package/dist/components/private/Input/Textarea.js +1 -1
- package/dist/index.js +2 -1
- package/package.json +12 -12
- package/dist/components/private/Input/utils.d.ts +0 -9
- package/dist/components/private/Input/utils.js +0 -87
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _path;
|
|
4
|
+
|
|
5
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
+
|
|
7
|
+
function SvgEye(props) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
fill: "none",
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
12
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
fillRule: "evenodd",
|
|
14
|
+
clipRule: "evenodd",
|
|
15
|
+
d: "M3.472 12.555A13.599 13.599 0 013.135 12a14.985 14.985 0 012.1-2.81C6.806 7.548 9.062 6 12 6c2.94 0 5.195 1.547 6.764 3.19a14.984 14.984 0 012.1 2.81 14.986 14.986 0 01-2.1 2.81C17.195 16.453 14.94 18 12 18c-2.94 0-5.195-1.547-6.764-3.19a14.987 14.987 0 01-1.764-2.255zm19.429-.99c0 .001 0 .002-.901.435.901.433.901.434.9.434v.003l-.004.007-.01.02-.035.07a15.023 15.023 0 01-.637 1.097 16.976 16.976 0 01-2.003 2.56C18.439 18.047 15.695 20 12 20c-3.695 0-6.439-1.953-8.211-3.81a16.98 16.98 0 01-2.508-3.408 10.023 10.023 0 01-.167-.318l-.01-.02-.003-.007-.001-.002c-.001-.001-.001-.002.9-.435-.901-.433-.901-.434-.9-.434v-.003l.004-.007.01-.02.035-.07a14.966 14.966 0 01.637-1.097 16.984 16.984 0 012.003-2.56C5.561 5.953 8.305 4 12 4c3.695 0 6.439 1.953 8.211 3.81a16.98 16.98 0 012.508 3.408 10.08 10.08 0 01.167.318l.01.02.003.007.001.002zM22 12l.901-.433a1 1 0 010 .866L22 12zm-20.901-.433L2 12l-.901.433a1 1 0 010-.866zM10 12a2 2 0 114 0 2 2 0 01-4 0zm2-4a4 4 0 100 8 4 4 0 000-8z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
})));
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { SvgEye as default };
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXllLnN2Zy5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _path;
|
|
4
|
+
|
|
5
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
+
|
|
7
|
+
function SvgLock(props) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
fill: "none",
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
12
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
fillRule: "evenodd",
|
|
14
|
+
clipRule: "evenodd",
|
|
15
|
+
d: "M8 5a4 4 0 118 0v4.1c2.282.463 4 2.481 4 4.9v4a5 5 0 01-5 5H9a5 5 0 01-5-5v-4a5.002 5.002 0 014-4.9V5zm6 0v4h-4V5a2 2 0 114 0zm4 9a3 3 0 00-3-3H9a3 3 0 00-3 3v4a3 3 0 003 3h6a3 3 0 003-3v-4zm-6 4a2 2 0 100-4 2 2 0 000 4z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
})));
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { SvgLock as default };
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jay5zdmcuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".khPkeq{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);font-weight:var(--73984e);line-height:var(--d4313c);margin:0}._3oi7MN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2B2g-a{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3J96VV{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2cZbUW{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._1-U0bq{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2pwGnZ{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1uB1FT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1jP5ux{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2arEvj{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1WpHZG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1bYJYx{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1U1mdF{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1jxka_{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.WomFka{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._3Mf0zT{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1d3AcK{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3RQkIt{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._3EjhIK{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2FsccD{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.N2Yr83{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2XMSq8{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}@media (min-width:400px){._2XvR-U{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2QylDw{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2ugIkI{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2-fYu7{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._4gkKyP{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.dooZ7c{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._2Cgfyq{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1gBBA_{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3q9jDC{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2b4IDD{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._28Jyn5{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1tgX65{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1ZactN{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1ZUd91{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.eEnYiH{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.YEyqiA{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1MfOKh{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.m0L7OZ{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._28GEOG{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2csLtT{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3f0Ypb{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:700px){.gyRVWo{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2D9wAL{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1tjEyk{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1QuHA8{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.oP5Cs3{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2At1C-{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3ZO0n8{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3mFg4h{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2NO6Co{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.rxUwLG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._2njCJW{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2WKScT{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3ijJ6l{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1zGvkG{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._1LaGa9{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3CRfYM{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2uYf0g{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.vc5IXM{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._39rPRd{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.D0Q2fW{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3hsY5O{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:880px){._102ZVH{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.q8EjDW{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2lLybv{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._27McmK{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._3iuMi1{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2wMKhp{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3lQVuY{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._2Kuekv{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.d2enwo{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2h6VBo{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._9mwhtq{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1qLV7P{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.-_kzIo{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.yFJ4Py{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._294sHt{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3pO-c1{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3w9qAK{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.S6Kje4{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.Tw-ZHl{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2z96lm{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.s3rTvV{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1200px){._2wPjuN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.yVALKh{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3nbJGs{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.wWKdXu{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._22V8Ot{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.EusyEy{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.jvErrT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3j3QFh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3vS0yL{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1GArnu{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._21_WUA{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2E0TbE{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3FDxY7{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._2p2AAn{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.V7ST-S{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1u-3H9{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2vcCHn{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._21vFnu{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._3baaSO{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._27Q3D_{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2E5_Zd{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1900px){._9E-yS9{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2CdeiM{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1RFgVJ{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1GK1q6{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._31ILKj{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._3-ZEKq{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1Xi3K9{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._34lAWh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._259Lde{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.bzn5er{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1A4w7s{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._3ZV7xg{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._17KnOh{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._13_DCm{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._2diXMC{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1ew3dn{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1Gs9PJ{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._2pquab{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2eBK30{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2nDmr0{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2rJ3hX{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}._3mi36Z{font-weight:var(--6e9792)}._2RfMiY{font-size:var(--451335)}.gaw4M4{font-size:var(--619ce5)}._36gqA-{font-size:var(--9f7286)}._1nWKi2{font-size:var(--081924)}._1zStZk{font-size:var(--da41aa)}._3Zhulg{font-size:var(--698b61)}";
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Text/style/index.module.less",__css:css_248z,"Text":"khPkeq","Text--variant-xs":"_3oi7MN","Text--variant-s":"_2B2g-a","Text--variant-s-italic":"_3J96VV","Text--variant-s-medium":"_2cZbUW","Text--variant-s-medium-italic":"_1-U0bq","Text--variant-s-bold":"_2pwGnZ","Text--variant-s-bold-italic":"_1uB1FT","Text--variant-m":"_1jP5ux","Text--variant-m-italic":"_2arEvj","Text--variant-m-medium":"_1WpHZG","Text--variant-m-medium-italic":"_1bYJYx","Text--variant-m-bold":"_1U1mdF","Text--variant-m-bold-italic":"_1jxka_","Text--variant-l":"WomFka","Text--variant-l-italic":"_3Mf0zT","Text--variant-l-medium":"_1d3AcK","Text--variant-l-medium-italic":"_3RQkIt","Text--variant-xl":"_3EjhIK","Text--variant-xl-italic":"_2FsccD","Text--variant-xl-medium":"N2Yr83","Text--variant-xl-medium-italic":"_2XMSq8","Text--narrow-l--variant-xs":"_2XvR-U","Text--narrow-l--variant-s":"_2QylDw","Text--narrow-l--variant-s-italic":"_2ugIkI","Text--narrow-l--variant-s-medium":"_2-fYu7","Text--narrow-l--variant-s-medium-italic":"_4gkKyP","Text--narrow-l--variant-s-bold":"dooZ7c","Text--narrow-l--variant-s-bold-italic":"_2Cgfyq","Text--narrow-l--variant-m":"_1gBBA_","Text--narrow-l--variant-m-italic":"_3q9jDC","Text--narrow-l--variant-m-medium":"_2b4IDD","Text--narrow-l--variant-m-medium-italic":"_28Jyn5","Text--narrow-l--variant-m-bold":"_1tgX65","Text--narrow-l--variant-m-bold-italic":"_1ZactN","Text--narrow-l--variant-l":"_1ZUd91","Text--narrow-l--variant-l-italic":"eEnYiH","Text--narrow-l--variant-l-medium":"YEyqiA","Text--narrow-l--variant-l-medium-italic":"_1MfOKh","Text--narrow-l--variant-xl":"m0L7OZ","Text--narrow-l--variant-xl-italic":"_28GEOG","Text--narrow-l--variant-xl-medium":"_2csLtT","Text--narrow-l--variant-xl-medium-italic":"_3f0Ypb","Text--medium-s--variant-xs":"gyRVWo","Text--medium-s--variant-s":"_2D9wAL","Text--medium-s--variant-s-italic":"_1tjEyk","Text--medium-s--variant-s-medium":"_1QuHA8","Text--medium-s--variant-s-medium-italic":"oP5Cs3","Text--medium-s--variant-s-bold":"_2At1C-","Text--medium-s--variant-s-bold-italic":"_3ZO0n8","Text--medium-s--variant-m":"_3mFg4h","Text--medium-s--variant-m-italic":"_2NO6Co","Text--medium-s--variant-m-medium":"rxUwLG","Text--medium-s--variant-m-medium-italic":"_2njCJW","Text--medium-s--variant-m-bold":"_2WKScT","Text--medium-s--variant-m-bold-italic":"_3ijJ6l","Text--medium-s--variant-l":"_1zGvkG","Text--medium-s--variant-l-italic":"_1LaGa9","Text--medium-s--variant-l-medium":"_3CRfYM","Text--medium-s--variant-l-medium-italic":"_2uYf0g","Text--medium-s--variant-xl":"vc5IXM","Text--medium-s--variant-xl-italic":"_39rPRd","Text--medium-s--variant-xl-medium":"D0Q2fW","Text--medium-s--variant-xl-medium-italic":"_3hsY5O","Text--medium-l--variant-xs":"_102ZVH","Text--medium-l--variant-s":"q8EjDW","Text--medium-l--variant-s-italic":"_2lLybv","Text--medium-l--variant-s-medium":"_27McmK","Text--medium-l--variant-s-medium-italic":"_3iuMi1","Text--medium-l--variant-s-bold":"_2wMKhp","Text--medium-l--variant-s-bold-italic":"_3lQVuY","Text--medium-l--variant-m":"_2Kuekv","Text--medium-l--variant-m-italic":"d2enwo","Text--medium-l--variant-m-medium":"_2h6VBo","Text--medium-l--variant-m-medium-italic":"_9mwhtq","Text--medium-l--variant-m-bold":"_1qLV7P","Text--medium-l--variant-m-bold-italic":"-_kzIo","Text--medium-l--variant-l":"yFJ4Py","Text--medium-l--variant-l-italic":"_294sHt","Text--medium-l--variant-l-medium":"_3pO-c1","Text--medium-l--variant-l-medium-italic":"_3w9qAK","Text--medium-l--variant-xl":"S6Kje4","Text--medium-l--variant-xl-italic":"Tw-ZHl","Text--medium-l--variant-xl-medium":"_2z96lm","Text--medium-l--variant-xl-medium-italic":"s3rTvV","Text--wide-s--variant-xs":"_2wPjuN","Text--wide-s--variant-s":"yVALKh","Text--wide-s--variant-s-italic":"_3nbJGs","Text--wide-s--variant-s-medium":"wWKdXu","Text--wide-s--variant-s-medium-italic":"_22V8Ot","Text--wide-s--variant-s-bold":"EusyEy","Text--wide-s--variant-s-bold-italic":"jvErrT","Text--wide-s--variant-m":"_3j3QFh","Text--wide-s--variant-m-italic":"_3vS0yL","Text--wide-s--variant-m-medium":"_1GArnu","Text--wide-s--variant-m-medium-italic":"_21_WUA","Text--wide-s--variant-m-bold":"_2E0TbE","Text--wide-s--variant-m-bold-italic":"_3FDxY7","Text--wide-s--variant-l":"_2p2AAn","Text--wide-s--variant-l-italic":"V7ST-S","Text--wide-s--variant-l-medium":"_1u-3H9","Text--wide-s--variant-l-medium-italic":"_2vcCHn","Text--wide-s--variant-xl":"_21vFnu","Text--wide-s--variant-xl-italic":"_3baaSO","Text--wide-s--variant-xl-medium":"_27Q3D_","Text--wide-s--variant-xl-medium-italic":"_2E5_Zd","Text--wide-l--variant-xs":"_9E-yS9","Text--wide-l--variant-s":"_2CdeiM","Text--wide-l--variant-s-italic":"_1RFgVJ","Text--wide-l--variant-s-medium":"_1GK1q6","Text--wide-l--variant-s-medium-italic":"_31ILKj","Text--wide-l--variant-s-bold":"_3-ZEKq","Text--wide-l--variant-s-bold-italic":"_1Xi3K9","Text--wide-l--variant-m":"_34lAWh","Text--wide-l--variant-m-italic":"_259Lde","Text--wide-l--variant-m-medium":"bzn5er","Text--wide-l--variant-m-medium-italic":"_1A4w7s","Text--wide-l--variant-m-bold":"_3ZV7xg","Text--wide-l--variant-m-bold-italic":"_17KnOh","Text--wide-l--variant-l":"_13_DCm","Text--wide-l--variant-l-italic":"_2diXMC","Text--wide-l--variant-l-medium":"_1ew3dn","Text--wide-l--variant-l-medium-italic":"_1Gs9PJ","Text--wide-l--variant-xl":"_2pquab","Text--wide-l--variant-xl-italic":"_2eBK30","Text--wide-l--variant-xl-medium":"_2nDmr0","Text--wide-l--variant-xl-medium-italic":"_2rJ3hX","Text--strong":"_3mi36Z","Text--size-2xs":"_2RfMiY","Text--size-xs":"gaw4M4","Text--size-s":"_36gqA-","Text--size-m":"_1nWKi2","Text--size-l":"_1zStZk","Text--size-xl":"_3Zhulg"};
|
|
3
|
+
var css_248z = ".khPkeq{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);font-weight:var(--73984e);line-height:var(--d4313c);margin:0}._3oi7MN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._3pLfSK{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2B2g-a{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3J96VV{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2cZbUW{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._1-U0bq{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2pwGnZ{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1uB1FT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1jP5ux{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2arEvj{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1WpHZG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1bYJYx{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1U1mdF{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1jxka_{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.WomFka{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._3Mf0zT{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1d3AcK{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3RQkIt{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._3EjhIK{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2FsccD{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.N2Yr83{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2XMSq8{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}@media (min-width:400px){._2XvR-U{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._3LWCYu{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2QylDw{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2ugIkI{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._2-fYu7{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._4gkKyP{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.dooZ7c{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._2Cgfyq{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._1gBBA_{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3q9jDC{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2b4IDD{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._28Jyn5{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1tgX65{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._1ZactN{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1ZUd91{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.eEnYiH{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}.YEyqiA{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1MfOKh{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.m0L7OZ{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._28GEOG{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2csLtT{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3f0Ypb{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:700px){.gyRVWo{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._3d_9Sq{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2D9wAL{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1tjEyk{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1QuHA8{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}.oP5Cs3{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2At1C-{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3ZO0n8{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3mFg4h{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._2NO6Co{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.rxUwLG{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._2njCJW{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2WKScT{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3ijJ6l{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._1zGvkG{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._1LaGa9{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3CRfYM{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2uYf0g{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.vc5IXM{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._39rPRd{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}.D0Q2fW{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._3hsY5O{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:880px){._102ZVH{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2nooOU{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.q8EjDW{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._2lLybv{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._27McmK{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._3iuMi1{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._2wMKhp{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._3lQVuY{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._2Kuekv{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}.d2enwo{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._2h6VBo{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._9mwhtq{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._1qLV7P{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}.-_kzIo{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}.yFJ4Py{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._294sHt{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._3pO-c1{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._3w9qAK{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}.S6Kje4{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}.Tw-ZHl{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2z96lm{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}.s3rTvV{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1200px){._2wPjuN{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}._2Y3L5k{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}.yVALKh{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._3nbJGs{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}.wWKdXu{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._22V8Ot{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}.EusyEy{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}.jvErrT{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._3j3QFh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._3vS0yL{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}._1GArnu{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._21_WUA{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._2E0TbE{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._3FDxY7{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._2p2AAn{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}.V7ST-S{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1u-3H9{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._2vcCHn{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._21vFnu{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._3baaSO{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._27Q3D_{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2E5_Zd{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}@media (min-width:1900px){._9E-yS9{font-size:var(--4c9f68);font-style:var(--647b4d);font-variation-settings:var(--afe759);font-weight:var(--71d69c);letter-spacing:var(--29af86);line-height:var(--543571)}.nlkKv8{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648)}._2CdeiM{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7)}._1RFgVJ{font-size:var(--79c03c);font-style:var(--c89e06);font-variation-settings:var(--0557d4);font-weight:var(--5127dd);letter-spacing:var(--a50d8c);line-height:var(--aeb64b)}._1GK1q6{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._31ILKj{font-size:var(--0e0e62);font-style:var(--38a142);font-variation-settings:var(--6a0033);font-weight:var(--f9d4cc);letter-spacing:var(--bc7f3e);line-height:var(--88c2d5)}._3-ZEKq{font-size:var(--69b27c);font-style:var(--070316);font-variation-settings:var(--676438);font-weight:var(--a9bc9f);letter-spacing:var(--c2692c);line-height:var(--42f895)}._1Xi3K9{font-size:var(--0afa8f);font-style:var(--36d923);font-variation-settings:var(--c0a734);font-weight:var(--363b48);letter-spacing:var(--10dc5c);line-height:var(--494462)}._34lAWh{font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e)}._259Lde{font-size:var(--aa6f00);font-style:var(--b8b43c);font-variation-settings:var(--f2721b);font-weight:var(--fb4838);letter-spacing:var(--8330df);line-height:var(--33548f)}.bzn5er{font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec)}._1A4w7s{font-size:var(--a9ad47);font-style:var(--a19ae7);font-variation-settings:var(--858246);font-weight:var(--faf5f3);letter-spacing:var(--fe4b24);line-height:var(--3bd2e0)}._3ZV7xg{font-size:var(--29e813);font-style:var(--f02b45);font-variation-settings:var(--483ad1);font-weight:var(--18f8ed);letter-spacing:var(--6e9f29);line-height:var(--3d432c)}._17KnOh{font-size:var(--741af5);font-style:var(--8c5771);font-variation-settings:var(--00e7e3);font-weight:var(--c521d5);letter-spacing:var(--2e489a);line-height:var(--c47e7f)}._13_DCm{font-size:var(--8d5beb);font-style:var(--af51c3);font-variation-settings:var(--0f6434);font-weight:var(--0776b9);letter-spacing:var(--b5b330);line-height:var(--1cd7aa)}._2diXMC{font-size:var(--feec74);font-style:var(--2adf67);font-variation-settings:var(--da82d0);font-weight:var(--6e4501);letter-spacing:var(--421c23);line-height:var(--1056e0)}._1ew3dn{font-size:var(--0bcae9);font-style:var(--03e30a);font-variation-settings:var(--42f863);font-weight:var(--149f7d);letter-spacing:var(--11ba2e);line-height:var(--02fee9)}._1Gs9PJ{font-size:var(--007ce3);font-style:var(--56d3fb);font-variation-settings:var(--362b90);font-weight:var(--fa9191);letter-spacing:var(--9705f8);line-height:var(--2c996d)}._2pquab{font-size:var(--c338f3);font-style:var(--a93d90);font-variation-settings:var(--4bba58);font-weight:var(--f8f482);letter-spacing:var(--4aff48);line-height:var(--2503fd)}._2eBK30{font-size:var(--734b0c);font-style:var(--0b0b05);font-variation-settings:var(--461ced);font-weight:var(--0baf26);letter-spacing:var(--c9c193);line-height:var(--e84231)}._2nDmr0{font-size:var(--19e13e);font-style:var(--0a5e67);font-variation-settings:var(--ccf786);font-weight:var(--6455e5);letter-spacing:var(--e76960);line-height:var(--85e4ac)}._2rJ3hX{font-size:var(--88dc17);font-style:var(--6fc949);font-variation-settings:var(--3233ee);font-weight:var(--cc6f61);letter-spacing:var(--cf0e2c);line-height:var(--904c1e)}}._3mi36Z{font-weight:var(--6e9792)}._2RfMiY{font-size:var(--451335)}.gaw4M4{font-size:var(--619ce5)}._36gqA-{font-size:var(--9f7286)}._1nWKi2{font-size:var(--081924)}._1zStZk{font-size:var(--da41aa)}._3Zhulg{font-size:var(--698b61)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Text/style/index.module.less",__css:css_248z,"Text":"khPkeq","Text--variant-xs":"_3oi7MN","Text--variant-xs-medium":"_3pLfSK","Text--variant-s":"_2B2g-a","Text--variant-s-italic":"_3J96VV","Text--variant-s-medium":"_2cZbUW","Text--variant-s-medium-italic":"_1-U0bq","Text--variant-s-bold":"_2pwGnZ","Text--variant-s-bold-italic":"_1uB1FT","Text--variant-m":"_1jP5ux","Text--variant-m-italic":"_2arEvj","Text--variant-m-medium":"_1WpHZG","Text--variant-m-medium-italic":"_1bYJYx","Text--variant-m-bold":"_1U1mdF","Text--variant-m-bold-italic":"_1jxka_","Text--variant-l":"WomFka","Text--variant-l-italic":"_3Mf0zT","Text--variant-l-medium":"_1d3AcK","Text--variant-l-medium-italic":"_3RQkIt","Text--variant-xl":"_3EjhIK","Text--variant-xl-italic":"_2FsccD","Text--variant-xl-medium":"N2Yr83","Text--variant-xl-medium-italic":"_2XMSq8","Text--narrow-l--variant-xs":"_2XvR-U","Text--narrow-l--variant-xs-medium":"_3LWCYu","Text--narrow-l--variant-s":"_2QylDw","Text--narrow-l--variant-s-italic":"_2ugIkI","Text--narrow-l--variant-s-medium":"_2-fYu7","Text--narrow-l--variant-s-medium-italic":"_4gkKyP","Text--narrow-l--variant-s-bold":"dooZ7c","Text--narrow-l--variant-s-bold-italic":"_2Cgfyq","Text--narrow-l--variant-m":"_1gBBA_","Text--narrow-l--variant-m-italic":"_3q9jDC","Text--narrow-l--variant-m-medium":"_2b4IDD","Text--narrow-l--variant-m-medium-italic":"_28Jyn5","Text--narrow-l--variant-m-bold":"_1tgX65","Text--narrow-l--variant-m-bold-italic":"_1ZactN","Text--narrow-l--variant-l":"_1ZUd91","Text--narrow-l--variant-l-italic":"eEnYiH","Text--narrow-l--variant-l-medium":"YEyqiA","Text--narrow-l--variant-l-medium-italic":"_1MfOKh","Text--narrow-l--variant-xl":"m0L7OZ","Text--narrow-l--variant-xl-italic":"_28GEOG","Text--narrow-l--variant-xl-medium":"_2csLtT","Text--narrow-l--variant-xl-medium-italic":"_3f0Ypb","Text--medium-s--variant-xs":"gyRVWo","Text--medium-s--variant-xs-medium":"_3d_9Sq","Text--medium-s--variant-s":"_2D9wAL","Text--medium-s--variant-s-italic":"_1tjEyk","Text--medium-s--variant-s-medium":"_1QuHA8","Text--medium-s--variant-s-medium-italic":"oP5Cs3","Text--medium-s--variant-s-bold":"_2At1C-","Text--medium-s--variant-s-bold-italic":"_3ZO0n8","Text--medium-s--variant-m":"_3mFg4h","Text--medium-s--variant-m-italic":"_2NO6Co","Text--medium-s--variant-m-medium":"rxUwLG","Text--medium-s--variant-m-medium-italic":"_2njCJW","Text--medium-s--variant-m-bold":"_2WKScT","Text--medium-s--variant-m-bold-italic":"_3ijJ6l","Text--medium-s--variant-l":"_1zGvkG","Text--medium-s--variant-l-italic":"_1LaGa9","Text--medium-s--variant-l-medium":"_3CRfYM","Text--medium-s--variant-l-medium-italic":"_2uYf0g","Text--medium-s--variant-xl":"vc5IXM","Text--medium-s--variant-xl-italic":"_39rPRd","Text--medium-s--variant-xl-medium":"D0Q2fW","Text--medium-s--variant-xl-medium-italic":"_3hsY5O","Text--medium-l--variant-xs":"_102ZVH","Text--medium-l--variant-xs-medium":"_2nooOU","Text--medium-l--variant-s":"q8EjDW","Text--medium-l--variant-s-italic":"_2lLybv","Text--medium-l--variant-s-medium":"_27McmK","Text--medium-l--variant-s-medium-italic":"_3iuMi1","Text--medium-l--variant-s-bold":"_2wMKhp","Text--medium-l--variant-s-bold-italic":"_3lQVuY","Text--medium-l--variant-m":"_2Kuekv","Text--medium-l--variant-m-italic":"d2enwo","Text--medium-l--variant-m-medium":"_2h6VBo","Text--medium-l--variant-m-medium-italic":"_9mwhtq","Text--medium-l--variant-m-bold":"_1qLV7P","Text--medium-l--variant-m-bold-italic":"-_kzIo","Text--medium-l--variant-l":"yFJ4Py","Text--medium-l--variant-l-italic":"_294sHt","Text--medium-l--variant-l-medium":"_3pO-c1","Text--medium-l--variant-l-medium-italic":"_3w9qAK","Text--medium-l--variant-xl":"S6Kje4","Text--medium-l--variant-xl-italic":"Tw-ZHl","Text--medium-l--variant-xl-medium":"_2z96lm","Text--medium-l--variant-xl-medium-italic":"s3rTvV","Text--wide-s--variant-xs":"_2wPjuN","Text--wide-s--variant-xs-medium":"_2Y3L5k","Text--wide-s--variant-s":"yVALKh","Text--wide-s--variant-s-italic":"_3nbJGs","Text--wide-s--variant-s-medium":"wWKdXu","Text--wide-s--variant-s-medium-italic":"_22V8Ot","Text--wide-s--variant-s-bold":"EusyEy","Text--wide-s--variant-s-bold-italic":"jvErrT","Text--wide-s--variant-m":"_3j3QFh","Text--wide-s--variant-m-italic":"_3vS0yL","Text--wide-s--variant-m-medium":"_1GArnu","Text--wide-s--variant-m-medium-italic":"_21_WUA","Text--wide-s--variant-m-bold":"_2E0TbE","Text--wide-s--variant-m-bold-italic":"_3FDxY7","Text--wide-s--variant-l":"_2p2AAn","Text--wide-s--variant-l-italic":"V7ST-S","Text--wide-s--variant-l-medium":"_1u-3H9","Text--wide-s--variant-l-medium-italic":"_2vcCHn","Text--wide-s--variant-xl":"_21vFnu","Text--wide-s--variant-xl-italic":"_3baaSO","Text--wide-s--variant-xl-medium":"_27Q3D_","Text--wide-s--variant-xl-medium-italic":"_2E5_Zd","Text--wide-l--variant-xs":"_9E-yS9","Text--wide-l--variant-xs-medium":"nlkKv8","Text--wide-l--variant-s":"_2CdeiM","Text--wide-l--variant-s-italic":"_1RFgVJ","Text--wide-l--variant-s-medium":"_1GK1q6","Text--wide-l--variant-s-medium-italic":"_31ILKj","Text--wide-l--variant-s-bold":"_3-ZEKq","Text--wide-l--variant-s-bold-italic":"_1Xi3K9","Text--wide-l--variant-m":"_34lAWh","Text--wide-l--variant-m-italic":"_259Lde","Text--wide-l--variant-m-medium":"bzn5er","Text--wide-l--variant-m-medium-italic":"_1A4w7s","Text--wide-l--variant-m-bold":"_3ZV7xg","Text--wide-l--variant-m-bold-italic":"_17KnOh","Text--wide-l--variant-l":"_13_DCm","Text--wide-l--variant-l-italic":"_2diXMC","Text--wide-l--variant-l-medium":"_1ew3dn","Text--wide-l--variant-l-medium-italic":"_1Gs9PJ","Text--wide-l--variant-xl":"_2pquab","Text--wide-l--variant-xl-italic":"_2eBK30","Text--wide-l--variant-xl-medium":"_2nDmr0","Text--wide-l--variant-xl-medium-italic":"_2rJ3hX","Text--strong":"_3mi36Z","Text--size-2xs":"_2RfMiY","Text--size-xs":"gaw4M4","Text--size-s":"_36gqA-","Text--size-m":"_1nWKi2","Text--size-l":"_1zStZk","Text--size-xl":"_3Zhulg"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { InputImperativeHandle } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const TextField: React.ForwardRefExoticComponent<import("@preply/ds-web-core").SingleLineFieldCommonProps & Pick<import("@preply/ds-web-core").InputTextProps, "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp" | "required" | "disabled" | "hasError" | "dataset" | "onValueChange"> & {
|
|
4
|
+
id?: string | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
type?: "email" | "tel" | "url" | "text" | "search" | undefined;
|
|
7
|
+
} & React.RefAttributes<InputImperativeHandle>>;
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames } from '@preply/ds-web-core';
|
|
2
|
-
import React__default from 'react';
|
|
2
|
+
import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
|
|
3
3
|
import { FieldLayout } from '../FieldLayout/FieldLayout.js';
|
|
4
4
|
import { InputText } from '../private/Input/InputText.js';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
6
6
|
|
|
7
7
|
const FIELD_TEXT = 'TextField';
|
|
8
|
-
const
|
|
8
|
+
const TextFieldLocal = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props }, ref) => {
|
|
9
9
|
useStyleExtract(styles);
|
|
10
|
-
const
|
|
10
|
+
const layoutRef = useRef(null);
|
|
11
|
+
const inputRef = useForcedRef();
|
|
12
|
+
useImperativeHandle(ref, () => ({
|
|
13
|
+
setFocus: () => { var _a; return (_a = layoutRef === null || layoutRef === void 0 ? void 0 : layoutRef.current) === null || _a === void 0 ? void 0 : _a.setFocus(); },
|
|
14
|
+
}));
|
|
11
15
|
const textField = useTextField({
|
|
12
16
|
id: optionalId,
|
|
13
17
|
type,
|
|
@@ -15,9 +19,10 @@ const TextField = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props }) => {
|
|
|
15
19
|
});
|
|
16
20
|
const { layoutProps, inputProps } = textField;
|
|
17
21
|
const classNames = moduleClassNames(styles, FIELD_TEXT);
|
|
18
|
-
const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref:
|
|
19
|
-
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { className: classNames.join(' '), input: input, inputHandle:
|
|
20
|
-
};
|
|
22
|
+
const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref: inputRef }));
|
|
23
|
+
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { className: classNames.join(' '), input: input, inputHandle: inputRef.current, ref: layoutRef })));
|
|
24
|
+
};
|
|
25
|
+
const TextField = forwardRef(TextFieldLocal);
|
|
21
26
|
|
|
22
27
|
export { TextField };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEZJRUxEX1RZUEVfREVGQVVMVCxcbiAgICBJbnB1dEltcGVyYXRpdmVIYW5kbGUsXG4gICAgVGV4dEZpZWxkUHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VGb3JjZWRSZWYsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRGaWVsZCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIGZvcndhcmRSZWYsIHVzZUltcGVyYXRpdmVIYW5kbGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRMYXlvdXQgfSBmcm9tICcuLi9GaWVsZExheW91dC9GaWVsZExheW91dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuY29uc3QgVGV4dEZpZWxkTG9jYWw6IEZDPFRleHRGaWVsZFByb3BzPiA9IChcbiAgICB7IGlkOiBvcHRpb25hbElkLCB0eXBlID0gRklFTERfVFlQRV9ERUZBVUxULCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbikgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbGF5b3V0UmVmID0gdXNlUmVmPElucHV0SW1wZXJhdGl2ZUhhbmRsZT4obnVsbCk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3JjZWRSZWY8SW5wdXRJbXBlcmF0aXZlSGFuZGxlPigpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICAgIHNldEZvY3VzOiAoKSA9PiBsYXlvdXRSZWY/LmN1cnJlbnQ/LnNldEZvY3VzKCksXG4gICAgfSkpO1xuXG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgbGF5b3V0UHJvcHMsIGlucHV0UHJvcHMgfSA9IHRleHRGaWVsZDtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfVEVYVCk7XG4gICAgY29uc3QgaW5wdXQgPSA8SW5wdXRUZXh0IHsuLi5pbnB1dFByb3BzfSByZWY9e2lucHV0UmVmfSAvPjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGaWVsZExheW91dFxuICAgICAgICAgICAgey4uLmxheW91dFByb3BzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGlucHV0SGFuZGxlPXtpbnB1dFJlZi5jdXJyZW50fVxuICAgICAgICAgICAgcmVmPXtsYXlvdXRSZWZ9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0RmllbGQgPSBmb3J3YXJkUmVmPElucHV0SW1wZXJhdGl2ZUhhbmRsZSwgVGV4dEZpZWxkUHJvcHM+KFRleHRGaWVsZExvY2FsKTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBZ0JBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztBQUUvQixNQUFNLGNBQWMsR0FBdUIsQ0FDdkMsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksR0FBRyxrQkFBa0IsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUN2RCxHQUFHO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBd0IsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxRQUFRLEdBQUcsWUFBWSxFQUF5QixDQUFDO0lBRXZELG1CQUFtQixDQUFDLEdBQUcsRUFBRSxPQUFPO1FBQzVCLFFBQVEsRUFBRSw2QkFBTSxTQUFTLGFBQVQsU0FBUyx1QkFBVCxTQUFTLENBQUUsT0FBTywwQ0FBRSxRQUFRLEtBQUU7S0FDakQsQ0FBQyxDQUFDLENBQUM7SUFFSixNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUM7UUFDM0IsRUFBRSxFQUFFLFVBQVU7UUFDZCxJQUFJO1FBQ0osR0FBRyxLQUFLO0tBQ1gsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFFOUMsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQ3hELE1BQU0sS0FBSyxHQUFHQSw2QkFBQyxTQUFTLG9CQUFLLFVBQVUsSUFBRSxHQUFHLEVBQUUsUUFBUSxJQUFJLENBQUM7SUFFM0QsUUFDSUEsNkJBQUMsV0FBVyxvQkFDSixXQUFXLElBQ2YsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQy9CLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQzdCLEdBQUcsRUFBRSxTQUFTLElBQ2hCLEVBQ0o7QUFDTixDQUFDLENBQUM7TUFFVyxTQUFTLEdBQUcsVUFBVSxDQUF3QyxjQUFjOzs7OyJ9
|
|
@@ -21,5 +21,6 @@ export { PanelFooter } from './Panel/private/PanelFooter';
|
|
|
21
21
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo';
|
|
22
22
|
export { Text } from './Text/Text';
|
|
23
23
|
export { TextField } from './TextField/TextField';
|
|
24
|
+
export { PasswordField } from './PasswordField/PasswordField';
|
|
24
25
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted';
|
|
25
26
|
export { TextInline } from './TextInline/TextInline';
|
package/dist/components/index.js
CHANGED
|
@@ -21,6 +21,7 @@ export { PanelFooter } from './Panel/private/PanelFooter.js';
|
|
|
21
21
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
|
|
22
22
|
export { Text } from './Text/Text.js';
|
|
23
23
|
export { TextField } from './TextField/TextField.js';
|
|
24
|
+
export { PasswordField } from './PasswordField/PasswordField.js';
|
|
24
25
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
25
26
|
export { TextInline } from './TextInline/TextInline.js';
|
|
26
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
|
|
2
|
-
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
import { FC, MouseEventHandler, ReactElement, ReactNode } from 'react';
|
|
3
3
|
export interface ButtonBaseProps {
|
|
4
4
|
variant?: ButtonVariant;
|
|
5
5
|
size?: Responsive<ButtonSize>;
|
|
@@ -16,6 +16,7 @@ export interface ButtonBaseProps {
|
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
busy?: boolean;
|
|
18
18
|
isIconButton: boolean;
|
|
19
|
+
as?: ReactElement;
|
|
19
20
|
dataset?: Dataset;
|
|
20
21
|
children?: ReactNode;
|
|
21
22
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
2
|
import { useStyleExtract, useHostname, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps, getExternalUrlProps, moduleLocals, mapEdgeKeyToStandard } from '@preply/ds-web-core';
|
|
3
|
-
import React__default, { useRef } from 'react';
|
|
3
|
+
import React__default, { useRef, cloneElement } from 'react';
|
|
4
4
|
import { Spinner } from '../../Spinner/Spinner.js';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
6
6
|
|
|
@@ -13,7 +13,7 @@ const renderContent = ({ children, busy }) => {
|
|
|
13
13
|
busy && (React__default.createElement("span", { className: busyClassNames.join(' ') },
|
|
14
14
|
React__default.createElement(Spinner, null)))));
|
|
15
15
|
};
|
|
16
|
-
const ButtonBase = ({
|
|
16
|
+
const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, url, opensInNewTab, nofollow, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, as, dataset, children, }) => {
|
|
17
17
|
useStyleExtract(styles);
|
|
18
18
|
const hostname = useHostname();
|
|
19
19
|
const ref = useRef(null);
|
|
@@ -54,11 +54,22 @@ const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_
|
|
|
54
54
|
'aria-disabled': disabled || busy ? true : undefined,
|
|
55
55
|
};
|
|
56
56
|
const actualHref = href || url;
|
|
57
|
+
const linkProps = {
|
|
58
|
+
...props,
|
|
59
|
+
ref,
|
|
60
|
+
role: 'button',
|
|
61
|
+
tabIndex: disabled ? -1 : 0,
|
|
62
|
+
href: actualHref,
|
|
63
|
+
onKeyDown: handleKeyPress,
|
|
64
|
+
};
|
|
57
65
|
if (actualHref) {
|
|
58
|
-
return (React__default.createElement("a", Object.assign({},
|
|
66
|
+
return (React__default.createElement("a", Object.assign({}, linkProps, getExternalUrlProps(hostname, actualHref, opensInNewTab, nofollow)), renderContent({ children, busy })));
|
|
67
|
+
}
|
|
68
|
+
if (as) {
|
|
69
|
+
return cloneElement(as, { ...linkProps }, renderContent({ children, busy }));
|
|
59
70
|
}
|
|
60
71
|
return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy })));
|
|
61
72
|
};
|
|
62
73
|
|
|
63
74
|
export { ButtonBase };
|
|
64
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7XG4gICAgRkMsXG4gICAgS2V5Ym9hcmRFdmVudCxcbiAgICBNb3VzZUV2ZW50LFxuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIFJlYWN0RWxlbWVudCxcbiAgICBSZWFjdE5vZGUsXG4gICAgY2xvbmVFbGVtZW50LFxuICAgIHVzZVJlZixcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TcGlubmVyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25CYXNlUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEJ1dHRvblNpemU+O1xuICAgIGZ1bGxXaWR0aD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgbm9mb2xsb3c/OiBib29sZWFuO1xuICAgIHN1Ym1pdHNGb3JtPzogYm9vbGVhbjtcbiAgICBhMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIGJ1c3k/OiBib29sZWFuO1xuICAgIGlzSWNvbkJ1dHRvbjogYm9vbGVhbjtcbiAgICBhcz86IFJlYWN0RWxlbWVudDtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQlVUVE9OX0JBU0UgPSAnQnV0dG9uQmFzZSc7XG5cbmNvbnN0IHJlbmRlckNvbnRlbnQ6IEZDPHsgYnVzeT86IGJvb2xlYW4gfT4gPSAoeyBjaGlsZHJlbiwgYnVzeSB9KSA9PiB7XG4gICAgY29uc3QgY29udGVudENsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnY29udGVudCddKV07XG4gICAgY29uc3QgYnVzeUNsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnYnVzeSddKV07XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y29udGVudENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YnVzeUNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPFNwaW5uZXIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkJhc2U6IEZDPEJ1dHRvbkJhc2VQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICAgIHdyYXAgPSBmYWxzZSxcbiAgICBocmVmLFxuICAgIHVybCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIG5vZm9sbG93LFxuICAgIHN1Ym1pdHNGb3JtLFxuICAgIGExMXlMYWJlbCxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIG9uQ2xpY2ssXG4gICAgZGlzYWJsZWQsXG4gICAgYnVzeSxcbiAgICBpc0ljb25CdXR0b24sXG4gICAgYXMsXG4gICAgZGF0YXNldCxcbiAgICBjaGlsZHJlbixcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGhvc3RuYW1lID0gdXNlSG9zdG5hbWUoKTtcbiAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkIHx8IGJ1c3kpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUtleVByZXNzID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGNvbnN0IGtleSA9IG1hcEVkZ2VLZXlUb1N0YW5kYXJkKGV2ZW50LmtleSk7XG4gICAgICAgIGlmIChrZXkgPT09ICcgJyB8fCBrZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICByZWYuY3VycmVudD8uY2xpY2soKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBpc0ljb25CdXR0b24gPyBzdHJpbmdDbGFzc05hbWVzKCdpcy1pY29uLWJ1dHRvbi1zaXplJywgc2l6ZSkgOiBbXSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXModW5kZWZpbmVkLCAnbm8td3JhcCcsIHdyYXApLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnd2lkdGgtZnVsbCcsICd3aWR0aC1hdXRvJywgZnVsbFdpZHRoKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWJ1c3knLCB1bmRlZmluZWQsIGJ1c3kpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24nLCB1bmRlZmluZWQsIGlzSWNvbkJ1dHRvbiksXG4gICAgXSk7XG5cbiAgICBjb25zdCB0aXRsZSA9IGlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGFyaWFMYWJlbCA9ICFpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlLFxuICAgICAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICAnYXJpYS1kaXNhYmxlZCc6IGRpc2FibGVkIHx8IGJ1c3kgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgIH07XG5cbiAgICBjb25zdCBhY3R1YWxIcmVmID0gaHJlZiB8fCB1cmw7XG5cbiAgICBjb25zdCBsaW5rUHJvcHMgPSB7XG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgICByZWYsXG4gICAgICAgIHJvbGU6ICdidXR0b24nLFxuICAgICAgICB0YWJJbmRleDogZGlzYWJsZWQgPyAtMSA6IDAsXG4gICAgICAgIGhyZWY6IGFjdHVhbEhyZWYsXG4gICAgICAgIG9uS2V5RG93bjogaGFuZGxlS2V5UHJlc3MsXG4gICAgfTtcblxuICAgIGlmIChhY3R1YWxIcmVmKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5saW5rUHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLmdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIsIG5vZm9sbG93KX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIGlmIChhcykge1xuICAgICAgICByZXR1cm4gY2xvbmVFbGVtZW50KFxuICAgICAgICAgICAgYXMgYXMgUmVhY3RFbGVtZW50LFxuICAgICAgICAgICAgeyAuLi5saW5rUHJvcHMgfSxcbiAgICAgICAgICAgIHJlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KSxcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YnV0dG9uIHsuLi5wcm9wc30gdHlwZT17c3VibWl0c0Zvcm0gPyAnc3VibWl0JyA6ICdidXR0b24nfT5cbiAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFpREEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sYUFBYSxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtJQUM3RCxNQUFNLGlCQUFpQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM5RSxNQUFNLGNBQWMsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEUsUUFDSUE7UUFDSUEsdUNBQU0sU0FBUyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQVE7UUFDOUQsSUFBSSxLQUNEQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDckNBLDZCQUFDLE9BQU8sT0FBRyxDQUNSLENBQ1YsQ0FDRixFQUNMO0FBQ04sQ0FBQyxDQUFDO01BRVcsVUFBVSxHQUF3QixDQUFDLEVBQzVDLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEdBQUcsS0FBSyxFQUNqQixJQUFJLEdBQUcsS0FBSyxFQUNaLElBQUksRUFDSixHQUFHLEVBQ0gsYUFBYSxFQUNiLFFBQVEsRUFDUixXQUFXLEVBQ1gsU0FBUyxFQUNULGFBQWEsRUFDYixPQUFPLEVBQ1AsUUFBUSxFQUNSLElBQUksRUFDSixZQUFZLEVBQ1osRUFBRSxFQUNGLE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFDL0IsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFvQixJQUFJLENBQUMsQ0FBQztJQUU1QyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQWlCO1FBQ2xDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRTtZQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9COztRQUN4QyxNQUFNLEdBQUcsR0FBRyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUMsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDaEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsS0FBSyxHQUFHO1NBQ3hCO0tBQ0osQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7UUFDckQsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUNwQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzlCLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ2pFLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQzdDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsU0FBUyxDQUFDO1FBQ3hELGlCQUFpQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQzdDLGlCQUFpQixDQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7S0FDL0QsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUcsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ3BFLE1BQU0sU0FBUyxHQUFHLENBQUMsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBRXpFLE1BQU0sS0FBSyxHQUFHO1FBQ1YsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLO1FBQ0wsWUFBWSxFQUFFLFNBQVM7UUFDdkIsT0FBTyxFQUFFLFdBQVc7UUFDcEIsUUFBUTtRQUNSLGVBQWUsRUFBRSxRQUFRLElBQUksSUFBSSxHQUFHLElBQUksR0FBRyxTQUFTO0tBQ3ZELENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxJQUFJLElBQUksR0FBRyxDQUFDO0lBRS9CLE1BQU0sU0FBUyxHQUFHO1FBQ2QsR0FBRyxLQUFLO1FBQ1IsR0FBRztRQUNILElBQUksRUFBRSxRQUFRO1FBQ2QsUUFBUSxFQUFFLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQzNCLElBQUksRUFBRSxVQUFVO1FBQ2hCLFNBQVMsRUFBRSxjQUFjO0tBQzVCLENBQUM7SUFFRixJQUFJLFVBQVUsRUFBRTtRQUNaLFFBQ0lBLG9EQUNRLFNBQVMsRUFDVCxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUMsR0FFckUsYUFBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQ2xDLEVBQ047S0FDTDtJQUVELElBQUksRUFBRSxFQUFFO1FBQ0osT0FBTyxZQUFZLENBQ2YsRUFBa0IsRUFDbEIsRUFBRSxHQUFHLFNBQVMsRUFBRSxFQUNoQixhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FDcEMsQ0FBQztLQUNMO0lBRUQsUUFDSUEseURBQVksS0FBSyxJQUFFLElBQUksRUFBRSxXQUFXLEdBQUcsUUFBUSxHQUFHLFFBQVEsS0FDckQsYUFBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQzdCLEVBQ1g7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, moduleLocals } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const FIELD_LABEL = 'FieldLabel';
|
|
6
|
+
const BULLET_BLACK_SMALL_CIRCLE = '\u2022';
|
|
7
|
+
const DEFAULT_REQUIRED_LABEL = 'Required';
|
|
8
|
+
const Required = ({ label = DEFAULT_REQUIRED_LABEL }) => {
|
|
9
|
+
const requiredClassNames = moduleLocals(styles, FIELD_LABEL, ['required']);
|
|
10
|
+
return (React__default.createElement("span", { className: requiredClassNames.join(' ') },
|
|
11
|
+
React__default.createElement("span", null, BULLET_BLACK_SMALL_CIRCLE),
|
|
12
|
+
React__default.createElement("span", null, label)));
|
|
13
|
+
};
|
|
14
|
+
const FieldLabel = ({ id, label, hideLabel, required, requiredLabel, }) => {
|
|
15
|
+
useStyleExtract(styles);
|
|
16
|
+
const classNames = moduleClassNames(styles, FIELD_LABEL, [
|
|
17
|
+
booleanClassNames('hide', undefined, hideLabel),
|
|
18
|
+
]);
|
|
19
|
+
return (React__default.createElement("label", { htmlFor: id, className: classNames.join(' ') },
|
|
20
|
+
label,
|
|
21
|
+
required && React__default.createElement(Required, { label: requiredLabel })));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { FieldLabel };
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9GaWVsZExhYmVsL0ZpZWxkTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRMYWJlbFByb3BzLFxuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0xBQkVMID0gJ0ZpZWxkTGFiZWwnO1xuXG5jb25zdCBCVUxMRVRfQkxBQ0tfU01BTExfQ0lSQ0xFID0gJ1xcdTIwMjInO1xuY29uc3QgREVGQVVMVF9SRVFVSVJFRF9MQUJFTCA9ICdSZXF1aXJlZCc7XG5cbmNvbnN0IFJlcXVpcmVkOiBGQzx7IGxhYmVsPzogc3RyaW5nIH0+ID0gKHsgbGFiZWwgPSBERUZBVUxUX1JFUVVJUkVEX0xBQkVMIH0pID0+IHtcbiAgICBjb25zdCByZXF1aXJlZENsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCBGSUVMRF9MQUJFTCwgWydyZXF1aXJlZCddKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e3JlcXVpcmVkQ2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgPHNwYW4+e0JVTExFVF9CTEFDS19TTUFMTF9DSVJDTEV9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e2xhYmVsfTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbDogRkM8RmllbGRMYWJlbFByb3BzPiA9ICh7XG4gICAgaWQsXG4gICAgbGFiZWwsXG4gICAgaGlkZUxhYmVsLFxuICAgIHJlcXVpcmVkLFxuICAgIHJlcXVpcmVkTGFiZWwsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEZJRUxEX0xBQkVMLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoaWRlJywgdW5kZWZpbmVkLCBoaWRlTGFiZWwpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGxhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtyZXF1aXJlZCAmJiA8UmVxdWlyZWQgbGFiZWw9e3JlcXVpcmVkTGFiZWx9IC8+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBV0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0seUJBQXlCLEdBQUcsUUFBUSxDQUFDO0FBQzNDLE1BQU0sc0JBQXNCLEdBQUcsVUFBVSxDQUFDO0FBRTFDLE1BQU0sUUFBUSxHQUEyQixDQUFDLEVBQUUsS0FBSyxHQUFHLHNCQUFzQixFQUFFO0lBQ3hFLE1BQU0sa0JBQWtCLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQzNFLFFBQ0lBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3pDQSwyQ0FBTyx5QkFBeUIsQ0FBUTtRQUN4Q0EsMkNBQU8sS0FBSyxDQUFRLENBQ2pCLEVBQ1Q7QUFDTixDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLENBQUMsRUFDNUMsRUFBRSxFQUNGLEtBQUssRUFDTCxTQUFTLEVBQ1QsUUFBUSxFQUNSLGFBQWEsR0FDaEI7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztLQUNsRCxDQUFDLENBQUM7SUFFSCxRQUNJQSx3Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUM5QyxLQUFLO1FBQ0wsUUFBUSxJQUFJQSw2QkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLGFBQWEsR0FBSSxDQUMzQyxFQUNWO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._2Upfo1{color:var(--e41135);font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d)}._2Upfo1,._3PPYgv{grid-gap:var(--6947b0);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--6947b0)}._3PPYgv{color:var(--3d280d)}._2ZcnmE{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/FieldLabel/style/index.module.less",__css:css_248z,"FieldLabel":"_2Upfo1","FieldLabel--required":"_3PPYgv","FieldLabel--hide":"_2ZcnmE"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/accessibility/style/mixins.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
4
|
+
|
|
5
|
+
.field-label() {
|
|
6
|
+
color: @content-primary-color;
|
|
7
|
+
.text-variant('s-medium');
|
|
8
|
+
display: flex;
|
|
9
|
+
gap: @root-space-3xs;
|
|
10
|
+
|
|
11
|
+
&--required {
|
|
12
|
+
display: flex;
|
|
13
|
+
gap: @root-space-3xs;
|
|
14
|
+
color: @content-secondary-color;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&--hide {
|
|
18
|
+
.sr-only();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -1,30 +1,27 @@
|
|
|
1
|
-
import { useStyleExtract, moduleClassNames,
|
|
1
|
+
import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { FieldAdditionalText } from '../../FieldAdditionalText/FieldAdditionalText.js';
|
|
4
|
+
import { FieldLabel } from '../FieldLabel/FieldLabel.js';
|
|
4
5
|
import styles from './style/index.module.less.js';
|
|
5
6
|
|
|
6
7
|
const FIELD_LAYOUT_BASE = 'FieldLayoutBase';
|
|
7
|
-
const FieldLayoutBase = ({ id, className, label, hideLabel, additionalText, preserveSpace, hasError, dataset, children, }) => {
|
|
8
|
+
const FieldLayoutBase = ({ id, className, label, hideLabel, required, requiredLabel, additionalText, preserveSpace, hasError, dataset, children, }) => {
|
|
8
9
|
useStyleExtract(styles);
|
|
9
10
|
const localClassNames = moduleClassNames(styles, FIELD_LAYOUT_BASE);
|
|
10
11
|
const allClassNames = [...localClassNames];
|
|
11
12
|
if (className) {
|
|
12
13
|
allClassNames.push(className);
|
|
13
14
|
}
|
|
14
|
-
const labelClassNames = [
|
|
15
|
-
...moduleLocals(styles, FIELD_LAYOUT_BASE, [
|
|
16
|
-
booleanClassNames('hide-label', undefined, hideLabel),
|
|
17
|
-
]),
|
|
18
|
-
];
|
|
19
15
|
const ownProps = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
|
|
16
|
+
const labelProps = { id, label, hideLabel, required, requiredLabel };
|
|
20
17
|
const spacePreserver = !additionalText && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
|
|
21
18
|
const additionalTextVariant = hasError ? 'error' : 'normal';
|
|
22
19
|
return (React__default.createElement("div", Object.assign({}, ownProps),
|
|
23
|
-
React__default.createElement(
|
|
20
|
+
React__default.createElement(FieldLabel, Object.assign({}, labelProps)),
|
|
24
21
|
children,
|
|
25
22
|
additionalText && (React__default.createElement(FieldAdditionalText, { id: `${id}-desc`, variant: additionalTextVariant }, additionalText)),
|
|
26
23
|
spacePreserver));
|
|
27
24
|
};
|
|
28
25
|
|
|
29
26
|
export { FieldLayoutBase };
|
|
30
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQsXG4gICAgRmllbGRMYXlvdXRCYXNlUHJvcHMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRBZGRpdGlvbmFsVGV4dCB9IGZyb20gJy4uLy4uL0ZpZWxkQWRkaXRpb25hbFRleHQvRmllbGRBZGRpdGlvbmFsVGV4dCc7XG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSAnLi4vRmllbGRMYWJlbC9GaWVsZExhYmVsJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFZT1VUX0JBU0UgPSAnRmllbGRMYXlvdXRCYXNlJztcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGF5b3V0QmFzZTogRkM8RmllbGRMYXlvdXRCYXNlUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBjbGFzc05hbWUsXG4gICAgbGFiZWwsXG4gICAgaGlkZUxhYmVsLFxuICAgIHJlcXVpcmVkLFxuICAgIHJlcXVpcmVkTGFiZWwsXG4gICAgYWRkaXRpb25hbFRleHQsXG4gICAgcHJlc2VydmVTcGFjZSxcbiAgICBoYXNFcnJvcixcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEZJRUxEX0xBWU9VVF9CQVNFKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4ubG9jYWxDbGFzc05hbWVzXTtcbiAgICBpZiAoY2xhc3NOYW1lKSB7XG4gICAgICAgIGFsbENsYXNzTmFtZXMucHVzaChjbGFzc05hbWUpO1xuICAgIH1cblxuICAgIGNvbnN0IG93blByb3BzID0geyBjbGFzc05hbWU6IGFsbENsYXNzTmFtZXMuam9pbignICcpLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcbiAgICBjb25zdCBsYWJlbFByb3BzID0geyBpZCwgbGFiZWwsIGhpZGVMYWJlbCwgcmVxdWlyZWQsIHJlcXVpcmVkTGFiZWwgfTtcblxuICAgIGNvbnN0IHNwYWNlUHJlc2VydmVyID0gIWFkZGl0aW9uYWxUZXh0ICYmIHByZXNlcnZlU3BhY2UgPyA8c3Bhbj4mbmJzcDs8L3NwYW4+IDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgYWRkaXRpb25hbFRleHRWYXJpYW50OiBGaWVsZEFkZGl0aW9uYWxUZXh0VmFyaWFudCA9IGhhc0Vycm9yID8gJ2Vycm9yJyA6ICdub3JtYWwnO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ub3duUHJvcHN9PlxuICAgICAgICAgICAgPEZpZWxkTGFiZWwgey4uLmxhYmVsUHJvcHN9IC8+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICB7YWRkaXRpb25hbFRleHQgJiYgKFxuICAgICAgICAgICAgICAgIDxGaWVsZEFkZGl0aW9uYWxUZXh0IGlkPXtgJHtpZH0tZGVzY2B9IHZhcmlhbnQ9e2FkZGl0aW9uYWxUZXh0VmFyaWFudH0+XG4gICAgICAgICAgICAgICAgICAgIHthZGRpdGlvbmFsVGV4dH1cbiAgICAgICAgICAgICAgICA8L0ZpZWxkQWRkaXRpb25hbFRleHQ+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge3NwYWNlUHJlc2VydmVyfVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBY0EsTUFBTSxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztNQUUvQixlQUFlLEdBQTZCLENBQUMsRUFDdEQsRUFBRSxFQUNGLFNBQVMsRUFDVCxLQUFLLEVBQ0wsU0FBUyxFQUNULFFBQVEsRUFDUixhQUFhLEVBQ2IsY0FBYyxFQUNkLGFBQWEsRUFDYixRQUFRLEVBQ1IsT0FBTyxFQUNQLFFBQVEsR0FDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztJQUVwRSxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFDM0MsSUFBSSxTQUFTLEVBQUU7UUFDWCxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0tBQ2pDO0lBRUQsTUFBTSxRQUFRLEdBQUcsRUFBRSxTQUFTLEVBQUUsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO0lBQ3JGLE1BQU0sVUFBVSxHQUFHLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxDQUFDO0lBRXJFLE1BQU0sY0FBYyxHQUFHLENBQUMsY0FBYyxJQUFJLGFBQWEsR0FBR0Esb0RBQW1CLEdBQUcsU0FBUyxDQUFDO0lBRTFGLE1BQU0scUJBQXFCLEdBQStCLFFBQVEsR0FBRyxPQUFPLEdBQUcsUUFBUSxDQUFDO0lBRXhGLFFBQ0lBLHNEQUFTLFFBQVE7UUFDYkEsNkJBQUMsVUFBVSxvQkFBSyxVQUFVLEVBQUk7UUFDN0IsUUFBUTtRQUNSLGNBQWMsS0FDWEEsNkJBQUMsbUJBQW1CLElBQUMsRUFBRSxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLHFCQUFxQixJQUNoRSxjQUFjLENBQ0csQ0FDekI7UUFDQSxjQUFjLENBQ2IsRUFDUjtBQUNOOzs7OyJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".K-6xQP{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:var(--6947b0);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--6947b0)}.
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/FieldLayoutBase/style/index.module.less",__css:css_248z,"FieldLayoutBase":"K-6xQP"
|
|
3
|
+
var css_248z = ".K-6xQP{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:var(--6947b0);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--6947b0)}.K-6xQP input{display:block;width:100%}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/FieldLayoutBase/style/index.module.less",__css:css_248z,"FieldLayoutBase":"K-6xQP"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/accessibility/style/mixins.less';
|
|
3
2
|
|
|
4
3
|
.field-layout-base() {
|
|
5
4
|
display: flex;
|
|
6
5
|
flex-direction: column;
|
|
7
6
|
gap: @root-space-3xs;
|
|
8
7
|
|
|
9
|
-
&--hide-label {
|
|
10
|
-
.sr-only();
|
|
11
|
-
}
|
|
12
|
-
|
|
13
8
|
input {
|
|
14
9
|
display: block;
|
|
15
10
|
width: 100%;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { CheckboxProps } from '@preply/ds-web-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
-
export declare type CheckboxProps = Omit<InputTypeCheckboxProps, 'type' | 'value'> & {
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
onValueChange?: ValueChangeEventHandler<boolean>;
|
|
6
|
-
};
|
|
7
3
|
export declare const Checkbox: FC<CheckboxProps>;
|
|
@@ -13,4 +13,4 @@ const Checkbox = ({ checked, onChange, onValueChange, ...props }) => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { Checkbox };
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvQ2hlY2tib3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ2hlY2tib3hQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IElucHV0QmFzZSB9IGZyb20gJy4vSW5wdXRCYXNlJztcbmltcG9ydCB7IHVzZUNoYW5nZUhhbmRsZXIgfSBmcm9tICcuL2hvb2tzL3VzZUNoYW5nZUhhbmRsZXInO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgQ0hFQ0tCT1ggPSAnQ2hlY2tib3gnO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3g6IEZDPENoZWNrYm94UHJvcHM+ID0gKHsgY2hlY2tlZCwgb25DaGFuZ2UsIG9uVmFsdWVDaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGxvY2FsQ2xhc3NlcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBDSEVDS0JPWCk7XG5cbiAgICBjb25zdCBvbkNoYW5nZUhhbmRsZXIgPSB1c2VDaGFuZ2VIYW5kbGVyKGV2ID0+IGV2LnRhcmdldC5jaGVja2VkLCBvbkNoYW5nZSwgb25WYWx1ZUNoYW5nZSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8SW5wdXRCYXNlXG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17bG9jYWxDbGFzc2VzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQVFBLE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztNQUVmLFFBQVEsR0FBc0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ3RGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFFeEQsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztJQUUzRixRQUNJQSw2QkFBQyxTQUFTLG9CQUNGLEtBQUssSUFDVCxJQUFJLEVBQUMsVUFBVSxFQUNmLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFNBQVMsRUFBRSxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNqQyxRQUFRLEVBQUUsZUFBZSxJQUMzQixFQUNKO0FBQ047Ozs7In0=
|