@preply/ds-web-lib 0.46.0 → 0.47.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.
Files changed (63) hide show
  1. package/dist/components/Box/style/index.module.less.js +2 -2
  2. package/dist/components/Link/Link.d.ts +3 -2
  3. package/dist/components/Link/Link.js +3 -2
  4. package/dist/components/Link/style/mixins.less +2 -4
  5. package/dist/components/Spinner/style/index.module.less +1 -0
  6. package/dist/components/Spinner/style/index.module.less.js +1 -1
  7. package/dist/components/TextField/TextField.d.ts +5 -0
  8. package/dist/components/TextField/TextField.js +23 -0
  9. package/dist/components/TextField/style/index.module.less +5 -0
  10. package/dist/components/TextField/style/index.module.less.js +9 -0
  11. package/dist/components/TextField/style/mixins.less +3 -0
  12. package/dist/components/TextField/style/mixins.less.js +8 -0
  13. package/dist/components/index.d.ts +1 -0
  14. package/dist/components/index.js +2 -1
  15. package/dist/components/private/ButtonBase/ButtonBase.d.ts +2 -2
  16. package/dist/components/private/ButtonBase/ButtonBase.js +1 -1
  17. package/dist/components/private/ButtonBase/style/mixins.less +2 -4
  18. package/dist/components/private/Field/FieldButton.d.ts +4 -0
  19. package/dist/components/private/Field/FieldButton.js +20 -0
  20. package/dist/components/private/Field/FieldLayout.d.ts +4 -0
  21. package/dist/components/private/Field/FieldLayout.js +21 -0
  22. package/dist/components/private/Field/SingleLineFieldLayout.d.ts +7 -0
  23. package/dist/components/private/Field/SingleLineFieldLayout.js +25 -0
  24. package/dist/components/private/Field/style/index.module.less +15 -0
  25. package/dist/components/private/Field/style/index.module.less.js +9 -0
  26. package/dist/components/private/Field/style/mixins.field-button.less +35 -0
  27. package/dist/components/private/Field/style/mixins.field-button.less.js +8 -0
  28. package/dist/components/private/Field/style/mixins.field-layout.less +7 -0
  29. package/dist/components/private/Field/style/mixins.field-layout.less.js +8 -0
  30. package/dist/components/private/Field/style/mixins.single-line-field-layout.less +52 -0
  31. package/dist/components/private/Field/style/mixins.single-line-field-layout.less.js +8 -0
  32. package/dist/components/private/Input/Checkbox.d.ts +7 -0
  33. package/dist/components/private/Input/Checkbox.js +16 -0
  34. package/dist/components/private/Input/InputBase.d.ts +33 -0
  35. package/dist/components/private/Input/InputBase.js +59 -0
  36. package/dist/components/private/Input/InputDate.d.ts +7 -0
  37. package/dist/components/private/Input/InputDate.js +18 -0
  38. package/dist/components/private/Input/InputNumber.d.ts +9 -0
  39. package/dist/components/private/Input/InputNumber.js +16 -0
  40. package/dist/components/private/Input/InputPassword.d.ts +6 -0
  41. package/dist/components/private/Input/InputPassword.js +16 -0
  42. package/dist/components/private/Input/InputText.d.ts +11 -0
  43. package/dist/components/private/Input/InputText.js +17 -0
  44. package/dist/components/private/Input/InputTime.d.ts +7 -0
  45. package/dist/components/private/Input/InputTime.js +16 -0
  46. package/dist/components/private/Input/Radio.d.ts +8 -0
  47. package/dist/components/private/Input/Radio.js +16 -0
  48. package/dist/components/private/Input/Select.d.ts +6 -0
  49. package/dist/components/private/Input/Select.js +16 -0
  50. package/dist/components/private/Input/Textarea.d.ts +6 -0
  51. package/dist/components/private/Input/Textarea.js +16 -0
  52. package/dist/components/private/Input/hooks/useChangeHandler.d.ts +6 -0
  53. package/dist/components/private/Input/hooks/useChangeHandler.js +17 -0
  54. package/dist/components/private/Input/style/index.module.less +37 -0
  55. package/dist/components/private/Input/style/index.module.less.js +9 -0
  56. package/dist/components/private/Input/style/mixins.less +15 -0
  57. package/dist/components/private/Input/style/mixins.less.js +8 -0
  58. package/dist/components/private/Input/utils/date.d.ts +2 -0
  59. package/dist/components/private/Input/utils/date.js +10 -0
  60. package/dist/components/private/Input/utils.d.ts +9 -0
  61. package/dist/components/private/Input/utils.js +87 -0
  62. package/dist/index.js +2 -1
  63. 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
 
@@ -1,10 +1,11 @@
1
1
  import type { Dataset } from '@preply/ds-core';
2
- import { FC, MouseEvent, ReactNode } from 'react';
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
- onClick?: (event: MouseEvent) => void;
7
+ assistiveText?: string;
8
+ onClick?: MouseEventHandler;
8
9
  dataset?: Dataset;
9
10
  children?: ReactNode;
10
11
  }
@@ -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, assistiveText, onClick, dataset, children, }) => {
7
7
  useInstrument('render', {
8
8
  component: LINK,
9
9
  props: { url },
@@ -22,6 +22,7 @@ const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICBocmVmPzogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBvbkNsaWNrPzogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBMSU5LID0gJ0xpbmsnO1xuXG5leHBvcnQgY29uc3QgTGluazogRkM8UHJvcHM+ID0gKHsgaHJlZiwgdXJsLCBvcGVuc0luTmV3VGFiLCBvbkNsaWNrLCBkYXRhc2V0LCBjaGlsZHJlbiB9KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExJTkssXG4gICAgICAgIHByb3BzOiB7IHVybCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMSU5LLCBbXSk7XG5cbiAgICBjb25zdCBhY3R1YWxIcmVmID0gaHJlZiB8fCB1cmw7XG5cbiAgICBjb25zdCBleHRlcm5hbFVybFByb3BzID0gYWN0dWFsSHJlZlxuICAgICAgICA/IGdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIpXG4gICAgICAgIDoge307XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgLi4uZXh0ZXJuYWxVcmxQcm9wcyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxhIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvYT47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBc0JBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUU7SUFDcEYsYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRTtLQUNqQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVO1VBQzdCLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDO1VBQ3hELEVBQUUsQ0FBQztJQUVULE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLFVBQVU7UUFDaEIsT0FBTyxFQUFFLFdBQVc7UUFDcEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQy9CLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixHQUFHLGdCQUFnQjtLQUN0QixDQUFDO0lBRUYsT0FBT0Esb0RBQU8sS0FBSyxHQUFHLFFBQVEsQ0FBSyxDQUFDO0FBQ3hDOzs7OyJ9
35
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IExJTksgPSAnTGluayc7XG5cbmV4cG9ydCBjb25zdCBMaW5rOiBGQzxQcm9wcz4gPSAoe1xuICAgIGhyZWYsXG4gICAgdXJsLFxuICAgIG9wZW5zSW5OZXdUYWIsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExJTkssXG4gICAgICAgIHByb3BzOiB7IHVybCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMSU5LLCBbXSk7XG5cbiAgICBjb25zdCBhY3R1YWxIcmVmID0gaHJlZiB8fCB1cmw7XG5cbiAgICBjb25zdCBleHRlcm5hbFVybFByb3BzID0gYWN0dWFsSHJlZlxuICAgICAgICA/IGdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIpXG4gICAgICAgIDoge307XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICAuLi5leHRlcm5hbFVybFByb3BzLFxuICAgIH07XG5cbiAgICByZXR1cm4gPGEgey4uLnByb3BzfT57Y2hpbGRyZW59PC9hPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUF1QkEsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDO01BRVAsSUFBSSxHQUFjLENBQUMsRUFDNUIsSUFBSSxFQUNKLEdBQUcsRUFDSCxhQUFhLEVBQ2IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxHQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRTtLQUNqQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVO1VBQzdCLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDO1VBQ3hELEVBQUUsQ0FBQztJQUVULE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLFVBQVU7UUFDaEIsWUFBWSxFQUFFLGFBQWE7UUFDM0IsT0FBTyxFQUFFLFdBQVc7UUFDcEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQy9CLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixHQUFHLGdCQUFnQjtLQUN0QixDQUFDO0lBRUYsT0FBT0Esb0RBQU8sS0FBSyxHQUFHLFFBQVEsQ0FBSyxDQUFDO0FBQ3hDOzs7OyJ9
@@ -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-style: solid;
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
  }
@@ -12,6 +12,7 @@
12
12
 
13
13
  > * {
14
14
  width: 24px;
15
+ height: 24px;
15
16
  }
16
17
 
17
18
  &--static {
@@ -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 { SingleLineFieldLayout } from '../private/Field/SingleLineFieldLayout.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 { fieldProps, 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(SingleLineFieldLayout, Object.assign({}, fieldProps, { className: classNames.join(' '), input: input, inputHandle: ref.current })));
20
+ };
21
+
22
+ export { TextField };
23
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbWJpbmFibGVJbnB1dFByb3BzLCBUZXh0RmllbGRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBGSUVMRF9UWVBFX0RFRkFVTFQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VGb3JjZWRSZWYsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRGaWVsZCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNpbmdsZUxpbmVGaWVsZExheW91dCB9IGZyb20gJy4uL3ByaXZhdGUvRmllbGQvU2luZ2xlTGluZUZpZWxkTGF5b3V0JztcbmltcG9ydCB7IElucHV0SW1wZXJhdGl2ZUhhbmRsZSB9IGZyb20gJy4uL3ByaXZhdGUvSW5wdXQvSW5wdXRCYXNlJztcbmltcG9ydCB0eXBlIHsgSW5wdXRUZXh0UHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gVGV4dEZpZWxkUHJvcHMgJiBDb21iaW5hYmxlSW5wdXRQcm9wczxJbnB1dFRleHRQcm9wcz47XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogRkM8UHJvcHM+ID0gKHsgaWQ6IG9wdGlvbmFsSWQsIHR5cGUgPSBGSUVMRF9UWVBFX0RFRkFVTFQsIC4uLnByb3BzIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHJlZiA9IHVzZUZvcmNlZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGU+KCk7XG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgZmllbGRQcm9wcywgaW5wdXRQcm9wcyB9ID0gdGV4dEZpZWxkO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9URVhUKTtcbiAgICBjb25zdCBpbnB1dCA9IDxJbnB1dFRleHQgey4uLmlucHV0UHJvcHN9IHJlZj17cmVmfSAvPjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxTaW5nbGVMaW5lRmllbGRMYXlvdXRcbiAgICAgICAgICAgIHsuLi5maWVsZFByb3BzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGlucHV0SGFuZGxlPXtyZWYuY3VycmVudH1cbiAgICAgICAgLz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBbUJBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztNQUVsQixTQUFTLEdBQWMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxHQUFHLGtCQUFrQixFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEdBQUcsR0FBRyxZQUFZLEVBQXlCLENBQUM7SUFDbEQsTUFBTSxTQUFTLEdBQUcsWUFBWSxDQUFDO1FBQzNCLEVBQUUsRUFBRSxVQUFVO1FBQ2QsSUFBSTtRQUNKLEdBQUcsS0FBSztLQUNYLENBQUMsQ0FBQztJQUNILE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRTdDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxNQUFNLEtBQUssR0FBR0EsNkJBQUMsU0FBUyxvQkFBSyxVQUFVLElBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDO0lBRXRELFFBQ0lBLDZCQUFDLHFCQUFxQixvQkFDZCxVQUFVLElBQ2QsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQy9CLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLEdBQUcsQ0FBQyxPQUFPLElBQzFCLEVBQ0o7QUFDTjs7OzsifQ==
@@ -0,0 +1,5 @@
1
+ @import './mixins.less';
2
+
3
+ .TextField {
4
+ .text-field-base();
5
+ }
@@ -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,3 @@
1
+ .text-field-base() {
2
+ display: flex;
3
+ }
@@ -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
@@ -17,5 +17,6 @@ export { PanelSection } from './Panel/private/PanelSection';
17
17
  export { PanelFooter } from './Panel/private/PanelFooter';
18
18
  export { PreplyLogo } from './PreplyLogo/PreplyLogo';
19
19
  export { Text } from './Text/Text';
20
+ export { TextField } from './TextField/TextField';
20
21
  export { TextHighlighted } from './TextHighlighted/TextHighlighted';
21
22
  export { TextInline } from './TextInline/TextInline';
@@ -17,6 +17,7 @@ export { PanelSection } from './Panel/private/PanelSection.js';
17
17
  export { PanelFooter } from './Panel/private/PanelFooter.js';
18
18
  export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
19
19
  export { Text } from './Text/Text.js';
20
+ export { TextField } from './TextField/TextField.js';
20
21
  export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
21
22
  export { TextInline } from './TextInline/TextInline.js';
22
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
23
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
@@ -1,5 +1,5 @@
1
1
  import type { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
2
- import { FC, MouseEvent, ReactNode } from 'react';
2
+ import { FC, MouseEventHandler, ReactNode } from 'react';
3
3
  export interface ButtonBaseProps {
4
4
  variant?: ButtonVariant;
5
5
  size?: Responsive<ButtonSize>;
@@ -11,7 +11,7 @@ export interface ButtonBaseProps {
11
11
  submitsForm?: boolean;
12
12
  a11yLabel?: string;
13
13
  assistiveText?: string;
14
- onClick?: (event: MouseEvent) => void;
14
+ onClick?: MouseEventHandler;
15
15
  disabled?: boolean;
16
16
  busy?: boolean;
17
17
  isIconButton: boolean;
@@ -61,4 +61,4 @@ const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_
61
61
  };
62
62
 
63
63
  export { ButtonBase };
64
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBSZWFjdE5vZGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4uLy4uL1NwaW5uZXIvU3Bpbm5lcic7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uQmFzZVByb3BzIHtcbiAgICB2YXJpYW50PzogQnV0dG9uVmFyaWFudDtcbiAgICBzaXplPzogUmVzcG9uc2l2ZTxCdXR0b25TaXplPjtcbiAgICBmdWxsV2lkdGg/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHdyYXA/OiBib29sZWFuO1xuICAgIGhyZWY/OiBzdHJpbmc7XG4gICAgdXJsPzogc3RyaW5nO1xuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuO1xuICAgIHN1Ym1pdHNGb3JtPzogYm9vbGVhbjtcbiAgICBhMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBvbkNsaWNrPzogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBidXN5PzogYm9vbGVhbjtcbiAgICBpc0ljb25CdXR0b246IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzx7IGJ1c3k/OiBib29sZWFuIH0+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gZmFsc2UsXG4gICAgaHJlZixcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgaXNJY29uQnV0dG9uLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuICAgIGlmIChhY3R1YWxIcmVmKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYil9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfVxuICAgICAgICAgICAgICAgIGhyZWY9e2FjdHVhbEhyZWZ9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXNDQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO0lBQzdELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFD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
64
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICBocmVmPzogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBzdWJtaXRzRm9ybT86IGJvb2xlYW47XG4gICAgYTExeUxhYmVsPzogc3RyaW5nO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBidXN5PzogYm9vbGVhbjtcbiAgICBpc0ljb25CdXR0b246IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzx7IGJ1c3k/OiBib29sZWFuIH0+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gZmFsc2UsXG4gICAgaHJlZixcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgaXNJY29uQnV0dG9uLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuICAgIGlmIChhY3R1YWxIcmVmKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYil9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfVxuICAgICAgICAgICAgICAgIGhyZWY9e2FjdHVhbEhyZWZ9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXNDQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO0lBQzdELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMs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
@@ -1,5 +1,6 @@
1
1
  @import '@preply/ds-web-core/dist/generated/tokens.less';
2
2
  @import '@preply/ds-web-core/dist/generated/options.less';
3
+ @import '@preply/ds-web-core/dist/focus/style/mixins.less';
3
4
  @import '@preply/ds-web-core/dist/responsive/style/mixins.less';
4
5
  @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
5
6
 
@@ -57,10 +58,7 @@
57
58
  }
58
59
 
59
60
  &:focus-visible {
60
- outline-style: solid;
61
- .focus-outline-color('action', 'base');
62
- .focus-outline-width('action', 'base');
63
- .focus-outline-offset('action', 'base');
61
+ .focus-outline();
64
62
  }
65
63
 
66
64
  &--is-busy {
@@ -0,0 +1,4 @@
1
+ import type { FieldButtonProps } from '@preply/ds-web-core';
2
+ import { FC } from 'react';
3
+ export declare type Props = FieldButtonProps;
4
+ export declare const FieldButton: FC<Props>;
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRCdXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvRmllbGQvRmllbGRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGRCdXR0b25Qcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBGaWVsZEJ1dHRvblByb3BzO1xuXG5jb25zdCBGSUVMRF9CVVRUT04gPSAnRmllbGRCdXR0b24nO1xuXG5leHBvcnQgY29uc3QgRmllbGRCdXR0b246IEZDPFByb3BzPiA9ICh7IHN2ZzogU3ZnLCBhc3Npc3RpdmVUZXh0LCBvbkNsaWNrLCBkYXRhc2V0IH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfQlVUVE9OKTtcblxuICAgIGNvbnN0IG93blByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YnV0dG9uIHsuLi5vd25Qcm9wc30gdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBUUEsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDO01BRXRCLFdBQVcsR0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRTtJQUNoRixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBRTFELE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPO0tBQ1YsQ0FBQztJQUVGLFFBQ0lBLHlEQUFZLFFBQVEsSUFBRSxJQUFJLEVBQUMsUUFBUTtRQUMvQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN2QyxFQUNYO0FBQ047Ozs7In0=
@@ -0,0 +1,4 @@
1
+ import type { FieldLayoutProps } from '@preply/ds-web-core';
2
+ import { FC } from 'react';
3
+ export declare type Props = FieldLayoutProps;
4
+ export declare const FieldLayout: FC<Props>;
@@ -0,0 +1,21 @@
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_LAYOUT = 'FieldLayout';
6
+ const FieldLayout = ({ children, id, className, label, additionalText, errorMessage, preserveSpace, dataset, }) => {
7
+ useStyleExtract(styles);
8
+ const localClassNames = moduleClassNames(styles, FIELD_LAYOUT);
9
+ const allClassNames = [className, ...localClassNames];
10
+ const ownProps = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
11
+ const fieldDescription = errorMessage || additionalText;
12
+ const spacePreserver = !fieldDescription && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
13
+ return (React__default.createElement("div", Object.assign({}, ownProps),
14
+ label && React__default.createElement("label", { htmlFor: id }, label),
15
+ children,
16
+ fieldDescription && React__default.createElement("div", { id: `${id}-desc` }, fieldDescription),
17
+ spacePreserver));
18
+ };
19
+
20
+ export { FieldLayout };
21
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvRmllbGQvRmllbGRMYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBGaWVsZExheW91dFByb3BzO1xuXG5jb25zdCBGSUVMRF9MQVlPVVQgPSAnRmllbGRMYXlvdXQnO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgaWQsXG4gICAgY2xhc3NOYW1lLFxuICAgIGxhYmVsLFxuICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBwcmVzZXJ2ZVNwYWNlLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFZT1VUKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbY2xhc3NOYW1lLCAuLi5sb2NhbENsYXNzTmFtZXNdO1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgY29uc3QgZmllbGREZXNjcmlwdGlvbiA9IGVycm9yTWVzc2FnZSB8fCBhZGRpdGlvbmFsVGV4dDtcbiAgICBjb25zdCBzcGFjZVByZXNlcnZlciA9ICFmaWVsZERlc2NyaXB0aW9uICYmIHByZXNlcnZlU3BhY2UgPyA8c3Bhbj4mbmJzcDs8L3NwYW4+IDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ub3duUHJvcHN9PlxuICAgICAgICAgICAgey8qIFRPRE8gZXh0cmFjdCA8bGFiZWw+IHRvIEZpZWxkTGFiZWwgKHB1YmxpYykgKi99XG4gICAgICAgICAgICB7bGFiZWwgJiYgPGxhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9sYWJlbD59XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICB7ZmllbGREZXNjcmlwdGlvbiAmJiA8ZGl2IGlkPXtgJHtpZH0tZGVzY2B9PntmaWVsZERlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgICAgICAgIHtzcGFjZVByZXNlcnZlcn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFRQSxNQUFNLFlBQVksR0FBRyxhQUFhLENBQUM7TUFFdEIsV0FBVyxHQUFjLENBQUMsRUFDbkMsUUFBUSxFQUNSLEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLGNBQWMsRUFDZCxZQUFZLEVBQ1osYUFBYSxFQUNiLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFFL0QsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUV0RCxNQUFNLFFBQVEsR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFckYsTUFBTSxnQkFBZ0IsR0FBRyxZQUFZLElBQUksY0FBYyxDQUFDO0lBQ3hELE1BQU0sY0FBYyxHQUFHLENBQUMsZ0JBQWdCLElBQUksYUFBYSxHQUFHQSxvREFBbUIsR0FBRyxTQUFTLENBQUM7SUFFNUYsUUFDSUEsc0RBQVMsUUFBUTtRQUVaLEtBQUssSUFBSUEsd0NBQU8sT0FBTyxFQUFFLEVBQUUsSUFBRyxLQUFLLENBQVM7UUFDNUMsUUFBUTtRQUNSLGdCQUFnQixJQUFJQSxzQ0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sSUFBRyxnQkFBZ0IsQ0FBTztRQUNuRSxjQUFjLENBQ2IsRUFDUjtBQUNOOzs7OyJ9
@@ -0,0 +1,7 @@
1
+ import type { SingleLineFieldLayoutProps } from '@preply/ds-web-core';
2
+ import { FC } from 'react';
3
+ import { InputImperativeHandle } from '../Input/InputBase';
4
+ export declare type Props = SingleLineFieldLayoutProps & {
5
+ inputHandle: InputImperativeHandle | null;
6
+ };
7
+ export declare const SingleLineFieldLayout: FC<Props>;
@@ -0,0 +1,25 @@
1
+ import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
2
+ import React__default from 'react';
3
+ import { FieldLayout } from './FieldLayout.js';
4
+ import styles from './style/index.module.less.js';
5
+
6
+ const SINGLE_LINE_FIELD_LAYOUT = 'SingleLineFieldLayout';
7
+ const SingleLineFieldLayout = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }) => {
8
+ useStyleExtract(styles);
9
+ const fieldClassNames = moduleLocals(styles, SINGLE_LINE_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, SINGLE_LINE_FIELD_LAYOUT, ['input']);
16
+ const handleClick = () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.focus();
17
+ return (React__default.createElement(FieldLayout, 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 { SingleLineFieldLayout };
25
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2luZ2xlTGluZUZpZWxkTGF5b3V0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkL1NpbmdsZUxpbmVGaWVsZExheW91dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvbm8tc3RhdGljLWVsZW1lbnQtaW50ZXJhY3Rpb25zICovXG4vKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9jbGljay1ldmVudHMtaGF2ZS1rZXktZXZlbnRzICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtbm8tY29tbWVudC10ZXh0bm9kZXMgKi9cbmltcG9ydCB0eXBlIHsgU2luZ2xlTGluZUZpZWxkTGF5b3V0UHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGJvb2xlYW5DbGFzc05hbWVzLCBtb2R1bGVMb2NhbHMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEltcGVyYXRpdmVIYW5kbGUgfSBmcm9tICcuLi9JbnB1dC9JbnB1dEJhc2UnO1xuXG5pbXBvcnQgeyBGaWVsZExheW91dCB9IGZyb20gJy4vRmllbGRMYXlvdXQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBTaW5nbGVMaW5lRmllbGRMYXlvdXRQcm9wcyAmIHsgaW5wdXRIYW5kbGU6IElucHV0SW1wZXJhdGl2ZUhhbmRsZSB8IG51bGwgfTtcblxuY29uc3QgU0lOR0xFX0xJTkVfRklFTERfTEFZT1VUID0gJ1NpbmdsZUxpbmVGaWVsZExheW91dCc7XG5cbmV4cG9ydCBjb25zdCBTaW5nbGVMaW5lRmllbGRMYXlvdXQ6IEZDPFByb3BzPiA9ICh7XG4gICAgaWQsXG4gICAgY2xhc3NOYW1lLFxuICAgIGlucHV0LFxuICAgIGljb24sXG4gICAgYnV0dG9uLFxuICAgIGRpc2FibGVkLFxuICAgIGlzRm9jdXNlZCxcbiAgICBoYXNFcnJvcixcbiAgICBpbnB1dEhhbmRsZSxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgZmllbGRDbGFzc05hbWVzID0gbW9kdWxlTG9jYWxzKHN0eWxlcywgU0lOR0xFX0xJTkVfRklFTERfTEFZT1VULCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1kaXNhYmxlZCcsIHVuZGVmaW5lZCwgZGlzYWJsZWQpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZm9jdXNlZCcsIHVuZGVmaW5lZCwgaXNGb2N1c2VkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hhcy1lcnJvcicsIHVuZGVmaW5lZCwgaGFzRXJyb3IpLFxuICAgIF0pO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbY2xhc3NOYW1lLCAuLi5maWVsZENsYXNzTmFtZXNdO1xuICAgIGNvbnN0IGlucHV0Q2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIFNJTkdMRV9MSU5FX0ZJRUxEX0xBWU9VVCwgWydpbnB1dCddKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4gaW5wdXRIYW5kbGU/LmZvY3VzKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RmllbGRMYXlvdXRcbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBpc0ZvY3VzZWQ9e2lzRm9jdXNlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2lucHV0Q2xhc3NOYW1lcy5qb2luKCcgJyl9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfT5cbiAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICB7aW5wdXR9XG4gICAgICAgICAgICAgICAge2J1dHRvbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0ZpZWxkTGF5b3V0PlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQWNBLE1BQU0sd0JBQXdCLEdBQUcsdUJBQXVCLENBQUM7TUFFNUMscUJBQXFCLEdBQWMsQ0FBQyxFQUM3QyxFQUFFLEVBQ0YsU0FBUyxFQUNULEtBQUssRUFDTCxJQUFJLEVBQ0osTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFdBQVcsRUFDWCxHQUFHLEtBQUssRUFDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLHdCQUF3QixFQUFFO1FBQ25FLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3RELENBQUMsQ0FBQztJQUNILE1BQU0sYUFBYSxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFDdEQsTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSx3QkFBd0IsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFbEYsTUFBTSxXQUFXLEdBQUcsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsS0FBSyxFQUFFLENBQUM7SUFFL0MsUUFDSUEsNkJBQUMsV0FBVyxrQkFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUNkLEtBQUs7UUFFVEEsc0NBQUssU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVc7WUFDMUQsSUFBSTtZQUNKLEtBQUs7WUFDTCxNQUFNLENBQ0wsQ0FDSSxFQUNoQjtBQUNOOzs7OyJ9
@@ -0,0 +1,15 @@
1
+ @import './mixins.single-line-field-layout.less';
2
+ @import './mixins.field-layout.less';
3
+ @import './mixins.field-button.less';
4
+
5
+ .FieldButton {
6
+ .field-button();
7
+ }
8
+
9
+ .FieldLayout {
10
+ .field-layout();
11
+ }
12
+
13
+ .SingleLineFieldLayout {
14
+ .single-line-field-layout();
15
+ }
@@ -0,0 +1,9 @@
1
+ import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "._3R_m4H{-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)}._3R_m4H:hover{background:rgba(9,15,25,.1)}._3R_m4H:active{background:rgba(9,15,25,.15)}._3R_m4H._3-kp6m{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._3R_m4H:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._3R_m4H svg{height:var(--f02c4e);width:var(--f02c4e)}.rQvtF5{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:var(--6947b0);-ms-flex-direction:column;flex-direction:column;gap:var(--6947b0)}._2V6MO7,.rQvtF5{display:-webkit-box;display:-ms-flexbox;display:flex}._2V6MO7{background-color:var(--5836cb);border:2px solid var(--8f1238);border-radius:var(--bf855f);padding:2px;padding-left:calc(var(--477fda) - 2px)}._2V6MO7:hover{outline-color:var(--603ec6);outline-color:var(--902b50);outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}._2V6MO7 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}.-DBnGn ._2V6MO7{outline-offset:var(--c0b12c);outline-offset:-2px}.-DBnGn ._2V6MO7,._3gptUp ._2V6MO7{outline-color:var(--603ec6);outline-style:solid;outline-width:var(--99d31f)}._3gptUp ._2V6MO7{background-color:var(--04daeb);outline-color:transparent;outline-offset:var(--c0b12c)}._2_Xp4m ._2V6MO7{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/private/Field/style/index.module.less",__css:css_248z,"FieldButton":"_3R_m4H","focus-visible":"_3-kp6m","FieldLayout":"rQvtF5","SingleLineFieldLayout--input":"_2V6MO7","SingleLineFieldLayout--is-focused":"-DBnGn","SingleLineFieldLayout--is-disabled":"_3gptUp","SingleLineFieldLayout--has-error":"_2_Xp4m"};
5
+ var stylesheet=css_248z;
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
9
+
@@ -0,0 +1,35 @@
1
+ @import '@preply/ds-web-core/dist/generated/tokens.less';
2
+ @import '@preply/ds-web-core/dist/generated/options.less';
3
+ @import '@preply/ds-web-core/dist/focus/style/mixins.less';
4
+ @import '@preply/ds-web-core/dist/responsive/style/mixins.less';
5
+ @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
6
+
7
+ @local-force-outline-to-be-round: 0.001px;
8
+
9
+ .field-button() {
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+ width: @root-size-600;
14
+ border: @root-palette-white; // TODO token @action-inline-bgColor
15
+ background: none;
16
+ border-radius: @local-force-outline-to-be-round;
17
+ cursor: pointer;
18
+
19
+ &:hover {
20
+ background: rgba(9, 15, 25, 0.1); // TODO token @action-inline-hover-bgColor
21
+ }
22
+
23
+ &:active {
24
+ background: rgba(9, 15, 25, 0.15); // TODO token @action-inline-active-bgColor
25
+ }
26
+
27
+ &:focus-visible {
28
+ .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
29
+ }
30
+
31
+ svg {
32
+ width: @root-size-300;
33
+ height: @root-size-300;
34
+ }
35
+ }
@@ -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
@@ -0,0 +1,7 @@
1
+ @import '@preply/ds-web-core/dist/generated/tokens.less';
2
+
3
+ .field-layout() {
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: @root-space-3xs;
7
+ }
@@ -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
@@ -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
+ .single-line-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
@@ -0,0 +1,7 @@
1
+ import type { InputTypeCheckboxProps, ValueChangeEventHandler } from '@preply/ds-web-core';
2
+ import { FC } from 'react';
3
+ export declare type CheckboxProps = Omit<InputTypeCheckboxProps, 'type' | 'value'> & {
4
+ checked?: boolean;
5
+ onValueChange?: ValueChangeEventHandler<boolean>;
6
+ };
7
+ export declare const Checkbox: FC<CheckboxProps>;
@@ -0,0 +1,16 @@
1
+ import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
2
+ import React__default from 'react';
3
+ import { InputBase } from './InputBase.js';
4
+ import { useChangeHandler } from './hooks/useChangeHandler.js';
5
+ import styles from './style/index.module.less.js';
6
+
7
+ const CHECKBOX = 'Checkbox';
8
+ const Checkbox = ({ checked, onChange, onValueChange, ...props }) => {
9
+ useStyleExtract(styles);
10
+ const localClasses = moduleClassNames(styles, CHECKBOX);
11
+ const onChangeHandler = useChangeHandler(ev => ev.target.checked, onChange, onValueChange);
12
+ return (React__default.createElement(InputBase, Object.assign({}, props, { type: "checkbox", checked: checked, className: localClasses.join(' '), onChange: onChangeHandler })));
13
+ };
14
+
15
+ export { Checkbox };
16
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvQ2hlY2tib3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSW5wdXRUeXBlQ2hlY2tib3hQcm9wcywgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IG1vZHVsZUNsYXNzTmFtZXMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IENIRUNLQk9YID0gJ0NoZWNrYm94JztcblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hQcm9wcyA9IE9taXQ8SW5wdXRUeXBlQ2hlY2tib3hQcm9wcywgJ3R5cGUnIHwgJ3ZhbHVlJz4gJiB7XG4gICAgY2hlY2tlZD86IGJvb2xlYW47XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPGJvb2xlYW4+O1xufTtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94OiBGQzxDaGVja2JveFByb3BzPiA9ICh7IGNoZWNrZWQsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQ0hFQ0tCT1gpO1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2hhbmdlSGFuZGxlcihldiA9PiBldi50YXJnZXQuY2hlY2tlZCwgb25DaGFuZ2UsIG9uVmFsdWVDaGFuZ2UpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFRQSxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUM7TUFPZixRQUFRLEdBQXNCLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEtBQUssRUFBRTtJQUN0RixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRXhELE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFFM0YsUUFDSUEsNkJBQUMsU0FBUyxvQkFDRixLQUFLLElBQ1QsSUFBSSxFQUFDLFVBQVUsRUFDZixPQUFPLEVBQUUsT0FBTyxFQUNoQixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOOzs7OyJ9