@preply/ds-web-lib 3.3.0 → 3.4.1

package/dist/Slider-BXzNSu7n.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as Primitive from "@radix-ui/react-slider";
+import { getDatasetProps } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import './assets/Slider.css';const root = "root__QwW3E";
+const track = "track__iifdu";
+const range = "range__ZdmUh";
+const thumb = "thumb__7W7O-";
+const styles = {
+  root,
+  track,
+  range,
+  thumb
+};
+function filterThumbProps(props) {
+  const thumbProps = {};
+  Object.entries(props).forEach(([key, value]) => {
+    switch (key) {
+      case "id":
+      case "aria-label":
+      case "aria-labelledby":
+      case "aria-describedby":
+      case "aria-invalid":
+      case "aria-errormessage":
+        thumbProps[key] = value;
+    }
+  });
+  return thumbProps;
+}
+const Slider = forwardRef(function Slider2({
+  value,
+  defaultValue = 0,
+  onValueChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  dataset,
+  ...thumbProps
+}, ref) {
+  const datasetProps = getDatasetProps(dataset, {
+    preplyDsComponent: webComponentNames.Slider
+  });
+  const handleValueChange = onValueChange ? (newValue) => onValueChange(newValue[0]) : void 0;
+  return /* @__PURE__ */ jsxs(Primitive.Root, { ref, ...datasetProps, className: styles.root, value: value !== void 0 ? [value] : void 0, defaultValue: defaultValue !== void 0 ? [defaultValue] : void 0, onValueChange: handleValueChange, min, max, step, 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 })
+  ] });
+});
+export {
+  Slider as S,
+  filterThumbProps as f,
+  styles as s
+};

package/dist/assets/Accordion.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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .accordion__GSBx4 {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/dist/assets/AlertDialog.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes overlayShow__DlV95 {
   from {
     opacity: 0;

package/dist/assets/Avatar.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .Avatar__ENaap {
   display: inline-block;
 }

package/dist/assets/AvatarWithStatus.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
 .AvatarWithStatus__STt5I {
   display: inline-block;
   position: relative;

package/dist/assets/Badge.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .badge__Aj95L {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/dist/assets/Box.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .Box__sKgFi {
   margin: 0;
   list-style: none;

package/dist/assets/Button.css

@@ -1,7 +1,7 @@
-/* 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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .Button__lJRiF .leadingIcon__OZj4E,
 .Button__lJRiF .trailingIcon__d6fiW {
   display: -webkit-box;

package/dist/assets/ButtonBase.css

@@ -1,7 +1,7 @@
-/* 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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .button-width--width-full__nJNYU {
   width: 100%;
 }
@@ -899,6 +899,7 @@
 .ButtonBase--variant-primary__EgRuu[disabled],
 .ButtonBase--variant-primary__EgRuu[disabled]:hover {
   border-color: var(--f0720e);
+  background-color: var(--818487);
 }
 .ButtonBase--variant-primary__EgRuu:active,
 .ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ {
@@ -927,6 +928,7 @@
 .ButtonBase--variant-secondary__GphQb[disabled],
 .ButtonBase--variant-secondary__GphQb[disabled]:hover {
   border-color: var(--3f0f51);
+  background-color: var(--ce895b);
 }
 .ButtonBase--variant-secondary__GphQb:active,
 .ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F {
@@ -955,6 +957,7 @@
 .ButtonBase--variant-tertiary__O9c3W[disabled],
 .ButtonBase--variant-tertiary__O9c3W[disabled]:hover {
   border-color: var(--fd08b7);
+  background-color: var(--a8b810);
 }
 .ButtonBase--variant-tertiary__O9c3W:active,
 .ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ {
@@ -983,6 +986,7 @@
 .ButtonBase--variant-quaternary__pLeI5[disabled],
 .ButtonBase--variant-quaternary__pLeI5[disabled]:hover {
   border-color: var(--3e2684);
+  background-color: var(--b973db);
 }
 .ButtonBase--variant-quaternary__pLeI5:active,
 .ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU {
@@ -1011,6 +1015,7 @@
 .ButtonBase--variant-ghost__ezCgl[disabled],
 .ButtonBase--variant-ghost__ezCgl[disabled]:hover {
   border-color: var(--af2d26);
+  background-color: var(--625417);
 }
 .ButtonBase--variant-ghost__ezCgl:active,
 .ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb {
@@ -1043,6 +1048,7 @@
 .ButtonBase--variant-plain__NngTh[disabled],
 .ButtonBase--variant-plain__NngTh[disabled]:hover {
   border-color: var(--c6b607);
+  background-color: var(--c970d4);
 }
 .ButtonBase--variant-plain__NngTh:active,
 .ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e {
@@ -1071,6 +1077,7 @@
 .ButtonBase--variant-dangerous__WpJz8[disabled],
 .ButtonBase--variant-dangerous__WpJz8[disabled]:hover {
   border-color: var(--7deffa);
+  background-color: var(--8d2e23);
 }
 .ButtonBase--variant-dangerous__WpJz8:active,
 .ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n {
@@ -1099,6 +1106,7 @@
 .ButtonBase--variant-critical__0FoGb[disabled],
 .ButtonBase--variant-critical__0FoGb[disabled]:hover {
   border-color: var(--e117c7);
+  background-color: var(--1ce20d);
 }
 .ButtonBase--variant-critical__0FoGb:active,
 .ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9 {
@@ -1127,6 +1135,7 @@
 .ButtonBase--variant-onColor__gDgiZ[disabled],
 .ButtonBase--variant-onColor__gDgiZ[disabled]:hover {
   border-color: var(--e1a214);
+  background-color: var(--720019);
 }
 .ButtonBase--variant-onColor__gDgiZ:active,
 .ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i {
@@ -1155,6 +1164,7 @@
 .ButtonBase--variant-classroom__HVQMA[disabled],
 .ButtonBase--variant-classroom__HVQMA[disabled]:hover {
   border-color: var(--659377);
+  background-color: var(--249654);
 }
 .ButtonBase--variant-classroom__HVQMA:active,
 .ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs {
@@ -1187,6 +1197,7 @@
 .ButtonBase--variant-primaryB2b__mqIFn[disabled],
 .ButtonBase--variant-primaryB2b__mqIFn[disabled]:hover {
   border-color: var(--e7f949);
+  background-color: var(--8c7723);
 }
 .ButtonBase--variant-primaryB2b__mqIFn:active,
 .ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P {
@@ -1215,6 +1226,7 @@
 .ButtonBase--variant-primaryTutor__0m-N0[disabled],
 .ButtonBase--variant-primaryTutor__0m-N0[disabled]:hover {
   border-color: var(--f6a20e);
+  background-color: var(--07d682);
 }
 .ButtonBase--variant-primaryTutor__0m-N0:active,
 .ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46 {
@@ -1243,6 +1255,7 @@
 .ButtonBase--variant-inverted__espSx[disabled],
 .ButtonBase--variant-inverted__espSx[disabled]:hover {
   border-color: var(--e797f1);
+  background-color: var(--b1756a);
 }
 .ButtonBase--variant-inverted__espSx:active,
 .ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p {
@@ -1271,6 +1284,7 @@
 .ButtonBase--variant-newFeature__kiL3X[disabled],
 .ButtonBase--variant-newFeature__kiL3X[disabled]:hover {
   border-color: var(--7d2338);
+  background-color: var(--e8c509);
 }
 .ButtonBase--variant-newFeature__kiL3X:active,
 .ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo {
@@ -1299,6 +1313,7 @@
 .ButtonBase--variant-ai__QQ5F5[disabled],
 .ButtonBase--variant-ai__QQ5F5[disabled]:hover {
   border-color: var(--6ac212);
+  background-color: var(--d35901);
 }
 .ButtonBase--variant-ai__QQ5F5:active,
 .ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u {

package/dist/assets/Checkbox.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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .checkbox__KtCna {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/dist/assets/Chips.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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .chips__EeC-E {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/CountryFlag.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .flag__wPkCc {
   border-radius: var(--e38d71);
   border: 0.5px solid var(--b445b1);

package/dist/assets/Dialog.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/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 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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes overlayShow__9RhbW {
   from {
     opacity: 0;
@@ -153,12 +153,21 @@
   top: auto;
   margin: auto;
   width: 100%;
-  padding: var(--f1b498) var(--558c4c);
+  max-height: 100%;
+  overflow: scroll;
+  border-top-left-radius: var(--fa4b1a);
+  border-top-right-radius: var(--fa4b1a);
   -webkit-box-shadow: var(--df7dbb);
           box-shadow: var(--df7dbb);
+  --dialog-padding: var(--f1b498);
+  --dialog-mobile-inline-padding: var(--558c4c);
+  padding: var(--dialog-padding) var(--dialog-mobile-inline-padding);
   z-index: auto;
   z-index: var(--ds-dialog-content-z-index-override, auto);
 }
+.Dialog__kEfBp.fullscreen__RL5eF {
+  border-radius: 0;
+}
 @media (prefers-reduced-motion: no-preference) {
   .Dialog__kEfBp[data-state='open'] {
     -webkit-animation: mobileContentShow__U0Qy- 250ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -169,166 +178,6 @@
             animation: mobileContentHide__90KRP 250ms cubic-bezier(0.4, 0, 0.2, 1);
   }
 }
-.Dialog--size-xs__p2N5- {
-  height: 30%;
-  border-top-left-radius: var(--fa4b1a);
-  border-top-right-radius: var(--fa4b1a);
-}
-@media (min-width: 400px) {
-  .Dialog--narrow-l--size-xs__S-4vk {
-    height: 30%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 700px) {
-  .Dialog--medium-s--size-xs__P8OWN {
-    height: 30%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 880px) {
-  .Dialog--medium-l--size-xs__rJXys {
-    height: 30%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 1200px) {
-  .Dialog--wide-s--size-xs__lufm- {
-    height: 30%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 1900px) {
-  .Dialog--wide-l--size-xs__hbFeK {
-    height: 30%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-.Dialog--size-sm__Wz3Su {
-  height: 60%;
-  border-top-left-radius: var(--fa4b1a);
-  border-top-right-radius: var(--fa4b1a);
-}
-@media (min-width: 400px) {
-  .Dialog--narrow-l--size-sm__toxzK {
-    height: 60%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 700px) {
-  .Dialog--medium-s--size-sm__u8vh9 {
-    height: 60%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 880px) {
-  .Dialog--medium-l--size-sm__r7OL8 {
-    height: 60%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 1200px) {
-  .Dialog--wide-s--size-sm__6so6w {
-    height: 60%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 1900px) {
-  .Dialog--wide-l--size-sm__NwqDQ {
-    height: 60%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-.Dialog--size-md__LgeyZ {
-  height: 90%;
-  border-top-left-radius: var(--fa4b1a);
-  border-top-right-radius: var(--fa4b1a);
-}
-@media (min-width: 400px) {
-  .Dialog--narrow-l--size-md__y9u-U {
-    height: 90%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 700px) {
-  .Dialog--medium-s--size-md__pAaLH {
-    height: 90%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 880px) {
-  .Dialog--medium-l--size-md__Tllt2 {
-    height: 90%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 1200px) {
-  .Dialog--wide-s--size-md__O0TVv {
-    height: 90%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-@media (min-width: 1900px) {
-  .Dialog--wide-l--size-md__kVJvb {
-    height: 90%;
-    border-top-left-radius: var(--fa4b1a);
-    border-top-right-radius: var(--fa4b1a);
-  }
-}
-.Dialog--size-lg__X6mjO {
-  height: 100%;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-@media (min-width: 400px) {
-  .Dialog--narrow-l--size-lg__TCmXz {
-    height: 100%;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}
-@media (min-width: 700px) {
-  .Dialog--medium-s--size-lg__61vCi {
-    height: 100%;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}
-@media (min-width: 880px) {
-  .Dialog--medium-l--size-lg__06UXd {
-    height: 100%;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}
-@media (min-width: 1200px) {
-  .Dialog--wide-s--size-lg__-xhKP {
-    height: 100%;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}
-@media (min-width: 1900px) {
-  .Dialog--wide-l--size-lg__EOftK {
-    height: 100%;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-}
 @media (min-width: 880px) {
   .Dialog__kEfBp {
     top: 0;
@@ -336,7 +185,8 @@
     height: -moz-fit-content;
     height: fit-content;
     border-radius: var(--fa4b1a);
-    padding: var(--f1b498);
+    padding: var(--dialog-padding);
+    max-height: calc(100% - var(--42fccf));
   }
   .Dialog--size-xs__p2N5- {
     width: 440px;
@@ -583,11 +433,17 @@
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
   gap: var(--558c4c);
-  margin-top: var(--558c4c);
+  padding-top: var(--558c4c);
+  padding-bottom: var(--558c4c);
+  background-color: var(--3546c3);
+  position: sticky;
+  --dialog-block-padding-offset: calc(-1 * var(--dialog-padding));
+  bottom: var(--dialog-block-padding-offset);
+  margin-bottom: var(--dialog-block-padding-offset);
 }
 @media (min-width: 400px) {
   .Dialog__kEfBp .actions__QrK7- {

package/dist/assets/FieldButton.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/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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .FieldButton__OWtNd {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/FormControl.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .container__dtKps {
   --ds-input-scroll-margin-top: var(--d434fb);
   display: -webkit-box;

package/dist/assets/Heading.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .Heading__Lv13n {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

package/dist/assets/Icon.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .Icon__jDdMD {
   display: inline-block;
   vertical-align: text-top;

package/dist/assets/InputContainer.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/hover/web-core-hover-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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .container__B-gQ9 {
   width: 100%;
   position: relative;

package/dist/assets/LayoutFlex.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 @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 [data-preply-ds-component="LayoutFlex"] {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/LayoutFlexItem.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 @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .LayoutFlexItem__0eYcj {
   padding: 0;
   margin: 0;

package/dist/assets/Link.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Aug 11 2025 12:55:18 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Aug 11 2025 12:55:22 GMT+0000 (Coordinated Universal Time) */
 .Link__0oP-l {
   display: inline-block;
   border-radius: var(--5eeb28);

package/dist/assets/Loader.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .Loader__sOe0E {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/dist/assets/OnboardingTooltip.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .content__n7yV2 {
   background-color: var(--79dffb);
   border-radius: var(--fa4b1a);

package/dist/assets/OnboardingTour.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .counter__e0-bi {
   -webkit-box-flex: 1;
       -ms-flex: 1;

package/dist/assets/PreplyLogo.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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .PreplyLogo__Grf-P {
   display: inline-block;
 }

package/dist/assets/ProgressBar.css

@@ -1,9 +1,10 @@
-/* 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 @Mon Aug 11 2025 12:55:19 GMT+0000 (Coordinated Universal Time) */
 .ProgressBar__BR9lE {
   display: block;
   height: var(--c484d1);
   position: relative;
   border: var(--26b8e3) solid var(--11d206);
+  border-radius: var(--aa6dcb);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }