@preply/ds-web-lib 14.1.0 → 14.1.1

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 (60) hide show
  1. package/dist/assets/AlertBannerProvider.css +2 -2
  2. package/dist/assets/AlertDialog.css +2 -2
  3. package/dist/assets/Avatar.css +3 -3
  4. package/dist/assets/AvatarWithStatus.css +2 -2
  5. package/dist/assets/Badge.css +1 -1
  6. package/dist/assets/Box.css +3 -3
  7. package/dist/assets/BubbleCounter.css +1 -1
  8. package/dist/assets/Button.css +4 -4
  9. package/dist/assets/ButtonBase.css +4 -4
  10. package/dist/assets/Checkbox.css +1 -1
  11. package/dist/assets/Chips.css +2 -2
  12. package/dist/assets/Chips2.css +2 -2
  13. package/dist/assets/CountryFlag.css +1 -1
  14. package/dist/assets/Dialog.css +3 -3
  15. package/dist/assets/Divider.css +1 -1
  16. package/dist/assets/DropdownMenu.css +2 -2
  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/Select.css +2 -2
  32. package/dist/assets/Slider.css +1 -1
  33. package/dist/assets/Spinner.css +3 -3
  34. package/dist/assets/Stars.css +3 -3
  35. package/dist/assets/Steps.css +2 -2
  36. package/dist/assets/SwitchRoot.css +1 -1
  37. package/dist/assets/Text.css +3 -3
  38. package/dist/assets/TextHighlighted.css +3 -3
  39. package/dist/assets/TextInline.css +3 -3
  40. package/dist/assets/Toast.css +2 -2
  41. package/dist/assets/Tooltip.css +1 -1
  42. package/dist/assets/align-self.css +1 -1
  43. package/dist/assets/components.css +1 -1
  44. package/dist/assets/exp-color.css +2 -2
  45. package/dist/assets/index.css +2 -2
  46. package/dist/assets/index2.css +1 -1
  47. package/dist/assets/layout-gap.css +3 -3
  48. package/dist/assets/layout-grid.css +3 -3
  49. package/dist/assets/layout-hide.css +1 -1
  50. package/dist/assets/layout-padding.css +3 -3
  51. package/dist/assets/layout-relative.css +1 -1
  52. package/dist/assets/text-accent.css +2 -2
  53. package/dist/assets/text-centered.css +1 -1
  54. package/dist/assets/text-weight.css +2 -2
  55. package/dist/components/Accordion/AccordionItem.d.ts +24 -17
  56. package/dist/components/Accordion/AccordionItem.d.ts.map +1 -1
  57. package/dist/components/Accordion/AccordionItem.js +10 -10
  58. package/dist/components/index.js +1 -1
  59. package/dist/index.js +1 -1
  60. package/package.json +12 -12
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .alertBannerHost__LKZaB {
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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .badge__Aj95L {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
5
5
  .button-width--width-full__nJNYU {
6
6
  width: 100%;
7
7
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 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 @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .list__U846B {
4
4
  all: unset;
5
5
  list-style: none;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .chips__0cCVU {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .flag__wPkCc {
3
3
  border-radius: var(--e38d71);
4
4
  border: 0.5px solid var(--b445b1);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .dialog__80F7X {
5
5
  --dialog-padding: var(--1e685c);
6
6
  --slide-animation-distance: 100%;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .Divider__kU514 {
3
3
  all: unset;
4
4
  display: block;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .positioner__eWf4l {
4
4
  z-index: auto;
5
5
  z-index: var(--ds-dropdown-menu-content-z-index-override, auto);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .FieldButton__OWtNd {
5
5
  display: -webkit-box;
6
6
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .container__dtKps {
3
3
  --ds-input-scroll-margin-top: var(--d434fb);
4
4
  display: -webkit-box;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .Heading__Lv13n {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .Icon__jDdMD {
5
5
  display: inline-block;
6
6
  vertical-align: text-top;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .container__B-gQ9 {
4
4
  width: 100%;
5
5
  position: relative;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
2
2
  [data-preply-ds-component="LayoutFlex"] {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
2
2
  .LayoutFlexItem__0eYcj {
3
3
  padding: 0;
4
4
  margin: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .Link__0oP-l {
5
5
  display: inline-block;
6
6
  border-radius: var(--5eeb28);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .Loader__sOe0E {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .content__n7yV2 {
3
3
  background-color: var(--79dffb);
4
4
  border-radius: var(--fa4b1a);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .counter__e0-bi {
3
3
  -webkit-box-flex: 1;
4
4
  -ms-flex: 1;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .PreplyLogo__Grf-P {
3
3
  display: inline-block;
4
4
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .ProgressBar__BR9lE {
3
3
  display: block;
4
4
  height: var(--c484d1);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .ProgressSteps__FoPeH {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  @-webkit-keyframes fade-in__KIt7M {
4
4
  0% {
5
5
  opacity: 0;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .root__QwW3E {
3
3
  height: var(--7789ee);
4
4
  position: relative;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  @-webkit-keyframes spin__6opuF {
5
5
  from {
6
6
  -webkit-transform: rotate(0deg);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .rating__Le8xf {
5
5
  position: relative;
6
6
  isolation: isolate;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .steps__BxrkC {
4
4
  display: -webkit-box;
5
5
  display: -ms-flexbox;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .Switch__-4XFt {
3
3
  all: unset;
4
4
  width: 52px;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .Text__uVacy {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .TextHighlighted__ehLpO {
5
5
  display: inline-block;
6
6
  padding-left: var(--58c1e5);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .TextInline__SqhPj {
5
5
  -webkit-font-smoothing: antialiased;
6
6
  text-rendering: optimizeLegibility;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .toast__JkBNR {
4
4
  /*
5
5
  * This variable comes from sonner. We're setting it manually here because
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .content__ZZg4T {
3
3
  background-color: var(--4983fe);
4
4
  color: var(--c2b191);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
2
2
  .AlignSelf__huNbz.AlignSelf--align-self-start__Pk4Ld {
3
3
  -ms-flex-item-align: start;
4
4
  align-self: start;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .IconTile__JN1Mo {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
3
  .ExpColor__S0PGo.ExpColor--exp-color-grey-0__DKudt {
4
4
  color: var(--d751dc);
5
5
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
3
3
  .accordion__GSBx4 {
4
4
  -webkit-box-sizing: border-box;
5
5
  box-sizing: border-box;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
2
  .banner__5hj7e {
3
3
  --border-width: 1px;
4
4
  background-color: var(--3f296a);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  [data-preply-ds-component="LayoutFlex"][data-ds-gap="0"],
5
5
  [data-preply-ds-component="LayoutFlex"][data-ds-gap*='"_":"0"'] {
6
6
  gap: var(--d434fb);
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  .LayoutGrid__-dslt {
5
5
  list-style: none;
6
6
  font-weight: inherit;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
2
2
  [data-preply-ds-component="LayoutFlex"][data-ds-display="hide"],
3
3
  [data-preply-ds-component="LayoutFlex"][data-ds-display*='"_":"hide"'] {
4
4
  display: none;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
4
4
  [data-preply-ds-component="LayoutFlex"][data-ds-padding="0"],
5
5
  [data-preply-ds-component="LayoutFlex"][data-ds-padding*='"_":"0"'] {
6
6
  padding: var(--d434fb);
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
2
2
  [data-preply-ds-component="LayoutFlex"][data-ds-relative="true"],
3
3
  [data-preply-ds-component="LayoutFlex"][data-ds-relative*='"_":true'] {
4
4
  position: relative;
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
3
  .TextAccent__AfPNQ.TextAccent--accent-default__rjbSO {
4
4
  color: var(--628fb7);
5
5
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 08:08:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Jul 01 2026 09:14:19 GMT+0000 (Coordinated Universal Time) */
2
2
  .TextCentered__7KaTF.TextCentered--centered__4f-qW {
3
3
  text-align: center;
4
4
  }
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 08:08:29 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 08:08:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Jul 01 2026 09:14:18 GMT+0000 (Coordinated Universal Time) */
3
3
  .TextWeight__nr38y.TextWeight--weight-normal__WoBtA {
4
4
  font-weight: var(--5ea101);
5
5
  }
@@ -2,13 +2,17 @@ import { default as React, DetailsHTMLAttributes, ReactNode } from 'react';
2
2
  import { Dataset } from '@preply/ds-core';
3
3
  export type AccordionItemProps = DetailsHTMLAttributes<HTMLDetailsElement> & {
4
4
  /**
5
- * Convenience shortcut for the header. When provided, the item renders the default
6
- * header — an `AccordionItemHeaderText` with this content followed by an
7
- * `AccordionItemHeaderIcon`.
5
+ * Convenience shortcut for the simple case. When provided, the item renders the
6
+ * default header — an `AccordionItemHeaderText` with this content followed by an
7
+ * `AccordionItemHeaderIcon` — and automatically wraps `children` in an
8
+ * `AccordionItemContent`. Pass the content directly as `children`; do not wrap it
9
+ * yourself.
8
10
  *
9
11
  * For more control, omit `header` and compose the primitives yourself —
10
- * `AccordionItemHeader` with `AccordionItemHeaderText` and `AccordionItemHeaderIcon`
11
- * in any order (e.g. to place the icon before the text or use a custom label).
12
+ * `AccordionItemHeader` (with `AccordionItemHeaderText` and `AccordionItemHeaderIcon`
13
+ * in any order, e.g. to place the icon before the text or use a custom label) and
14
+ * `AccordionItemContent`. This is also the path to take when you need to pass a
15
+ * `className` or other props to the content wrapper.
12
16
  */
13
17
  header?: ReactNode;
14
18
  /**
@@ -34,17 +38,16 @@ export type AccordionItemProps = DetailsHTMLAttributes<HTMLDetailsElement> & {
34
38
  * header and an `AccordionItemContent`, and forwards `className` and any HTML/ARIA
35
39
  * attribute. The open/closed state is reflected by the native `open` attribute.
36
40
  *
37
- * Pass `header` for the default header, or compose `AccordionItemHeader` yourself
38
- * for full control.
41
+ * Pass `header` for the simple case — the default header plus auto-wrapped content
42
+ * or compose the primitives yourself for full control. The call-site complexity grows
43
+ * only with the customisation you need.
39
44
  *
40
45
  * @example
41
- * // Default header
42
- * <AccordionItem header="Why?">
43
- * <AccordionItemContent>Because it works.</AccordionItemContent>
44
- * </AccordionItem>
46
+ * // Simple case: default header, content passed directly (auto-wrapped)
47
+ * <AccordionItem header="Why?">Because it works.</AccordionItem>
45
48
  *
46
49
  * @example
47
- * // Custom header (icon before the text)
50
+ * // Full control: compose the header and content primitives (icon before the text)
48
51
  * <AccordionItem>
49
52
  * <AccordionItemHeader>
50
53
  * <AccordionItemHeaderIcon />
@@ -59,13 +62,17 @@ export type AccordionItemProps = DetailsHTMLAttributes<HTMLDetailsElement> & {
59
62
  */
60
63
  export declare const AccordionItem: React.ForwardRefExoticComponent<React.DetailsHTMLAttributes<HTMLDetailsElement> & {
61
64
  /**
62
- * Convenience shortcut for the header. When provided, the item renders the default
63
- * header — an `AccordionItemHeaderText` with this content followed by an
64
- * `AccordionItemHeaderIcon`.
65
+ * Convenience shortcut for the simple case. When provided, the item renders the
66
+ * default header — an `AccordionItemHeaderText` with this content followed by an
67
+ * `AccordionItemHeaderIcon` — and automatically wraps `children` in an
68
+ * `AccordionItemContent`. Pass the content directly as `children`; do not wrap it
69
+ * yourself.
65
70
  *
66
71
  * For more control, omit `header` and compose the primitives yourself —
67
- * `AccordionItemHeader` with `AccordionItemHeaderText` and `AccordionItemHeaderIcon`
68
- * in any order (e.g. to place the icon before the text or use a custom label).
72
+ * `AccordionItemHeader` (with `AccordionItemHeaderText` and `AccordionItemHeaderIcon`
73
+ * in any order, e.g. to place the icon before the text or use a custom label) and
74
+ * `AccordionItemContent`. This is also the path to take when you need to pass a
75
+ * `className` or other props to the content wrapper.
69
76
  */
70
77
  header?: ReactNode;
71
78
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAU/C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,GAAG;IACzE;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,aAAa;IA5DtB;;;;;;;;OAQG;aACM,SAAS;IAElB;;;OAGG;2BACmB,OAAO,KAAK,IAAI;IAEtC;;;;OAIG;WACI,MAAM,GAAG,SAAS;IAEzB;;;;OAIG;;4CAmDN,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAW/C,MAAM,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,GAAG;IACzE;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa;IA/DtB;;;;;;;;;;;;OAYG;aACM,SAAS;IAElB;;;OAGG;2BACmB,OAAO,KAAK,IAAI;IAEtC;;;;OAIG;WACI,MAAM,GAAG,SAAS;IAEzB;;;;OAIG;;4CAsDN,CAAC"}
@@ -4,27 +4,27 @@ import { useOnOpenChange } from "./hooks/useOnOpenChange.js";
4
4
  import { AccordionItemHeader } from "./AccordionItemHeader.js";
5
5
  import { AccordionItemHeaderText } from "./AccordionItemHeaderText.js";
6
6
  import { AccordionItemHeaderIcon } from "./AccordionItemHeaderIcon.js";
7
+ import { AccordionItemContent } from "./AccordionItemContent.js";
7
8
  import { forwardRef } from "react";
8
9
  import { getDatasetProps } from "@preply/ds-web-core";
9
10
  import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
10
- import { jsx, jsxs } from "react/jsx-runtime";
11
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
12
  //#region src/components/Accordion/AccordionItem.tsx
12
13
  /**
13
14
  * A single accordion item, built on the native `<details>` element. It wraps a
14
15
  * header and an `AccordionItemContent`, and forwards `className` and any HTML/ARIA
15
16
  * attribute. The open/closed state is reflected by the native `open` attribute.
16
17
  *
17
- * Pass `header` for the default header, or compose `AccordionItemHeader` yourself
18
- * for full control.
18
+ * Pass `header` for the simple case — the default header plus auto-wrapped content
19
+ * or compose the primitives yourself for full control. The call-site complexity grows
20
+ * only with the customisation you need.
19
21
  *
20
22
  * @example
21
- * // Default header
22
- * <AccordionItem header="Why?">
23
- * <AccordionItemContent>Because it works.</AccordionItemContent>
24
- * </AccordionItem>
23
+ * // Simple case: default header, content passed directly (auto-wrapped)
24
+ * <AccordionItem header="Why?">Because it works.</AccordionItem>
25
25
  *
26
26
  * @example
27
- * // Custom header (icon before the text)
27
+ * // Full control: compose the header and content primitives (icon before the text)
28
28
  * <AccordionItem>
29
29
  * <AccordionItemHeader>
30
30
  * <AccordionItemHeaderIcon />
@@ -42,12 +42,12 @@ var AccordionItem = forwardRef(function AccordionItem({ header, children, classN
42
42
  ref,
43
43
  onOpenChange
44
44
  });
45
- return /* @__PURE__ */ jsxs("details", {
45
+ return /* @__PURE__ */ jsx("details", {
46
46
  ref: mergedRef,
47
47
  className: [index_module_default.item, className].filter(Boolean).join(" "),
48
48
  ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.AccordionItem }),
49
49
  ...props,
50
- children: [header != null && /* @__PURE__ */ jsxs(AccordionItemHeader, { children: [/* @__PURE__ */ jsx(AccordionItemHeaderText, { children: header }), /* @__PURE__ */ jsx(AccordionItemHeaderIcon, {})] }), children]
50
+ children: header != null ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(AccordionItemHeader, { children: [/* @__PURE__ */ jsx(AccordionItemHeaderText, { children: header }), /* @__PURE__ */ jsx(AccordionItemHeaderIcon, {})] }), /* @__PURE__ */ jsx(AccordionItemContent, { children })] }) : children
51
51
  });
52
52
  });
53
53
  //#endregion
@@ -4,8 +4,8 @@ import { t as Text } from "../Text-CRERCZG1.js";
4
4
  import { AccordionItemHeaderText } from "./Accordion/AccordionItemHeaderText.js";
5
5
  import { t as Icon } from "../Icon-zHOvuyFp.js";
6
6
  import { AccordionItemHeaderIcon } from "./Accordion/AccordionItemHeaderIcon.js";
7
- import { AccordionItem } from "./Accordion/AccordionItem.js";
8
7
  import { AccordionItemContent } from "./Accordion/AccordionItemContent.js";
8
+ import { AccordionItem } from "./Accordion/AccordionItem.js";
9
9
  import { AlertDialogTitle } from "./AlertDialog/primitives/AlertDialogTitle.js";
10
10
  import { AlertDialogDescription } from "./AlertDialog/primitives/AlertDialogDescription.js";
11
11
  import { t as Button } from "../Button-B5lIKWE_.js";
package/dist/index.js CHANGED
@@ -4,8 +4,8 @@ import { t as Text } from "./Text-CRERCZG1.js";
4
4
  import { AccordionItemHeaderText } from "./components/Accordion/AccordionItemHeaderText.js";
5
5
  import { t as Icon } from "./Icon-zHOvuyFp.js";
6
6
  import { AccordionItemHeaderIcon } from "./components/Accordion/AccordionItemHeaderIcon.js";
7
- import { AccordionItem } from "./components/Accordion/AccordionItem.js";
8
7
  import { AccordionItemContent } from "./components/Accordion/AccordionItemContent.js";
8
+ import { AccordionItem } from "./components/Accordion/AccordionItem.js";
9
9
  import { AlertDialogTitle } from "./components/AlertDialog/primitives/AlertDialogTitle.js";
10
10
  import { AlertDialogDescription } from "./components/AlertDialog/primitives/AlertDialogDescription.js";
11
11
  import { t as Button } from "./Button-B5lIKWE_.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "14.1.0",
3
+ "version": "14.1.1",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -28,21 +28,21 @@
28
28
  "sonner": "^2.0.7"
29
29
  },
30
30
  "peerDependencies": {
31
- "@preply/ds-core": "14.1.0",
32
- "@preply/ds-media-icons": "14.1.0",
33
- "@preply/ds-visual-coverage-preply-component-names": "14.1.0",
34
- "@preply/ds-web-core": "14.1.0",
35
- "@preply/ds-web-root": "14.1.0",
31
+ "@preply/ds-core": "14.1.1",
32
+ "@preply/ds-media-icons": "14.1.1",
33
+ "@preply/ds-visual-coverage-preply-component-names": "14.1.1",
34
+ "@preply/ds-web-core": "14.1.1",
35
+ "@preply/ds-web-root": "14.1.1",
36
36
  "react": "^16 || ^18",
37
37
  "react-dom": "^16 || ^18",
38
38
  "react-intl": "^6.5.5"
39
39
  },
40
40
  "devDependencies": {
41
- "@preply/ds-core": "14.1.0",
42
- "@preply/ds-media-icons": "14.1.0",
43
- "@preply/ds-visual-coverage-preply-component-names": "14.1.0",
44
- "@preply/ds-web-core": "14.1.0",
45
- "@preply/ds-web-root": "14.1.0",
41
+ "@preply/ds-core": "14.1.1",
42
+ "@preply/ds-media-icons": "14.1.1",
43
+ "@preply/ds-visual-coverage-preply-component-names": "14.1.1",
44
+ "@preply/ds-web-core": "14.1.1",
45
+ "@preply/ds-web-root": "14.1.1",
46
46
  "@storybook/react-vite": "10.2.19",
47
47
  "@testing-library/react": "16.3.0",
48
48
  "@types/react-is": "^18.2.0",
@@ -58,5 +58,5 @@
58
58
  "vite-plugin-svgr": "4.5.0",
59
59
  "vitest-browser-react": "^0.1.1"
60
60
  },
61
- "gitHead": "5e93aefd1d413b6da49208e00fcb948328fa516d"
61
+ "gitHead": "6d0d3676afa72d88a3c03f991fa6323d6674b0ef"
62
62
  }