@preply/ds-web-lib 0.46.0 → 0.48.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/Box/style/index.module.less.js +2 -2
- package/dist/components/FieldAdditionalText/FieldAdditionalText.d.ts +3 -0
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +15 -0
- package/dist/components/FieldAdditionalText/style/index.module.less +5 -0
- package/dist/components/FieldAdditionalText/style/index.module.less.js +9 -0
- package/dist/components/FieldAdditionalText/style/mixins.less +16 -0
- package/dist/components/FieldAdditionalText/style/mixins.less.js +8 -0
- package/dist/components/FieldButton/FieldButton.d.ts +3 -0
- package/dist/components/FieldButton/FieldButton.js +20 -0
- package/dist/components/FieldButton/style/index.module.less +5 -0
- package/dist/components/FieldButton/style/index.module.less.js +9 -0
- package/dist/components/FieldButton/style/mixins.less +34 -0
- package/dist/components/FieldButton/style/mixins.less.js +8 -0
- package/dist/components/FieldLayout/FieldLayout.d.ts +3 -0
- package/dist/components/FieldLayout/FieldLayout.js +25 -0
- package/dist/components/FieldLayout/style/index.module.less +5 -0
- package/dist/components/FieldLayout/style/index.module.less.js +9 -0
- package/dist/components/FieldLayout/style/mixins.less +52 -0
- package/dist/components/FieldLayout/style/mixins.less.js +8 -0
- package/dist/components/Link/Link.d.ts +4 -2
- package/dist/components/Link/Link.js +4 -3
- package/dist/components/Link/style/mixins.less +2 -4
- package/dist/components/Spinner/style/index.module.less +1 -0
- package/dist/components/Spinner/style/index.module.less.js +1 -1
- package/dist/components/TextField/TextField.d.ts +5 -0
- package/dist/components/TextField/TextField.js +23 -0
- package/dist/components/TextField/style/index.module.less +5 -0
- package/dist/components/TextField/style/index.module.less.js +9 -0
- package/dist/components/TextField/style/mixins.less +3 -0
- package/dist/components/TextField/style/mixins.less.js +8 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +5 -1
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +3 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +3 -3
- package/dist/components/private/ButtonBase/style/index.module.less +1 -1
- package/dist/components/private/ButtonBase/style/mixins.less +2 -4
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.d.ts +3 -0
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +30 -0
- package/dist/components/private/FieldLayoutBase/style/index.module.less +5 -0
- package/dist/components/private/FieldLayoutBase/style/index.module.less.js +9 -0
- package/dist/components/private/FieldLayoutBase/style/mixins.less +17 -0
- package/dist/components/private/FieldLayoutBase/style/mixins.less.js +8 -0
- package/dist/components/private/Input/Checkbox.d.ts +7 -0
- package/dist/components/private/Input/Checkbox.js +16 -0
- package/dist/components/private/Input/InputBase.d.ts +30 -0
- package/dist/components/private/Input/InputBase.js +59 -0
- package/dist/components/private/Input/InputDate.d.ts +7 -0
- package/dist/components/private/Input/InputDate.js +18 -0
- package/dist/components/private/Input/InputNumber.d.ts +9 -0
- package/dist/components/private/Input/InputNumber.js +16 -0
- package/dist/components/private/Input/InputPassword.d.ts +6 -0
- package/dist/components/private/Input/InputPassword.js +16 -0
- package/dist/components/private/Input/InputText.d.ts +10 -0
- package/dist/components/private/Input/InputText.js +17 -0
- package/dist/components/private/Input/InputTime.d.ts +7 -0
- package/dist/components/private/Input/InputTime.js +16 -0
- package/dist/components/private/Input/Radio.d.ts +8 -0
- package/dist/components/private/Input/Radio.js +16 -0
- package/dist/components/private/Input/Select.d.ts +6 -0
- package/dist/components/private/Input/Select.js +16 -0
- package/dist/components/private/Input/Textarea.d.ts +6 -0
- package/dist/components/private/Input/Textarea.js +16 -0
- package/dist/components/private/Input/hooks/useChangeHandler.d.ts +6 -0
- package/dist/components/private/Input/hooks/useChangeHandler.js +17 -0
- package/dist/components/private/Input/style/index.module.less +37 -0
- package/dist/components/private/Input/style/index.module.less.js +9 -0
- package/dist/components/private/Input/style/mixins.less +15 -0
- package/dist/components/private/Input/style/mixins.less.js +8 -0
- package/dist/components/private/Input/utils/date.d.ts +2 -0
- package/dist/components/private/Input/utils/date.js +10 -0
- package/dist/components/private/Input/utils.d.ts +9 -0
- package/dist/components/private/Input/utils.js +87 -0
- package/dist/index.js +5 -1
- package/package.json +12 -12
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9e);border:none;border-spacing:0;-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;font-weight:inherit;list-style:none;margin:0;text-align:inherit}._1qmwET{border-radius:var(--84e079)}._2QG_l9{border-radius:var(--1c37d5)}._1IrJdo{border-radius:var(--9e57e5)}@media (min-width:400px){._1cE2va{border-radius:var(--84e079)}.XWeqbw{border-radius:var(--1c37d5)}._14CqdZ{border-radius:var(--9e57e5)}}@media (min-width:700px){._2L7IWT{border-radius:var(--84e079)}._2-nWrE{border-radius:var(--1c37d5)}._2pnTll{border-radius:var(--9e57e5)}}@media (min-width:880px){._3BlbfP{border-radius:var(--84e079)}._2e5Dhw{border-radius:var(--1c37d5)}._1mWbTs{border-radius:var(--9e57e5)}}@media (min-width:1200px){._3LsEJq{border-radius:var(--84e079)}._14CRd4{border-radius:var(--1c37d5)}._3Ms5_W{border-radius:var(--9e57e5)}}@media (min-width:1900px){._3pxYkW{border-radius:var(--84e079)}._2hl3vu{border-radius:var(--1c37d5)}._2U_Skz{border-radius:var(--9e57e5)}}._3IIy34{background-color:var(--55407f)}._3Lojo1{background-color:var(--8f1238)}.OgB_6M{background-color:var(--da403c)}._1uNrWB{background-color:var(--7c8c3c)}._3qIVzD{background-color:var(--c9575b)}._2_k8Ey{background-color:var(--2fb6f7)}.U9OjFS{background-color:var(--54ed1d)}._2Hg15h{background-color:var(--b706bf)}._1Wax5r{background-color:var(--4adefb)}._51LDD8{background-color:var(--de8a40)}._37kqC2{background-color:var(--574543)}._2sN3oI{background-color:var(--1383a7)}._1hmzgV{background-color:var(--9f1066)}._2jfUtL{background-color:var(--d4cf94)}._3bVf64{background-color:var(--bbfa9f)}._3xJnu0{background-color:var(--5f8b30)}._2hpbs4{background-color:var(--c7d8be)}._3p4Tbx{background-color:var(--17bab8)}._1GQjtV{background-color:var(--f017e5)}._3uxOUH{background-color:var(--2242ed)}._2YiKp0{background-color:var(--e40de4)}._1zHk1U{background-color:var(--ecb5d5)}._36Bojd{background-color:var(--5b5cb0)}.aesNAY{background-color:var(--d55c71)}._3MppzQ{background-color:var(--4e47fe)}._2VO_hL{background-color:var(--3e7877)}._2WHPUw{background-color:var(--21906f)}._1rcIL5{background-color:var(--5d87f3)}._3D_7V1{background-color:var(--201e14)}._112Y0Q{background-color:var(--e1c27c)}._22KIb-{background-color:var(--6a1420)}._2hbfen{background-color:var(--1a9963)}._2hKbbK{background-color:var(--b774df)}.Y8TBRy{background-color:var(--f72cdd)}._2x-3Vr{background-color:var(--6cbd80)}._6H3srp{background-color:var(--5893e7)}";
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Box/style/index.module.less",__css:css_248z,"Box":"_28AVC_","Box--box-radius-none":"_1qmwET","Box--box-radius-m":"_2QG_l9","Box--box-radius-l":"_1IrJdo","Box--narrow-l--box-radius-none":"_1cE2va","Box--narrow-l--box-radius-m":"XWeqbw","Box--narrow-l--box-radius-l":"_14CqdZ","Box--medium-s--box-radius-none":"_2L7IWT","Box--medium-s--box-radius-m":"_2-nWrE","Box--medium-s--box-radius-l":"_2pnTll","Box--medium-l--box-radius-none":"_3BlbfP","Box--medium-l--box-radius-m":"_2e5Dhw","Box--medium-l--box-radius-l":"_1mWbTs","Box--wide-s--box-radius-none":"_3LsEJq","Box--wide-s--box-radius-m":"_14CRd4","Box--wide-s--box-radius-l":"_3Ms5_W","Box--wide-l--box-radius-none":"_3pxYkW","Box--wide-l--box-radius-m":"_2hl3vu","Box--wide-l--box-radius-l":"_2U_Skz","Box--background-gray-100":"_3IIy34","Box--background-gray-200":"_3Lojo1","Box--background-gray-300":"OgB_6M","Box--background-gray-400":"_1uNrWB","Box--background-gray-500":"_3qIVzD","Box--background-gray-600":"_2_k8Ey","Box--background-teal-100":"U9OjFS","Box--background-teal-200":"_2Hg15h","Box--background-teal-300":"_1Wax5r","Box--background-teal-400":"_51LDD8","Box--background-teal-500":"_37kqC2","Box--background-green-100":"_2sN3oI","Box--background-green-200":"_1hmzgV","Box--background-green-300":"_2jfUtL","Box--background-green-400":"_3bVf64","Box--background-green-500":"_3xJnu0","Box--background-yellow-100":"_2hpbs4","Box--background-yellow-200":"_3p4Tbx","Box--background-yellow-300":"_1GQjtV","Box--background-yellow-400":"_3uxOUH","Box--background-yellow-500":"_2YiKp0","Box--background-red-100":"_1zHk1U","Box--background-red-200":"_36Bojd","Box--background-red-300":"aesNAY","Box--background-red-400":"_3MppzQ","Box--background-red-500":"_2VO_hL","Box--background-blue-100":"_2WHPUw","Box--background-blue-200":"_1rcIL5","Box--background-blue-300":"_3D_7V1","Box--background-blue-400":"_112Y0Q","Box--background-blue-500":"_22KIb-","Box--background-magenta-100":"_2hbfen","Box--background-magenta-200":"_2hKbbK","Box--background-magenta-300":"Y8TBRy","Box--background-magenta-400":"_2x-3Vr","Box--background-magenta-500":"_6H3srp"};
|
|
3
|
+
var css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9e);border:none;border-spacing:0;-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;font-weight:inherit;list-style:none;margin:0;text-align:inherit}._1qmwET{border-radius:var(--84e079)}._2QG_l9{border-radius:var(--1c37d5)}._1IrJdo{border-radius:var(--9e57e5)}@media (min-width:400px){._1cE2va{border-radius:var(--84e079)}.XWeqbw{border-radius:var(--1c37d5)}._14CqdZ{border-radius:var(--9e57e5)}}@media (min-width:700px){._2L7IWT{border-radius:var(--84e079)}._2-nWrE{border-radius:var(--1c37d5)}._2pnTll{border-radius:var(--9e57e5)}}@media (min-width:880px){._3BlbfP{border-radius:var(--84e079)}._2e5Dhw{border-radius:var(--1c37d5)}._1mWbTs{border-radius:var(--9e57e5)}}@media (min-width:1200px){._3LsEJq{border-radius:var(--84e079)}._14CRd4{border-radius:var(--1c37d5)}._3Ms5_W{border-radius:var(--9e57e5)}}@media (min-width:1900px){._3pxYkW{border-radius:var(--84e079)}._2hl3vu{border-radius:var(--1c37d5)}._2U_Skz{border-radius:var(--9e57e5)}}._2mtDSf{background-color:var(--145676)}._3IIy34{background-color:var(--55407f)}._3Lojo1{background-color:var(--8f1238)}.OgB_6M{background-color:var(--da403c)}._1uNrWB{background-color:var(--7c8c3c)}._3qIVzD{background-color:var(--c9575b)}._2_k8Ey{background-color:var(--2fb6f7)}.U9OjFS{background-color:var(--54ed1d)}._2Hg15h{background-color:var(--b706bf)}._1Wax5r{background-color:var(--4adefb)}._51LDD8{background-color:var(--de8a40)}._37kqC2{background-color:var(--574543)}._2sN3oI{background-color:var(--1383a7)}._1hmzgV{background-color:var(--9f1066)}._2jfUtL{background-color:var(--d4cf94)}._3bVf64{background-color:var(--bbfa9f)}._3xJnu0{background-color:var(--5f8b30)}._2hpbs4{background-color:var(--c7d8be)}._3p4Tbx{background-color:var(--17bab8)}._1GQjtV{background-color:var(--f017e5)}._3uxOUH{background-color:var(--2242ed)}._2YiKp0{background-color:var(--e40de4)}._1zHk1U{background-color:var(--ecb5d5)}._36Bojd{background-color:var(--5b5cb0)}.aesNAY{background-color:var(--d55c71)}._3MppzQ{background-color:var(--4e47fe)}._2VO_hL{background-color:var(--3e7877)}._2WHPUw{background-color:var(--21906f)}._1rcIL5{background-color:var(--5d87f3)}._3D_7V1{background-color:var(--201e14)}._112Y0Q{background-color:var(--e1c27c)}._22KIb-{background-color:var(--6a1420)}._2hbfen{background-color:var(--1a9963)}._2hKbbK{background-color:var(--b774df)}.Y8TBRy{background-color:var(--f72cdd)}._2x-3Vr{background-color:var(--6cbd80)}._6H3srp{background-color:var(--5893e7)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Box/style/index.module.less",__css:css_248z,"Box":"_28AVC_","Box--box-radius-none":"_1qmwET","Box--box-radius-m":"_2QG_l9","Box--box-radius-l":"_1IrJdo","Box--narrow-l--box-radius-none":"_1cE2va","Box--narrow-l--box-radius-m":"XWeqbw","Box--narrow-l--box-radius-l":"_14CqdZ","Box--medium-s--box-radius-none":"_2L7IWT","Box--medium-s--box-radius-m":"_2-nWrE","Box--medium-s--box-radius-l":"_2pnTll","Box--medium-l--box-radius-none":"_3BlbfP","Box--medium-l--box-radius-m":"_2e5Dhw","Box--medium-l--box-radius-l":"_1mWbTs","Box--wide-s--box-radius-none":"_3LsEJq","Box--wide-s--box-radius-m":"_14CRd4","Box--wide-s--box-radius-l":"_3Ms5_W","Box--wide-l--box-radius-none":"_3pxYkW","Box--wide-l--box-radius-m":"_2hl3vu","Box--wide-l--box-radius-l":"_2U_Skz","Box--background-white":"_2mtDSf","Box--background-gray-100":"_3IIy34","Box--background-gray-200":"_3Lojo1","Box--background-gray-300":"OgB_6M","Box--background-gray-400":"_1uNrWB","Box--background-gray-500":"_3qIVzD","Box--background-gray-600":"_2_k8Ey","Box--background-teal-100":"U9OjFS","Box--background-teal-200":"_2Hg15h","Box--background-teal-300":"_1Wax5r","Box--background-teal-400":"_51LDD8","Box--background-teal-500":"_37kqC2","Box--background-green-100":"_2sN3oI","Box--background-green-200":"_1hmzgV","Box--background-green-300":"_2jfUtL","Box--background-green-400":"_3bVf64","Box--background-green-500":"_3xJnu0","Box--background-yellow-100":"_2hpbs4","Box--background-yellow-200":"_3p4Tbx","Box--background-yellow-300":"_1GQjtV","Box--background-yellow-400":"_3uxOUH","Box--background-yellow-500":"_2YiKp0","Box--background-red-100":"_1zHk1U","Box--background-red-200":"_36Bojd","Box--background-red-300":"aesNAY","Box--background-red-400":"_3MppzQ","Box--background-red-500":"_2VO_hL","Box--background-blue-100":"_2WHPUw","Box--background-blue-200":"_1rcIL5","Box--background-blue-300":"_3D_7V1","Box--background-blue-400":"_112Y0Q","Box--background-blue-500":"_22KIb-","Box--background-magenta-100":"_2hbfen","Box--background-magenta-200":"_2hKbbK","Box--background-magenta-300":"Y8TBRy","Box--background-magenta-400":"_2x-3Vr","Box--background-magenta-500":"_6H3srp"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, useStyleExtract, moduleClassNames, stringClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const FIELD_ADDITIONAL_TEXT = 'FieldAdditionalText';
|
|
6
|
+
const FieldAdditionalText = ({ id, variant = FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, children, }) => {
|
|
7
|
+
useStyleExtract(styles);
|
|
8
|
+
const classNames = moduleClassNames(styles, FIELD_ADDITIONAL_TEXT, [
|
|
9
|
+
stringClassNames('variant', variant),
|
|
10
|
+
]);
|
|
11
|
+
return (React__default.createElement("p", { id: id, className: classNames.join(' ') }, children));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { FieldAdditionalText };
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRBZGRpdGlvbmFsVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRmllbGRBZGRpdGlvbmFsVGV4dC9GaWVsZEFkZGl0aW9uYWxUZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRBZGRpdGlvbmFsVGV4dFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQge1xuICAgIEZJRUxEX0FERElUSU9OQUxfVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0FERElUSU9OQUxfVEVYVCA9ICdGaWVsZEFkZGl0aW9uYWxUZXh0JztcblxuZXhwb3J0IGNvbnN0IEZpZWxkQWRkaXRpb25hbFRleHQ6IEZDPEZpZWxkQWRkaXRpb25hbFRleHRQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIHZhcmlhbnQgPSBGSUVMRF9BRERJVElPTkFMX1RFWFRfVkFSSUFOVF9ERUZBVUxULFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9BRERJVElPTkFMX1RFWFQsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIHZhcmlhbnQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHAgaWQ9e2lkfSBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9wPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBYUEsTUFBTSxxQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztNQUV2QyxtQkFBbUIsR0FBaUMsQ0FBQyxFQUM5RCxFQUFFLEVBQ0YsT0FBTyxHQUFHLHFDQUFxQyxFQUMvQyxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLHFCQUFxQixFQUFFO1FBQy9ELGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7S0FDdkMsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsb0NBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFDckMsUUFBUSxDQUNULEVBQ047QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._30mmOy{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);margin:0}._1AeiIo{color:var(--4c4008)}.PrNSbP{color:var(--622733)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldAdditionalText/style/index.module.less",__css:css_248z,"FieldAdditionalText":"_30mmOy","FieldAdditionalText--variant-normal":"_1AeiIo","FieldAdditionalText--variant-error":"PrNSbP"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
4
|
+
|
|
5
|
+
.field-additional-text() {
|
|
6
|
+
margin: 0;
|
|
7
|
+
.text-variant('s');
|
|
8
|
+
|
|
9
|
+
&--variant-normal {
|
|
10
|
+
.color('field', 'additionalText-normal');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&--variant-error {
|
|
14
|
+
.color('field' , 'additionalText-error');
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const FIELD_BUTTON = 'FieldButton';
|
|
6
|
+
const FieldButton = ({ svg: Svg, assistiveText, onClick, dataset, }) => {
|
|
7
|
+
useStyleExtract(styles);
|
|
8
|
+
const classNames = moduleClassNames(styles, FIELD_BUTTON);
|
|
9
|
+
const ownProps = {
|
|
10
|
+
...getDatasetProps(dataset),
|
|
11
|
+
className: classNames.join(' '),
|
|
12
|
+
title: assistiveText,
|
|
13
|
+
onClick,
|
|
14
|
+
};
|
|
15
|
+
return (React__default.createElement("button", Object.assign({}, ownProps, { type: "button" }),
|
|
16
|
+
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { FieldButton };
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRCdXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkQnV0dG9uL0ZpZWxkQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEZpZWxkQnV0dG9uUHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGdldERhdGFzZXRQcm9wcywgbW9kdWxlQ2xhc3NOYW1lcywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0JVVFRPTiA9ICdGaWVsZEJ1dHRvbic7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEJ1dHRvbjogRkM8RmllbGRCdXR0b25Qcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9CVVRUT04pO1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgdGl0bGU6IGFzc2lzdGl2ZVRleHQsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLm93blByb3BzfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLFlBQVksR0FBRyxhQUFhLENBQUM7TUFFdEIsV0FBVyxHQUF5QixDQUFDLEVBQzlDLEdBQUcsRUFBRSxHQUFHLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBRTFELE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPO0tBQ1YsQ0FBQztJQUVGLFFBQ0lBLHlEQUFZLFFBQVEsSUFBRSxJQUFJLEVBQUMsUUFBUTtRQUMvQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN2QyxFQUNYO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._1SK7Uw{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:var(--145676);border-radius:.001px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:var(--53cdfb)}._1SK7Uw:hover{background:rgba(9,15,25,.1)}._1SK7Uw:active{background:rgba(9,15,25,.15)}._1SK7Uw._2Ia3G8{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw svg{height:var(--f02c4e);width:var(--f02c4e)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldButton/style/index.module.less",__css:css_248z,"FieldButton":"_1SK7Uw","focus-visible":"_2Ia3G8"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
4
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
5
|
+
|
|
6
|
+
@local-force-outline-to-be-round: 0.001px;
|
|
7
|
+
|
|
8
|
+
.field-button() {
|
|
9
|
+
display: flex;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
align-items: center;
|
|
12
|
+
width: @root-size-600;
|
|
13
|
+
border: @root-palette-white; // TODO token @action-inline-bgColor
|
|
14
|
+
background: none;
|
|
15
|
+
border-radius: @local-force-outline-to-be-round;
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
|
|
18
|
+
&:hover {
|
|
19
|
+
background: rgba(9, 15, 25, 0.1); // TODO token @action-inline-hover-bgColor
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&:active {
|
|
23
|
+
background: rgba(9, 15, 25, 0.15); // TODO token @action-inline-active-bgColor
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&:focus-visible {
|
|
27
|
+
.focus-outline(); // TODO problematic, doesn't align with underlying "input" border-radius: @root-radius-s; https://preply.slack.com/archives/C03EG5MS16U/p1663781844611059?thread_ts=1663779229.544659&cid=C03EG5MS16U
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
svg {
|
|
31
|
+
width: @root-size-300;
|
|
32
|
+
height: @root-size-300;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { FieldLayoutBase } from '../private/FieldLayoutBase/FieldLayoutBase.js';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const FIELD_LAYOUT = 'FieldLayout';
|
|
7
|
+
const FieldLayout = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }) => {
|
|
8
|
+
useStyleExtract(styles);
|
|
9
|
+
const fieldClassNames = moduleLocals(styles, FIELD_LAYOUT, [
|
|
10
|
+
booleanClassNames('is-disabled', undefined, disabled),
|
|
11
|
+
booleanClassNames('is-focused', undefined, isFocused),
|
|
12
|
+
booleanClassNames('has-error', undefined, hasError),
|
|
13
|
+
]);
|
|
14
|
+
const allClassNames = [className, ...fieldClassNames];
|
|
15
|
+
const inputClassNames = moduleLocals(styles, FIELD_LAYOUT, ['input']);
|
|
16
|
+
const handleClick = () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.focus();
|
|
17
|
+
return (React__default.createElement(FieldLayoutBase, Object.assign({ id: id, className: allClassNames.join(' '), disabled: disabled, isFocused: isFocused, hasError: hasError }, props),
|
|
18
|
+
React__default.createElement("div", { className: inputClassNames.join(' '), onClick: handleClick },
|
|
19
|
+
icon,
|
|
20
|
+
input,
|
|
21
|
+
button)));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { FieldLayout };
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUxvY2FscywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZpZWxkTGF5b3V0QmFzZSB9IGZyb20gJy4uL3ByaXZhdGUvRmllbGRMYXlvdXRCYXNlL0ZpZWxkTGF5b3V0QmFzZSc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0xBWU9VVCA9ICdGaWVsZExheW91dCc7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExheW91dDogRkM8RmllbGRMYXlvdXRQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBpbnB1dCxcbiAgICBpY29uLFxuICAgIGJ1dHRvbixcbiAgICBkaXNhYmxlZCxcbiAgICBpc0ZvY3VzZWQsXG4gICAgaGFzRXJyb3IsXG4gICAgaW5wdXRIYW5kbGUsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGZpZWxkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBWU9VVCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICBdKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW2NsYXNzTmFtZSwgLi4uZmllbGRDbGFzc05hbWVzXTtcbiAgICBjb25zdCBpbnB1dENsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCBGSUVMRF9MQVlPVVQsIFsnaW5wdXQnXSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IGlucHV0SGFuZGxlPy5mb2N1cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRmllbGRMYXlvdXRCYXNlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQVVBLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQztNQUV0QixXQUFXLEdBQXlCLENBQUMsRUFDOUMsRUFBRSxFQUNGLFNBQVMsRUFDVCxLQUFLLEVBQ0wsSUFBSSxFQUNKLE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsR0FBRyxLQUFLLEVBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUU7UUFDdkQsaUJBQWlCLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7UUFDckQsaUJBQWlCLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDckQsaUJBQWlCLENBQUMsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDdEQsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUN0RCxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFdEUsTUFBTSxXQUFXLEdBQUcsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsS0FBSyxFQUFFLENBQUM7SUFFL0MsUUFDSUEsNkJBQUMsZUFBZSxrQkFDWixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUNkLEtBQUs7UUFFVEEsc0NBQUssU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVc7WUFDMUQsSUFBSTtZQUNKLEtBQUs7WUFDTCxNQUFNLENBQ0wsQ0FDUSxFQUNwQjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3wd25W{background-color:var(--5836cb);border:2px solid var(--8f1238);border-radius:var(--bf855f);display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px;padding-left:calc(var(--477fda) - 2px)}._3wd25W:hover{outline-color:var(--603ec6);outline-color:var(--902b50);outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}._3wd25W input{background:none;border:none;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);outline:none;padding:0}._3VIW2W ._3wd25W{outline-offset:var(--c0b12c);outline-offset:-2px}._2AzKuR ._3wd25W,._3VIW2W ._3wd25W{outline-color:var(--603ec6);outline-style:solid;outline-width:var(--99d31f)}._2AzKuR ._3wd25W{background-color:var(--04daeb);outline-color:transparent;outline-offset:var(--c0b12c)}._2oOvNj ._3wd25W{background-color:#f9e1e1;outline-color:var(--603ec6);outline-color:#c21f18;outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR","FieldLayout--has-error":"_2oOvNj"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
4
|
+
|
|
5
|
+
.unstyled-input() {
|
|
6
|
+
border: none;
|
|
7
|
+
background: none;
|
|
8
|
+
padding: 0;
|
|
9
|
+
outline: none;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@input-stroke-width: 2px; // TODO token @input-border-width; (new type, renderer cloned from outlineWidth)
|
|
13
|
+
|
|
14
|
+
.field-layout() {
|
|
15
|
+
&--input {
|
|
16
|
+
display: flex;
|
|
17
|
+
padding: @input-stroke-width;
|
|
18
|
+
padding-left: calc(@root-space-xs - @input-stroke-width);
|
|
19
|
+
background-color: @background-secondary;
|
|
20
|
+
border: @input-stroke-width solid @root-palette-gray-200;
|
|
21
|
+
border-radius: @root-radius-s; // TODO token @input-radius;
|
|
22
|
+
|
|
23
|
+
&:hover {
|
|
24
|
+
.focus-outline();
|
|
25
|
+
outline-offset: -@input-stroke-width;
|
|
26
|
+
outline-color: @action-variant-primary-hover-bgColor;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input {
|
|
30
|
+
.unstyled-input();
|
|
31
|
+
.text-variant('m-medium');
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&--is-focused &--input {
|
|
36
|
+
.focus-outline();
|
|
37
|
+
outline-offset: -@input-stroke-width;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&--is-disabled &--input {
|
|
41
|
+
.focus-outline();
|
|
42
|
+
background-color: @action-base-disabled-bgColor;
|
|
43
|
+
outline-color: transparent;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&--has-error &--input {
|
|
47
|
+
.focus-outline();
|
|
48
|
+
outline-offset: -@input-stroke-width;
|
|
49
|
+
background-color: #f9e1e1; // TODO @input-error-bgColor
|
|
50
|
+
outline-color: #c21f18; // TODO @input-error-borderColor
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { Dataset } from '@preply/ds-core';
|
|
2
|
-
import { FC,
|
|
2
|
+
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
4
|
href?: string;
|
|
5
5
|
url?: string;
|
|
6
6
|
opensInNewTab?: boolean;
|
|
7
|
-
|
|
7
|
+
nofollow?: boolean;
|
|
8
|
+
assistiveText?: string;
|
|
9
|
+
onClick?: MouseEventHandler;
|
|
8
10
|
dataset?: Dataset;
|
|
9
11
|
children?: ReactNode;
|
|
10
12
|
}
|
|
@@ -3,7 +3,7 @@ import React__default from 'react';
|
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
5
5
|
const LINK = 'Link';
|
|
6
|
-
const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
|
|
6
|
+
const Link = ({ href, url, opensInNewTab, nofollow, assistiveText, onClick, dataset, children, }) => {
|
|
7
7
|
useInstrument('render', {
|
|
8
8
|
component: LINK,
|
|
9
9
|
props: { url },
|
|
@@ -18,10 +18,11 @@ const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
|
|
|
18
18
|
const classNames = moduleClassNames(styles, LINK, []);
|
|
19
19
|
const actualHref = href || url;
|
|
20
20
|
const externalUrlProps = actualHref
|
|
21
|
-
? getExternalUrlProps(hostname, actualHref, opensInNewTab)
|
|
21
|
+
? getExternalUrlProps(hostname, actualHref, opensInNewTab, nofollow)
|
|
22
22
|
: {};
|
|
23
23
|
const props = {
|
|
24
24
|
href: actualHref,
|
|
25
|
+
'aria-label': assistiveText,
|
|
25
26
|
onClick: handleClick,
|
|
26
27
|
className: classNames.join(' '),
|
|
27
28
|
...getDatasetProps(dataset),
|
|
@@ -31,4 +32,4 @@ const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
|
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
export { Link };
|
|
34
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgbm9mb2xsb3c/OiBib29sZWFuO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBMSU5LID0gJ0xpbmsnO1xuXG5leHBvcnQgY29uc3QgTGluazogRkM8UHJvcHM+ID0gKHtcbiAgICBocmVmLFxuICAgIHVybCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIG5vZm9sbG93LFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBMSU5LLFxuICAgICAgICBwcm9wczogeyB1cmwgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgaG9zdG5hbWUgPSB1c2VIb3N0bmFtZSgpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTElOSywgW10pO1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuXG4gICAgY29uc3QgZXh0ZXJuYWxVcmxQcm9wcyA9IGFjdHVhbEhyZWZcbiAgICAgICAgPyBnZXRFeHRlcm5hbFVybFByb3BzKGhvc3RuYW1lLCBhY3R1YWxIcmVmLCBvcGVuc0luTmV3VGFiLCBub2ZvbGxvdylcbiAgICAgICAgOiB7fTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBocmVmOiBhY3R1YWxIcmVmLFxuICAgICAgICAnYXJpYS1sYWJlbCc6IGFzc2lzdGl2ZVRleHQsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIC4uLmV4dGVybmFsVXJsUHJvcHMsXG4gICAgfTtcblxuICAgIHJldHVybiA8YSB7Li4ucHJvcHN9PntjaGlsZHJlbn08L2E+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQXdCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFDYixRQUFRLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxHQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRTtLQUNqQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVO1VBQzdCLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFFBQVEsQ0FBQztVQUNsRSxFQUFFLENBQUM7SUFFVCxNQUFNLEtBQUssR0FBRztRQUNWLElBQUksRUFBRSxVQUFVO1FBQ2hCLFlBQVksRUFBRSxhQUFhO1FBQzNCLE9BQU8sRUFBRSxXQUFXO1FBQ3BCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDM0IsR0FBRyxnQkFBZ0I7S0FDdEIsQ0FBQztJQUVGLE9BQU9BLG9EQUFPLEtBQUssR0FBRyxRQUFRLENBQUssQ0FBQztBQUN4Qzs7OzsifQ==
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
2
3
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
3
4
|
|
|
4
5
|
@namespace: 'action';
|
|
@@ -20,9 +21,6 @@
|
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
&:focus-visible {
|
|
23
|
-
outline
|
|
24
|
-
.focus-outline-color(@namespace, 'base');
|
|
25
|
-
.focus-outline-width(@namespace, 'base');
|
|
26
|
-
.focus-outline-offset(@namespace, 'base');
|
|
24
|
+
.focus-outline();
|
|
27
25
|
}
|
|
28
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
|
|
3
|
+
var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{height:24px;width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Spinner/style/index.module.less",__css:css_248z,"Spinner":"_2CO-wm","Spinner--static":"_3-RII9","Spinner--animated":"_2OI3Pv","spin":"vH81in"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { CombinableInputProps, TextFieldProps } from '@preply/ds-web-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import type { InputTextProps } from '../private/Input/InputText';
|
|
4
|
+
export declare type Props = TextFieldProps & CombinableInputProps<InputTextProps>;
|
|
5
|
+
export declare const TextField: FC<Props>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { FieldLayout } from '../FieldLayout/FieldLayout.js';
|
|
4
|
+
import { InputText } from '../private/Input/InputText.js';
|
|
5
|
+
import styles from './style/index.module.less.js';
|
|
6
|
+
|
|
7
|
+
const FIELD_TEXT = 'TextField';
|
|
8
|
+
const TextField = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props }) => {
|
|
9
|
+
useStyleExtract(styles);
|
|
10
|
+
const ref = useForcedRef();
|
|
11
|
+
const textField = useTextField({
|
|
12
|
+
id: optionalId,
|
|
13
|
+
type,
|
|
14
|
+
...props,
|
|
15
|
+
});
|
|
16
|
+
const { layoutProps, inputProps } = textField;
|
|
17
|
+
const classNames = moduleClassNames(styles, FIELD_TEXT);
|
|
18
|
+
const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref: ref }));
|
|
19
|
+
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { className: classNames.join(' '), input: input, inputHandle: ref.current })));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { TextField };
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQ29tYmluYWJsZUlucHV0UHJvcHMsXG4gICAgSW5wdXRJbXBlcmF0aXZlSGFuZGxlLFxuICAgIFRleHRGaWVsZFByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7XG4gICAgRklFTERfVFlQRV9ERUZBVUxULFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlRm9yY2VkUmVmLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0RmllbGQsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGaWVsZExheW91dCB9IGZyb20gJy4uL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0JztcbmltcG9ydCB0eXBlIHsgSW5wdXRUZXh0UHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gVGV4dEZpZWxkUHJvcHMgJiBDb21iaW5hYmxlSW5wdXRQcm9wczxJbnB1dFRleHRQcm9wcz47XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogRkM8UHJvcHM+ID0gKHsgaWQ6IG9wdGlvbmFsSWQsIHR5cGUgPSBGSUVMRF9UWVBFX0RFRkFVTFQsIC4uLnByb3BzIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHJlZiA9IHVzZUZvcmNlZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGU+KCk7XG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgbGF5b3V0UHJvcHMsIGlucHV0UHJvcHMgfSA9IHRleHRGaWVsZDtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfVEVYVCk7XG4gICAgY29uc3QgaW5wdXQgPSA8SW5wdXRUZXh0IHsuLi5pbnB1dFByb3BzfSByZWY9e3JlZn0gLz47XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RmllbGRMYXlvdXRcbiAgICAgICAgICAgIHsuLi5sYXlvdXRQcm9wc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBpbnB1dD17aW5wdXR9XG4gICAgICAgICAgICBpbnB1dEhhbmRsZT17cmVmLmN1cnJlbnR9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXNCQSxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUM7TUFFbEIsU0FBUyxHQUFjLENBQUMsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksR0FBRyxrQkFBa0IsRUFBRSxHQUFHLEtBQUssRUFBRTtJQUN4RixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLEdBQUcsWUFBWSxFQUF5QixDQUFDO0lBQ2xELE1BQU0sU0FBUyxHQUFHLFlBQVksQ0FBQztRQUMzQixFQUFFLEVBQUUsVUFBVTtRQUNkLElBQUk7UUFDSixHQUFHLEtBQUs7S0FDWCxDQUFDLENBQUM7SUFDSCxNQUFNLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUU5QyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDeEQsTUFBTSxLQUFLLEdBQUdBLDZCQUFDLFNBQVMsb0JBQUssVUFBVSxJQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztJQUV0RCxRQUNJQSw2QkFBQyxXQUFXLG9CQUNKLFdBQVcsSUFDZixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDL0IsS0FBSyxFQUFFLEtBQUssRUFDWixXQUFXLEVBQUUsR0FBRyxDQUFDLE9BQU8sSUFDMUIsRUFDSjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._1gSl7K{display:-webkit-box;display:-ms-flexbox;display:flex}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/TextField/style/index.module.less",__css:css_248z,"TextField":"_1gSl7K"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -2,6 +2,9 @@ export { Avatar } from './Avatar/Avatar';
|
|
|
2
2
|
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus';
|
|
3
3
|
export { Box } from './Box/Box';
|
|
4
4
|
export { Button } from './Button/Button';
|
|
5
|
+
export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText';
|
|
6
|
+
export { FieldButton } from './FieldButton/FieldButton';
|
|
7
|
+
export { FieldLayout } from './FieldLayout/FieldLayout';
|
|
5
8
|
export { Heading } from './Heading/Heading';
|
|
6
9
|
export { Icon } from './Icon/Icon';
|
|
7
10
|
export { IconButton } from './IconButton/IconButton';
|
|
@@ -17,5 +20,6 @@ export { PanelSection } from './Panel/private/PanelSection';
|
|
|
17
20
|
export { PanelFooter } from './Panel/private/PanelFooter';
|
|
18
21
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo';
|
|
19
22
|
export { Text } from './Text/Text';
|
|
23
|
+
export { TextField } from './TextField/TextField';
|
|
20
24
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted';
|
|
21
25
|
export { TextInline } from './TextInline/TextInline';
|
package/dist/components/index.js
CHANGED
|
@@ -2,6 +2,9 @@ export { Avatar } from './Avatar/Avatar.js';
|
|
|
2
2
|
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus.js';
|
|
3
3
|
export { Box } from './Box/Box.js';
|
|
4
4
|
export { Button } from './Button/Button.js';
|
|
5
|
+
export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText.js';
|
|
6
|
+
export { FieldButton } from './FieldButton/FieldButton.js';
|
|
7
|
+
export { FieldLayout } from './FieldLayout/FieldLayout.js';
|
|
5
8
|
export { Heading } from './Heading/Heading.js';
|
|
6
9
|
export { Icon } from './Icon/Icon.js';
|
|
7
10
|
export { IconButton } from './IconButton/IconButton.js';
|
|
@@ -17,6 +20,7 @@ export { PanelSection } from './Panel/private/PanelSection.js';
|
|
|
17
20
|
export { PanelFooter } from './Panel/private/PanelFooter.js';
|
|
18
21
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
|
|
19
22
|
export { Text } from './Text/Text.js';
|
|
23
|
+
export { TextField } from './TextField/TextField.js';
|
|
20
24
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
21
25
|
export { TextInline } from './TextInline/TextInline.js';
|
|
22
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
|
|
2
|
-
import { FC,
|
|
2
|
+
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
3
3
|
export interface ButtonBaseProps {
|
|
4
4
|
variant?: ButtonVariant;
|
|
5
5
|
size?: Responsive<ButtonSize>;
|
|
@@ -8,10 +8,11 @@ export interface ButtonBaseProps {
|
|
|
8
8
|
href?: string;
|
|
9
9
|
url?: string;
|
|
10
10
|
opensInNewTab?: boolean;
|
|
11
|
+
nofollow?: boolean;
|
|
11
12
|
submitsForm?: boolean;
|
|
12
13
|
a11yLabel?: string;
|
|
13
14
|
assistiveText?: string;
|
|
14
|
-
onClick?:
|
|
15
|
+
onClick?: MouseEventHandler;
|
|
15
16
|
disabled?: boolean;
|
|
16
17
|
busy?: boolean;
|
|
17
18
|
isIconButton: boolean;
|
|
@@ -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 = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
|
|
16
|
+
const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, url, opensInNewTab, nofollow, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
|
|
17
17
|
useStyleExtract(styles);
|
|
18
18
|
const hostname = useHostname();
|
|
19
19
|
const ref = useRef(null);
|
|
@@ -55,10 +55,10 @@ const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_
|
|
|
55
55
|
};
|
|
56
56
|
const actualHref = href || url;
|
|
57
57
|
if (actualHref) {
|
|
58
|
-
return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, actualHref, opensInNewTab), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: actualHref, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
|
|
58
|
+
return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, actualHref, opensInNewTab, nofollow), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: actualHref, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
|
|
59
59
|
}
|
|
60
60
|
return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy })));
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
export { ButtonBase };
|
|
64
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICBocmVmPzogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBub2ZvbGxvdz86IGJvb2xlYW47XG4gICAgc3VibWl0c0Zvcm0/OiBib29sZWFuO1xuICAgIGExMXlMYWJlbD86IHN0cmluZztcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgaXNJY29uQnV0dG9uOiBib29sZWFuO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCVVRUT05fQkFTRSA9ICdCdXR0b25CYXNlJztcblxuY29uc3QgcmVuZGVyQ29udGVudDogRkM8eyBidXN5PzogYm9vbGVhbiB9PiA9ICh7IGNoaWxkcmVuLCBidXN5IH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWydjb250ZW50J10pXTtcbiAgICBjb25zdCBidXN5Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWydidXN5J10pXTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjb250ZW50Q2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L3NwYW4+XG4gICAgICAgICAgICB7YnVzeSAmJiAoXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtidXN5Q2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgICAgICA8U3Bpbm5lciAvPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uQmFzZTogRkM8QnV0dG9uQmFzZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9IEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgd3JhcCA9IGZhbHNlLFxuICAgIGhyZWYsXG4gICAgdXJsLFxuICAgIG9wZW5zSW5OZXdUYWIsXG4gICAgbm9mb2xsb3csXG4gICAgc3VibWl0c0Zvcm0sXG4gICAgYTExeUxhYmVsLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkaXNhYmxlZCxcbiAgICBidXN5LFxuICAgIGlzSWNvbkJ1dHRvbixcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgaG9zdG5hbWUgPSB1c2VIb3N0bmFtZSgpO1xuICAgIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQW5jaG9yRWxlbWVudD4obnVsbCk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQgfHwgYnVzeSkge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5UHJlc3MgPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3Qga2V5ID0gbWFwRWRnZUtleVRvU3RhbmRhcmQoZXZlbnQua2V5KTtcbiAgICAgICAgaWYgKGtleSA9PT0gJyAnIHx8IGtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIHJlZi5jdXJyZW50Py5jbGljaygpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIHZhcmlhbnQpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGlzSWNvbkJ1dHRvbiA/IHN0cmluZ0NsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uLXNpemUnLCBzaXplKSA6IFtdLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcyh1bmRlZmluZWQsICduby13cmFwJywgd3JhcCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCd3aWR0aC1mdWxsJywgJ3dpZHRoLWF1dG8nLCBmdWxsV2lkdGgpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtYnVzeScsIHVuZGVmaW5lZCwgYnVzeSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1pY29uLWJ1dHRvbicsIHVuZGVmaW5lZCwgaXNJY29uQnV0dG9uKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHRpdGxlID0gaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gIWlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgdGl0bGUsXG4gICAgICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICdhcmlhLWRpc2FibGVkJzogZGlzYWJsZWQgfHwgYnVzeSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgfTtcblxuICAgIGNvbnN0IGFjdHVhbEhyZWYgPSBocmVmIHx8IHVybDtcbiAgICBpZiAoYWN0dWFsSHJlZikge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLmdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIsIG5vZm9sbG93KX1cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB0YWJJbmRleD17ZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgICAgICAgICAgICAgaHJlZj17YWN0dWFsSHJlZn1cbiAgICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleVByZXNzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ucHJvcHN9IHR5cGU9e3N1Ym1pdHNGb3JtID8gJ3N1Ym1pdCcgOiAnYnV0dG9uJ30+XG4gICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBdUNBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7SUFDN0QsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEdBQUcs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
|