@preply/ds-web-lib 1.4.4 → 1.4.5

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_jsnfh_4";
+import '../../assets/Box.css';const Box$1 = "_Box_4m9ve_4";
 const styles = {
   Box: Box$1,
-  "Box--box-radius-none": "_Box--box-radius-none_jsnfh_16",
-  "Box--box-radius-m": "_Box--box-radius-m_jsnfh_19",
-  "Box--box-radius-l": "_Box--box-radius-l_jsnfh_22",
-  "Box--box-radius-2": "_Box--box-radius-2_jsnfh_25",
-  "Box--box-radius-4": "_Box--box-radius-4_jsnfh_28",
-  "Box--box-radius-8": "_Box--box-radius-8_jsnfh_31",
-  "Box--box-radius-0": "_Box--box-radius-0_jsnfh_34",
-  "Box--box-radius-12": "_Box--box-radius-12_jsnfh_46",
-  "Box--box-radius-16": "_Box--box-radius-16_jsnfh_49",
-  "Box--box-radius-24": "_Box--box-radius-24_jsnfh_52",
-  "Box--box-radius-32": "_Box--box-radius-32_jsnfh_55",
-  "Box--box-radius-48": "_Box--box-radius-48_jsnfh_58",
-  "Box--box-radius-64": "_Box--box-radius-64_jsnfh_61",
-  "Box--box-radius-96": "_Box--box-radius-96_jsnfh_64",
-  "Box--box-radius-160": "_Box--box-radius-160_jsnfh_67",
-  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_jsnfh_71",
-  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_jsnfh_74",
-  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_jsnfh_77",
-  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_jsnfh_80",
-  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_jsnfh_83",
-  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_jsnfh_86",
-  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_jsnfh_89",
-  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_jsnfh_101",
-  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_jsnfh_104",
-  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_jsnfh_107",
-  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_jsnfh_110",
-  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_jsnfh_113",
-  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_jsnfh_116",
-  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_jsnfh_119",
-  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_jsnfh_122",
-  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_jsnfh_127",
-  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_jsnfh_130",
-  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_jsnfh_133",
-  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_jsnfh_136",
-  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_jsnfh_139",
-  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_jsnfh_142",
-  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_jsnfh_145",
-  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_jsnfh_157",
-  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_jsnfh_160",
-  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_jsnfh_163",
-  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_jsnfh_166",
-  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_jsnfh_169",
-  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_jsnfh_172",
-  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_jsnfh_175",
-  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_jsnfh_178",
-  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_jsnfh_183",
-  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_jsnfh_186",
-  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_jsnfh_189",
-  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_jsnfh_192",
-  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_jsnfh_195",
-  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_jsnfh_198",
-  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_jsnfh_201",
-  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_jsnfh_213",
-  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_jsnfh_216",
-  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_jsnfh_219",
-  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_jsnfh_222",
-  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_jsnfh_225",
-  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_jsnfh_228",
-  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_jsnfh_231",
-  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_jsnfh_234",
-  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_jsnfh_239",
-  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_jsnfh_242",
-  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_jsnfh_245",
-  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_jsnfh_248",
-  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_jsnfh_251",
-  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_jsnfh_254",
-  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_jsnfh_257",
-  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_jsnfh_269",
-  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_jsnfh_272",
-  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_jsnfh_275",
-  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_jsnfh_278",
-  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_jsnfh_281",
-  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_jsnfh_284",
-  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_jsnfh_287",
-  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_jsnfh_290",
-  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_jsnfh_295",
-  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_jsnfh_298",
-  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_jsnfh_301",
-  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_jsnfh_304",
-  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_jsnfh_307",
-  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_jsnfh_310",
-  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_jsnfh_313",
-  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_jsnfh_325",
-  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_jsnfh_328",
-  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_jsnfh_331",
-  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_jsnfh_334",
-  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_jsnfh_337",
-  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_jsnfh_340",
-  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_jsnfh_343",
-  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_jsnfh_346",
-  "Box--background-white": "_Box--background-white_jsnfh_350",
-  "Box--background-gray-100": "_Box--background-gray-100_jsnfh_353",
-  "Box--background-gray-200": "_Box--background-gray-200_jsnfh_356",
-  "Box--background-gray-300": "_Box--background-gray-300_jsnfh_359",
-  "Box--background-gray-400": "_Box--background-gray-400_jsnfh_362",
-  "Box--background-gray-500": "_Box--background-gray-500_jsnfh_365",
-  "Box--background-gray-600": "_Box--background-gray-600_jsnfh_368",
-  "Box--background-teal-100": "_Box--background-teal-100_jsnfh_371",
-  "Box--background-teal-200": "_Box--background-teal-200_jsnfh_374",
-  "Box--background-teal-300": "_Box--background-teal-300_jsnfh_377",
-  "Box--background-teal-400": "_Box--background-teal-400_jsnfh_380",
-  "Box--background-teal-500": "_Box--background-teal-500_jsnfh_383",
-  "Box--background-green-100": "_Box--background-green-100_jsnfh_386",
-  "Box--background-green-200": "_Box--background-green-200_jsnfh_389",
-  "Box--background-green-300": "_Box--background-green-300_jsnfh_392",
-  "Box--background-green-400": "_Box--background-green-400_jsnfh_395",
-  "Box--background-green-500": "_Box--background-green-500_jsnfh_398",
-  "Box--background-yellow-100": "_Box--background-yellow-100_jsnfh_401",
-  "Box--background-yellow-200": "_Box--background-yellow-200_jsnfh_404",
-  "Box--background-yellow-300": "_Box--background-yellow-300_jsnfh_407",
-  "Box--background-yellow-400": "_Box--background-yellow-400_jsnfh_410",
-  "Box--background-yellow-500": "_Box--background-yellow-500_jsnfh_413",
-  "Box--background-red-100": "_Box--background-red-100_jsnfh_416",
-  "Box--background-red-200": "_Box--background-red-200_jsnfh_419",
-  "Box--background-red-300": "_Box--background-red-300_jsnfh_422",
-  "Box--background-red-400": "_Box--background-red-400_jsnfh_425",
-  "Box--background-red-500": "_Box--background-red-500_jsnfh_428",
-  "Box--background-blue-100": "_Box--background-blue-100_jsnfh_431",
-  "Box--background-blue-200": "_Box--background-blue-200_jsnfh_434",
-  "Box--background-blue-300": "_Box--background-blue-300_jsnfh_437",
-  "Box--background-blue-400": "_Box--background-blue-400_jsnfh_440",
-  "Box--background-blue-500": "_Box--background-blue-500_jsnfh_443",
-  "Box--background-magenta-100": "_Box--background-magenta-100_jsnfh_446",
-  "Box--background-magenta-200": "_Box--background-magenta-200_jsnfh_449",
-  "Box--background-magenta-300": "_Box--background-magenta-300_jsnfh_452",
-  "Box--background-magenta-400": "_Box--background-magenta-400_jsnfh_455",
-  "Box--background-magenta-500": "_Box--background-magenta-500_jsnfh_458",
-  "Box--background-primary": "_Box--background-primary_jsnfh_461",
-  "Box--background-secondary": "_Box--background-secondary_jsnfh_464",
-  "Box--background-tertiary": "_Box--background-tertiary_jsnfh_467",
-  "Box--background-overlay": "_Box--background-overlay_jsnfh_470",
-  "Box--background-disabled": "_Box--background-disabled_jsnfh_473",
-  "Box--background-brand": "_Box--background-brand_jsnfh_476",
-  "Box--background-brandB2b": "_Box--background-brandB2b_jsnfh_479",
-  "Box--background-accentLight": "_Box--background-accentLight_jsnfh_482",
-  "Box--background-accentDark": "_Box--background-accentDark_jsnfh_485",
-  "Box--background-positiveLight": "_Box--background-positiveLight_jsnfh_488",
-  "Box--background-positiveDark": "_Box--background-positiveDark_jsnfh_491",
-  "Box--background-infoLight": "_Box--background-infoLight_jsnfh_494",
-  "Box--background-infoDark": "_Box--background-infoDark_jsnfh_497",
-  "Box--background-warningLight": "_Box--background-warningLight_jsnfh_500",
-  "Box--background-warningDark": "_Box--background-warningDark_jsnfh_503",
-  "Box--background-criticalLight": "_Box--background-criticalLight_jsnfh_506",
-  "Box--background-criticalDark": "_Box--background-criticalDark_jsnfh_509",
-  "Box--background-statusOnline": "_Box--background-statusOnline_jsnfh_512",
-  "Box--background-statusOffline": "_Box--background-statusOffline_jsnfh_515",
-  "Box--background-primaryInverted": "_Box--background-primaryInverted_jsnfh_518",
-  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_jsnfh_521",
-  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_jsnfh_524"
+  "Box--box-radius-none": "_Box--box-radius-none_4m9ve_16",
+  "Box--box-radius-m": "_Box--box-radius-m_4m9ve_19",
+  "Box--box-radius-l": "_Box--box-radius-l_4m9ve_22",
+  "Box--box-radius-2": "_Box--box-radius-2_4m9ve_25",
+  "Box--box-radius-4": "_Box--box-radius-4_4m9ve_28",
+  "Box--box-radius-8": "_Box--box-radius-8_4m9ve_31",
+  "Box--box-radius-0": "_Box--box-radius-0_4m9ve_34",
+  "Box--box-radius-12": "_Box--box-radius-12_4m9ve_46",
+  "Box--box-radius-16": "_Box--box-radius-16_4m9ve_49",
+  "Box--box-radius-24": "_Box--box-radius-24_4m9ve_52",
+  "Box--box-radius-32": "_Box--box-radius-32_4m9ve_55",
+  "Box--box-radius-48": "_Box--box-radius-48_4m9ve_58",
+  "Box--box-radius-64": "_Box--box-radius-64_4m9ve_61",
+  "Box--box-radius-96": "_Box--box-radius-96_4m9ve_64",
+  "Box--box-radius-160": "_Box--box-radius-160_4m9ve_67",
+  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_4m9ve_71",
+  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_4m9ve_74",
+  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_4m9ve_77",
+  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_4m9ve_80",
+  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_4m9ve_83",
+  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_4m9ve_86",
+  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_4m9ve_89",
+  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_4m9ve_101",
+  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_4m9ve_104",
+  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_4m9ve_107",
+  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_4m9ve_110",
+  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_4m9ve_113",
+  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_4m9ve_116",
+  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_4m9ve_119",
+  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_4m9ve_122",
+  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_4m9ve_127",
+  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_4m9ve_130",
+  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_4m9ve_133",
+  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_4m9ve_136",
+  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_4m9ve_139",
+  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_4m9ve_142",
+  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_4m9ve_145",
+  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_4m9ve_157",
+  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_4m9ve_160",
+  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_4m9ve_163",
+  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_4m9ve_166",
+  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_4m9ve_169",
+  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_4m9ve_172",
+  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_4m9ve_175",
+  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_4m9ve_178",
+  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_4m9ve_183",
+  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_4m9ve_186",
+  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_4m9ve_189",
+  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_4m9ve_192",
+  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_4m9ve_195",
+  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_4m9ve_198",
+  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_4m9ve_201",
+  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_4m9ve_213",
+  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_4m9ve_216",
+  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_4m9ve_219",
+  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_4m9ve_222",
+  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_4m9ve_225",
+  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_4m9ve_228",
+  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_4m9ve_231",
+  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_4m9ve_234",
+  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_4m9ve_239",
+  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_4m9ve_242",
+  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_4m9ve_245",
+  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_4m9ve_248",
+  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_4m9ve_251",
+  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_4m9ve_254",
+  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_4m9ve_257",
+  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_4m9ve_269",
+  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_4m9ve_272",
+  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_4m9ve_275",
+  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_4m9ve_278",
+  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_4m9ve_281",
+  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_4m9ve_284",
+  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_4m9ve_287",
+  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_4m9ve_290",
+  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_4m9ve_295",
+  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_4m9ve_298",
+  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_4m9ve_301",
+  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_4m9ve_304",
+  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_4m9ve_307",
+  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_4m9ve_310",
+  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_4m9ve_313",
+  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_4m9ve_325",
+  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_4m9ve_328",
+  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_4m9ve_331",
+  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_4m9ve_334",
+  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_4m9ve_337",
+  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_4m9ve_340",
+  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_4m9ve_343",
+  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_4m9ve_346",
+  "Box--background-white": "_Box--background-white_4m9ve_350",
+  "Box--background-gray-100": "_Box--background-gray-100_4m9ve_353",
+  "Box--background-gray-200": "_Box--background-gray-200_4m9ve_356",
+  "Box--background-gray-300": "_Box--background-gray-300_4m9ve_359",
+  "Box--background-gray-400": "_Box--background-gray-400_4m9ve_362",
+  "Box--background-gray-500": "_Box--background-gray-500_4m9ve_365",
+  "Box--background-gray-600": "_Box--background-gray-600_4m9ve_368",
+  "Box--background-teal-100": "_Box--background-teal-100_4m9ve_371",
+  "Box--background-teal-200": "_Box--background-teal-200_4m9ve_374",
+  "Box--background-teal-300": "_Box--background-teal-300_4m9ve_377",
+  "Box--background-teal-400": "_Box--background-teal-400_4m9ve_380",
+  "Box--background-teal-500": "_Box--background-teal-500_4m9ve_383",
+  "Box--background-green-100": "_Box--background-green-100_4m9ve_386",
+  "Box--background-green-200": "_Box--background-green-200_4m9ve_389",
+  "Box--background-green-300": "_Box--background-green-300_4m9ve_392",
+  "Box--background-green-400": "_Box--background-green-400_4m9ve_395",
+  "Box--background-green-500": "_Box--background-green-500_4m9ve_398",
+  "Box--background-yellow-100": "_Box--background-yellow-100_4m9ve_401",
+  "Box--background-yellow-200": "_Box--background-yellow-200_4m9ve_404",
+  "Box--background-yellow-300": "_Box--background-yellow-300_4m9ve_407",
+  "Box--background-yellow-400": "_Box--background-yellow-400_4m9ve_410",
+  "Box--background-yellow-500": "_Box--background-yellow-500_4m9ve_413",
+  "Box--background-red-100": "_Box--background-red-100_4m9ve_416",
+  "Box--background-red-200": "_Box--background-red-200_4m9ve_419",
+  "Box--background-red-300": "_Box--background-red-300_4m9ve_422",
+  "Box--background-red-400": "_Box--background-red-400_4m9ve_425",
+  "Box--background-red-500": "_Box--background-red-500_4m9ve_428",
+  "Box--background-blue-100": "_Box--background-blue-100_4m9ve_431",
+  "Box--background-blue-200": "_Box--background-blue-200_4m9ve_434",
+  "Box--background-blue-300": "_Box--background-blue-300_4m9ve_437",
+  "Box--background-blue-400": "_Box--background-blue-400_4m9ve_440",
+  "Box--background-blue-500": "_Box--background-blue-500_4m9ve_443",
+  "Box--background-magenta-100": "_Box--background-magenta-100_4m9ve_446",
+  "Box--background-magenta-200": "_Box--background-magenta-200_4m9ve_449",
+  "Box--background-magenta-300": "_Box--background-magenta-300_4m9ve_452",
+  "Box--background-magenta-400": "_Box--background-magenta-400_4m9ve_455",
+  "Box--background-magenta-500": "_Box--background-magenta-500_4m9ve_458",
+  "Box--background-primary": "_Box--background-primary_4m9ve_461",
+  "Box--background-secondary": "_Box--background-secondary_4m9ve_464",
+  "Box--background-tertiary": "_Box--background-tertiary_4m9ve_467",
+  "Box--background-overlay": "_Box--background-overlay_4m9ve_470",
+  "Box--background-disabled": "_Box--background-disabled_4m9ve_473",
+  "Box--background-brand": "_Box--background-brand_4m9ve_476",
+  "Box--background-brandB2b": "_Box--background-brandB2b_4m9ve_479",
+  "Box--background-accentLight": "_Box--background-accentLight_4m9ve_482",
+  "Box--background-accentDark": "_Box--background-accentDark_4m9ve_485",
+  "Box--background-positiveLight": "_Box--background-positiveLight_4m9ve_488",
+  "Box--background-positiveDark": "_Box--background-positiveDark_4m9ve_491",
+  "Box--background-infoLight": "_Box--background-infoLight_4m9ve_494",
+  "Box--background-infoDark": "_Box--background-infoDark_4m9ve_497",
+  "Box--background-warningLight": "_Box--background-warningLight_4m9ve_500",
+  "Box--background-warningDark": "_Box--background-warningDark_4m9ve_503",
+  "Box--background-criticalLight": "_Box--background-criticalLight_4m9ve_506",
+  "Box--background-criticalDark": "_Box--background-criticalDark_4m9ve_509",
+  "Box--background-statusOnline": "_Box--background-statusOnline_4m9ve_512",
+  "Box--background-statusOffline": "_Box--background-statusOffline_4m9ve_515",
+  "Box--background-primaryInverted": "_Box--background-primaryInverted_4m9ve_518",
+  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_4m9ve_521",
+  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_4m9ve_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_m23iw_5"
+  "Button--icon": "_Button--icon_7g4o0_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_1avg7_3";
-const chip = "_chip_1avg7_3";
+import '../../assets/Chips.css';const chips = "_chips_1pfjg_3";
+const chip = "_chip_1pfjg_3";
 const styles = {
   chips,
   chip,
-  "chip-toggle": "_chip-toggle_1avg7_37",
-  "chip-remove": "_chip-remove_1avg7_54"
+  "chip-toggle": "_chip-toggle_1pfjg_37",
+  "chip-remove": "_chip-remove_1pfjg_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_tdgol_56";
-const overlayShow = "_overlayShow_tdgol_1";
-const overlayHide = "_overlayHide_tdgol_1";
-const Dialog$1 = "_Dialog_tdgol_70";
-const mobileContentShow = "_mobileContentShow_tdgol_1";
-const mobileContentHide = "_mobileContentHide_tdgol_1";
-const contentShow = "_contentShow_tdgol_1";
-const contentHide = "_contentHide_tdgol_1";
-const header = "_header_tdgol_402";
-const description = "_description_tdgol_428";
-const actions = "_actions_tdgol_434";
+const overlay = "_overlay_6i0kp_56";
+const overlayShow = "_overlayShow_6i0kp_1";
+const overlayHide = "_overlayHide_6i0kp_1";
+const Dialog$1 = "_Dialog_6i0kp_70";
+const mobileContentShow = "_mobileContentShow_6i0kp_1";
+const mobileContentHide = "_mobileContentHide_6i0kp_1";
+const contentShow = "_contentShow_6i0kp_1";
+const contentHide = "_contentHide_6i0kp_1";
+const header = "_header_6i0kp_402";
+const description = "_description_6i0kp_428";
+const actions = "_actions_6i0kp_434";
 const styles = {
   overlay,
   overlayShow,
@@ -35,30 +35,30 @@ const styles = {
   Dialog: Dialog$1,
   mobileContentShow,
   mobileContentHide,
-  "Dialog--size-xs": "_Dialog--size-xs_tdgol_90",
-  "Dialog--narrow-l--size-xs": "_Dialog--narrow-l--size-xs_tdgol_96",
-  "Dialog--medium-s--size-xs": "_Dialog--medium-s--size-xs_tdgol_103",
-  "Dialog--medium-l--size-xs": "_Dialog--medium-l--size-xs_tdgol_110",
-  "Dialog--wide-s--size-xs": "_Dialog--wide-s--size-xs_tdgol_117",
-  "Dialog--wide-l--size-xs": "_Dialog--wide-l--size-xs_tdgol_124",
-  "Dialog--size-sm": "_Dialog--size-sm_tdgol_130",
-  "Dialog--narrow-l--size-sm": "_Dialog--narrow-l--size-sm_tdgol_136",
-  "Dialog--medium-s--size-sm": "_Dialog--medium-s--size-sm_tdgol_143",
-  "Dialog--medium-l--size-sm": "_Dialog--medium-l--size-sm_tdgol_150",
-  "Dialog--wide-s--size-sm": "_Dialog--wide-s--size-sm_tdgol_157",
-  "Dialog--wide-l--size-sm": "_Dialog--wide-l--size-sm_tdgol_164",
-  "Dialog--size-md": "_Dialog--size-md_tdgol_170",
-  "Dialog--narrow-l--size-md": "_Dialog--narrow-l--size-md_tdgol_176",
-  "Dialog--medium-s--size-md": "_Dialog--medium-s--size-md_tdgol_183",
-  "Dialog--medium-l--size-md": "_Dialog--medium-l--size-md_tdgol_190",
-  "Dialog--wide-s--size-md": "_Dialog--wide-s--size-md_tdgol_197",
-  "Dialog--wide-l--size-md": "_Dialog--wide-l--size-md_tdgol_204",
-  "Dialog--size-lg": "_Dialog--size-lg_tdgol_210",
-  "Dialog--narrow-l--size-lg": "_Dialog--narrow-l--size-lg_tdgol_216",
-  "Dialog--medium-s--size-lg": "_Dialog--medium-s--size-lg_tdgol_223",
-  "Dialog--medium-l--size-lg": "_Dialog--medium-l--size-lg_tdgol_230",
-  "Dialog--wide-s--size-lg": "_Dialog--wide-s--size-lg_tdgol_237",
-  "Dialog--wide-l--size-lg": "_Dialog--wide-l--size-lg_tdgol_244",
+  "Dialog--size-xs": "_Dialog--size-xs_6i0kp_90",
+  "Dialog--narrow-l--size-xs": "_Dialog--narrow-l--size-xs_6i0kp_96",
+  "Dialog--medium-s--size-xs": "_Dialog--medium-s--size-xs_6i0kp_103",
+  "Dialog--medium-l--size-xs": "_Dialog--medium-l--size-xs_6i0kp_110",
+  "Dialog--wide-s--size-xs": "_Dialog--wide-s--size-xs_6i0kp_117",
+  "Dialog--wide-l--size-xs": "_Dialog--wide-l--size-xs_6i0kp_124",
+  "Dialog--size-sm": "_Dialog--size-sm_6i0kp_130",
+  "Dialog--narrow-l--size-sm": "_Dialog--narrow-l--size-sm_6i0kp_136",
+  "Dialog--medium-s--size-sm": "_Dialog--medium-s--size-sm_6i0kp_143",
+  "Dialog--medium-l--size-sm": "_Dialog--medium-l--size-sm_6i0kp_150",
+  "Dialog--wide-s--size-sm": "_Dialog--wide-s--size-sm_6i0kp_157",
+  "Dialog--wide-l--size-sm": "_Dialog--wide-l--size-sm_6i0kp_164",
+  "Dialog--size-md": "_Dialog--size-md_6i0kp_170",
+  "Dialog--narrow-l--size-md": "_Dialog--narrow-l--size-md_6i0kp_176",
+  "Dialog--medium-s--size-md": "_Dialog--medium-s--size-md_6i0kp_183",
+  "Dialog--medium-l--size-md": "_Dialog--medium-l--size-md_6i0kp_190",
+  "Dialog--wide-s--size-md": "_Dialog--wide-s--size-md_6i0kp_197",
+  "Dialog--wide-l--size-md": "_Dialog--wide-l--size-md_6i0kp_204",
+  "Dialog--size-lg": "_Dialog--size-lg_6i0kp_210",
+  "Dialog--narrow-l--size-lg": "_Dialog--narrow-l--size-lg_6i0kp_216",
+  "Dialog--medium-s--size-lg": "_Dialog--medium-s--size-lg_6i0kp_223",
+  "Dialog--medium-l--size-lg": "_Dialog--medium-l--size-lg_6i0kp_230",
+  "Dialog--wide-s--size-lg": "_Dialog--wide-s--size-lg_6i0kp_237",
+  "Dialog--wide-l--size-lg": "_Dialog--wide-l--size-lg_6i0kp_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_1tawu_4";
+import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_1wkr1_4";
 const styles = {
   FieldAdditionalText: FieldAdditionalText$1,
-  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_1tawu_11",
-  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_1tawu_14"
+  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_1wkr1_11",
+  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_1wkr1_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_1e1ps_4";
+import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_1hugx_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_m2sn9_5",
-  "FieldLayout--icon": "_FieldLayout--icon_m2sn9_42",
-  "FieldLayout--has-icon": "_FieldLayout--has-icon_m2sn9_55",
-  "FieldLayout--has-button": "_FieldLayout--has-button_m2sn9_58",
-  "FieldLayout--has-error": "_FieldLayout--has-error_m2sn9_61",
-  "FieldLayout--is-focused": "_FieldLayout--is-focused_m2sn9_72",
-  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_m2sn9_76"
+  "FieldLayout--input": "_FieldLayout--input_15kfc_5",
+  "FieldLayout--icon": "_FieldLayout--icon_15kfc_42",
+  "FieldLayout--has-icon": "_FieldLayout--has-icon_15kfc_55",
+  "FieldLayout--has-button": "_FieldLayout--has-button_15kfc_58",
+  "FieldLayout--has-error": "_FieldLayout--has-error_15kfc_61",
+  "FieldLayout--is-focused": "_FieldLayout--is-focused_15kfc_72",
+  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_15kfc_76"
 };
 const FieldLayoutLocal = ({
   id,