@preply/ds-web-lib 1.5.0 → 2.0.0

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_7ta4v_4";
+import '../../assets/Box.css';const Box$1 = "_Box_7bfdg_4";
 const styles = {
   Box: Box$1,
-  "Box--box-radius-none": "_Box--box-radius-none_7ta4v_16",
-  "Box--box-radius-m": "_Box--box-radius-m_7ta4v_19",
-  "Box--box-radius-l": "_Box--box-radius-l_7ta4v_22",
-  "Box--box-radius-2": "_Box--box-radius-2_7ta4v_25",
-  "Box--box-radius-4": "_Box--box-radius-4_7ta4v_28",
-  "Box--box-radius-8": "_Box--box-radius-8_7ta4v_31",
-  "Box--box-radius-0": "_Box--box-radius-0_7ta4v_34",
-  "Box--box-radius-12": "_Box--box-radius-12_7ta4v_46",
-  "Box--box-radius-16": "_Box--box-radius-16_7ta4v_49",
-  "Box--box-radius-24": "_Box--box-radius-24_7ta4v_52",
-  "Box--box-radius-32": "_Box--box-radius-32_7ta4v_55",
-  "Box--box-radius-48": "_Box--box-radius-48_7ta4v_58",
-  "Box--box-radius-64": "_Box--box-radius-64_7ta4v_61",
-  "Box--box-radius-96": "_Box--box-radius-96_7ta4v_64",
-  "Box--box-radius-160": "_Box--box-radius-160_7ta4v_67",
-  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_7ta4v_71",
-  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_7ta4v_74",
-  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_7ta4v_77",
-  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_7ta4v_80",
-  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_7ta4v_83",
-  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_7ta4v_86",
-  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_7ta4v_89",
-  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_7ta4v_101",
-  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_7ta4v_104",
-  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_7ta4v_107",
-  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_7ta4v_110",
-  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_7ta4v_113",
-  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_7ta4v_116",
-  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_7ta4v_119",
-  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_7ta4v_122",
-  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_7ta4v_127",
-  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_7ta4v_130",
-  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_7ta4v_133",
-  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_7ta4v_136",
-  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_7ta4v_139",
-  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_7ta4v_142",
-  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_7ta4v_145",
-  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_7ta4v_157",
-  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_7ta4v_160",
-  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_7ta4v_163",
-  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_7ta4v_166",
-  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_7ta4v_169",
-  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_7ta4v_172",
-  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_7ta4v_175",
-  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_7ta4v_178",
-  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_7ta4v_183",
-  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_7ta4v_186",
-  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_7ta4v_189",
-  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_7ta4v_192",
-  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_7ta4v_195",
-  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_7ta4v_198",
-  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_7ta4v_201",
-  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_7ta4v_213",
-  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_7ta4v_216",
-  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_7ta4v_219",
-  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_7ta4v_222",
-  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_7ta4v_225",
-  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_7ta4v_228",
-  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_7ta4v_231",
-  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_7ta4v_234",
-  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_7ta4v_239",
-  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_7ta4v_242",
-  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_7ta4v_245",
-  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_7ta4v_248",
-  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_7ta4v_251",
-  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_7ta4v_254",
-  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_7ta4v_257",
-  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_7ta4v_269",
-  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_7ta4v_272",
-  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_7ta4v_275",
-  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_7ta4v_278",
-  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_7ta4v_281",
-  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_7ta4v_284",
-  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_7ta4v_287",
-  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_7ta4v_290",
-  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_7ta4v_295",
-  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_7ta4v_298",
-  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_7ta4v_301",
-  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_7ta4v_304",
-  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_7ta4v_307",
-  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_7ta4v_310",
-  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_7ta4v_313",
-  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_7ta4v_325",
-  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_7ta4v_328",
-  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_7ta4v_331",
-  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_7ta4v_334",
-  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_7ta4v_337",
-  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_7ta4v_340",
-  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_7ta4v_343",
-  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_7ta4v_346",
-  "Box--background-white": "_Box--background-white_7ta4v_350",
-  "Box--background-gray-100": "_Box--background-gray-100_7ta4v_353",
-  "Box--background-gray-200": "_Box--background-gray-200_7ta4v_356",
-  "Box--background-gray-300": "_Box--background-gray-300_7ta4v_359",
-  "Box--background-gray-400": "_Box--background-gray-400_7ta4v_362",
-  "Box--background-gray-500": "_Box--background-gray-500_7ta4v_365",
-  "Box--background-gray-600": "_Box--background-gray-600_7ta4v_368",
-  "Box--background-teal-100": "_Box--background-teal-100_7ta4v_371",
-  "Box--background-teal-200": "_Box--background-teal-200_7ta4v_374",
-  "Box--background-teal-300": "_Box--background-teal-300_7ta4v_377",
-  "Box--background-teal-400": "_Box--background-teal-400_7ta4v_380",
-  "Box--background-teal-500": "_Box--background-teal-500_7ta4v_383",
-  "Box--background-green-100": "_Box--background-green-100_7ta4v_386",
-  "Box--background-green-200": "_Box--background-green-200_7ta4v_389",
-  "Box--background-green-300": "_Box--background-green-300_7ta4v_392",
-  "Box--background-green-400": "_Box--background-green-400_7ta4v_395",
-  "Box--background-green-500": "_Box--background-green-500_7ta4v_398",
-  "Box--background-yellow-100": "_Box--background-yellow-100_7ta4v_401",
-  "Box--background-yellow-200": "_Box--background-yellow-200_7ta4v_404",
-  "Box--background-yellow-300": "_Box--background-yellow-300_7ta4v_407",
-  "Box--background-yellow-400": "_Box--background-yellow-400_7ta4v_410",
-  "Box--background-yellow-500": "_Box--background-yellow-500_7ta4v_413",
-  "Box--background-red-100": "_Box--background-red-100_7ta4v_416",
-  "Box--background-red-200": "_Box--background-red-200_7ta4v_419",
-  "Box--background-red-300": "_Box--background-red-300_7ta4v_422",
-  "Box--background-red-400": "_Box--background-red-400_7ta4v_425",
-  "Box--background-red-500": "_Box--background-red-500_7ta4v_428",
-  "Box--background-blue-100": "_Box--background-blue-100_7ta4v_431",
-  "Box--background-blue-200": "_Box--background-blue-200_7ta4v_434",
-  "Box--background-blue-300": "_Box--background-blue-300_7ta4v_437",
-  "Box--background-blue-400": "_Box--background-blue-400_7ta4v_440",
-  "Box--background-blue-500": "_Box--background-blue-500_7ta4v_443",
-  "Box--background-magenta-100": "_Box--background-magenta-100_7ta4v_446",
-  "Box--background-magenta-200": "_Box--background-magenta-200_7ta4v_449",
-  "Box--background-magenta-300": "_Box--background-magenta-300_7ta4v_452",
-  "Box--background-magenta-400": "_Box--background-magenta-400_7ta4v_455",
-  "Box--background-magenta-500": "_Box--background-magenta-500_7ta4v_458",
-  "Box--background-primary": "_Box--background-primary_7ta4v_461",
-  "Box--background-secondary": "_Box--background-secondary_7ta4v_464",
-  "Box--background-tertiary": "_Box--background-tertiary_7ta4v_467",
-  "Box--background-overlay": "_Box--background-overlay_7ta4v_470",
-  "Box--background-disabled": "_Box--background-disabled_7ta4v_473",
-  "Box--background-brand": "_Box--background-brand_7ta4v_476",
-  "Box--background-brandB2b": "_Box--background-brandB2b_7ta4v_479",
-  "Box--background-accentLight": "_Box--background-accentLight_7ta4v_482",
-  "Box--background-accentDark": "_Box--background-accentDark_7ta4v_485",
-  "Box--background-positiveLight": "_Box--background-positiveLight_7ta4v_488",
-  "Box--background-positiveDark": "_Box--background-positiveDark_7ta4v_491",
-  "Box--background-infoLight": "_Box--background-infoLight_7ta4v_494",
-  "Box--background-infoDark": "_Box--background-infoDark_7ta4v_497",
-  "Box--background-warningLight": "_Box--background-warningLight_7ta4v_500",
-  "Box--background-warningDark": "_Box--background-warningDark_7ta4v_503",
-  "Box--background-criticalLight": "_Box--background-criticalLight_7ta4v_506",
-  "Box--background-criticalDark": "_Box--background-criticalDark_7ta4v_509",
-  "Box--background-statusOnline": "_Box--background-statusOnline_7ta4v_512",
-  "Box--background-statusOffline": "_Box--background-statusOffline_7ta4v_515",
-  "Box--background-primaryInverted": "_Box--background-primaryInverted_7ta4v_518",
-  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_7ta4v_521",
-  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_7ta4v_524"
+  "Box--box-radius-none": "_Box--box-radius-none_7bfdg_16",
+  "Box--box-radius-m": "_Box--box-radius-m_7bfdg_19",
+  "Box--box-radius-l": "_Box--box-radius-l_7bfdg_22",
+  "Box--box-radius-2": "_Box--box-radius-2_7bfdg_25",
+  "Box--box-radius-4": "_Box--box-radius-4_7bfdg_28",
+  "Box--box-radius-8": "_Box--box-radius-8_7bfdg_31",
+  "Box--box-radius-0": "_Box--box-radius-0_7bfdg_34",
+  "Box--box-radius-12": "_Box--box-radius-12_7bfdg_46",
+  "Box--box-radius-16": "_Box--box-radius-16_7bfdg_49",
+  "Box--box-radius-24": "_Box--box-radius-24_7bfdg_52",
+  "Box--box-radius-32": "_Box--box-radius-32_7bfdg_55",
+  "Box--box-radius-48": "_Box--box-radius-48_7bfdg_58",
+  "Box--box-radius-64": "_Box--box-radius-64_7bfdg_61",
+  "Box--box-radius-96": "_Box--box-radius-96_7bfdg_64",
+  "Box--box-radius-160": "_Box--box-radius-160_7bfdg_67",
+  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_7bfdg_71",
+  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_7bfdg_74",
+  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_7bfdg_77",
+  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_7bfdg_80",
+  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_7bfdg_83",
+  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_7bfdg_86",
+  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_7bfdg_89",
+  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_7bfdg_101",
+  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_7bfdg_104",
+  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_7bfdg_107",
+  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_7bfdg_110",
+  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_7bfdg_113",
+  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_7bfdg_116",
+  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_7bfdg_119",
+  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_7bfdg_122",
+  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_7bfdg_127",
+  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_7bfdg_130",
+  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_7bfdg_133",
+  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_7bfdg_136",
+  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_7bfdg_139",
+  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_7bfdg_142",
+  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_7bfdg_145",
+  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_7bfdg_157",
+  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_7bfdg_160",
+  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_7bfdg_163",
+  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_7bfdg_166",
+  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_7bfdg_169",
+  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_7bfdg_172",
+  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_7bfdg_175",
+  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_7bfdg_178",
+  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_7bfdg_183",
+  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_7bfdg_186",
+  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_7bfdg_189",
+  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_7bfdg_192",
+  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_7bfdg_195",
+  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_7bfdg_198",
+  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_7bfdg_201",
+  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_7bfdg_213",
+  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_7bfdg_216",
+  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_7bfdg_219",
+  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_7bfdg_222",
+  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_7bfdg_225",
+  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_7bfdg_228",
+  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_7bfdg_231",
+  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_7bfdg_234",
+  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_7bfdg_239",
+  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_7bfdg_242",
+  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_7bfdg_245",
+  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_7bfdg_248",
+  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_7bfdg_251",
+  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_7bfdg_254",
+  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_7bfdg_257",
+  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_7bfdg_269",
+  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_7bfdg_272",
+  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_7bfdg_275",
+  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_7bfdg_278",
+  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_7bfdg_281",
+  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_7bfdg_284",
+  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_7bfdg_287",
+  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_7bfdg_290",
+  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_7bfdg_295",
+  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_7bfdg_298",
+  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_7bfdg_301",
+  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_7bfdg_304",
+  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_7bfdg_307",
+  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_7bfdg_310",
+  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_7bfdg_313",
+  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_7bfdg_325",
+  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_7bfdg_328",
+  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_7bfdg_331",
+  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_7bfdg_334",
+  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_7bfdg_337",
+  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_7bfdg_340",
+  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_7bfdg_343",
+  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_7bfdg_346",
+  "Box--background-white": "_Box--background-white_7bfdg_350",
+  "Box--background-gray-100": "_Box--background-gray-100_7bfdg_353",
+  "Box--background-gray-200": "_Box--background-gray-200_7bfdg_356",
+  "Box--background-gray-300": "_Box--background-gray-300_7bfdg_359",
+  "Box--background-gray-400": "_Box--background-gray-400_7bfdg_362",
+  "Box--background-gray-500": "_Box--background-gray-500_7bfdg_365",
+  "Box--background-gray-600": "_Box--background-gray-600_7bfdg_368",
+  "Box--background-teal-100": "_Box--background-teal-100_7bfdg_371",
+  "Box--background-teal-200": "_Box--background-teal-200_7bfdg_374",
+  "Box--background-teal-300": "_Box--background-teal-300_7bfdg_377",
+  "Box--background-teal-400": "_Box--background-teal-400_7bfdg_380",
+  "Box--background-teal-500": "_Box--background-teal-500_7bfdg_383",
+  "Box--background-green-100": "_Box--background-green-100_7bfdg_386",
+  "Box--background-green-200": "_Box--background-green-200_7bfdg_389",
+  "Box--background-green-300": "_Box--background-green-300_7bfdg_392",
+  "Box--background-green-400": "_Box--background-green-400_7bfdg_395",
+  "Box--background-green-500": "_Box--background-green-500_7bfdg_398",
+  "Box--background-yellow-100": "_Box--background-yellow-100_7bfdg_401",
+  "Box--background-yellow-200": "_Box--background-yellow-200_7bfdg_404",
+  "Box--background-yellow-300": "_Box--background-yellow-300_7bfdg_407",
+  "Box--background-yellow-400": "_Box--background-yellow-400_7bfdg_410",
+  "Box--background-yellow-500": "_Box--background-yellow-500_7bfdg_413",
+  "Box--background-red-100": "_Box--background-red-100_7bfdg_416",
+  "Box--background-red-200": "_Box--background-red-200_7bfdg_419",
+  "Box--background-red-300": "_Box--background-red-300_7bfdg_422",
+  "Box--background-red-400": "_Box--background-red-400_7bfdg_425",
+  "Box--background-red-500": "_Box--background-red-500_7bfdg_428",
+  "Box--background-blue-100": "_Box--background-blue-100_7bfdg_431",
+  "Box--background-blue-200": "_Box--background-blue-200_7bfdg_434",
+  "Box--background-blue-300": "_Box--background-blue-300_7bfdg_437",
+  "Box--background-blue-400": "_Box--background-blue-400_7bfdg_440",
+  "Box--background-blue-500": "_Box--background-blue-500_7bfdg_443",
+  "Box--background-magenta-100": "_Box--background-magenta-100_7bfdg_446",
+  "Box--background-magenta-200": "_Box--background-magenta-200_7bfdg_449",
+  "Box--background-magenta-300": "_Box--background-magenta-300_7bfdg_452",
+  "Box--background-magenta-400": "_Box--background-magenta-400_7bfdg_455",
+  "Box--background-magenta-500": "_Box--background-magenta-500_7bfdg_458",
+  "Box--background-primary": "_Box--background-primary_7bfdg_461",
+  "Box--background-secondary": "_Box--background-secondary_7bfdg_464",
+  "Box--background-tertiary": "_Box--background-tertiary_7bfdg_467",
+  "Box--background-overlay": "_Box--background-overlay_7bfdg_470",
+  "Box--background-disabled": "_Box--background-disabled_7bfdg_473",
+  "Box--background-brand": "_Box--background-brand_7bfdg_476",
+  "Box--background-brandB2b": "_Box--background-brandB2b_7bfdg_479",
+  "Box--background-accentLight": "_Box--background-accentLight_7bfdg_482",
+  "Box--background-accentDark": "_Box--background-accentDark_7bfdg_485",
+  "Box--background-positiveLight": "_Box--background-positiveLight_7bfdg_488",
+  "Box--background-positiveDark": "_Box--background-positiveDark_7bfdg_491",
+  "Box--background-infoLight": "_Box--background-infoLight_7bfdg_494",
+  "Box--background-infoDark": "_Box--background-infoDark_7bfdg_497",
+  "Box--background-warningLight": "_Box--background-warningLight_7bfdg_500",
+  "Box--background-warningDark": "_Box--background-warningDark_7bfdg_503",
+  "Box--background-criticalLight": "_Box--background-criticalLight_7bfdg_506",
+  "Box--background-criticalDark": "_Box--background-criticalDark_7bfdg_509",
+  "Box--background-statusOnline": "_Box--background-statusOnline_7bfdg_512",
+  "Box--background-statusOffline": "_Box--background-statusOffline_7bfdg_515",
+  "Box--background-primaryInverted": "_Box--background-primaryInverted_7bfdg_518",
+  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_7bfdg_521",
+  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_7bfdg_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_105wz_5"
+  "Button--icon": "_Button--icon_3o0wv_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_s36f9_3";
-const chip = "_chip_s36f9_3";
+import '../../assets/Chips.css';const chips = "_chips_1fgmx_3";
+const chip = "_chip_1fgmx_3";
 const styles = {
   chips,
   chip,
-  "chip-toggle": "_chip-toggle_s36f9_37",
-  "chip-remove": "_chip-remove_s36f9_54"
+  "chip-toggle": "_chip-toggle_1fgmx_37",
+  "chip-remove": "_chip-remove_1fgmx_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_10j69_56";
-const overlayShow = "_overlayShow_10j69_1";
-const overlayHide = "_overlayHide_10j69_1";
-const Dialog$1 = "_Dialog_10j69_70";
-const mobileContentShow = "_mobileContentShow_10j69_1";
-const mobileContentHide = "_mobileContentHide_10j69_1";
-const contentShow = "_contentShow_10j69_1";
-const contentHide = "_contentHide_10j69_1";
-const header = "_header_10j69_402";
-const description = "_description_10j69_428";
-const actions = "_actions_10j69_434";
+const overlay = "_overlay_1f6r0_56";
+const overlayShow = "_overlayShow_1f6r0_1";
+const overlayHide = "_overlayHide_1f6r0_1";
+const Dialog$1 = "_Dialog_1f6r0_70";
+const mobileContentShow = "_mobileContentShow_1f6r0_1";
+const mobileContentHide = "_mobileContentHide_1f6r0_1";
+const contentShow = "_contentShow_1f6r0_1";
+const contentHide = "_contentHide_1f6r0_1";
+const header = "_header_1f6r0_402";
+const description = "_description_1f6r0_428";
+const actions = "_actions_1f6r0_434";
 const styles = {
   overlay,
   overlayShow,
@@ -35,30 +35,30 @@ const styles = {
   Dialog: Dialog$1,
   mobileContentShow,
   mobileContentHide,
-  "Dialog--size-xs": "_Dialog--size-xs_10j69_90",
-  "Dialog--narrow-l--size-xs": "_Dialog--narrow-l--size-xs_10j69_96",
-  "Dialog--medium-s--size-xs": "_Dialog--medium-s--size-xs_10j69_103",
-  "Dialog--medium-l--size-xs": "_Dialog--medium-l--size-xs_10j69_110",
-  "Dialog--wide-s--size-xs": "_Dialog--wide-s--size-xs_10j69_117",
-  "Dialog--wide-l--size-xs": "_Dialog--wide-l--size-xs_10j69_124",
-  "Dialog--size-sm": "_Dialog--size-sm_10j69_130",
-  "Dialog--narrow-l--size-sm": "_Dialog--narrow-l--size-sm_10j69_136",
-  "Dialog--medium-s--size-sm": "_Dialog--medium-s--size-sm_10j69_143",
-  "Dialog--medium-l--size-sm": "_Dialog--medium-l--size-sm_10j69_150",
-  "Dialog--wide-s--size-sm": "_Dialog--wide-s--size-sm_10j69_157",
-  "Dialog--wide-l--size-sm": "_Dialog--wide-l--size-sm_10j69_164",
-  "Dialog--size-md": "_Dialog--size-md_10j69_170",
-  "Dialog--narrow-l--size-md": "_Dialog--narrow-l--size-md_10j69_176",
-  "Dialog--medium-s--size-md": "_Dialog--medium-s--size-md_10j69_183",
-  "Dialog--medium-l--size-md": "_Dialog--medium-l--size-md_10j69_190",
-  "Dialog--wide-s--size-md": "_Dialog--wide-s--size-md_10j69_197",
-  "Dialog--wide-l--size-md": "_Dialog--wide-l--size-md_10j69_204",
-  "Dialog--size-lg": "_Dialog--size-lg_10j69_210",
-  "Dialog--narrow-l--size-lg": "_Dialog--narrow-l--size-lg_10j69_216",
-  "Dialog--medium-s--size-lg": "_Dialog--medium-s--size-lg_10j69_223",
-  "Dialog--medium-l--size-lg": "_Dialog--medium-l--size-lg_10j69_230",
-  "Dialog--wide-s--size-lg": "_Dialog--wide-s--size-lg_10j69_237",
-  "Dialog--wide-l--size-lg": "_Dialog--wide-l--size-lg_10j69_244",
+  "Dialog--size-xs": "_Dialog--size-xs_1f6r0_90",
+  "Dialog--narrow-l--size-xs": "_Dialog--narrow-l--size-xs_1f6r0_96",
+  "Dialog--medium-s--size-xs": "_Dialog--medium-s--size-xs_1f6r0_103",
+  "Dialog--medium-l--size-xs": "_Dialog--medium-l--size-xs_1f6r0_110",
+  "Dialog--wide-s--size-xs": "_Dialog--wide-s--size-xs_1f6r0_117",
+  "Dialog--wide-l--size-xs": "_Dialog--wide-l--size-xs_1f6r0_124",
+  "Dialog--size-sm": "_Dialog--size-sm_1f6r0_130",
+  "Dialog--narrow-l--size-sm": "_Dialog--narrow-l--size-sm_1f6r0_136",
+  "Dialog--medium-s--size-sm": "_Dialog--medium-s--size-sm_1f6r0_143",
+  "Dialog--medium-l--size-sm": "_Dialog--medium-l--size-sm_1f6r0_150",
+  "Dialog--wide-s--size-sm": "_Dialog--wide-s--size-sm_1f6r0_157",
+  "Dialog--wide-l--size-sm": "_Dialog--wide-l--size-sm_1f6r0_164",
+  "Dialog--size-md": "_Dialog--size-md_1f6r0_170",
+  "Dialog--narrow-l--size-md": "_Dialog--narrow-l--size-md_1f6r0_176",
+  "Dialog--medium-s--size-md": "_Dialog--medium-s--size-md_1f6r0_183",
+  "Dialog--medium-l--size-md": "_Dialog--medium-l--size-md_1f6r0_190",
+  "Dialog--wide-s--size-md": "_Dialog--wide-s--size-md_1f6r0_197",
+  "Dialog--wide-l--size-md": "_Dialog--wide-l--size-md_1f6r0_204",
+  "Dialog--size-lg": "_Dialog--size-lg_1f6r0_210",
+  "Dialog--narrow-l--size-lg": "_Dialog--narrow-l--size-lg_1f6r0_216",
+  "Dialog--medium-s--size-lg": "_Dialog--medium-s--size-lg_1f6r0_223",
+  "Dialog--medium-l--size-lg": "_Dialog--medium-l--size-lg_1f6r0_230",
+  "Dialog--wide-s--size-lg": "_Dialog--wide-s--size-lg_1f6r0_237",
+  "Dialog--wide-l--size-lg": "_Dialog--wide-l--size-lg_1f6r0_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-preply-component-names";
 import { moduleClassNames, stringClassNames, FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, getDatasetProps } from "@preply/ds-web-core";
-import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_d4rao_4";
+import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_ydqpr_4";
 const styles = {
   FieldAdditionalText: FieldAdditionalText$1,
-  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_d4rao_11",
-  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_d4rao_14"
+  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_ydqpr_11",
+  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_ydqpr_14"
 };
 const FieldAdditionalText = ({
   id,

package/dist/components/FieldButton/FieldButton.js

@@ -4,7 +4,7 @@ import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-n
 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_ti59p_4";
+import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_40zj3_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_18ixp_5",
-  "FieldLayout--icon": "_FieldLayout--icon_18ixp_42",
-  "FieldLayout--has-icon": "_FieldLayout--has-icon_18ixp_55",
-  "FieldLayout--has-button": "_FieldLayout--has-button_18ixp_58",
-  "FieldLayout--has-error": "_FieldLayout--has-error_18ixp_61",
-  "FieldLayout--is-focused": "_FieldLayout--is-focused_18ixp_72",
-  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_18ixp_76"
+  "FieldLayout--input": "_FieldLayout--input_v9wya_5",
+  "FieldLayout--icon": "_FieldLayout--icon_v9wya_42",
+  "FieldLayout--has-icon": "_FieldLayout--has-icon_v9wya_55",
+  "FieldLayout--has-button": "_FieldLayout--has-button_v9wya_58",
+  "FieldLayout--has-error": "_FieldLayout--has-error_v9wya_61",
+  "FieldLayout--is-focused": "_FieldLayout--is-focused_v9wya_72",
+  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_v9wya_76"
 };
 const FieldLayoutLocal = ({
   id,