@preply/ds-web-lib 3.3.0 → 3.4.0

package/dist/assets/ProgressSteps.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
 .ProgressSteps__FoPeH {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -17,6 +17,14 @@
   border-color: var(--11d206);
   border-width: var(--26b8e3);
 }
+.ProgressSteps__FoPeH > .step__iXjRm:first-of-type {
+  border-top-left-radius: var(--aa6dcb);
+  border-bottom-left-radius: var(--aa6dcb);
+}
+.ProgressSteps__FoPeH > .step__iXjRm:last-of-type {
+  border-top-right-radius: var(--aa6dcb);
+  border-bottom-right-radius: var(--aa6dcb);
+}
 .ProgressSteps__FoPeH > .step__iXjRm::after {
   position: absolute;
   content: '';

package/dist/assets/Slider.css

@@ -0,0 +1,50 @@
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+.root__QwW3E {
+  height: var(--7789ee);
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -ms-touch-action: none;
+      touch-action: none;
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+.track__iifdu {
+  background-color: var(--c03289);
+  position: relative;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  height: var(--53860b);
+}
+.range__ZdmUh {
+  position: absolute;
+  background-color: var(--95b129);
+  height: var(--53860b);
+}
+.thumb__7W7O- {
+  display: block;
+  width: var(--7789ee);
+  height: var(--7789ee);
+  background-color: var(--3546c3);
+  border: var(--05dd73) solid var(--95b129);
+  border-radius: var(--fa4b1a);
+}
+.thumb__7W7O-:active {
+  cursor: grabbing;
+  cursor: -webkit-grabbing;
+}
+.thumb__7W7O-:focus-visible {
+  outline-style: solid;
+  outline-color: var(--603ec6);
+  outline-width: var(--99d31f);
+  outline-offset: var(--c0b12c);
+}

package/dist/assets/Spinner.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes spin__6opuF {
   from {
     -webkit-transform: rotate(0deg);

package/dist/assets/Steps.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
 .steps__BxrkC[aria-busy='true'] {
   cursor: wait;
 }

package/dist/assets/Text.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .Text__uVacy {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

package/dist/assets/TextHighlighted.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .TextHighlighted__ehLpO {
   display: inline-block;
   padding-left: var(--58c1e5);

package/dist/assets/TextInline.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .TextInline__SqhPj {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

package/dist/assets/Toast.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .toast__JkBNR {
   /*
      * This variable comes from sonner. We're setting it manually here because

package/dist/assets/Tooltip.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
 .content__ZZg4T {
   background-color: var(--4983fe);
   color: var(--c2b191);

package/dist/assets/align-self.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .AlignSelf__huNbz.AlignSelf--align-self-start__Pk4Ld {
   -ms-flex-item-align: start;
       align-self: start;

package/dist/assets/color.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
 .Color__vfkGX.Color--color-white__dhbZ3 {
   color: var(--145676);
 }

package/dist/assets/exp-color.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
 .ExpColor__S0PGo.ExpColor--exp-color-grey-0__DKudt {
   color: var(--d751dc);
 }

package/dist/assets/layout-gap.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-gap="none"],
 [data-preply-ds-component="LayoutFlex"][data-ds-gap*='"_":"none"'] {
   gap: var(--74358d);

package/dist/assets/layout-grid.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .LayoutGrid__-dslt {
   list-style: none;
   font-weight: inherit;

package/dist/assets/layout-hide.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-display="hide"],
 [data-preply-ds-component="LayoutFlex"][data-ds-display*='"_":"hide"'] {
   display: none;

package/dist/assets/layout-padding.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-padding="none"],
 [data-preply-ds-component="LayoutFlex"][data-ds-padding*='"_":"none"'] {
   padding: var(--74358d);

package/dist/assets/layout-relative.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"][data-ds-relative="true"],
 [data-preply-ds-component="LayoutFlex"][data-ds-relative*='"_":true'] {
   position: relative;

package/dist/assets/text-accent.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
 .TextAccent__AfPNQ.TextAccent--accent-default__rjbSO {
   color: var(--aface6);
 }

package/dist/assets/text-centered.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Jul 31 2025 14:55:29 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu Aug 07 2025 16:11:00 GMT+0000 (Coordinated Universal Time) */
 .TextCentered__7KaTF.TextCentered--centered__4f-qW {
   text-align: center;
 }

package/dist/assets/text-weight.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Jul 31 2025 14:55:25 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Jul 31 2025 14:55:26 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu Aug 07 2025 16:10:56 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu Aug 07 2025 16:10:57 GMT+0000 (Coordinated Universal Time) */
 .TextWeight__nr38y.TextWeight--weight-400__FwN8u {
   font-weight: var(--73984e);
 }

package/dist/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAe,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYtD,MAAM,MAAM,WAAW,GAAG;IACtB,4CAA4C;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAC7C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA0DF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAkBF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAoC,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYtD,MAAM,MAAM,WAAW,GAAG;IACtB,4CAA4C;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAC7C;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA+DF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAkBF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as o from "react";
-import { forwardRef, useCallback } from "react";
+import { forwardRef, useCallback, useState, useEffect } from "react";
 import * as Primitive from "@radix-ui/react-dialog";
 import { usePortalElement } from "@preply/ds-web-root";
 import { Button } from "../Button/Button.js";
@@ -21,6 +21,7 @@ const overlay = "overlay__otkvG";
 const overlayShow = "overlayShow__9RhbW";
 const overlayHide = "overlayHide__jsj3I";
 const Dialog$1 = "Dialog__kEfBp";
+const fullscreen = "fullscreen__RL5eF";
 const mobileContentShow = "mobileContentShow__U0Qy-";
 const mobileContentHide = "mobileContentHide__90KRP";
 const contentShow = "contentShow__19MY3";
@@ -33,34 +34,35 @@ const styles = {
   overlayShow,
   overlayHide,
   Dialog: Dialog$1,
+  fullscreen,
   mobileContentShow,
   mobileContentHide,
   "Dialog--size-xs": "Dialog--size-xs__p2N5-",
+  "Dialog--size-sm": "Dialog--size-sm__Wz3Su",
+  "Dialog--size-md": "Dialog--size-md__LgeyZ",
+  "Dialog--size-lg": "Dialog--size-lg__X6mjO",
+  contentShow,
+  contentHide,
   "Dialog--narrow-l--size-xs": "Dialog--narrow-l--size-xs__S-4vk",
   "Dialog--medium-s--size-xs": "Dialog--medium-s--size-xs__P8OWN",
   "Dialog--medium-l--size-xs": "Dialog--medium-l--size-xs__rJXys",
   "Dialog--wide-s--size-xs": "Dialog--wide-s--size-xs__lufm-",
   "Dialog--wide-l--size-xs": "Dialog--wide-l--size-xs__hbFeK",
-  "Dialog--size-sm": "Dialog--size-sm__Wz3Su",
   "Dialog--narrow-l--size-sm": "Dialog--narrow-l--size-sm__toxzK",
   "Dialog--medium-s--size-sm": "Dialog--medium-s--size-sm__u8vh9",
   "Dialog--medium-l--size-sm": "Dialog--medium-l--size-sm__r7OL8",
   "Dialog--wide-s--size-sm": "Dialog--wide-s--size-sm__6so6w",
   "Dialog--wide-l--size-sm": "Dialog--wide-l--size-sm__NwqDQ",
-  "Dialog--size-md": "Dialog--size-md__LgeyZ",
   "Dialog--narrow-l--size-md": "Dialog--narrow-l--size-md__y9u-U",
   "Dialog--medium-s--size-md": "Dialog--medium-s--size-md__pAaLH",
   "Dialog--medium-l--size-md": "Dialog--medium-l--size-md__Tllt2",
   "Dialog--wide-s--size-md": "Dialog--wide-s--size-md__O0TVv",
   "Dialog--wide-l--size-md": "Dialog--wide-l--size-md__kVJvb",
-  "Dialog--size-lg": "Dialog--size-lg__X6mjO",
   "Dialog--narrow-l--size-lg": "Dialog--narrow-l--size-lg__TCmXz",
   "Dialog--medium-s--size-lg": "Dialog--medium-s--size-lg__61vCi",
   "Dialog--medium-l--size-lg": "Dialog--medium-l--size-lg__06UXd",
   "Dialog--wide-s--size-lg": "Dialog--wide-s--size-lg__-xhKP",
   "Dialog--wide-l--size-lg": "Dialog--wide-l--size-lg__EOftK",
-  contentShow,
-  contentHide,
   header,
   description,
   actions
@@ -79,6 +81,7 @@ const DialogComponent = ({
     formatMessage
   } = useIntl();
   const container = usePortalElement();
+  const respondToHeightChange = useResponsiveFullscreenStyle(open);
   const datasetProps = getDatasetProps(dataset, {
     preplyDsComponent: webComponentNames.Dialog
   });
@@ -88,7 +91,7 @@ const DialogComponent = ({
   }, [onClose]);
   return /* @__PURE__ */ jsx(Primitive.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs(Primitive.Portal, { container, children: [
     /* @__PURE__ */ jsx(Primitive.Overlay, { className: styles.overlay, "data-testid": "dialog-overlay" }),
-    /* @__PURE__ */ jsxs(Primitive.Content, { ...datasetProps, className: classNames, children: [
+    /* @__PURE__ */ jsxs(Primitive.Content, { ...datasetProps, ref: respondToHeightChange, className: classNames, children: [
       /* @__PURE__ */ jsxs("header", { className: styles.header, children: [
         /* @__PURE__ */ jsxs("hgroup", { hidden: hideHeader, children: [
           /* @__PURE__ */ jsx(Primitive.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { tag: "h3", variant: "medium", children: title }) }),
@@ -114,6 +117,32 @@ const DialogActions = ({
 const Dialog = Object.assign(DialogComponent, {
   Actions: DialogActions
 });
+function useResponsiveFullscreenStyle(isOpen) {
+  const [el, setEl] = useState(null);
+  const captureRef = useCallback((node) => setEl(node), []);
+  useEffect(() => {
+    if (!isOpen || !el) {
+      return;
+    }
+    const toggleFullscreen = async () => {
+      const animations = el.getAnimations().map((a) => a.finished);
+      await Promise.allSettled(animations);
+      const {
+        y
+      } = el.getBoundingClientRect();
+      el.classList.toggle(styles.fullscreen, y === 0);
+    };
+    toggleFullscreen();
+    window.addEventListener("resize", toggleFullscreen);
+    const resizeObserver = new ResizeObserver(toggleFullscreen);
+    resizeObserver.observe(el);
+    return () => {
+      window.removeEventListener("resize", toggleFullscreen);
+      resizeObserver.disconnect();
+    };
+  }, [isOpen, el]);
+  return captureRef;
+}
 export {
   Dialog
 };

package/dist/components/Slider/RangeSlider.d.ts

@@ -0,0 +1,100 @@
+import { default as React } from 'react';
+import { Dataset } from '@preply/ds-core';
+import { SliderThumbProps } from './Slider';
+export type RangeSliderValue = [start: number, end: number];
+export type RangeSliderProps = SliderThumbProps & {
+    /**
+     * The controlled value of the range slider.
+     * Must be used in conjunction with `onValueChange`.
+     */
+    value?: RangeSliderValue;
+    /**
+     * The value of the range slider when initially rendered.
+     * Use when you do not need to control the state of the range slider.
+     */
+    defaultValue?: RangeSliderValue;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: RangeSliderValue) => void;
+    /**
+     * The name of the range slider. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The minimum value for the range slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value for the range slider.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The slider stepping interval.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * The minimum permitted steps between thumbs.
+     * @default 0
+     */
+    minStepsBetweenThumbs?: number;
+    dataset?: Dataset;
+};
+/**
+ * A slider input that allows users to select a range between two values.
+ *
+ * @example Uncontrolled
+ * <RangeSlider defaultValue={[25, 75]} />
+ *
+ * @example Controlled
+ * const [value, setValue] = useState([25, 75])
+ * <RangeSlider value={value} onValueChange={setValue} />
+ *
+ * @example With minimum steps between thumbs
+ * <RangeSlider defaultValue={[20, 80]} minStepsBetweenThumbs={10} />
+ */
+export declare const RangeSlider: React.ForwardRefExoticComponent<SliderThumbProps & {
+    /**
+     * The controlled value of the range slider.
+     * Must be used in conjunction with `onValueChange`.
+     */
+    value?: RangeSliderValue | undefined;
+    /**
+     * The value of the range slider when initially rendered.
+     * Use when you do not need to control the state of the range slider.
+     */
+    defaultValue?: RangeSliderValue | undefined;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: ((value: RangeSliderValue) => void) | undefined;
+    /**
+     * The name of the range slider. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string | undefined;
+    /**
+     * The minimum value for the range slider.
+     * @default 0
+     */
+    min?: number | undefined;
+    /**
+     * The maximum value for the range slider.
+     * @default 100
+     */
+    max?: number | undefined;
+    /**
+     * The slider stepping interval.
+     * @default 1
+     */
+    step?: number | undefined;
+    /**
+     * The minimum permitted steps between thumbs.
+     * @default 0
+     */
+    minStepsBetweenThumbs?: number | undefined;
+    dataset?: Dataset | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=RangeSlider.d.ts.map

package/dist/components/Slider/RangeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/RangeSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,OAAO,EAAoB,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;IAtDpB;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;kDAC0C,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;;yCAwFN,CAAC"}

package/dist/components/Slider/RangeSlider.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as Primitive from "@radix-ui/react-slider";
+import { s as styles, f as filterThumbProps } from "../../Slider-BXzNSu7n.js";
+import { getDatasetProps } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { useIntl } from "react-intl";
+const RangeSlider = forwardRef(function RangeSlider2({
+  value,
+  defaultValue = [0, 100],
+  onValueChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  minStepsBetweenThumbs = 0,
+  dataset,
+  "aria-label": ariaLabel,
+  ...thumbProps
+}, ref) {
+  const {
+    formatMessage
+  } = useIntl();
+  const datasetProps = getDatasetProps(dataset, {
+    preplyDsComponent: webComponentNames.Slider
+  });
+  const handleValueChange = onValueChange ? (newValue) => onValueChange([newValue[0], newValue[1]]) : void 0;
+  return /* @__PURE__ */ jsxs(Primitive.Root, { ref, ...datasetProps, className: styles.root, value, defaultValue, onValueChange: handleValueChange, min, max, step, minStepsBetweenThumbs, children: [
+    /* @__PURE__ */ jsx(Primitive.Track, { className: styles.track, children: /* @__PURE__ */ jsx(Primitive.Range, { className: styles.range }) }),
+    /* @__PURE__ */ jsx(Primitive.Thumb, { ...filterThumbProps(thumbProps), className: styles.thumb, "aria-label": formatMessage({
+      id: "preply-ds.slider-field.accessibility-label.minimum",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Minimum "
+      }, {
+        "type": 1,
+        "value": "label"
+      }]
+    }, {
+      label: ariaLabel
+    }) }),
+    /* @__PURE__ */ jsx(Primitive.Thumb, { ...filterThumbProps(thumbProps), className: styles.thumb, "aria-label": formatMessage({
+      id: "preply-ds.slider-field.accessibility-label.maximum",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Maximum "
+      }, {
+        "type": 1,
+        "value": "label"
+      }]
+    }, {
+      label: ariaLabel
+    }) })
+  ] });
+});
+export {
+  RangeSlider
+};