@preply/ds-web-lib 1.2.0 → 1.2.1

package/dist/components/Box/Box.js

@@ -3,158 +3,158 @@ import { BOX_RADIUS_DEFAULT, BOX_PADDING_DEFAULT, LAYOUT_TAG_DEFAULT } from "@pr
 import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
 import { moduleClassNames, stringClassNames, getDatasetProps } from "@preply/ds-web-core";
 import { getLayoutPaddingClassnames } from "../../shared-styles/layout-padding/layout-padding.js";
-import '../../assets/Box.css';const Box$1 = "_Box_wsnsq_4";
+import '../../assets/Box.css';const Box$1 = "_Box_1fbvc_4";
 const styles = {
   Box: Box$1,
-  "Box--box-radius-none": "_Box--box-radius-none_wsnsq_16",
-  "Box--box-radius-m": "_Box--box-radius-m_wsnsq_19",
-  "Box--box-radius-l": "_Box--box-radius-l_wsnsq_22",
-  "Box--box-radius-2": "_Box--box-radius-2_wsnsq_25",
-  "Box--box-radius-4": "_Box--box-radius-4_wsnsq_28",
-  "Box--box-radius-8": "_Box--box-radius-8_wsnsq_31",
-  "Box--box-radius-0": "_Box--box-radius-0_wsnsq_34",
-  "Box--box-radius-12": "_Box--box-radius-12_wsnsq_46",
-  "Box--box-radius-16": "_Box--box-radius-16_wsnsq_49",
-  "Box--box-radius-24": "_Box--box-radius-24_wsnsq_52",
-  "Box--box-radius-32": "_Box--box-radius-32_wsnsq_55",
-  "Box--box-radius-48": "_Box--box-radius-48_wsnsq_58",
-  "Box--box-radius-64": "_Box--box-radius-64_wsnsq_61",
-  "Box--box-radius-96": "_Box--box-radius-96_wsnsq_64",
-  "Box--box-radius-160": "_Box--box-radius-160_wsnsq_67",
-  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_wsnsq_71",
-  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_wsnsq_74",
-  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_wsnsq_77",
-  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_wsnsq_80",
-  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_wsnsq_83",
-  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_wsnsq_86",
-  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_wsnsq_89",
-  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_wsnsq_101",
-  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_wsnsq_104",
-  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_wsnsq_107",
-  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_wsnsq_110",
-  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_wsnsq_113",
-  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_wsnsq_116",
-  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_wsnsq_119",
-  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_wsnsq_122",
-  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_wsnsq_127",
-  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_wsnsq_130",
-  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_wsnsq_133",
-  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_wsnsq_136",
-  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_wsnsq_139",
-  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_wsnsq_142",
-  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_wsnsq_145",
-  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_wsnsq_157",
-  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_wsnsq_160",
-  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_wsnsq_163",
-  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_wsnsq_166",
-  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_wsnsq_169",
-  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_wsnsq_172",
-  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_wsnsq_175",
-  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_wsnsq_178",
-  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_wsnsq_183",
-  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_wsnsq_186",
-  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_wsnsq_189",
-  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_wsnsq_192",
-  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_wsnsq_195",
-  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_wsnsq_198",
-  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_wsnsq_201",
-  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_wsnsq_213",
-  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_wsnsq_216",
-  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_wsnsq_219",
-  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_wsnsq_222",
-  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_wsnsq_225",
-  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_wsnsq_228",
-  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_wsnsq_231",
-  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_wsnsq_234",
-  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_wsnsq_239",
-  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_wsnsq_242",
-  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_wsnsq_245",
-  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_wsnsq_248",
-  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_wsnsq_251",
-  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_wsnsq_254",
-  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_wsnsq_257",
-  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_wsnsq_269",
-  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_wsnsq_272",
-  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_wsnsq_275",
-  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_wsnsq_278",
-  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_wsnsq_281",
-  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_wsnsq_284",
-  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_wsnsq_287",
-  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_wsnsq_290",
-  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_wsnsq_295",
-  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_wsnsq_298",
-  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_wsnsq_301",
-  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_wsnsq_304",
-  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_wsnsq_307",
-  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_wsnsq_310",
-  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_wsnsq_313",
-  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_wsnsq_325",
-  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_wsnsq_328",
-  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_wsnsq_331",
-  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_wsnsq_334",
-  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_wsnsq_337",
-  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_wsnsq_340",
-  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_wsnsq_343",
-  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_wsnsq_346",
-  "Box--background-white": "_Box--background-white_wsnsq_350",
-  "Box--background-gray-100": "_Box--background-gray-100_wsnsq_353",
-  "Box--background-gray-200": "_Box--background-gray-200_wsnsq_356",
-  "Box--background-gray-300": "_Box--background-gray-300_wsnsq_359",
-  "Box--background-gray-400": "_Box--background-gray-400_wsnsq_362",
-  "Box--background-gray-500": "_Box--background-gray-500_wsnsq_365",
-  "Box--background-gray-600": "_Box--background-gray-600_wsnsq_368",
-  "Box--background-teal-100": "_Box--background-teal-100_wsnsq_371",
-  "Box--background-teal-200": "_Box--background-teal-200_wsnsq_374",
-  "Box--background-teal-300": "_Box--background-teal-300_wsnsq_377",
-  "Box--background-teal-400": "_Box--background-teal-400_wsnsq_380",
-  "Box--background-teal-500": "_Box--background-teal-500_wsnsq_383",
-  "Box--background-green-100": "_Box--background-green-100_wsnsq_386",
-  "Box--background-green-200": "_Box--background-green-200_wsnsq_389",
-  "Box--background-green-300": "_Box--background-green-300_wsnsq_392",
-  "Box--background-green-400": "_Box--background-green-400_wsnsq_395",
-  "Box--background-green-500": "_Box--background-green-500_wsnsq_398",
-  "Box--background-yellow-100": "_Box--background-yellow-100_wsnsq_401",
-  "Box--background-yellow-200": "_Box--background-yellow-200_wsnsq_404",
-  "Box--background-yellow-300": "_Box--background-yellow-300_wsnsq_407",
-  "Box--background-yellow-400": "_Box--background-yellow-400_wsnsq_410",
-  "Box--background-yellow-500": "_Box--background-yellow-500_wsnsq_413",
-  "Box--background-red-100": "_Box--background-red-100_wsnsq_416",
-  "Box--background-red-200": "_Box--background-red-200_wsnsq_419",
-  "Box--background-red-300": "_Box--background-red-300_wsnsq_422",
-  "Box--background-red-400": "_Box--background-red-400_wsnsq_425",
-  "Box--background-red-500": "_Box--background-red-500_wsnsq_428",
-  "Box--background-blue-100": "_Box--background-blue-100_wsnsq_431",
-  "Box--background-blue-200": "_Box--background-blue-200_wsnsq_434",
-  "Box--background-blue-300": "_Box--background-blue-300_wsnsq_437",
-  "Box--background-blue-400": "_Box--background-blue-400_wsnsq_440",
-  "Box--background-blue-500": "_Box--background-blue-500_wsnsq_443",
-  "Box--background-magenta-100": "_Box--background-magenta-100_wsnsq_446",
-  "Box--background-magenta-200": "_Box--background-magenta-200_wsnsq_449",
-  "Box--background-magenta-300": "_Box--background-magenta-300_wsnsq_452",
-  "Box--background-magenta-400": "_Box--background-magenta-400_wsnsq_455",
-  "Box--background-magenta-500": "_Box--background-magenta-500_wsnsq_458",
-  "Box--background-primary": "_Box--background-primary_wsnsq_461",
-  "Box--background-secondary": "_Box--background-secondary_wsnsq_464",
-  "Box--background-tertiary": "_Box--background-tertiary_wsnsq_467",
-  "Box--background-overlay": "_Box--background-overlay_wsnsq_470",
-  "Box--background-disabled": "_Box--background-disabled_wsnsq_473",
-  "Box--background-brand": "_Box--background-brand_wsnsq_476",
-  "Box--background-brandB2b": "_Box--background-brandB2b_wsnsq_479",
-  "Box--background-accentLight": "_Box--background-accentLight_wsnsq_482",
-  "Box--background-accentDark": "_Box--background-accentDark_wsnsq_485",
-  "Box--background-positiveLight": "_Box--background-positiveLight_wsnsq_488",
-  "Box--background-positiveDark": "_Box--background-positiveDark_wsnsq_491",
-  "Box--background-infoLight": "_Box--background-infoLight_wsnsq_494",
-  "Box--background-infoDark": "_Box--background-infoDark_wsnsq_497",
-  "Box--background-warningLight": "_Box--background-warningLight_wsnsq_500",
-  "Box--background-warningDark": "_Box--background-warningDark_wsnsq_503",
-  "Box--background-criticalLight": "_Box--background-criticalLight_wsnsq_506",
-  "Box--background-criticalDark": "_Box--background-criticalDark_wsnsq_509",
-  "Box--background-statusOnline": "_Box--background-statusOnline_wsnsq_512",
-  "Box--background-statusOffline": "_Box--background-statusOffline_wsnsq_515",
-  "Box--background-primaryInverted": "_Box--background-primaryInverted_wsnsq_518",
-  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_wsnsq_521",
-  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_wsnsq_524"
+  "Box--box-radius-none": "_Box--box-radius-none_1fbvc_16",
+  "Box--box-radius-m": "_Box--box-radius-m_1fbvc_19",
+  "Box--box-radius-l": "_Box--box-radius-l_1fbvc_22",
+  "Box--box-radius-2": "_Box--box-radius-2_1fbvc_25",
+  "Box--box-radius-4": "_Box--box-radius-4_1fbvc_28",
+  "Box--box-radius-8": "_Box--box-radius-8_1fbvc_31",
+  "Box--box-radius-0": "_Box--box-radius-0_1fbvc_34",
+  "Box--box-radius-12": "_Box--box-radius-12_1fbvc_46",
+  "Box--box-radius-16": "_Box--box-radius-16_1fbvc_49",
+  "Box--box-radius-24": "_Box--box-radius-24_1fbvc_52",
+  "Box--box-radius-32": "_Box--box-radius-32_1fbvc_55",
+  "Box--box-radius-48": "_Box--box-radius-48_1fbvc_58",
+  "Box--box-radius-64": "_Box--box-radius-64_1fbvc_61",
+  "Box--box-radius-96": "_Box--box-radius-96_1fbvc_64",
+  "Box--box-radius-160": "_Box--box-radius-160_1fbvc_67",
+  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_1fbvc_71",
+  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_1fbvc_74",
+  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_1fbvc_77",
+  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_1fbvc_80",
+  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_1fbvc_83",
+  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_1fbvc_86",
+  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_1fbvc_89",
+  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_1fbvc_101",
+  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_1fbvc_104",
+  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_1fbvc_107",
+  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_1fbvc_110",
+  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_1fbvc_113",
+  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_1fbvc_116",
+  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_1fbvc_119",
+  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_1fbvc_122",
+  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_1fbvc_127",
+  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_1fbvc_130",
+  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_1fbvc_133",
+  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_1fbvc_136",
+  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_1fbvc_139",
+  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_1fbvc_142",
+  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_1fbvc_145",
+  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_1fbvc_157",
+  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_1fbvc_160",
+  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_1fbvc_163",
+  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_1fbvc_166",
+  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_1fbvc_169",
+  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_1fbvc_172",
+  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_1fbvc_175",
+  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_1fbvc_178",
+  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_1fbvc_183",
+  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_1fbvc_186",
+  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_1fbvc_189",
+  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_1fbvc_192",
+  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_1fbvc_195",
+  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_1fbvc_198",
+  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_1fbvc_201",
+  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_1fbvc_213",
+  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_1fbvc_216",
+  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_1fbvc_219",
+  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_1fbvc_222",
+  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_1fbvc_225",
+  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_1fbvc_228",
+  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_1fbvc_231",
+  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_1fbvc_234",
+  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_1fbvc_239",
+  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_1fbvc_242",
+  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_1fbvc_245",
+  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_1fbvc_248",
+  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_1fbvc_251",
+  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_1fbvc_254",
+  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_1fbvc_257",
+  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_1fbvc_269",
+  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_1fbvc_272",
+  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_1fbvc_275",
+  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_1fbvc_278",
+  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_1fbvc_281",
+  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_1fbvc_284",
+  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_1fbvc_287",
+  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_1fbvc_290",
+  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_1fbvc_295",
+  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_1fbvc_298",
+  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_1fbvc_301",
+  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_1fbvc_304",
+  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_1fbvc_307",
+  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_1fbvc_310",
+  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_1fbvc_313",
+  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_1fbvc_325",
+  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_1fbvc_328",
+  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_1fbvc_331",
+  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_1fbvc_334",
+  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_1fbvc_337",
+  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_1fbvc_340",
+  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_1fbvc_343",
+  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_1fbvc_346",
+  "Box--background-white": "_Box--background-white_1fbvc_350",
+  "Box--background-gray-100": "_Box--background-gray-100_1fbvc_353",
+  "Box--background-gray-200": "_Box--background-gray-200_1fbvc_356",
+  "Box--background-gray-300": "_Box--background-gray-300_1fbvc_359",
+  "Box--background-gray-400": "_Box--background-gray-400_1fbvc_362",
+  "Box--background-gray-500": "_Box--background-gray-500_1fbvc_365",
+  "Box--background-gray-600": "_Box--background-gray-600_1fbvc_368",
+  "Box--background-teal-100": "_Box--background-teal-100_1fbvc_371",
+  "Box--background-teal-200": "_Box--background-teal-200_1fbvc_374",
+  "Box--background-teal-300": "_Box--background-teal-300_1fbvc_377",
+  "Box--background-teal-400": "_Box--background-teal-400_1fbvc_380",
+  "Box--background-teal-500": "_Box--background-teal-500_1fbvc_383",
+  "Box--background-green-100": "_Box--background-green-100_1fbvc_386",
+  "Box--background-green-200": "_Box--background-green-200_1fbvc_389",
+  "Box--background-green-300": "_Box--background-green-300_1fbvc_392",
+  "Box--background-green-400": "_Box--background-green-400_1fbvc_395",
+  "Box--background-green-500": "_Box--background-green-500_1fbvc_398",
+  "Box--background-yellow-100": "_Box--background-yellow-100_1fbvc_401",
+  "Box--background-yellow-200": "_Box--background-yellow-200_1fbvc_404",
+  "Box--background-yellow-300": "_Box--background-yellow-300_1fbvc_407",
+  "Box--background-yellow-400": "_Box--background-yellow-400_1fbvc_410",
+  "Box--background-yellow-500": "_Box--background-yellow-500_1fbvc_413",
+  "Box--background-red-100": "_Box--background-red-100_1fbvc_416",
+  "Box--background-red-200": "_Box--background-red-200_1fbvc_419",
+  "Box--background-red-300": "_Box--background-red-300_1fbvc_422",
+  "Box--background-red-400": "_Box--background-red-400_1fbvc_425",
+  "Box--background-red-500": "_Box--background-red-500_1fbvc_428",
+  "Box--background-blue-100": "_Box--background-blue-100_1fbvc_431",
+  "Box--background-blue-200": "_Box--background-blue-200_1fbvc_434",
+  "Box--background-blue-300": "_Box--background-blue-300_1fbvc_437",
+  "Box--background-blue-400": "_Box--background-blue-400_1fbvc_440",
+  "Box--background-blue-500": "_Box--background-blue-500_1fbvc_443",
+  "Box--background-magenta-100": "_Box--background-magenta-100_1fbvc_446",
+  "Box--background-magenta-200": "_Box--background-magenta-200_1fbvc_449",
+  "Box--background-magenta-300": "_Box--background-magenta-300_1fbvc_452",
+  "Box--background-magenta-400": "_Box--background-magenta-400_1fbvc_455",
+  "Box--background-magenta-500": "_Box--background-magenta-500_1fbvc_458",
+  "Box--background-primary": "_Box--background-primary_1fbvc_461",
+  "Box--background-secondary": "_Box--background-secondary_1fbvc_464",
+  "Box--background-tertiary": "_Box--background-tertiary_1fbvc_467",
+  "Box--background-overlay": "_Box--background-overlay_1fbvc_470",
+  "Box--background-disabled": "_Box--background-disabled_1fbvc_473",
+  "Box--background-brand": "_Box--background-brand_1fbvc_476",
+  "Box--background-brandB2b": "_Box--background-brandB2b_1fbvc_479",
+  "Box--background-accentLight": "_Box--background-accentLight_1fbvc_482",
+  "Box--background-accentDark": "_Box--background-accentDark_1fbvc_485",
+  "Box--background-positiveLight": "_Box--background-positiveLight_1fbvc_488",
+  "Box--background-positiveDark": "_Box--background-positiveDark_1fbvc_491",
+  "Box--background-infoLight": "_Box--background-infoLight_1fbvc_494",
+  "Box--background-infoDark": "_Box--background-infoDark_1fbvc_497",
+  "Box--background-warningLight": "_Box--background-warningLight_1fbvc_500",
+  "Box--background-warningDark": "_Box--background-warningDark_1fbvc_503",
+  "Box--background-criticalLight": "_Box--background-criticalLight_1fbvc_506",
+  "Box--background-criticalDark": "_Box--background-criticalDark_1fbvc_509",
+  "Box--background-statusOnline": "_Box--background-statusOnline_1fbvc_512",
+  "Box--background-statusOffline": "_Box--background-statusOffline_1fbvc_515",
+  "Box--background-primaryInverted": "_Box--background-primaryInverted_1fbvc_518",
+  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_1fbvc_521",
+  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_1fbvc_524"
 };
 const Box = ({
   children,

package/dist/components/Button/Button.js

@@ -5,7 +5,7 @@ import { moduleLocals } from "@preply/ds-web-core";
 import { renderIcon } from "../../utils/render-icon.js";
 import { ButtonBase } from "../private/ButtonBase/ButtonBase.js";
 import '../../assets/Button.css';const styles = {
-  "Button--icon": "_Button--icon_1vjpv_5"
+  "Button--icon": "_Button--icon_10c0p_5"
 };
 const Button = ({
   variant = BUTTON_VARIANT_DEFAULT,

package/dist/components/Chips/Chips.js

@@ -5,13 +5,13 @@ import { getDatasetProps } from "@preply/ds-web-core";
 import { Icon } from "../Icon/Icon.js";
 import * as React from "react";
 import { forwardRef } from "react";
-import '../../assets/Chips.css';const chips = "_chips_11lkl_3";
-const chip = "_chip_11lkl_3";
+import '../../assets/Chips.css';const chips = "_chips_xsbgb_3";
+const chip = "_chip_xsbgb_3";
 const styles = {
   chips,
   chip,
-  "chip-toggle": "_chip-toggle_11lkl_37",
-  "chip-remove": "_chip-remove_11lkl_54"
+  "chip-toggle": "_chip-toggle_xsbgb_37",
+  "chip-remove": "_chip-remove_xsbgb_54"
 };
 const SvgClose = ({
   title,

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, getDatasetProps, FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT } from "@preply/ds-web-core";
-import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_8vwkw_4";
+import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_593os_4";
 const styles = {
   FieldAdditionalText: FieldAdditionalText$1,
-  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_8vwkw_11",
-  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_8vwkw_14"
+  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_593os_11",
+  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_593os_14"
 };
 const FieldAdditionalText = ({
   id,

package/dist/components/FieldButton/FieldButton.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
 import { moduleClassNames, getDatasetProps } from "@preply/ds-web-core";
-import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_1bbbk_4";
+import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_m9lge_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_hylbu_5",
-  "FieldLayout--icon": "_FieldLayout--icon_hylbu_42",
-  "FieldLayout--has-icon": "_FieldLayout--has-icon_hylbu_55",
-  "FieldLayout--has-button": "_FieldLayout--has-button_hylbu_58",
-  "FieldLayout--has-error": "_FieldLayout--has-error_hylbu_61",
-  "FieldLayout--is-focused": "_FieldLayout--is-focused_hylbu_72",
-  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_hylbu_76"
+  "FieldLayout--input": "_FieldLayout--input_kjezw_5",
+  "FieldLayout--icon": "_FieldLayout--icon_kjezw_42",
+  "FieldLayout--has-icon": "_FieldLayout--has-icon_kjezw_55",
+  "FieldLayout--has-button": "_FieldLayout--has-button_kjezw_58",
+  "FieldLayout--has-error": "_FieldLayout--has-error_kjezw_61",
+  "FieldLayout--is-focused": "_FieldLayout--is-focused_kjezw_72",
+  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_kjezw_76"
 };
 const FieldLayoutLocal = ({
   id,