@preply/ds-web-lib 4.0.0 → 5.0.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 (80) hide show
  1. package/dist/Dialog.module-0O9t3vsj.js +65 -0
  2. package/dist/assets/Accordion.css +2 -2
  3. package/dist/assets/AlertDialog.css +2 -2
  4. package/dist/assets/Avatar.css +3 -3
  5. package/dist/assets/AvatarWithStatus.css +2 -2
  6. package/dist/assets/Badge.css +4 -1
  7. package/dist/assets/Box.css +3 -3
  8. package/dist/assets/BubbleCounter.css +1 -1
  9. package/dist/assets/Button.css +4 -4
  10. package/dist/assets/ButtonBase.css +6 -6
  11. package/dist/assets/Checkbox.css +1 -1
  12. package/dist/assets/Chips.css +2 -2
  13. package/dist/assets/ChipsPrimitive.css +2 -2
  14. package/dist/assets/CountryFlag.css +1 -1
  15. package/dist/assets/Dialog.css +227 -174
  16. package/dist/assets/Divider.css +1 -1
  17. package/dist/assets/FieldButton.css +3 -3
  18. package/dist/assets/FormControl.css +1 -1
  19. package/dist/assets/Heading.css +3 -3
  20. package/dist/assets/Icon.css +3 -3
  21. package/dist/assets/InputContainer.css +2 -2
  22. package/dist/assets/LayoutFlex.css +1 -1
  23. package/dist/assets/LayoutFlexItem.css +1 -1
  24. package/dist/assets/Link.css +3 -3
  25. package/dist/assets/Loader.css +1 -1
  26. package/dist/assets/OnboardingTooltip.css +1 -1
  27. package/dist/assets/OnboardingTour.css +1 -1
  28. package/dist/assets/PreplyLogo.css +1 -1
  29. package/dist/assets/ProgressBar.css +1 -1
  30. package/dist/assets/ProgressSteps.css +1 -1
  31. package/dist/assets/Slider.css +1 -1
  32. package/dist/assets/Spinner.css +3 -3
  33. package/dist/assets/Steps.css +35 -12
  34. package/dist/assets/Switch.css +1 -1
  35. package/dist/assets/Text.css +3 -3
  36. package/dist/assets/TextHighlighted.css +3 -3
  37. package/dist/assets/TextInline.css +3 -3
  38. package/dist/assets/Toast.css +2 -2
  39. package/dist/assets/Tooltip.css +1 -1
  40. package/dist/assets/align-self.css +1 -1
  41. package/dist/assets/color.css +2 -2
  42. package/dist/assets/exp-color.css +2 -2
  43. package/dist/assets/layout-gap.css +3 -3
  44. package/dist/assets/layout-grid.css +3 -3
  45. package/dist/assets/layout-hide.css +1 -1
  46. package/dist/assets/layout-padding.css +3 -3
  47. package/dist/assets/layout-relative.css +1 -1
  48. package/dist/assets/text-accent.css +2 -2
  49. package/dist/assets/text-centered.css +1 -1
  50. package/dist/assets/text-weight.css +2 -2
  51. package/dist/components/Badge/Badge.d.ts +1 -7
  52. package/dist/components/Badge/Badge.d.ts.map +1 -1
  53. package/dist/components/Badge/Badge.js +1 -1
  54. package/dist/components/Dialog/Dialog.d.ts +8 -43
  55. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  56. package/dist/components/Dialog/Dialog.js +13 -79
  57. package/dist/components/Dialog/DialogActions.d.ts +25 -0
  58. package/dist/components/Dialog/DialogActions.d.ts.map +1 -0
  59. package/dist/components/Dialog/DialogActions.js +23 -0
  60. package/dist/components/Dialog/DialogSteps.d.ts +68 -0
  61. package/dist/components/Dialog/DialogSteps.d.ts.map +1 -0
  62. package/dist/components/Dialog/DialogSteps.js +32 -0
  63. package/dist/components/Dialog/index.d.ts +42 -0
  64. package/dist/components/Dialog/index.d.ts.map +1 -0
  65. package/dist/components/Dialog/index.js +20 -0
  66. package/dist/components/Dialog/private/DialogFooter.d.ts +8 -0
  67. package/dist/components/Dialog/private/DialogFooter.d.ts.map +1 -0
  68. package/dist/components/Dialog/private/DialogFooter.js +34 -0
  69. package/dist/components/Dialog/private/DialogHeader.d.ts +36 -0
  70. package/dist/components/Dialog/private/DialogHeader.d.ts.map +1 -0
  71. package/dist/components/Dialog/private/DialogHeader.js +25 -0
  72. package/dist/components/LayoutFlex/tests/DataOverride.js +36 -36
  73. package/dist/components/Steps/Steps.d.ts.map +1 -1
  74. package/dist/components/Steps/Steps.js +12 -12
  75. package/dist/components/index.d.ts +1 -1
  76. package/dist/components/index.d.ts.map +1 -1
  77. package/dist/components/index.js +7 -1
  78. package/dist/index.js +7 -1
  79. package/dist/utils/useStableCallback/useStableCallback.js +2 -2
  80. package/package.json +14 -14
@@ -0,0 +1,65 @@
1
+ import './assets/Dialog.css';const overlay = "overlay__otkvG";
2
+ const opacityIn = "opacityIn__p29KJ";
3
+ const opacityOut = "opacityOut__4QmKk";
4
+ const Dialog = "Dialog__kEfBp";
5
+ const slideInUp = "slideInUp__Ni5JT";
6
+ const slideOutDown = "slideOutDown__g4ZMG";
7
+ const slidesUp = "slidesUp__P7Bjm";
8
+ const slideOutUp = "slideOutUp__FRb6L";
9
+ const close = "close__-TGOq";
10
+ const footer = "footer__xkM-4";
11
+ const scrollEndDetector = "scrollEndDetector__Zrfqq";
12
+ const header = "header__ADm9A";
13
+ const sticky = "sticky__fB3an";
14
+ const actions = "actions__QrK7-";
15
+ const stepsActions = "stepsActions__V4CIE";
16
+ const previous = "previous__q2IlS";
17
+ const next = "next__h6v4X";
18
+ const styles = {
19
+ overlay,
20
+ opacityIn,
21
+ opacityOut,
22
+ Dialog,
23
+ slideInUp,
24
+ slideOutDown,
25
+ "Dialog--fullheight": "Dialog--fullheight__E4P0F",
26
+ "no-border-radius": "no-border-radius__sLZ8A",
27
+ slidesUp,
28
+ slideOutUp,
29
+ "Dialog--size-xs": "Dialog--size-xs__p2N5-",
30
+ "Dialog--size-sm": "Dialog--size-sm__Wz3Su",
31
+ "Dialog--size-md": "Dialog--size-md__LgeyZ",
32
+ "Dialog--size-lg": "Dialog--size-lg__X6mjO",
33
+ "Dialog--narrow-l--size-xs": "Dialog--narrow-l--size-xs__S-4vk",
34
+ "Dialog--medium-s--size-xs": "Dialog--medium-s--size-xs__P8OWN",
35
+ "Dialog--medium-l--size-xs": "Dialog--medium-l--size-xs__rJXys",
36
+ "Dialog--wide-s--size-xs": "Dialog--wide-s--size-xs__lufm-",
37
+ "Dialog--wide-l--size-xs": "Dialog--wide-l--size-xs__hbFeK",
38
+ "Dialog--narrow-l--size-sm": "Dialog--narrow-l--size-sm__toxzK",
39
+ "Dialog--medium-s--size-sm": "Dialog--medium-s--size-sm__u8vh9",
40
+ "Dialog--medium-l--size-sm": "Dialog--medium-l--size-sm__r7OL8",
41
+ "Dialog--wide-s--size-sm": "Dialog--wide-s--size-sm__6so6w",
42
+ "Dialog--wide-l--size-sm": "Dialog--wide-l--size-sm__NwqDQ",
43
+ "Dialog--narrow-l--size-md": "Dialog--narrow-l--size-md__y9u-U",
44
+ "Dialog--medium-s--size-md": "Dialog--medium-s--size-md__pAaLH",
45
+ "Dialog--medium-l--size-md": "Dialog--medium-l--size-md__Tllt2",
46
+ "Dialog--wide-s--size-md": "Dialog--wide-s--size-md__O0TVv",
47
+ "Dialog--wide-l--size-md": "Dialog--wide-l--size-md__kVJvb",
48
+ "Dialog--narrow-l--size-lg": "Dialog--narrow-l--size-lg__TCmXz",
49
+ "Dialog--medium-s--size-lg": "Dialog--medium-s--size-lg__61vCi",
50
+ "Dialog--medium-l--size-lg": "Dialog--medium-l--size-lg__06UXd",
51
+ "Dialog--wide-s--size-lg": "Dialog--wide-s--size-lg__-xhKP",
52
+ "Dialog--wide-l--size-lg": "Dialog--wide-l--size-lg__EOftK",
53
+ close,
54
+ footer,
55
+ scrollEndDetector,
56
+ header,
57
+ sticky,
58
+ actions,
59
+ stepsActions,
60
+ previous,
61
+ next
62
+ };
63
+ export {
64
+ styles as s
65
+ };
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
3
3
  .accordion__GSBx4 {
4
4
  -webkit-box-sizing: border-box;
5
5
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
3
3
  @-webkit-keyframes overlayShow__DlV95 {
4
4
  from {
5
5
  opacity: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Sep 26 2025 09:44:22 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 02 2025 15:30:31 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
4
4
  .Avatar__ENaap {
5
5
  display: inline-block;
6
6
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Sep 26 2025 09:44:22 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 02 2025 15:30:31 GMT+0000 (Coordinated Universal Time) */
3
3
  .AvatarWithStatus__STt5I {
4
4
  display: inline-block;
5
5
  position: relative;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
2
  .badge__Aj95L {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -48,6 +48,9 @@
48
48
  .badge__Aj95L[data-type='critical'] {
49
49
  background: var(--f15644);
50
50
  }
51
+ .badge__Aj95L[data-type='ai'] {
52
+ background: var(--decc79);
53
+ }
51
54
  .badge__Aj95L[data-accent=unset] {
52
55
  color: var(--628fb7);
53
56
  background-color: var(--a5c761);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Sep 26 2025 09:44:22 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 02 2025 15:30:31 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
4
4
  .Box__sKgFi {
5
5
  margin: 0;
6
6
  list-style: none;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
2
  .bubbleCounter__ARQXM {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Sep 26 2025 09:44:22 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 02 2025 15:30:31 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
5
5
  .Button__lJRiF .leadingIcon__OZj4E,
6
6
  .Button__lJRiF .trailingIcon__d6fiW {
7
7
  display: -webkit-box;
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Sep 26 2025 09:44:22 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Oct 02 2025 15:30:31 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
5
5
  .button-width--width-full__nJNYU {
6
6
  width: 100%;
7
7
  }
@@ -1321,8 +1321,8 @@
1321
1321
  background-color: var(--5bba7d);
1322
1322
  }
1323
1323
  .ButtonBase--variant-ai__QQ5F5 {
1324
- -o-border-image: var(--0b0037);
1325
- border-image: var(--0b0037);
1324
+ -o-border-image: var(--a784e2);
1325
+ border-image: var(--a784e2);
1326
1326
  }
1327
1327
  .ButtonBase--variant-ai__QQ5F5[disabled],
1328
1328
  .ButtonBase--variant-ai__QQ5F5[disabled]:hover {
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
2
  .checkbox__KtCna {
3
3
  -webkit-box-sizing: border-box;
4
4
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
3
3
  .chips__0cCVU {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Sep 26 2025 09:44:25 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Oct 02 2025 15:30:34 GMT+0000 (Coordinated Universal Time) */
3
3
  .list__U846B {
4
4
  all: unset;
5
5
  list-style: none;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Sep 26 2025 09:44:23 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Oct 02 2025 15:30:32 GMT+0000 (Coordinated Universal Time) */
2
2
  .flag__wPkCc {
3
3
  border-radius: var(--e38d71);
4
4
  border: 0.5px solid var(--b445b1);