@preply/ds-web-lib 1.4.2 → 1.4.3

package/dist/components/Box/Box.js

@@ -5,158 +5,158 @@ import { moduleClassNames, stringClassNames, getDatasetProps } from "@preply/ds-
 import { forwardRef } from "react";
 import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
 import { getLayoutPaddingClassnames } from "../../shared-styles/layout-padding/layout-padding.js";
-import '../../assets/Box.css';const Box$1 = "_Box_o1i91_4";
+import '../../assets/Box.css';const Box$1 = "_Box_8bnvr_4";
 const styles = {
   Box: Box$1,
-  "Box--box-radius-none": "_Box--box-radius-none_o1i91_16",
-  "Box--box-radius-m": "_Box--box-radius-m_o1i91_19",
-  "Box--box-radius-l": "_Box--box-radius-l_o1i91_22",
-  "Box--box-radius-2": "_Box--box-radius-2_o1i91_25",
-  "Box--box-radius-4": "_Box--box-radius-4_o1i91_28",
-  "Box--box-radius-8": "_Box--box-radius-8_o1i91_31",
-  "Box--box-radius-0": "_Box--box-radius-0_o1i91_34",
-  "Box--box-radius-12": "_Box--box-radius-12_o1i91_46",
-  "Box--box-radius-16": "_Box--box-radius-16_o1i91_49",
-  "Box--box-radius-24": "_Box--box-radius-24_o1i91_52",
-  "Box--box-radius-32": "_Box--box-radius-32_o1i91_55",
-  "Box--box-radius-48": "_Box--box-radius-48_o1i91_58",
-  "Box--box-radius-64": "_Box--box-radius-64_o1i91_61",
-  "Box--box-radius-96": "_Box--box-radius-96_o1i91_64",
-  "Box--box-radius-160": "_Box--box-radius-160_o1i91_67",
-  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_o1i91_71",
-  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_o1i91_74",
-  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_o1i91_77",
-  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_o1i91_80",
-  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_o1i91_83",
-  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_o1i91_86",
-  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_o1i91_89",
-  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_o1i91_101",
-  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_o1i91_104",
-  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_o1i91_107",
-  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_o1i91_110",
-  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_o1i91_113",
-  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_o1i91_116",
-  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_o1i91_119",
-  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_o1i91_122",
-  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_o1i91_127",
-  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_o1i91_130",
-  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_o1i91_133",
-  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_o1i91_136",
-  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_o1i91_139",
-  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_o1i91_142",
-  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_o1i91_145",
-  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_o1i91_157",
-  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_o1i91_160",
-  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_o1i91_163",
-  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_o1i91_166",
-  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_o1i91_169",
-  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_o1i91_172",
-  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_o1i91_175",
-  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_o1i91_178",
-  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_o1i91_183",
-  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_o1i91_186",
-  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_o1i91_189",
-  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_o1i91_192",
-  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_o1i91_195",
-  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_o1i91_198",
-  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_o1i91_201",
-  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_o1i91_213",
-  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_o1i91_216",
-  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_o1i91_219",
-  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_o1i91_222",
-  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_o1i91_225",
-  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_o1i91_228",
-  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_o1i91_231",
-  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_o1i91_234",
-  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_o1i91_239",
-  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_o1i91_242",
-  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_o1i91_245",
-  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_o1i91_248",
-  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_o1i91_251",
-  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_o1i91_254",
-  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_o1i91_257",
-  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_o1i91_269",
-  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_o1i91_272",
-  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_o1i91_275",
-  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_o1i91_278",
-  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_o1i91_281",
-  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_o1i91_284",
-  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_o1i91_287",
-  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_o1i91_290",
-  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_o1i91_295",
-  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_o1i91_298",
-  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_o1i91_301",
-  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_o1i91_304",
-  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_o1i91_307",
-  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_o1i91_310",
-  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_o1i91_313",
-  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_o1i91_325",
-  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_o1i91_328",
-  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_o1i91_331",
-  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_o1i91_334",
-  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_o1i91_337",
-  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_o1i91_340",
-  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_o1i91_343",
-  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_o1i91_346",
-  "Box--background-white": "_Box--background-white_o1i91_350",
-  "Box--background-gray-100": "_Box--background-gray-100_o1i91_353",
-  "Box--background-gray-200": "_Box--background-gray-200_o1i91_356",
-  "Box--background-gray-300": "_Box--background-gray-300_o1i91_359",
-  "Box--background-gray-400": "_Box--background-gray-400_o1i91_362",
-  "Box--background-gray-500": "_Box--background-gray-500_o1i91_365",
-  "Box--background-gray-600": "_Box--background-gray-600_o1i91_368",
-  "Box--background-teal-100": "_Box--background-teal-100_o1i91_371",
-  "Box--background-teal-200": "_Box--background-teal-200_o1i91_374",
-  "Box--background-teal-300": "_Box--background-teal-300_o1i91_377",
-  "Box--background-teal-400": "_Box--background-teal-400_o1i91_380",
-  "Box--background-teal-500": "_Box--background-teal-500_o1i91_383",
-  "Box--background-green-100": "_Box--background-green-100_o1i91_386",
-  "Box--background-green-200": "_Box--background-green-200_o1i91_389",
-  "Box--background-green-300": "_Box--background-green-300_o1i91_392",
-  "Box--background-green-400": "_Box--background-green-400_o1i91_395",
-  "Box--background-green-500": "_Box--background-green-500_o1i91_398",
-  "Box--background-yellow-100": "_Box--background-yellow-100_o1i91_401",
-  "Box--background-yellow-200": "_Box--background-yellow-200_o1i91_404",
-  "Box--background-yellow-300": "_Box--background-yellow-300_o1i91_407",
-  "Box--background-yellow-400": "_Box--background-yellow-400_o1i91_410",
-  "Box--background-yellow-500": "_Box--background-yellow-500_o1i91_413",
-  "Box--background-red-100": "_Box--background-red-100_o1i91_416",
-  "Box--background-red-200": "_Box--background-red-200_o1i91_419",
-  "Box--background-red-300": "_Box--background-red-300_o1i91_422",
-  "Box--background-red-400": "_Box--background-red-400_o1i91_425",
-  "Box--background-red-500": "_Box--background-red-500_o1i91_428",
-  "Box--background-blue-100": "_Box--background-blue-100_o1i91_431",
-  "Box--background-blue-200": "_Box--background-blue-200_o1i91_434",
-  "Box--background-blue-300": "_Box--background-blue-300_o1i91_437",
-  "Box--background-blue-400": "_Box--background-blue-400_o1i91_440",
-  "Box--background-blue-500": "_Box--background-blue-500_o1i91_443",
-  "Box--background-magenta-100": "_Box--background-magenta-100_o1i91_446",
-  "Box--background-magenta-200": "_Box--background-magenta-200_o1i91_449",
-  "Box--background-magenta-300": "_Box--background-magenta-300_o1i91_452",
-  "Box--background-magenta-400": "_Box--background-magenta-400_o1i91_455",
-  "Box--background-magenta-500": "_Box--background-magenta-500_o1i91_458",
-  "Box--background-primary": "_Box--background-primary_o1i91_461",
-  "Box--background-secondary": "_Box--background-secondary_o1i91_464",
-  "Box--background-tertiary": "_Box--background-tertiary_o1i91_467",
-  "Box--background-overlay": "_Box--background-overlay_o1i91_470",
-  "Box--background-disabled": "_Box--background-disabled_o1i91_473",
-  "Box--background-brand": "_Box--background-brand_o1i91_476",
-  "Box--background-brandB2b": "_Box--background-brandB2b_o1i91_479",
-  "Box--background-accentLight": "_Box--background-accentLight_o1i91_482",
-  "Box--background-accentDark": "_Box--background-accentDark_o1i91_485",
-  "Box--background-positiveLight": "_Box--background-positiveLight_o1i91_488",
-  "Box--background-positiveDark": "_Box--background-positiveDark_o1i91_491",
-  "Box--background-infoLight": "_Box--background-infoLight_o1i91_494",
-  "Box--background-infoDark": "_Box--background-infoDark_o1i91_497",
-  "Box--background-warningLight": "_Box--background-warningLight_o1i91_500",
-  "Box--background-warningDark": "_Box--background-warningDark_o1i91_503",
-  "Box--background-criticalLight": "_Box--background-criticalLight_o1i91_506",
-  "Box--background-criticalDark": "_Box--background-criticalDark_o1i91_509",
-  "Box--background-statusOnline": "_Box--background-statusOnline_o1i91_512",
-  "Box--background-statusOffline": "_Box--background-statusOffline_o1i91_515",
-  "Box--background-primaryInverted": "_Box--background-primaryInverted_o1i91_518",
-  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_o1i91_521",
-  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_o1i91_524"
+  "Box--box-radius-none": "_Box--box-radius-none_8bnvr_16",
+  "Box--box-radius-m": "_Box--box-radius-m_8bnvr_19",
+  "Box--box-radius-l": "_Box--box-radius-l_8bnvr_22",
+  "Box--box-radius-2": "_Box--box-radius-2_8bnvr_25",
+  "Box--box-radius-4": "_Box--box-radius-4_8bnvr_28",
+  "Box--box-radius-8": "_Box--box-radius-8_8bnvr_31",
+  "Box--box-radius-0": "_Box--box-radius-0_8bnvr_34",
+  "Box--box-radius-12": "_Box--box-radius-12_8bnvr_46",
+  "Box--box-radius-16": "_Box--box-radius-16_8bnvr_49",
+  "Box--box-radius-24": "_Box--box-radius-24_8bnvr_52",
+  "Box--box-radius-32": "_Box--box-radius-32_8bnvr_55",
+  "Box--box-radius-48": "_Box--box-radius-48_8bnvr_58",
+  "Box--box-radius-64": "_Box--box-radius-64_8bnvr_61",
+  "Box--box-radius-96": "_Box--box-radius-96_8bnvr_64",
+  "Box--box-radius-160": "_Box--box-radius-160_8bnvr_67",
+  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_8bnvr_71",
+  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_8bnvr_74",
+  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_8bnvr_77",
+  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_8bnvr_80",
+  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_8bnvr_83",
+  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_8bnvr_86",
+  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_8bnvr_89",
+  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_8bnvr_101",
+  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_8bnvr_104",
+  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_8bnvr_107",
+  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_8bnvr_110",
+  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_8bnvr_113",
+  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_8bnvr_116",
+  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_8bnvr_119",
+  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_8bnvr_122",
+  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_8bnvr_127",
+  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_8bnvr_130",
+  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_8bnvr_133",
+  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_8bnvr_136",
+  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_8bnvr_139",
+  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_8bnvr_142",
+  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_8bnvr_145",
+  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_8bnvr_157",
+  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_8bnvr_160",
+  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_8bnvr_163",
+  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_8bnvr_166",
+  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_8bnvr_169",
+  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_8bnvr_172",
+  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_8bnvr_175",
+  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_8bnvr_178",
+  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_8bnvr_183",
+  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_8bnvr_186",
+  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_8bnvr_189",
+  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_8bnvr_192",
+  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_8bnvr_195",
+  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_8bnvr_198",
+  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_8bnvr_201",
+  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_8bnvr_213",
+  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_8bnvr_216",
+  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_8bnvr_219",
+  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_8bnvr_222",
+  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_8bnvr_225",
+  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_8bnvr_228",
+  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_8bnvr_231",
+  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_8bnvr_234",
+  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_8bnvr_239",
+  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_8bnvr_242",
+  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_8bnvr_245",
+  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_8bnvr_248",
+  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_8bnvr_251",
+  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_8bnvr_254",
+  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_8bnvr_257",
+  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_8bnvr_269",
+  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_8bnvr_272",
+  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_8bnvr_275",
+  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_8bnvr_278",
+  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_8bnvr_281",
+  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_8bnvr_284",
+  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_8bnvr_287",
+  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_8bnvr_290",
+  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_8bnvr_295",
+  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_8bnvr_298",
+  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_8bnvr_301",
+  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_8bnvr_304",
+  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_8bnvr_307",
+  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_8bnvr_310",
+  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_8bnvr_313",
+  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_8bnvr_325",
+  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_8bnvr_328",
+  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_8bnvr_331",
+  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_8bnvr_334",
+  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_8bnvr_337",
+  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_8bnvr_340",
+  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_8bnvr_343",
+  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_8bnvr_346",
+  "Box--background-white": "_Box--background-white_8bnvr_350",
+  "Box--background-gray-100": "_Box--background-gray-100_8bnvr_353",
+  "Box--background-gray-200": "_Box--background-gray-200_8bnvr_356",
+  "Box--background-gray-300": "_Box--background-gray-300_8bnvr_359",
+  "Box--background-gray-400": "_Box--background-gray-400_8bnvr_362",
+  "Box--background-gray-500": "_Box--background-gray-500_8bnvr_365",
+  "Box--background-gray-600": "_Box--background-gray-600_8bnvr_368",
+  "Box--background-teal-100": "_Box--background-teal-100_8bnvr_371",
+  "Box--background-teal-200": "_Box--background-teal-200_8bnvr_374",
+  "Box--background-teal-300": "_Box--background-teal-300_8bnvr_377",
+  "Box--background-teal-400": "_Box--background-teal-400_8bnvr_380",
+  "Box--background-teal-500": "_Box--background-teal-500_8bnvr_383",
+  "Box--background-green-100": "_Box--background-green-100_8bnvr_386",
+  "Box--background-green-200": "_Box--background-green-200_8bnvr_389",
+  "Box--background-green-300": "_Box--background-green-300_8bnvr_392",
+  "Box--background-green-400": "_Box--background-green-400_8bnvr_395",
+  "Box--background-green-500": "_Box--background-green-500_8bnvr_398",
+  "Box--background-yellow-100": "_Box--background-yellow-100_8bnvr_401",
+  "Box--background-yellow-200": "_Box--background-yellow-200_8bnvr_404",
+  "Box--background-yellow-300": "_Box--background-yellow-300_8bnvr_407",
+  "Box--background-yellow-400": "_Box--background-yellow-400_8bnvr_410",
+  "Box--background-yellow-500": "_Box--background-yellow-500_8bnvr_413",
+  "Box--background-red-100": "_Box--background-red-100_8bnvr_416",
+  "Box--background-red-200": "_Box--background-red-200_8bnvr_419",
+  "Box--background-red-300": "_Box--background-red-300_8bnvr_422",
+  "Box--background-red-400": "_Box--background-red-400_8bnvr_425",
+  "Box--background-red-500": "_Box--background-red-500_8bnvr_428",
+  "Box--background-blue-100": "_Box--background-blue-100_8bnvr_431",
+  "Box--background-blue-200": "_Box--background-blue-200_8bnvr_434",
+  "Box--background-blue-300": "_Box--background-blue-300_8bnvr_437",
+  "Box--background-blue-400": "_Box--background-blue-400_8bnvr_440",
+  "Box--background-blue-500": "_Box--background-blue-500_8bnvr_443",
+  "Box--background-magenta-100": "_Box--background-magenta-100_8bnvr_446",
+  "Box--background-magenta-200": "_Box--background-magenta-200_8bnvr_449",
+  "Box--background-magenta-300": "_Box--background-magenta-300_8bnvr_452",
+  "Box--background-magenta-400": "_Box--background-magenta-400_8bnvr_455",
+  "Box--background-magenta-500": "_Box--background-magenta-500_8bnvr_458",
+  "Box--background-primary": "_Box--background-primary_8bnvr_461",
+  "Box--background-secondary": "_Box--background-secondary_8bnvr_464",
+  "Box--background-tertiary": "_Box--background-tertiary_8bnvr_467",
+  "Box--background-overlay": "_Box--background-overlay_8bnvr_470",
+  "Box--background-disabled": "_Box--background-disabled_8bnvr_473",
+  "Box--background-brand": "_Box--background-brand_8bnvr_476",
+  "Box--background-brandB2b": "_Box--background-brandB2b_8bnvr_479",
+  "Box--background-accentLight": "_Box--background-accentLight_8bnvr_482",
+  "Box--background-accentDark": "_Box--background-accentDark_8bnvr_485",
+  "Box--background-positiveLight": "_Box--background-positiveLight_8bnvr_488",
+  "Box--background-positiveDark": "_Box--background-positiveDark_8bnvr_491",
+  "Box--background-infoLight": "_Box--background-infoLight_8bnvr_494",
+  "Box--background-infoDark": "_Box--background-infoDark_8bnvr_497",
+  "Box--background-warningLight": "_Box--background-warningLight_8bnvr_500",
+  "Box--background-warningDark": "_Box--background-warningDark_8bnvr_503",
+  "Box--background-criticalLight": "_Box--background-criticalLight_8bnvr_506",
+  "Box--background-criticalDark": "_Box--background-criticalDark_8bnvr_509",
+  "Box--background-statusOnline": "_Box--background-statusOnline_8bnvr_512",
+  "Box--background-statusOffline": "_Box--background-statusOffline_8bnvr_515",
+  "Box--background-primaryInverted": "_Box--background-primaryInverted_8bnvr_518",
+  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_8bnvr_521",
+  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_8bnvr_524"
 };
 const Box = forwardRef(function BoxComponent({
   children,

package/dist/components/Button/Button.js

@@ -6,7 +6,7 @@ import { forwardRef } from "react";
 import { renderIcon } from "../../utils/render-icon.js";
 import { ButtonBase } from "../private/ButtonBase/ButtonBase.js";
 import '../../assets/Button.css';const styles = {
-  "Button--icon": "_Button--icon_647ln_5"
+  "Button--icon": "_Button--icon_g8mgg_5"
 };
 const Button = forwardRef(function ButtonComponent({
   variant = BUTTON_VARIANT_DEFAULT,

package/dist/components/Chips/Chips.js

@@ -8,13 +8,13 @@ import { Icon } from "../Icon/Icon.js";
 import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
 import { useIntl } from "react-intl";
 import { genericAriaLabels } from "../../utils/shared-strings.js";
-import '../../assets/Chips.css';const chips = "_chips_1o5ey_3";
-const chip = "_chip_1o5ey_3";
+import '../../assets/Chips.css';const chips = "_chips_rugtg_3";
+const chip = "_chip_rugtg_3";
 const styles = {
   chips,
   chip,
-  "chip-toggle": "_chip-toggle_1o5ey_37",
-  "chip-remove": "_chip-remove_1o5ey_54"
+  "chip-toggle": "_chip-toggle_rugtg_37",
+  "chip-remove": "_chip-remove_rugtg_54"
 };
 const SvgClose = ({
   title,

package/dist/components/Dialog/Dialog.js

@@ -17,17 +17,17 @@ import '../../assets/Dialog.css';const SvgClose = ({
   ...props
 }, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z", clipRule: "evenodd" }));
 const ForwardRef = forwardRef(SvgClose);
-const overlay = "_overlay_1u61m_56";
-const overlayShow = "_overlayShow_1u61m_1";
-const overlayHide = "_overlayHide_1u61m_1";
-const Dialog$1 = "_Dialog_1u61m_70";
-const mobileContentShow = "_mobileContentShow_1u61m_1";
-const mobileContentHide = "_mobileContentHide_1u61m_1";
-const contentShow = "_contentShow_1u61m_1";
-const contentHide = "_contentHide_1u61m_1";
-const header = "_header_1u61m_402";
-const description = "_description_1u61m_428";
-const actions = "_actions_1u61m_434";
+const overlay = "_overlay_cuqom_56";
+const overlayShow = "_overlayShow_cuqom_1";
+const overlayHide = "_overlayHide_cuqom_1";
+const Dialog$1 = "_Dialog_cuqom_70";
+const mobileContentShow = "_mobileContentShow_cuqom_1";
+const mobileContentHide = "_mobileContentHide_cuqom_1";
+const contentShow = "_contentShow_cuqom_1";
+const contentHide = "_contentHide_cuqom_1";
+const header = "_header_cuqom_402";
+const description = "_description_cuqom_428";
+const actions = "_actions_cuqom_434";
 const styles = {
   overlay,
   overlayShow,
@@ -35,30 +35,30 @@ const styles = {
   Dialog: Dialog$1,
   mobileContentShow,
   mobileContentHide,
-  "Dialog--size-xs": "_Dialog--size-xs_1u61m_90",
-  "Dialog--narrow-l--size-xs": "_Dialog--narrow-l--size-xs_1u61m_96",
-  "Dialog--medium-s--size-xs": "_Dialog--medium-s--size-xs_1u61m_103",
-  "Dialog--medium-l--size-xs": "_Dialog--medium-l--size-xs_1u61m_110",
-  "Dialog--wide-s--size-xs": "_Dialog--wide-s--size-xs_1u61m_117",
-  "Dialog--wide-l--size-xs": "_Dialog--wide-l--size-xs_1u61m_124",
-  "Dialog--size-sm": "_Dialog--size-sm_1u61m_130",
-  "Dialog--narrow-l--size-sm": "_Dialog--narrow-l--size-sm_1u61m_136",
-  "Dialog--medium-s--size-sm": "_Dialog--medium-s--size-sm_1u61m_143",
-  "Dialog--medium-l--size-sm": "_Dialog--medium-l--size-sm_1u61m_150",
-  "Dialog--wide-s--size-sm": "_Dialog--wide-s--size-sm_1u61m_157",
-  "Dialog--wide-l--size-sm": "_Dialog--wide-l--size-sm_1u61m_164",
-  "Dialog--size-md": "_Dialog--size-md_1u61m_170",
-  "Dialog--narrow-l--size-md": "_Dialog--narrow-l--size-md_1u61m_176",
-  "Dialog--medium-s--size-md": "_Dialog--medium-s--size-md_1u61m_183",
-  "Dialog--medium-l--size-md": "_Dialog--medium-l--size-md_1u61m_190",
-  "Dialog--wide-s--size-md": "_Dialog--wide-s--size-md_1u61m_197",
-  "Dialog--wide-l--size-md": "_Dialog--wide-l--size-md_1u61m_204",
-  "Dialog--size-lg": "_Dialog--size-lg_1u61m_210",
-  "Dialog--narrow-l--size-lg": "_Dialog--narrow-l--size-lg_1u61m_216",
-  "Dialog--medium-s--size-lg": "_Dialog--medium-s--size-lg_1u61m_223",
-  "Dialog--medium-l--size-lg": "_Dialog--medium-l--size-lg_1u61m_230",
-  "Dialog--wide-s--size-lg": "_Dialog--wide-s--size-lg_1u61m_237",
-  "Dialog--wide-l--size-lg": "_Dialog--wide-l--size-lg_1u61m_244",
+  "Dialog--size-xs": "_Dialog--size-xs_cuqom_90",
+  "Dialog--narrow-l--size-xs": "_Dialog--narrow-l--size-xs_cuqom_96",
+  "Dialog--medium-s--size-xs": "_Dialog--medium-s--size-xs_cuqom_103",
+  "Dialog--medium-l--size-xs": "_Dialog--medium-l--size-xs_cuqom_110",
+  "Dialog--wide-s--size-xs": "_Dialog--wide-s--size-xs_cuqom_117",
+  "Dialog--wide-l--size-xs": "_Dialog--wide-l--size-xs_cuqom_124",
+  "Dialog--size-sm": "_Dialog--size-sm_cuqom_130",
+  "Dialog--narrow-l--size-sm": "_Dialog--narrow-l--size-sm_cuqom_136",
+  "Dialog--medium-s--size-sm": "_Dialog--medium-s--size-sm_cuqom_143",
+  "Dialog--medium-l--size-sm": "_Dialog--medium-l--size-sm_cuqom_150",
+  "Dialog--wide-s--size-sm": "_Dialog--wide-s--size-sm_cuqom_157",
+  "Dialog--wide-l--size-sm": "_Dialog--wide-l--size-sm_cuqom_164",
+  "Dialog--size-md": "_Dialog--size-md_cuqom_170",
+  "Dialog--narrow-l--size-md": "_Dialog--narrow-l--size-md_cuqom_176",
+  "Dialog--medium-s--size-md": "_Dialog--medium-s--size-md_cuqom_183",
+  "Dialog--medium-l--size-md": "_Dialog--medium-l--size-md_cuqom_190",
+  "Dialog--wide-s--size-md": "_Dialog--wide-s--size-md_cuqom_197",
+  "Dialog--wide-l--size-md": "_Dialog--wide-l--size-md_cuqom_204",
+  "Dialog--size-lg": "_Dialog--size-lg_cuqom_210",
+  "Dialog--narrow-l--size-lg": "_Dialog--narrow-l--size-lg_cuqom_216",
+  "Dialog--medium-s--size-lg": "_Dialog--medium-s--size-lg_cuqom_223",
+  "Dialog--medium-l--size-lg": "_Dialog--medium-l--size-lg_cuqom_230",
+  "Dialog--wide-s--size-lg": "_Dialog--wide-s--size-lg_cuqom_237",
+  "Dialog--wide-l--size-lg": "_Dialog--wide-l--size-lg_cuqom_244",
   contentShow,
   contentHide,
   header,

package/dist/components/FieldAdditionalText/FieldAdditionalText.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
 import { moduleClassNames, stringClassNames, FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, getDatasetProps } from "@preply/ds-web-core";
-import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_1hle4_4";
+import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_gxo8m_4";
 const styles = {
   FieldAdditionalText: FieldAdditionalText$1,
-  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_1hle4_11",
-  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_1hle4_14"
+  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_gxo8m_11",
+  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_gxo8m_14"
 };
 const FieldAdditionalText = ({
   id,

package/dist/components/FieldButton/FieldButton.js

@@ -4,7 +4,7 @@ import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
 import { moduleClassNames, getDatasetProps } from "@preply/ds-web-core";
 import { forwardRef } from "react";
 import { filterHTMLAttributes } from "../../utils/filterHTMLAttributes.js";
-import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_dysk8_4";
+import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_e9d2w_4";
 const styles = {
   FieldButton: FieldButton$1
 };

package/dist/components/FieldLayout/FieldLayout.js

@@ -5,13 +5,13 @@ import { moduleLocals, booleanClassNames } from "@preply/ds-web-core";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { FieldLayoutBase } from "../private/FieldLayoutBase/FieldLayoutBase.js";
 import '../../assets/FieldLayout.css';const styles = {
-  "FieldLayout--input": "_FieldLayout--input_93kt2_5",
-  "FieldLayout--icon": "_FieldLayout--icon_93kt2_42",
-  "FieldLayout--has-icon": "_FieldLayout--has-icon_93kt2_55",
-  "FieldLayout--has-button": "_FieldLayout--has-button_93kt2_58",
-  "FieldLayout--has-error": "_FieldLayout--has-error_93kt2_61",
-  "FieldLayout--is-focused": "_FieldLayout--is-focused_93kt2_72",
-  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_93kt2_76"
+  "FieldLayout--input": "_FieldLayout--input_jgmox_5",
+  "FieldLayout--icon": "_FieldLayout--icon_jgmox_42",
+  "FieldLayout--has-icon": "_FieldLayout--has-icon_jgmox_55",
+  "FieldLayout--has-button": "_FieldLayout--has-button_jgmox_58",
+  "FieldLayout--has-error": "_FieldLayout--has-error_jgmox_61",
+  "FieldLayout--is-focused": "_FieldLayout--is-focused_jgmox_72",
+  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_jgmox_76"
 };
 const FieldLayoutLocal = ({
   id,