@preply/ds-web-lib 2.0.0 → 2.1.0

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 May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 22 2025 11:02:58 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;
@@ -48,6 +48,6 @@
     position: initial;
   }
 }
-._LayoutRelative_1fvmr_46._LayoutRelative--relative_1fvmr_46 {
+.LayoutRelative__PQtO7.LayoutRelative--relative__eYsOO {
   position: relative;
 }

package/dist/assets/text-accent.css

@@ -1,50 +1,50 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
-._TextAccent_j67m0_3._TextAccent--accent-default_j67m0_3 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 22 2025 11:02:54 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
+.TextAccent__AfPNQ.TextAccent--accent-default__rjbSO {
   color: var(--aface6);
 }
-._TextAccent_j67m0_3._TextAccent--accent-primary_j67m0_6 {
+.TextAccent__AfPNQ.TextAccent--accent-primary__y2VJp {
   color: var(--628fb7);
 }
-._TextAccent_j67m0_3._TextAccent--accent-secondary_j67m0_9 {
+.TextAccent__AfPNQ.TextAccent--accent-secondary__EN2MG {
   color: var(--a2f1c8);
 }
-._TextAccent_j67m0_3._TextAccent--accent-tertiary_j67m0_12 {
+.TextAccent__AfPNQ.TextAccent--accent-tertiary__Di2P9 {
   color: var(--c07ea8);
 }
-._TextAccent_j67m0_3._TextAccent--accent-accentDark_j67m0_15 {
+.TextAccent__AfPNQ.TextAccent--accent-accentDark__k9Bg2 {
   color: var(--690731);
 }
-._TextAccent_j67m0_3._TextAccent--accent-placeholder_j67m0_18 {
+.TextAccent__AfPNQ.TextAccent--accent-placeholder__s77sy {
   color: var(--0bad98);
 }
-._TextAccent_j67m0_3._TextAccent--accent-inverted_j67m0_21 {
+.TextAccent__AfPNQ.TextAccent--accent-inverted__pOSYS {
   color: var(--c2b191);
 }
-._TextAccent_j67m0_3._TextAccent--accent-positive_j67m0_24 {
+.TextAccent__AfPNQ.TextAccent--accent-positive__znwvO {
   color: var(--3e566f);
 }
-._TextAccent_j67m0_3._TextAccent--accent-info_j67m0_27 {
+.TextAccent__AfPNQ.TextAccent--accent-info__rneu6 {
   color: var(--aad149);
 }
-._TextAccent_j67m0_3._TextAccent--accent-warning_j67m0_30 {
+.TextAccent__AfPNQ.TextAccent--accent-warning__cNFBg {
   color: var(--d7c974);
 }
-._TextAccent_j67m0_3._TextAccent--accent-critical_j67m0_33 {
+.TextAccent__AfPNQ.TextAccent--accent-critical__-RJ-l {
   color: var(--8ec9e5);
 }
-._TextAccent_j67m0_3._TextAccent--accent-branded_j67m0_36 {
+.TextAccent__AfPNQ.TextAccent--accent-branded__1Gtaj {
   color: var(--7b5d23);
 }
-._TextAccent_j67m0_3._TextAccent--accent-error_j67m0_39 {
+.TextAccent__AfPNQ.TextAccent--accent-error__qYNyj {
   color: var(--9809d0);
 }
-._TextAccent_j67m0_3._TextAccent--accent-selected_j67m0_42 {
+.TextAccent__AfPNQ.TextAccent--accent-selected__SR-sK {
   color: var(--9ba3b8);
 }
-._TextAccent_j67m0_3._TextAccent--accent-disabled_j67m0_45 {
+.TextAccent__AfPNQ.TextAccent--accent-disabled__HZyzf {
   color: var(--0a84f6);
 }
-._TextAccent_j67m0_3._TextAccent--accent-accent_j67m0_15 {
+.TextAccent__AfPNQ.TextAccent--accent-accent__4Sp61 {
   color: var(--26a5ae);
 }

package/dist/assets/text-centered.css

@@ -1,52 +1,52 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
-._TextCentered_woerd_2._TextCentered--centered_woerd_2 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 22 2025 11:02:58 GMT+0000 (Coordinated Universal Time) */
+.TextCentered__7KaTF.TextCentered--centered__4f-qW {
   text-align: center;
 }
-._TextCentered_woerd_2._TextCentered--initial_woerd_5 {
+.TextCentered__7KaTF.TextCentered--initial__zx7nV {
   text-align: left;
   text-align: initial;
 }
 @media (min-width: 400px) {
-  ._TextCentered_woerd_2._TextCentered--narrow-l--centered_woerd_9 {
+  .TextCentered__7KaTF.TextCentered--narrow-l--centered__9h4So {
     text-align: center;
   }
-  ._TextCentered_woerd_2._TextCentered--narrow-l--initial_woerd_12 {
+  .TextCentered__7KaTF.TextCentered--narrow-l--initial__45Rim {
     text-align: left;
     text-align: initial;
   }
 }
 @media (min-width: 700px) {
-  ._TextCentered_woerd_2._TextCentered--medium-s--centered_woerd_17 {
+  .TextCentered__7KaTF.TextCentered--medium-s--centered__-x8lC {
     text-align: center;
   }
-  ._TextCentered_woerd_2._TextCentered--medium-s--initial_woerd_20 {
+  .TextCentered__7KaTF.TextCentered--medium-s--initial__gI0a7 {
     text-align: left;
     text-align: initial;
   }
 }
 @media (min-width: 880px) {
-  ._TextCentered_woerd_2._TextCentered--medium-l--centered_woerd_25 {
+  .TextCentered__7KaTF.TextCentered--medium-l--centered__OBRt2 {
     text-align: center;
   }
-  ._TextCentered_woerd_2._TextCentered--medium-l--initial_woerd_28 {
+  .TextCentered__7KaTF.TextCentered--medium-l--initial__WN00- {
     text-align: left;
     text-align: initial;
   }
 }
 @media (min-width: 1200px) {
-  ._TextCentered_woerd_2._TextCentered--wide-s--centered_woerd_33 {
+  .TextCentered__7KaTF.TextCentered--wide-s--centered__UwUjF {
     text-align: center;
   }
-  ._TextCentered_woerd_2._TextCentered--wide-s--initial_woerd_36 {
+  .TextCentered__7KaTF.TextCentered--wide-s--initial__tWQv7 {
     text-align: left;
     text-align: initial;
   }
 }
 @media (min-width: 1900px) {
-  ._TextCentered_woerd_2._TextCentered--wide-l--centered_woerd_41 {
+  .TextCentered__7KaTF.TextCentered--wide-l--centered__XvD5D {
     text-align: center;
   }
-  ._TextCentered_woerd_2._TextCentered--wide-l--initial_woerd_44 {
+  .TextCentered__7KaTF.TextCentered--wide-l--initial__80dUb {
     text-align: left;
     text-align: initial;
   }

package/dist/assets/text-weight.css

@@ -1,20 +1,20 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
-._TextWeight_v1yq0_3._TextWeight--weight-400_v1yq0_3 {
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 22 2025 11:02:54 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 22 2025 11:02:55 GMT+0000 (Coordinated Universal Time) */
+.TextWeight__nr38y.TextWeight--weight-400__FwN8u {
   font-weight: var(--73984e);
 }
-._TextWeight_v1yq0_3._TextWeight--weight-500_v1yq0_6 {
+.TextWeight__nr38y.TextWeight--weight-500__czbqt {
   font-weight: var(--6e9792);
 }
-._TextWeight_v1yq0_3._TextWeight--weight-700_v1yq0_9 {
+.TextWeight__nr38y.TextWeight--weight-700__0NzYu {
   font-weight: var(--d5337e);
 }
-._TextWeight_v1yq0_3._TextWeight--weight-normal_v1yq0_12 {
+.TextWeight__nr38y.TextWeight--weight-normal__WoBtA {
   font-weight: var(--5ea101);
 }
-._TextWeight_v1yq0_3._TextWeight--weight-medium_v1yq0_15 {
+.TextWeight__nr38y.TextWeight--weight-medium__73G59 {
   font-weight: var(--2734e9);
 }
-._TextWeight_v1yq0_3._TextWeight--weight-bold_v1yq0_18 {
+.TextWeight__nr38y.TextWeight--weight-bold__1P7zX {
   font-weight: var(--800787);
 }

package/dist/components/AlertDialog/AlertDialog.js

@@ -7,10 +7,10 @@ import { Heading } from "../Heading/Heading.js";
 import { getDatasetProps } from "@preply/ds-web-core";
 import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
 import { Button } from "../Button/Button.js";
-import '../../assets/AlertDialog.css';const overlay = "_overlay_do5t6_21";
-const content = "_content_do5t6_31";
-const description = "_description_do5t6_52";
-const actions = "_actions_do5t6_58";
+import '../../assets/AlertDialog.css';const overlay = "overlay__cqEa0";
+const content = "content__U-iLo";
+const description = "description__7w95W";
+const actions = "actions__DbfEY";
 const styles = {
   overlay,
   content,

package/dist/components/Avatar/Avatar.d.ts

@@ -24,6 +24,9 @@ export type Props = {
     /**
      * Use this to set data attributes on the DOM element for the purpose of
      * e2e tests or integrating with external libraries.
+     *
+     * @example
+     * <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element
      */
     dataset?: Dataset;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AASvE,OAAc,EAAE,EAAE,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjE,KAAK,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;AAEtE,MAAM,MAAM,KAAK,GAAG;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAuB3B,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AASvE,OAAc,EAAE,EAAE,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjE,KAAK,WAAW,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;AAEtE,MAAM,MAAM,KAAK,GAAG;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,KAAK,CAuB3B,CAAC"}

package/dist/components/Avatar/Avatar.js

@@ -4,82 +4,82 @@ import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-n
 import { moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
 import { forwardRef } from "react";
 import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
-import '../../assets/Avatar.css';const Avatar$1 = "_Avatar_1lhfo_4";
+import '../../assets/Avatar.css';const Avatar$1 = "Avatar__ENaap";
 const styles = {
   Avatar: Avatar$1,
-  "Avatar--size-2xs": "_Avatar--size-2xs_1lhfo_12",
-  "Avatar--size-xs": "_Avatar--size-xs_1lhfo_16",
-  "Avatar--size-s": "_Avatar--size-s_1lhfo_20",
-  "Avatar--size-m": "_Avatar--size-m_1lhfo_24",
-  "Avatar--size-l": "_Avatar--size-l_1lhfo_28",
-  "Avatar--size-xl": "_Avatar--size-xl_1lhfo_32",
-  "Avatar--size-24": "_Avatar--size-24_1lhfo_36",
-  "Avatar--size-32": "_Avatar--size-32_1lhfo_40",
-  "Avatar--size-48": "_Avatar--size-48_1lhfo_44",
-  "Avatar--size-64": "_Avatar--size-64_1lhfo_48",
-  "Avatar--size-96": "_Avatar--size-96_1lhfo_52",
-  "Avatar--size-160": "_Avatar--size-160_1lhfo_56",
-  "Avatar--narrow-l--size-2xs": "_Avatar--narrow-l--size-2xs_1lhfo_61",
-  "Avatar--narrow-l--size-xs": "_Avatar--narrow-l--size-xs_1lhfo_65",
-  "Avatar--narrow-l--size-s": "_Avatar--narrow-l--size-s_1lhfo_69",
-  "Avatar--narrow-l--size-m": "_Avatar--narrow-l--size-m_1lhfo_73",
-  "Avatar--narrow-l--size-l": "_Avatar--narrow-l--size-l_1lhfo_77",
-  "Avatar--narrow-l--size-xl": "_Avatar--narrow-l--size-xl_1lhfo_81",
-  "Avatar--narrow-l--size-24": "_Avatar--narrow-l--size-24_1lhfo_85",
-  "Avatar--narrow-l--size-32": "_Avatar--narrow-l--size-32_1lhfo_89",
-  "Avatar--narrow-l--size-48": "_Avatar--narrow-l--size-48_1lhfo_93",
-  "Avatar--narrow-l--size-64": "_Avatar--narrow-l--size-64_1lhfo_97",
-  "Avatar--narrow-l--size-96": "_Avatar--narrow-l--size-96_1lhfo_101",
-  "Avatar--narrow-l--size-160": "_Avatar--narrow-l--size-160_1lhfo_105",
-  "Avatar--medium-s--size-2xs": "_Avatar--medium-s--size-2xs_1lhfo_111",
-  "Avatar--medium-s--size-xs": "_Avatar--medium-s--size-xs_1lhfo_115",
-  "Avatar--medium-s--size-s": "_Avatar--medium-s--size-s_1lhfo_119",
-  "Avatar--medium-s--size-m": "_Avatar--medium-s--size-m_1lhfo_123",
-  "Avatar--medium-s--size-l": "_Avatar--medium-s--size-l_1lhfo_127",
-  "Avatar--medium-s--size-xl": "_Avatar--medium-s--size-xl_1lhfo_131",
-  "Avatar--medium-s--size-24": "_Avatar--medium-s--size-24_1lhfo_135",
-  "Avatar--medium-s--size-32": "_Avatar--medium-s--size-32_1lhfo_139",
-  "Avatar--medium-s--size-48": "_Avatar--medium-s--size-48_1lhfo_143",
-  "Avatar--medium-s--size-64": "_Avatar--medium-s--size-64_1lhfo_147",
-  "Avatar--medium-s--size-96": "_Avatar--medium-s--size-96_1lhfo_151",
-  "Avatar--medium-s--size-160": "_Avatar--medium-s--size-160_1lhfo_155",
-  "Avatar--medium-l--size-2xs": "_Avatar--medium-l--size-2xs_1lhfo_161",
-  "Avatar--medium-l--size-xs": "_Avatar--medium-l--size-xs_1lhfo_165",
-  "Avatar--medium-l--size-s": "_Avatar--medium-l--size-s_1lhfo_169",
-  "Avatar--medium-l--size-m": "_Avatar--medium-l--size-m_1lhfo_173",
-  "Avatar--medium-l--size-l": "_Avatar--medium-l--size-l_1lhfo_177",
-  "Avatar--medium-l--size-xl": "_Avatar--medium-l--size-xl_1lhfo_181",
-  "Avatar--medium-l--size-24": "_Avatar--medium-l--size-24_1lhfo_185",
-  "Avatar--medium-l--size-32": "_Avatar--medium-l--size-32_1lhfo_189",
-  "Avatar--medium-l--size-48": "_Avatar--medium-l--size-48_1lhfo_193",
-  "Avatar--medium-l--size-64": "_Avatar--medium-l--size-64_1lhfo_197",
-  "Avatar--medium-l--size-96": "_Avatar--medium-l--size-96_1lhfo_201",
-  "Avatar--medium-l--size-160": "_Avatar--medium-l--size-160_1lhfo_205",
-  "Avatar--wide-s--size-2xs": "_Avatar--wide-s--size-2xs_1lhfo_211",
-  "Avatar--wide-s--size-xs": "_Avatar--wide-s--size-xs_1lhfo_215",
-  "Avatar--wide-s--size-s": "_Avatar--wide-s--size-s_1lhfo_219",
-  "Avatar--wide-s--size-m": "_Avatar--wide-s--size-m_1lhfo_223",
-  "Avatar--wide-s--size-l": "_Avatar--wide-s--size-l_1lhfo_227",
-  "Avatar--wide-s--size-xl": "_Avatar--wide-s--size-xl_1lhfo_231",
-  "Avatar--wide-s--size-24": "_Avatar--wide-s--size-24_1lhfo_235",
-  "Avatar--wide-s--size-32": "_Avatar--wide-s--size-32_1lhfo_239",
-  "Avatar--wide-s--size-48": "_Avatar--wide-s--size-48_1lhfo_243",
-  "Avatar--wide-s--size-64": "_Avatar--wide-s--size-64_1lhfo_247",
-  "Avatar--wide-s--size-96": "_Avatar--wide-s--size-96_1lhfo_251",
-  "Avatar--wide-s--size-160": "_Avatar--wide-s--size-160_1lhfo_255",
-  "Avatar--wide-l--size-2xs": "_Avatar--wide-l--size-2xs_1lhfo_261",
-  "Avatar--wide-l--size-xs": "_Avatar--wide-l--size-xs_1lhfo_265",
-  "Avatar--wide-l--size-s": "_Avatar--wide-l--size-s_1lhfo_269",
-  "Avatar--wide-l--size-m": "_Avatar--wide-l--size-m_1lhfo_273",
-  "Avatar--wide-l--size-l": "_Avatar--wide-l--size-l_1lhfo_277",
-  "Avatar--wide-l--size-xl": "_Avatar--wide-l--size-xl_1lhfo_281",
-  "Avatar--wide-l--size-24": "_Avatar--wide-l--size-24_1lhfo_285",
-  "Avatar--wide-l--size-32": "_Avatar--wide-l--size-32_1lhfo_289",
-  "Avatar--wide-l--size-48": "_Avatar--wide-l--size-48_1lhfo_293",
-  "Avatar--wide-l--size-64": "_Avatar--wide-l--size-64_1lhfo_297",
-  "Avatar--wide-l--size-96": "_Avatar--wide-l--size-96_1lhfo_301",
-  "Avatar--wide-l--size-160": "_Avatar--wide-l--size-160_1lhfo_305",
-  "Avatar--round": "_Avatar--round_1lhfo_310"
+  "Avatar--size-2xs": "Avatar--size-2xs__d2pNq",
+  "Avatar--size-xs": "Avatar--size-xs__hlQlf",
+  "Avatar--size-s": "Avatar--size-s__OXNzr",
+  "Avatar--size-m": "Avatar--size-m__4n3bp",
+  "Avatar--size-l": "Avatar--size-l__VHR4R",
+  "Avatar--size-xl": "Avatar--size-xl__AQlZ0",
+  "Avatar--size-24": "Avatar--size-24__ObR4y",
+  "Avatar--size-32": "Avatar--size-32__dN-5k",
+  "Avatar--size-48": "Avatar--size-48__ddqP8",
+  "Avatar--size-64": "Avatar--size-64__-Ju7I",
+  "Avatar--size-96": "Avatar--size-96__KgHP3",
+  "Avatar--size-160": "Avatar--size-160__KZ0Fc",
+  "Avatar--narrow-l--size-2xs": "Avatar--narrow-l--size-2xs__-PmgC",
+  "Avatar--narrow-l--size-xs": "Avatar--narrow-l--size-xs__RdTWx",
+  "Avatar--narrow-l--size-s": "Avatar--narrow-l--size-s__zwV93",
+  "Avatar--narrow-l--size-m": "Avatar--narrow-l--size-m__pW4--",
+  "Avatar--narrow-l--size-l": "Avatar--narrow-l--size-l__1pv2G",
+  "Avatar--narrow-l--size-xl": "Avatar--narrow-l--size-xl__vH5iG",
+  "Avatar--narrow-l--size-24": "Avatar--narrow-l--size-24__qXCWM",
+  "Avatar--narrow-l--size-32": "Avatar--narrow-l--size-32__qq9TP",
+  "Avatar--narrow-l--size-48": "Avatar--narrow-l--size-48__h51Bn",
+  "Avatar--narrow-l--size-64": "Avatar--narrow-l--size-64__LnrZ9",
+  "Avatar--narrow-l--size-96": "Avatar--narrow-l--size-96__n3HEe",
+  "Avatar--narrow-l--size-160": "Avatar--narrow-l--size-160__1zjWL",
+  "Avatar--medium-s--size-2xs": "Avatar--medium-s--size-2xs__qWyz5",
+  "Avatar--medium-s--size-xs": "Avatar--medium-s--size-xs__2e4Qo",
+  "Avatar--medium-s--size-s": "Avatar--medium-s--size-s__d0fm8",
+  "Avatar--medium-s--size-m": "Avatar--medium-s--size-m__ZHi66",
+  "Avatar--medium-s--size-l": "Avatar--medium-s--size-l__xxroc",
+  "Avatar--medium-s--size-xl": "Avatar--medium-s--size-xl__2QWlo",
+  "Avatar--medium-s--size-24": "Avatar--medium-s--size-24__7-PF9",
+  "Avatar--medium-s--size-32": "Avatar--medium-s--size-32__kS7dJ",
+  "Avatar--medium-s--size-48": "Avatar--medium-s--size-48__7rHLm",
+  "Avatar--medium-s--size-64": "Avatar--medium-s--size-64__eSycG",
+  "Avatar--medium-s--size-96": "Avatar--medium-s--size-96__gMO59",
+  "Avatar--medium-s--size-160": "Avatar--medium-s--size-160__VHYbX",
+  "Avatar--medium-l--size-2xs": "Avatar--medium-l--size-2xs__Kt93i",
+  "Avatar--medium-l--size-xs": "Avatar--medium-l--size-xs__BwpLG",
+  "Avatar--medium-l--size-s": "Avatar--medium-l--size-s__JjLGR",
+  "Avatar--medium-l--size-m": "Avatar--medium-l--size-m__L-KEk",
+  "Avatar--medium-l--size-l": "Avatar--medium-l--size-l__a53QC",
+  "Avatar--medium-l--size-xl": "Avatar--medium-l--size-xl__kUFUb",
+  "Avatar--medium-l--size-24": "Avatar--medium-l--size-24__wkAJa",
+  "Avatar--medium-l--size-32": "Avatar--medium-l--size-32__ZX2QH",
+  "Avatar--medium-l--size-48": "Avatar--medium-l--size-48__17P3w",
+  "Avatar--medium-l--size-64": "Avatar--medium-l--size-64__FpM1G",
+  "Avatar--medium-l--size-96": "Avatar--medium-l--size-96__5-hlk",
+  "Avatar--medium-l--size-160": "Avatar--medium-l--size-160__fa-Bb",
+  "Avatar--wide-s--size-2xs": "Avatar--wide-s--size-2xs__1jiA7",
+  "Avatar--wide-s--size-xs": "Avatar--wide-s--size-xs__CwbZa",
+  "Avatar--wide-s--size-s": "Avatar--wide-s--size-s__DxpiN",
+  "Avatar--wide-s--size-m": "Avatar--wide-s--size-m__qn5xe",
+  "Avatar--wide-s--size-l": "Avatar--wide-s--size-l__4TPfZ",
+  "Avatar--wide-s--size-xl": "Avatar--wide-s--size-xl__NtVch",
+  "Avatar--wide-s--size-24": "Avatar--wide-s--size-24__ggmeN",
+  "Avatar--wide-s--size-32": "Avatar--wide-s--size-32__J7HvU",
+  "Avatar--wide-s--size-48": "Avatar--wide-s--size-48__FDJLh",
+  "Avatar--wide-s--size-64": "Avatar--wide-s--size-64__qE9HQ",
+  "Avatar--wide-s--size-96": "Avatar--wide-s--size-96__yjySN",
+  "Avatar--wide-s--size-160": "Avatar--wide-s--size-160__sQ83p",
+  "Avatar--wide-l--size-2xs": "Avatar--wide-l--size-2xs__BuADe",
+  "Avatar--wide-l--size-xs": "Avatar--wide-l--size-xs__g8Tfi",
+  "Avatar--wide-l--size-s": "Avatar--wide-l--size-s__qYwnP",
+  "Avatar--wide-l--size-m": "Avatar--wide-l--size-m__tMD4S",
+  "Avatar--wide-l--size-l": "Avatar--wide-l--size-l__M3npP",
+  "Avatar--wide-l--size-xl": "Avatar--wide-l--size-xl__-vkhW",
+  "Avatar--wide-l--size-24": "Avatar--wide-l--size-24__lammM",
+  "Avatar--wide-l--size-32": "Avatar--wide-l--size-32__hM5mX",
+  "Avatar--wide-l--size-48": "Avatar--wide-l--size-48__mLV4a",
+  "Avatar--wide-l--size-64": "Avatar--wide-l--size-64__uQV-R",
+  "Avatar--wide-l--size-96": "Avatar--wide-l--size-96__nbICp",
+  "Avatar--wide-l--size-160": "Avatar--wide-l--size-160__gRCi9",
+  "Avatar--round": "Avatar--round__Ndyn3"
 };
 const Avatar = forwardRef(function AvatarComponent({
   size = AVATAR_SIZE_DEFAULT,

package/dist/components/AvatarWithStatus/AvatarWithStatus.js

@@ -5,18 +5,18 @@ import { moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, ge
 import { forwardRef } from "react";
 import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
 import { Avatar } from "../Avatar/Avatar.js";
-import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "_AvatarWithStatus_1npcw_3";
+import '../../assets/AvatarWithStatus.css';const AvatarWithStatus$1 = "AvatarWithStatus__STt5I";
 const styles = {
   AvatarWithStatus: AvatarWithStatus$1,
-  "AvatarWithStatus--indicator": "_AvatarWithStatus--indicator_1npcw_7",
-  "AvatarWithStatus--online": "_AvatarWithStatus--online_1npcw_15",
-  "AvatarWithStatus--size-2xs": "_AvatarWithStatus--size-2xs_1npcw_18",
-  "AvatarWithStatus--size-xs": "_AvatarWithStatus--size-xs_1npcw_24",
-  "AvatarWithStatus--size-m": "_AvatarWithStatus--size-m_1npcw_30",
-  "AvatarWithStatus--size-xl": "_AvatarWithStatus--size-xl_1npcw_36",
-  "AvatarWithStatus--size-64": "_AvatarWithStatus--size-64_1npcw_42",
-  "AvatarWithStatus--size-96": "_AvatarWithStatus--size-96_1npcw_48",
-  "AvatarWithStatus--size-160": "_AvatarWithStatus--size-160_1npcw_54"
+  "AvatarWithStatus--indicator": "AvatarWithStatus--indicator__FOBwU",
+  "AvatarWithStatus--online": "AvatarWithStatus--online__Qpspm",
+  "AvatarWithStatus--size-2xs": "AvatarWithStatus--size-2xs__EN9rS",
+  "AvatarWithStatus--size-xs": "AvatarWithStatus--size-xs__JdDZL",
+  "AvatarWithStatus--size-m": "AvatarWithStatus--size-m__fvff6",
+  "AvatarWithStatus--size-xl": "AvatarWithStatus--size-xl__HdmYf",
+  "AvatarWithStatus--size-64": "AvatarWithStatus--size-64__gBDkn",
+  "AvatarWithStatus--size-96": "AvatarWithStatus--size-96__mLsgd",
+  "AvatarWithStatus--size-160": "AvatarWithStatus--size-160__UeQyT"
 };
 const AvatarWithStatus = forwardRef(function AvatarWithStatusComponent({
   online = false,

package/dist/components/Badge/Badge.js

@@ -4,7 +4,7 @@ import { getDatasetProps } from "@preply/ds-web-core";
 import { forwardRef } from "react";
 import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
 import { Icon } from "../Icon/Icon.js";
-import '../../assets/Badge.css';const badge = "_badge_tnpug_2";
+import '../../assets/Badge.css';const badge = "badge__Aj95L";
 const styles = {
   badge
 };