@preply/ds-web-lib 3.5.1 → 3.6.0

package/dist/assets/Switch.css

@@ -0,0 +1,57 @@
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+.Switch__-4XFt {
+  all: unset;
+  width: 52px;
+  height: var(--7789ee);
+  border-radius: var(--aa6dcb);
+  background-color: var(--a5c761);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: background-color 220ms cubic-bezier(0.22, 1, 0.36, 1);
+  cursor: pointer;
+}
+.Switch__-4XFt > .thumb__qAYMq {
+  display: inline-block;
+  width: var(--f316e1);
+  height: var(--f316e1);
+  border-radius: var(--aa6dcb);
+  background-color: var(--3546c3);
+  translate: var(--590b8d);
+  -webkit-transition: translate 220ms cubic-bezier(0.22, 1, 0.36, 1);
+  transition: translate 220ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.Switch__-4XFt[aria-checked='true'] {
+  background-color: var(--4983fe);
+}
+.Switch__-4XFt[aria-checked='true'] > .thumb__qAYMq {
+  translate: var(--f316e1);
+}
+.Switch__-4XFt[disabled] {
+  background-color: var(--04daeb);
+  cursor: not-allowed;
+}
+.Switch__-4XFt:focus-visible {
+  outline-style: solid;
+  outline-color: var(--603ec6);
+  outline-width: var(--99d31f);
+  outline-offset: var(--c0b12c);
+}
+@media (pointer: fine) {
+  .Switch__-4XFt {
+    width: 39px;
+    height: var(--f316e1);
+  }
+  .Switch__-4XFt > .thumb__qAYMq {
+    width: 18px;
+    height: 18px;
+    translate: 3px;
+  }
+  .Switch__-4XFt[aria-checked='true'] > .thumb__qAYMq {
+    translate: 18px;
+  }
+}

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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
 .content__ZZg4T {
   background-color: var(--4983fe);
   color: var(--c2b191);

package/dist/assets/VisuallyHidden.css

@@ -0,0 +1,9 @@
+.visuallyHidden__u7xQ9 {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}

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 @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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);
@@ -475,6 +475,9 @@
 .LayoutGap__FdLKD.LayoutGap--gap-4__Yogfa {
   gap: var(--590b8d);
 }
+.LayoutGap__FdLKD.LayoutGap--gap-6__K72nD {
+  gap: var(--f30851);
+}
 .LayoutGap__FdLKD.LayoutGap--gap-8__YbiOh {
   gap: var(--66b80b);
 }
@@ -542,6 +545,9 @@
   .LayoutGap__FdLKD.LayoutGap--narrow-l--gap-4__aN3Fz {
     gap: var(--590b8d);
   }
+  .LayoutGap__FdLKD.LayoutGap--narrow-l--gap-6__w9e8z {
+    gap: var(--f30851);
+  }
   .LayoutGap__FdLKD.LayoutGap--narrow-l--gap-8__oIVC6 {
     gap: var(--66b80b);
   }
@@ -610,6 +616,9 @@
   .LayoutGap__FdLKD.LayoutGap--medium-s--gap-4__ueZf3 {
     gap: var(--590b8d);
   }
+  .LayoutGap__FdLKD.LayoutGap--medium-s--gap-6__cHexS {
+    gap: var(--f30851);
+  }
   .LayoutGap__FdLKD.LayoutGap--medium-s--gap-8__3iOSe {
     gap: var(--66b80b);
   }
@@ -678,6 +687,9 @@
   .LayoutGap__FdLKD.LayoutGap--medium-l--gap-4__BgGU5 {
     gap: var(--590b8d);
   }
+  .LayoutGap__FdLKD.LayoutGap--medium-l--gap-6__piNrc {
+    gap: var(--f30851);
+  }
   .LayoutGap__FdLKD.LayoutGap--medium-l--gap-8__oDZhy {
     gap: var(--66b80b);
   }
@@ -746,6 +758,9 @@
   .LayoutGap__FdLKD.LayoutGap--wide-s--gap-4__lmwS7 {
     gap: var(--590b8d);
   }
+  .LayoutGap__FdLKD.LayoutGap--wide-s--gap-6__Oopm2 {
+    gap: var(--f30851);
+  }
   .LayoutGap__FdLKD.LayoutGap--wide-s--gap-8__xWztG {
     gap: var(--66b80b);
   }
@@ -814,6 +829,9 @@
   .LayoutGap__FdLKD.LayoutGap--wide-l--gap-4__Zc72b {
     gap: var(--590b8d);
   }
+  .LayoutGap__FdLKD.LayoutGap--wide-l--gap-6__jULd6 {
+    gap: var(--f30851);
+  }
   .LayoutGap__FdLKD.LayoutGap--wide-l--gap-8__esj-j {
     gap: var(--66b80b);
   }

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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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);
@@ -583,6 +583,18 @@
 .LayoutPadding__MyMdq.LayoutPadding--padding-left-4__xkaFb {
   padding-left: var(--590b8d);
 }
+.LayoutPadding__MyMdq.LayoutPadding--padding-top-6__f6-lM {
+  padding-top: var(--f30851);
+}
+.LayoutPadding__MyMdq.LayoutPadding--padding-right-6__13Zzt {
+  padding-right: var(--f30851);
+}
+.LayoutPadding__MyMdq.LayoutPadding--padding-bottom-6__f-md0 {
+  padding-bottom: var(--f30851);
+}
+.LayoutPadding__MyMdq.LayoutPadding--padding-left-6__kXjFo {
+  padding-left: var(--f30851);
+}
 .LayoutPadding__MyMdq.LayoutPadding--padding-top-8__-VXK9 {
   padding-top: var(--66b80b);
 }
@@ -848,6 +860,18 @@
   .LayoutPadding__MyMdq.LayoutPadding--narrow-l--padding-left-4__gPVHe {
     padding-left: var(--590b8d);
   }
+  .LayoutPadding__MyMdq.LayoutPadding--narrow-l--padding-top-6__TFmG- {
+    padding-top: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--narrow-l--padding-right-6__4gNEl {
+    padding-right: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--narrow-l--padding-bottom-6__Wj4Fn {
+    padding-bottom: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--narrow-l--padding-left-6__VDjyv {
+    padding-left: var(--f30851);
+  }
   .LayoutPadding__MyMdq.LayoutPadding--narrow-l--padding-top-8__NZMuy {
     padding-top: var(--66b80b);
   }
@@ -1114,6 +1138,18 @@
   .LayoutPadding__MyMdq.LayoutPadding--medium-s--padding-left-4__PdQHK {
     padding-left: var(--590b8d);
   }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-s--padding-top-6__pUjKJ {
+    padding-top: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-s--padding-right-6__GL8op {
+    padding-right: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-s--padding-bottom-6__9oE97 {
+    padding-bottom: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-s--padding-left-6__opxyy {
+    padding-left: var(--f30851);
+  }
   .LayoutPadding__MyMdq.LayoutPadding--medium-s--padding-top-8__xQP0m {
     padding-top: var(--66b80b);
   }
@@ -1380,6 +1416,18 @@
   .LayoutPadding__MyMdq.LayoutPadding--medium-l--padding-left-4__Lt30f {
     padding-left: var(--590b8d);
   }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-l--padding-top-6__IrQpd {
+    padding-top: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-l--padding-right-6__kLl9G {
+    padding-right: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-l--padding-bottom-6__DiWSE {
+    padding-bottom: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--medium-l--padding-left-6__EU5iC {
+    padding-left: var(--f30851);
+  }
   .LayoutPadding__MyMdq.LayoutPadding--medium-l--padding-top-8__-Uohk {
     padding-top: var(--66b80b);
   }
@@ -1646,6 +1694,18 @@
   .LayoutPadding__MyMdq.LayoutPadding--wide-s--padding-left-4__ytoti {
     padding-left: var(--590b8d);
   }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-s--padding-top-6__U8iUC {
+    padding-top: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-s--padding-right-6__k8QyJ {
+    padding-right: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-s--padding-bottom-6__hr1OF {
+    padding-bottom: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-s--padding-left-6__GeYwX {
+    padding-left: var(--f30851);
+  }
   .LayoutPadding__MyMdq.LayoutPadding--wide-s--padding-top-8__KseoD {
     padding-top: var(--66b80b);
   }
@@ -1912,6 +1972,18 @@
   .LayoutPadding__MyMdq.LayoutPadding--wide-l--padding-left-4__SZyKD {
     padding-left: var(--590b8d);
   }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-l--padding-top-6__rJwJK {
+    padding-top: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-l--padding-right-6__FtB2Z {
+    padding-right: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-l--padding-bottom-6__6o8N3 {
+    padding-bottom: var(--f30851);
+  }
+  .LayoutPadding__MyMdq.LayoutPadding--wide-l--padding-left-6__QjBYB {
+    padding-left: var(--f30851);
+  }
   .LayoutPadding__MyMdq.LayoutPadding--wide-l--padding-top-8__YQ-JN {
     padding-top: var(--66b80b);
   }

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 @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 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 @Wed Aug 27 2025 08:33:37 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Sep 09 2025 14:38:31 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 @Wed Aug 27 2025 08:33:33 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Wed Aug 27 2025 08:33:34 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Sep 09 2025 14:38:27 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Sep 09 2025 14:38:28 GMT+0000 (Coordinated Universal Time) */
 .TextWeight__nr38y.TextWeight--weight-400__FwN8u {
   font-weight: var(--73984e);
 }

package/dist/components/BubbleCounter/BubbleCounter.d.ts

@@ -0,0 +1,41 @@
+import { FC, ReactElement } from 'react';
+import { Dataset } from '@preply/ds-core';
+export type BubbleCounterProps = {
+    /**
+     * The counter's current value;
+     *
+     * - If `undefined`, the counter is not rendered.
+     * - If above `limit`, the `limit` value is rendered instead, with a `+`
+     *   suffix.
+     */
+    count?: number;
+    /**
+     * If `true`, the counter will render even if `count` is `undefined`.
+     *
+     * @default false
+     */
+    showEmpty?: boolean;
+    /**
+     * @default 99
+     */
+    limit?: number;
+    /**
+     * @default large
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * @default dark
+     */
+    variant?: 'light' | 'dark';
+    /**
+     * When provided, the `BubbleCounter` will position itself as an indicator
+     * overlay above the target child element.
+     *
+     * This is intended to work on just one child, but will not throw errors if
+     * you pass multiple children in order to avoid breaking UX unnecessarily.
+     */
+    children?: ReactElement;
+    dataset?: Dataset;
+};
+export declare const BubbleCounter: FC<BubbleCounterProps>;
+//# sourceMappingURL=BubbleCounter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleCounter.d.ts","sourceRoot":"","sources":["../../../src/components/BubbleCounter/BubbleCounter.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM/C,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6ChD,CAAC"}

package/dist/components/BubbleCounter/BubbleCounter.js

@@ -0,0 +1,31 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { getDatasetProps } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { b as bubbleCounterStyles } from "../../BubbleCounter.module-QMwXWFIS.js";
+const BubbleCounter = ({
+  count,
+  showEmpty = false,
+  limit = 99,
+  size = "large",
+  variant = "dark",
+  children,
+  dataset
+}) => {
+  if (count === void 0 && !showEmpty) {
+    return children != null ? children : /* @__PURE__ */ jsx(Fragment, {});
+  }
+  const counter = /* @__PURE__ */ jsx("span", { className: [bubbleCounterStyles.bubbleCounter, bubbleCounterStyles[`size-${size}`], bubbleCounterStyles[`variant-${variant}`]].join(" "), ...getDatasetProps(dataset, {
+    preplyDsComponent: webComponentNames.BubbleCounter
+  }), children: typeof count === "number" && /* eslint-disable-next-line formatjs/no-literal-string-in-jsx */
+  (count > limit ? `${limit}+` : count) });
+  if (!children) {
+    return counter;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: bubbleCounterStyles.childTargetOverlay, children: [
+    counter,
+    children
+  ] });
+};
+export {
+  BubbleCounter
+};

package/dist/components/Chips/Chips.types.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { Orientation } from '../../utils/Orientation';
+import { ChipButtonProps } from './private/ChipsPrimitive';
+import { Dataset } from '@preply/ds-core';
+export type CommonChipsProps<T> = {
+    /** Current value of the chips. When provided, the component operates in controlled mode */
+    value?: T;
+    /** Default value for uncontrolled usage. Will be ignored if `value` is provided */
+    defaultValue?: T;
+    /** Callback fired when the value changes. Receives the new value as an argument */
+    onValueChange?: (value: T) => void;
+    /** Layout orientation of the chips group. @default 'horizontal'*/
+    orientation?: Orientation;
+    /** Accessible label for the chips group. Required for screen reader users */
+    'aria-label': string;
+    /** If the chips control other elements on the page, use `aria-controls` with the target element's ID. */
+    'aria-controls'?: string;
+    dataset?: Dataset;
+} & ({
+    children: ReactNode | ReactNode[];
+    items?: never;
+} | {
+    children?: never;
+    items: (Omit<ChipsItemProps, 'value' | 'dsInternalSimulation' | 'children'> & {
+        value: T extends unknown[] ? NonNullable<T[number]> : NonNullable<T>;
+        label: ReactNode;
+    })[];
+});
+export type ChipsItemProps = Pick<ChipButtonProps, 'icon' | 'countryFlagCode' | 'disabled' | 'dsInternalSimulation'> & {
+    /** Unique identifier for this chip. Used for selection tracking */
+    value: string;
+    /** Content to display inside the chip */
+    children: ReactNode;
+    /** Optional numeric counter to display alongside the chip label */
+    counter?: number;
+    dataset?: Dataset;
+};
+//# sourceMappingURL=Chips.types.d.ts.map

package/dist/components/Chips/Chips.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/Chips.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAC9B,2FAA2F;IAC3F,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,kEAAkE;IAClE,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;IACrB,yGAAyG;IACzG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,CACE;IACI,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,sBAAsB,GAAG,UAAU,CAAC,GAAG;QAC1E,KAAK,EAAE,CAAC,SAAS,OAAO,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QACrE,KAAK,EAAE,SAAS,CAAC;KACpB,CAAC,EAAE,CAAC;CACR,CACN,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC7B,eAAe,EACf,MAAM,GAAG,iBAAiB,GAAG,UAAU,GAAG,sBAAsB,CACnE,GAAG;IACA,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/components/Chips/DismissibleChips.d.ts

@@ -0,0 +1,48 @@
+import { default as React, PropsWithRef, RefAttributes } from 'react';
+import { ChipsItemProps, CommonChipsProps } from './Chips.types';
+export type DismissibleChipsProps<T extends string> = CommonChipsProps<T[]>;
+export type DismissibleChipsItemProps = ChipsItemProps;
+interface DismissibleChipsWithRef {
+    <T extends string>(props: PropsWithRef<DismissibleChipsProps<T> & RefAttributes<HTMLUListElement>>): React.ReactElement;
+}
+/**
+ * A chips component for displaying dismissible/removable items.
+ *
+ * @remarks
+ * **Keyboard interactions:**
+ * - **Tab** to enter/exit the component (uses [roving tabindex pattern](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex))
+ * - **Arrow keys** to navigate between chips within the group
+ * - **Space/Enter** to remove the focused chip
+ * - **Delete/Backspace** to remove the focused chip
+ *
+ * @example
+ * ```tsx
+ * <DismissibleChips
+ *   aria-label="Selected skills"
+ *   defaultValue={['vocabulary', 'speaking', 'listening']}
+ * >
+ *   <DismissibleChipsItem value="vocabulary">Vocabulary</DismissibleChipsItem>
+ *   <DismissibleChipsItem value="speaking">Speaking</DismissibleChipsItem>
+ *   <DismissibleChipsItem value="listening">Listening</DismissibleChipsItem>
+ * </DismissibleChips>
+ * ```
+ */
+export declare const DismissibleChips: DismissibleChipsWithRef;
+/**
+ * Individual dismissible chip item for use within DismissibleChips.
+ *
+ * @example
+ * ```tsx
+ * <DismissibleChipsItem value="english">
+ *   English
+ * </DismissibleChipsItem>
+ * ```
+ */
+export declare const DismissibleChipsItem: React.ForwardRefExoticComponent<Pick<import('./private/ChipsPrimitive').ChipButtonProps, "disabled" | "dsInternalSimulation" | "icon" | "countryFlagCode"> & {
+    value: string;
+    children: React.ReactNode;
+    counter?: number | undefined;
+    dataset?: import('@preply/ds-core').Dataset | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=DismissibleChips.d.ts.map

package/dist/components/Chips/DismissibleChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissibleChips.d.ts","sourceRoot":"","sources":["../../../src/components/Chips/DismissibleChips.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAoC,YAAY,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAclG,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAejE,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5E,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC;AAGvD,UAAU,uBAAuB;IAC7B,CAAC,CAAC,SAAS,MAAM,EACb,KAAK,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAChF,KAAK,CAAC,YAAY,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,gBAAgB,yBAkDA,CAAC;AAE9B;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB;;;;;2CA4DhC,CAAC"}