@preply/ds-web-lib 7.1.0 → 8.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 (97) hide show
  1. package/dist/TokyoUIChevronDown-D_tD1yU8.js +11 -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 +34 -10
  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 +3 -3
  16. package/dist/assets/Divider.css +1 -1
  17. package/dist/assets/DropdownMenu.css +2 -2
  18. package/dist/assets/FieldButton.css +3 -3
  19. package/dist/assets/FormControl.css +1 -1
  20. package/dist/assets/Heading.css +3 -3
  21. package/dist/assets/Icon.css +3 -3
  22. package/dist/assets/InputContainer.css +2 -2
  23. package/dist/assets/LayoutFlex.css +1 -1
  24. package/dist/assets/LayoutFlexItem.css +1 -1
  25. package/dist/assets/Link.css +3 -3
  26. package/dist/assets/Loader.css +1 -1
  27. package/dist/assets/OnboardingTooltip.css +1 -1
  28. package/dist/assets/OnboardingTour.css +1 -1
  29. package/dist/assets/PreplyLogo.css +1 -1
  30. package/dist/assets/ProgressBar.css +1 -1
  31. package/dist/assets/ProgressSteps.css +1 -1
  32. package/dist/assets/Select.css +258 -0
  33. package/dist/assets/Slider.css +1 -1
  34. package/dist/assets/Spinner.css +3 -3
  35. package/dist/assets/Stars.css +3 -3
  36. package/dist/assets/Steps.css +2 -2
  37. package/dist/assets/Switch.css +1 -1
  38. package/dist/assets/Text.css +3 -3
  39. package/dist/assets/TextHighlighted.css +3 -3
  40. package/dist/assets/TextInline.css +3 -3
  41. package/dist/assets/Toast.css +12 -6
  42. package/dist/assets/Tooltip.css +1 -1
  43. package/dist/assets/align-self.css +1 -1
  44. package/dist/assets/exp-color.css +2 -2
  45. package/dist/assets/layout-gap.css +3 -3
  46. package/dist/assets/layout-grid.css +3 -3
  47. package/dist/assets/layout-hide.css +1 -1
  48. package/dist/assets/layout-padding.css +3 -3
  49. package/dist/assets/layout-relative.css +1 -1
  50. package/dist/assets/text-accent.css +2 -2
  51. package/dist/assets/text-centered.css +1 -1
  52. package/dist/assets/text-weight.css +2 -2
  53. package/dist/components/Button/Button.d.ts +0 -2
  54. package/dist/components/Button/Button.d.ts.map +1 -1
  55. package/dist/components/DropdownMenu/DropdownMenu.js +1 -1
  56. package/dist/components/Icon/Icon.d.ts.map +1 -1
  57. package/dist/components/Icon/Icon.js +3 -8
  58. package/dist/components/NumberField/NumberField.js +0 -1
  59. package/dist/components/PasswordField/PasswordField.js +0 -1
  60. package/dist/components/SelectField/Select.d.ts +62 -0
  61. package/dist/components/SelectField/Select.d.ts.map +1 -0
  62. package/dist/components/SelectField/Select.js +112 -0
  63. package/dist/components/SelectField/SelectField.d.ts +10 -20
  64. package/dist/components/SelectField/SelectField.d.ts.map +1 -1
  65. package/dist/components/SelectField/SelectField.js +9 -24
  66. package/dist/components/SelectField/hooks/useBreakpointMatch.d.ts +3 -0
  67. package/dist/components/SelectField/hooks/useBreakpointMatch.d.ts.map +1 -0
  68. package/dist/components/SelectField/hooks/useBreakpointMatch.js +22 -0
  69. package/dist/components/TextField/TextField.js +0 -1
  70. package/dist/components/TextareaField/TextareaField.js +0 -1
  71. package/dist/components/Toast/Toast.js +1037 -233
  72. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  73. package/dist/components/Tooltip/Tooltip.js +4 -1
  74. package/dist/components/{private/Input/Select.d.ts → deprecated/NativeSelectField/NativeSelect.d.ts} +4 -4
  75. package/dist/components/deprecated/NativeSelectField/NativeSelect.d.ts.map +1 -0
  76. package/dist/components/{private/Input/Select.js → deprecated/NativeSelectField/NativeSelect.js} +4 -10
  77. package/dist/components/deprecated/NativeSelectField/NativeSelectField.d.ts +25 -0
  78. package/dist/components/deprecated/NativeSelectField/NativeSelectField.d.ts.map +1 -0
  79. package/dist/components/deprecated/NativeSelectField/NativeSelectField.js +41 -0
  80. package/dist/components/deprecated/index.d.ts +1 -0
  81. package/dist/components/deprecated/index.d.ts.map +1 -1
  82. package/dist/components/deprecated/index.js +4 -1
  83. package/dist/components/index.d.ts +1 -1
  84. package/dist/components/index.d.ts.map +1 -1
  85. package/dist/components/index.js +2 -1
  86. package/dist/components/private/Input/index.d.ts +0 -1
  87. package/dist/components/private/Input/index.d.ts.map +1 -1
  88. package/dist/components/private/Input/index.js +0 -2
  89. package/dist/index.js +2 -1
  90. package/dist/storybook-utils/consts.d.ts +4 -0
  91. package/dist/storybook-utils/consts.d.ts.map +1 -0
  92. package/dist/storybook-utils/consts.js +8 -0
  93. package/dist/storybook-utils/index.d.ts +2 -0
  94. package/dist/storybook-utils/index.d.ts.map +1 -0
  95. package/dist/storybook-utils/index.js +6 -0
  96. package/package.json +16 -16
  97. package/dist/components/private/Input/Select.d.ts.map +0 -1
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import { forwardRef } from "react";
3
+ const SvgTokyoUiChevronDown = ({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, ref) => /* @__PURE__ */ React.createElement("svg", { "data-preply-ds-component": "SvgTokyoUIIcon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M18.707 9.707 12 16.414 5.293 9.707l1.414-1.414L12 13.586l5.293-5.293z" }));
8
+ const ForwardRef = forwardRef(SvgTokyoUiChevronDown);
9
+ export {
10
+ ForwardRef as F
11
+ };
@@ -1,5 +1,5 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
2
  .badge__Aj95L {
3
3
  display: -webkit-inline-box;
4
4
  display: -ms-inline-flexbox;
@@ -10,6 +10,9 @@
10
10
  padding-left: var(--05dd73);
11
11
  padding-right: var(--05dd73);
12
12
  color: var(--628fb7);
13
+ max-width: -webkit-max-content;
14
+ max-width: -moz-max-content;
15
+ max-width: max-content;
13
16
  }
14
17
  .badge__Aj95L > [data-preply-ds-component='Icon'] {
15
18
  -ms-flex-negative: 0;
@@ -1,6 +1,6 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
4
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
4
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
5
5
  .button-width--width-full__nJNYU {
6
6
  width: 100%;
7
7
  }
@@ -867,15 +867,39 @@
867
867
  background-color: var(--5bba7d);
868
868
  }
869
869
  .ButtonBase--variant-ai__QQ5F5 {
870
- -o-border-image: var(--a784e2);
871
- border-image: var(--a784e2);
870
+ position: relative;
871
+ border: var(--0b1b71) solid var(--c03289);
872
+ }
873
+ @supports ((-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0)) or (mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0))) and
874
+ ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
875
+ .ButtonBase--variant-ai__QQ5F5 {
876
+ border-color: transparent;
877
+ }
878
+ .ButtonBase--variant-ai__QQ5F5::before {
879
+ content: '';
880
+ position: absolute;
881
+ top: 0;
882
+ right: 0;
883
+ bottom: 0;
884
+ left: 0;
885
+ border-radius: inherit;
886
+ padding: var(--0b1b71);
887
+ margin: calc(-1 * var(--0b1b71));
888
+ background: var(--cab35d);
889
+ -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
890
+ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
891
+ mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
892
+ mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
893
+ -webkit-mask-composite: xor;
894
+ mask-composite: exclude;
895
+ pointer-events: none;
896
+ }
897
+ }
898
+ .ButtonBase--variant-ai__QQ5F5[disabled]:before {
899
+ display: none;
872
900
  }
873
901
  .ButtonBase--variant-ai__QQ5F5[disabled],
874
902
  .ButtonBase--variant-ai__QQ5F5[disabled]:hover {
875
- -o-border-image: none;
876
- border-image: none;
877
- -o-border-image: initial;
878
- border-image: initial;
879
903
  border-color: var(--6ac212);
880
904
  }
881
905
  .ButtonBase--no-wrap__U0fYw {
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
4
4
  .overlay__otkvG {
5
5
  background-color: var(--02a0d5);
6
6
  position: fixed;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Nov 20 2025 14:49:11 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Nov 20 2025 14:49:13 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 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 @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
2
  .ProgressSteps__FoPeH {
3
3
  display: -webkit-box;
4
4
  display: -ms-flexbox;
@@ -0,0 +1,258 @@
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri Dec 05 2025 08:14:11 GMT+0000 (Coordinated Universal Time) */
3
+ @-webkit-keyframes fade-in__KIt7M {
4
+ 0% {
5
+ opacity: 0;
6
+ }
7
+ 100% {
8
+ opacity: 1;
9
+ }
10
+ }
11
+ @keyframes fade-in__KIt7M {
12
+ 0% {
13
+ opacity: 0;
14
+ }
15
+ 100% {
16
+ opacity: 1;
17
+ }
18
+ }
19
+ @-webkit-keyframes fade-out__zj-by {
20
+ 0% {
21
+ opacity: 1;
22
+ }
23
+ 100% {
24
+ opacity: 0;
25
+ }
26
+ }
27
+ @keyframes fade-out__zj-by {
28
+ 0% {
29
+ opacity: 1;
30
+ }
31
+ 100% {
32
+ opacity: 0;
33
+ }
34
+ }
35
+ @-webkit-keyframes mobile-content-show__KWt2y {
36
+ from {
37
+ -webkit-transform: translateY(100%);
38
+ transform: translateY(100%);
39
+ }
40
+ to {
41
+ -webkit-transform: translateY(0);
42
+ transform: translateY(0);
43
+ }
44
+ }
45
+ @keyframes mobile-content-show__KWt2y {
46
+ from {
47
+ -webkit-transform: translateY(100%);
48
+ transform: translateY(100%);
49
+ }
50
+ to {
51
+ -webkit-transform: translateY(0);
52
+ transform: translateY(0);
53
+ }
54
+ }
55
+ @-webkit-keyframes mobile-content-hide__RbAVZ {
56
+ from {
57
+ -webkit-transform: translateY(0);
58
+ transform: translateY(0);
59
+ }
60
+ to {
61
+ -webkit-transform: translateY(100%);
62
+ transform: translateY(100%);
63
+ }
64
+ }
65
+ @keyframes mobile-content-hide__RbAVZ {
66
+ from {
67
+ -webkit-transform: translateY(0);
68
+ transform: translateY(0);
69
+ }
70
+ to {
71
+ -webkit-transform: translateY(100%);
72
+ transform: translateY(100%);
73
+ }
74
+ }
75
+ .trigger__e7qqO {
76
+ all: unset;
77
+ cursor: pointer;
78
+ background-color: var(--3546c3);
79
+ color: var(--628fb7);
80
+ font-weight: var(--1bc44d);
81
+ font-size: var(--9c8f04);
82
+ line-height: var(--3dd5bc);
83
+ --border-size: var(--26b8e3);
84
+ border: var(--border-size) solid var(--c03289);
85
+ border-radius: var(--fa4b1a);
86
+ height: var(--51a539);
87
+ width: 100%;
88
+ display: -webkit-box;
89
+ display: -ms-flexbox;
90
+ display: flex;
91
+ -webkit-box-align: center;
92
+ -ms-flex-align: center;
93
+ align-items: center;
94
+ padding-left: calc(var(--558c4c) - var(--border-size));
95
+ padding-right: calc(var(--66b80b) - var(--border-size));
96
+ gap: var(--66b80b);
97
+ -webkit-box-sizing: border-box;
98
+ box-sizing: border-box;
99
+ -webkit-transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 220ms cubic-bezier(0.22, 1, 0.36, 1);
100
+ transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 220ms cubic-bezier(0.22, 1, 0.36, 1);
101
+ }
102
+ .trigger__e7qqO > .chevron__jR5Zn {
103
+ margin-left: auto;
104
+ }
105
+ .trigger__e7qqO:focus-visible {
106
+ outline-style: solid;
107
+ outline-color: var(--603ec6);
108
+ outline-width: var(--99d31f);
109
+ outline-offset: var(--c0b12c);
110
+ }
111
+ .trigger__e7qqO[data-placeholder] {
112
+ color: var(--0bad98);
113
+ }
114
+ .trigger__e7qqO[data-state='open'] {
115
+ border-color: var(--5b4fe9);
116
+ }
117
+ .trigger__e7qqO[data-state='open'] > .chevron__jR5Zn {
118
+ rotate: 180deg;
119
+ }
120
+ .trigger__e7qqO[disabled] {
121
+ cursor: not-allowed;
122
+ background-color: var(--319b29);
123
+ }
124
+ .trigger__e7qqO[aria-invalid='true'] {
125
+ border-color: var(--7b0f41);
126
+ background-color: var(--95df5b);
127
+ color: var(--7b0f41);
128
+ }
129
+ .trigger__e7qqO:hover:not([disabled]):not([aria-invalid='true']) {
130
+ background-color: var(--302ecf);
131
+ border-color: var(--11d206);
132
+ }
133
+ .content__NwpTO {
134
+ position: fixed;
135
+ top: 0;
136
+ right: 0;
137
+ bottom: 0;
138
+ left: 0;
139
+ top: auto;
140
+ margin: auto;
141
+ width: 100%;
142
+ border-radius: var(--fa4b1a) var(--fa4b1a) 0 0;
143
+ padding: var(--813599);
144
+ z-index: auto;
145
+ z-index: var(--ds-select-z-index-override, auto);
146
+ background-color: var(--3546c3);
147
+ -webkit-box-shadow: var(--ecd97a);
148
+ box-shadow: var(--ecd97a);
149
+ }
150
+ .content__NwpTO .viewport__SgLBh {
151
+ display: -webkit-box;
152
+ display: -ms-flexbox;
153
+ display: flex;
154
+ -webkit-box-orient: vertical;
155
+ -webkit-box-direction: normal;
156
+ -ms-flex-direction: column;
157
+ flex-direction: column;
158
+ gap: var(--590b8d);
159
+ max-height: 80vh;
160
+ }
161
+ @media (min-width: 700px) {
162
+ .content__NwpTO .viewport__SgLBh {
163
+ max-height: min(500px, var(--radix-select-content-available-height));
164
+ }
165
+ }
166
+ .content__NwpTO .item__iOFtY {
167
+ cursor: pointer;
168
+ width: 100%;
169
+ height: var(--51a539);
170
+ color: var(--628fb7);
171
+ font-weight: var(--1bc44d);
172
+ font-size: var(--9c8f04);
173
+ line-height: var(--3dd5bc);
174
+ padding: var(--813599);
175
+ border-radius: var(--5e8be4);
176
+ display: -webkit-box;
177
+ display: -ms-flexbox;
178
+ display: flex;
179
+ -webkit-box-align: center;
180
+ -ms-flex-align: center;
181
+ align-items: center;
182
+ gap: var(--66b80b);
183
+ -webkit-transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1);
184
+ transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1);
185
+ }
186
+ .content__NwpTO .item__iOFtY > .indicator__FesN8 {
187
+ margin-left: auto;
188
+ }
189
+ .content__NwpTO .item__iOFtY[data-highlighted]:focus-visible {
190
+ outline-style: solid;
191
+ outline-color: var(--603ec6);
192
+ outline-width: var(--99d31f);
193
+ outline-offset: var(--c0b12c);
194
+ outline-offset: -2px;
195
+ }
196
+ .content__NwpTO .item__iOFtY[data-highlighted]:hover {
197
+ outline: none;
198
+ background-color: var(--302ecf);
199
+ }
200
+ .content__NwpTO .item__iOFtY[data-state='checked'] {
201
+ outline: none;
202
+ background-color: var(--a5c761);
203
+ }
204
+ .content__NwpTO .group__rZ-2W {
205
+ display: -webkit-box;
206
+ display: -ms-flexbox;
207
+ display: flex;
208
+ -webkit-box-orient: vertical;
209
+ -webkit-box-direction: normal;
210
+ -ms-flex-direction: column;
211
+ flex-direction: column;
212
+ gap: var(--590b8d);
213
+ }
214
+ .content__NwpTO .group__rZ-2W .groupLabel__fC3jF {
215
+ color: var(--628fb7);
216
+ font-weight: var(--a3f251);
217
+ font-size: var(--475c79);
218
+ line-height: var(--e33d9e);
219
+ padding-top: var(--813599);
220
+ padding-bottom: var(--590b8d);
221
+ padding-left: var(--813599);
222
+ padding-right: var(--813599);
223
+ }
224
+ .content__NwpTO .group__rZ-2W:not(:first-child) {
225
+ border-top: var(--f3fdd6) solid var(--c03289);
226
+ padding-top: var(--53860b);
227
+ }
228
+ @media (prefers-reduced-motion: no-preference) {
229
+ .content__NwpTO[data-state='open'] {
230
+ -webkit-animation: mobile-content-show__KWt2y 220ms cubic-bezier(0.22, 1, 0.36, 1);
231
+ animation: mobile-content-show__KWt2y 220ms cubic-bezier(0.22, 1, 0.36, 1);
232
+ }
233
+ .content__NwpTO[data-state='closed'] {
234
+ -webkit-animation: mobile-content-hide__RbAVZ 220ms cubic-bezier(0.22, 1, 0.36, 1);
235
+ animation: mobile-content-hide__RbAVZ 220ms cubic-bezier(0.22, 1, 0.36, 1);
236
+ }
237
+ }
238
+ @media (min-width: 700px) {
239
+ .content__NwpTO {
240
+ position: relative;
241
+ right: auto;
242
+ bottom: auto;
243
+ left: auto;
244
+ top: auto;
245
+ margin: 0;
246
+ min-width: var(--radix-select-trigger-width);
247
+ border-radius: var(--fa4b1a);
248
+ padding: var(--590b8d);
249
+ }
250
+ .content__NwpTO[data-state='open'] {
251
+ -webkit-animation: fade-in__KIt7M forwards 220ms cubic-bezier(0.22, 1, 0.36, 1);
252
+ animation: fade-in__KIt7M forwards 220ms cubic-bezier(0.22, 1, 0.36, 1);
253
+ }
254
+ .content__NwpTO[data-state='closed'] {
255
+ -webkit-animation: fade-out__zj-by forwards 220ms cubic-bezier(0.22, 1, 0.36, 1);
256
+ animation: fade-out__zj-by forwards 220ms cubic-bezier(0.22, 1, 0.36, 1);
257
+ }
258
+ }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Nov 20 2025 14:49:12 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri Dec 05 2025 08:14:10 GMT+0000 (Coordinated Universal Time) */
2
2
  .root__QwW3E {
3
3
  height: var(--7789ee);
4
4
  position: relative;