@preply/ds-web-lib 0.100.1 → 1.0.0

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_tv8x9_4";
+import '../../assets/Box.css';const Box$1 = "_Box_b0rk7_4";
 const styles = {
   Box: Box$1,
-  "Box--box-radius-none": "_Box--box-radius-none_tv8x9_16",
-  "Box--box-radius-m": "_Box--box-radius-m_tv8x9_19",
-  "Box--box-radius-l": "_Box--box-radius-l_tv8x9_22",
-  "Box--box-radius-2": "_Box--box-radius-2_tv8x9_25",
-  "Box--box-radius-4": "_Box--box-radius-4_tv8x9_28",
-  "Box--box-radius-8": "_Box--box-radius-8_tv8x9_31",
-  "Box--box-radius-0": "_Box--box-radius-0_tv8x9_34",
-  "Box--box-radius-12": "_Box--box-radius-12_tv8x9_46",
-  "Box--box-radius-16": "_Box--box-radius-16_tv8x9_49",
-  "Box--box-radius-24": "_Box--box-radius-24_tv8x9_52",
-  "Box--box-radius-32": "_Box--box-radius-32_tv8x9_55",
-  "Box--box-radius-48": "_Box--box-radius-48_tv8x9_58",
-  "Box--box-radius-64": "_Box--box-radius-64_tv8x9_61",
-  "Box--box-radius-96": "_Box--box-radius-96_tv8x9_64",
-  "Box--box-radius-160": "_Box--box-radius-160_tv8x9_67",
-  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_tv8x9_71",
-  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_tv8x9_74",
-  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_tv8x9_77",
-  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_tv8x9_80",
-  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_tv8x9_83",
-  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_tv8x9_86",
-  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_tv8x9_89",
-  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_tv8x9_101",
-  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_tv8x9_104",
-  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_tv8x9_107",
-  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_tv8x9_110",
-  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_tv8x9_113",
-  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_tv8x9_116",
-  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_tv8x9_119",
-  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_tv8x9_122",
-  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_tv8x9_127",
-  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_tv8x9_130",
-  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_tv8x9_133",
-  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_tv8x9_136",
-  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_tv8x9_139",
-  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_tv8x9_142",
-  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_tv8x9_145",
-  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_tv8x9_157",
-  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_tv8x9_160",
-  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_tv8x9_163",
-  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_tv8x9_166",
-  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_tv8x9_169",
-  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_tv8x9_172",
-  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_tv8x9_175",
-  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_tv8x9_178",
-  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_tv8x9_183",
-  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_tv8x9_186",
-  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_tv8x9_189",
-  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_tv8x9_192",
-  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_tv8x9_195",
-  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_tv8x9_198",
-  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_tv8x9_201",
-  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_tv8x9_213",
-  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_tv8x9_216",
-  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_tv8x9_219",
-  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_tv8x9_222",
-  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_tv8x9_225",
-  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_tv8x9_228",
-  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_tv8x9_231",
-  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_tv8x9_234",
-  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_tv8x9_239",
-  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_tv8x9_242",
-  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_tv8x9_245",
-  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_tv8x9_248",
-  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_tv8x9_251",
-  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_tv8x9_254",
-  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_tv8x9_257",
-  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_tv8x9_269",
-  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_tv8x9_272",
-  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_tv8x9_275",
-  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_tv8x9_278",
-  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_tv8x9_281",
-  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_tv8x9_284",
-  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_tv8x9_287",
-  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_tv8x9_290",
-  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_tv8x9_295",
-  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_tv8x9_298",
-  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_tv8x9_301",
-  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_tv8x9_304",
-  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_tv8x9_307",
-  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_tv8x9_310",
-  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_tv8x9_313",
-  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_tv8x9_325",
-  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_tv8x9_328",
-  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_tv8x9_331",
-  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_tv8x9_334",
-  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_tv8x9_337",
-  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_tv8x9_340",
-  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_tv8x9_343",
-  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_tv8x9_346",
-  "Box--background-white": "_Box--background-white_tv8x9_350",
-  "Box--background-gray-100": "_Box--background-gray-100_tv8x9_353",
-  "Box--background-gray-200": "_Box--background-gray-200_tv8x9_356",
-  "Box--background-gray-300": "_Box--background-gray-300_tv8x9_359",
-  "Box--background-gray-400": "_Box--background-gray-400_tv8x9_362",
-  "Box--background-gray-500": "_Box--background-gray-500_tv8x9_365",
-  "Box--background-gray-600": "_Box--background-gray-600_tv8x9_368",
-  "Box--background-teal-100": "_Box--background-teal-100_tv8x9_371",
-  "Box--background-teal-200": "_Box--background-teal-200_tv8x9_374",
-  "Box--background-teal-300": "_Box--background-teal-300_tv8x9_377",
-  "Box--background-teal-400": "_Box--background-teal-400_tv8x9_380",
-  "Box--background-teal-500": "_Box--background-teal-500_tv8x9_383",
-  "Box--background-green-100": "_Box--background-green-100_tv8x9_386",
-  "Box--background-green-200": "_Box--background-green-200_tv8x9_389",
-  "Box--background-green-300": "_Box--background-green-300_tv8x9_392",
-  "Box--background-green-400": "_Box--background-green-400_tv8x9_395",
-  "Box--background-green-500": "_Box--background-green-500_tv8x9_398",
-  "Box--background-yellow-100": "_Box--background-yellow-100_tv8x9_401",
-  "Box--background-yellow-200": "_Box--background-yellow-200_tv8x9_404",
-  "Box--background-yellow-300": "_Box--background-yellow-300_tv8x9_407",
-  "Box--background-yellow-400": "_Box--background-yellow-400_tv8x9_410",
-  "Box--background-yellow-500": "_Box--background-yellow-500_tv8x9_413",
-  "Box--background-red-100": "_Box--background-red-100_tv8x9_416",
-  "Box--background-red-200": "_Box--background-red-200_tv8x9_419",
-  "Box--background-red-300": "_Box--background-red-300_tv8x9_422",
-  "Box--background-red-400": "_Box--background-red-400_tv8x9_425",
-  "Box--background-red-500": "_Box--background-red-500_tv8x9_428",
-  "Box--background-blue-100": "_Box--background-blue-100_tv8x9_431",
-  "Box--background-blue-200": "_Box--background-blue-200_tv8x9_434",
-  "Box--background-blue-300": "_Box--background-blue-300_tv8x9_437",
-  "Box--background-blue-400": "_Box--background-blue-400_tv8x9_440",
-  "Box--background-blue-500": "_Box--background-blue-500_tv8x9_443",
-  "Box--background-magenta-100": "_Box--background-magenta-100_tv8x9_446",
-  "Box--background-magenta-200": "_Box--background-magenta-200_tv8x9_449",
-  "Box--background-magenta-300": "_Box--background-magenta-300_tv8x9_452",
-  "Box--background-magenta-400": "_Box--background-magenta-400_tv8x9_455",
-  "Box--background-magenta-500": "_Box--background-magenta-500_tv8x9_458",
-  "Box--background-primary": "_Box--background-primary_tv8x9_461",
-  "Box--background-secondary": "_Box--background-secondary_tv8x9_464",
-  "Box--background-tertiary": "_Box--background-tertiary_tv8x9_467",
-  "Box--background-overlay": "_Box--background-overlay_tv8x9_470",
-  "Box--background-disabled": "_Box--background-disabled_tv8x9_473",
-  "Box--background-brand": "_Box--background-brand_tv8x9_476",
-  "Box--background-brandB2b": "_Box--background-brandB2b_tv8x9_479",
-  "Box--background-accentLight": "_Box--background-accentLight_tv8x9_482",
-  "Box--background-accentDark": "_Box--background-accentDark_tv8x9_485",
-  "Box--background-positiveLight": "_Box--background-positiveLight_tv8x9_488",
-  "Box--background-positiveDark": "_Box--background-positiveDark_tv8x9_491",
-  "Box--background-infoLight": "_Box--background-infoLight_tv8x9_494",
-  "Box--background-infoDark": "_Box--background-infoDark_tv8x9_497",
-  "Box--background-warningLight": "_Box--background-warningLight_tv8x9_500",
-  "Box--background-warningDark": "_Box--background-warningDark_tv8x9_503",
-  "Box--background-criticalLight": "_Box--background-criticalLight_tv8x9_506",
-  "Box--background-criticalDark": "_Box--background-criticalDark_tv8x9_509",
-  "Box--background-statusOnline": "_Box--background-statusOnline_tv8x9_512",
-  "Box--background-statusOffline": "_Box--background-statusOffline_tv8x9_515",
-  "Box--background-primaryInverted": "_Box--background-primaryInverted_tv8x9_518",
-  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_tv8x9_521",
-  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_tv8x9_524"
+  "Box--box-radius-none": "_Box--box-radius-none_b0rk7_16",
+  "Box--box-radius-m": "_Box--box-radius-m_b0rk7_19",
+  "Box--box-radius-l": "_Box--box-radius-l_b0rk7_22",
+  "Box--box-radius-2": "_Box--box-radius-2_b0rk7_25",
+  "Box--box-radius-4": "_Box--box-radius-4_b0rk7_28",
+  "Box--box-radius-8": "_Box--box-radius-8_b0rk7_31",
+  "Box--box-radius-0": "_Box--box-radius-0_b0rk7_34",
+  "Box--box-radius-12": "_Box--box-radius-12_b0rk7_46",
+  "Box--box-radius-16": "_Box--box-radius-16_b0rk7_49",
+  "Box--box-radius-24": "_Box--box-radius-24_b0rk7_52",
+  "Box--box-radius-32": "_Box--box-radius-32_b0rk7_55",
+  "Box--box-radius-48": "_Box--box-radius-48_b0rk7_58",
+  "Box--box-radius-64": "_Box--box-radius-64_b0rk7_61",
+  "Box--box-radius-96": "_Box--box-radius-96_b0rk7_64",
+  "Box--box-radius-160": "_Box--box-radius-160_b0rk7_67",
+  "Box--narrow-l--box-radius-none": "_Box--narrow-l--box-radius-none_b0rk7_71",
+  "Box--narrow-l--box-radius-m": "_Box--narrow-l--box-radius-m_b0rk7_74",
+  "Box--narrow-l--box-radius-l": "_Box--narrow-l--box-radius-l_b0rk7_77",
+  "Box--narrow-l--box-radius-2": "_Box--narrow-l--box-radius-2_b0rk7_80",
+  "Box--narrow-l--box-radius-4": "_Box--narrow-l--box-radius-4_b0rk7_83",
+  "Box--narrow-l--box-radius-8": "_Box--narrow-l--box-radius-8_b0rk7_86",
+  "Box--narrow-l--box-radius-0": "_Box--narrow-l--box-radius-0_b0rk7_89",
+  "Box--narrow-l--box-radius-12": "_Box--narrow-l--box-radius-12_b0rk7_101",
+  "Box--narrow-l--box-radius-16": "_Box--narrow-l--box-radius-16_b0rk7_104",
+  "Box--narrow-l--box-radius-24": "_Box--narrow-l--box-radius-24_b0rk7_107",
+  "Box--narrow-l--box-radius-32": "_Box--narrow-l--box-radius-32_b0rk7_110",
+  "Box--narrow-l--box-radius-48": "_Box--narrow-l--box-radius-48_b0rk7_113",
+  "Box--narrow-l--box-radius-64": "_Box--narrow-l--box-radius-64_b0rk7_116",
+  "Box--narrow-l--box-radius-96": "_Box--narrow-l--box-radius-96_b0rk7_119",
+  "Box--narrow-l--box-radius-160": "_Box--narrow-l--box-radius-160_b0rk7_122",
+  "Box--medium-s--box-radius-none": "_Box--medium-s--box-radius-none_b0rk7_127",
+  "Box--medium-s--box-radius-m": "_Box--medium-s--box-radius-m_b0rk7_130",
+  "Box--medium-s--box-radius-l": "_Box--medium-s--box-radius-l_b0rk7_133",
+  "Box--medium-s--box-radius-2": "_Box--medium-s--box-radius-2_b0rk7_136",
+  "Box--medium-s--box-radius-4": "_Box--medium-s--box-radius-4_b0rk7_139",
+  "Box--medium-s--box-radius-8": "_Box--medium-s--box-radius-8_b0rk7_142",
+  "Box--medium-s--box-radius-0": "_Box--medium-s--box-radius-0_b0rk7_145",
+  "Box--medium-s--box-radius-12": "_Box--medium-s--box-radius-12_b0rk7_157",
+  "Box--medium-s--box-radius-16": "_Box--medium-s--box-radius-16_b0rk7_160",
+  "Box--medium-s--box-radius-24": "_Box--medium-s--box-radius-24_b0rk7_163",
+  "Box--medium-s--box-radius-32": "_Box--medium-s--box-radius-32_b0rk7_166",
+  "Box--medium-s--box-radius-48": "_Box--medium-s--box-radius-48_b0rk7_169",
+  "Box--medium-s--box-radius-64": "_Box--medium-s--box-radius-64_b0rk7_172",
+  "Box--medium-s--box-radius-96": "_Box--medium-s--box-radius-96_b0rk7_175",
+  "Box--medium-s--box-radius-160": "_Box--medium-s--box-radius-160_b0rk7_178",
+  "Box--medium-l--box-radius-none": "_Box--medium-l--box-radius-none_b0rk7_183",
+  "Box--medium-l--box-radius-m": "_Box--medium-l--box-radius-m_b0rk7_186",
+  "Box--medium-l--box-radius-l": "_Box--medium-l--box-radius-l_b0rk7_189",
+  "Box--medium-l--box-radius-2": "_Box--medium-l--box-radius-2_b0rk7_192",
+  "Box--medium-l--box-radius-4": "_Box--medium-l--box-radius-4_b0rk7_195",
+  "Box--medium-l--box-radius-8": "_Box--medium-l--box-radius-8_b0rk7_198",
+  "Box--medium-l--box-radius-0": "_Box--medium-l--box-radius-0_b0rk7_201",
+  "Box--medium-l--box-radius-12": "_Box--medium-l--box-radius-12_b0rk7_213",
+  "Box--medium-l--box-radius-16": "_Box--medium-l--box-radius-16_b0rk7_216",
+  "Box--medium-l--box-radius-24": "_Box--medium-l--box-radius-24_b0rk7_219",
+  "Box--medium-l--box-radius-32": "_Box--medium-l--box-radius-32_b0rk7_222",
+  "Box--medium-l--box-radius-48": "_Box--medium-l--box-radius-48_b0rk7_225",
+  "Box--medium-l--box-radius-64": "_Box--medium-l--box-radius-64_b0rk7_228",
+  "Box--medium-l--box-radius-96": "_Box--medium-l--box-radius-96_b0rk7_231",
+  "Box--medium-l--box-radius-160": "_Box--medium-l--box-radius-160_b0rk7_234",
+  "Box--wide-s--box-radius-none": "_Box--wide-s--box-radius-none_b0rk7_239",
+  "Box--wide-s--box-radius-m": "_Box--wide-s--box-radius-m_b0rk7_242",
+  "Box--wide-s--box-radius-l": "_Box--wide-s--box-radius-l_b0rk7_245",
+  "Box--wide-s--box-radius-2": "_Box--wide-s--box-radius-2_b0rk7_248",
+  "Box--wide-s--box-radius-4": "_Box--wide-s--box-radius-4_b0rk7_251",
+  "Box--wide-s--box-radius-8": "_Box--wide-s--box-radius-8_b0rk7_254",
+  "Box--wide-s--box-radius-0": "_Box--wide-s--box-radius-0_b0rk7_257",
+  "Box--wide-s--box-radius-12": "_Box--wide-s--box-radius-12_b0rk7_269",
+  "Box--wide-s--box-radius-16": "_Box--wide-s--box-radius-16_b0rk7_272",
+  "Box--wide-s--box-radius-24": "_Box--wide-s--box-radius-24_b0rk7_275",
+  "Box--wide-s--box-radius-32": "_Box--wide-s--box-radius-32_b0rk7_278",
+  "Box--wide-s--box-radius-48": "_Box--wide-s--box-radius-48_b0rk7_281",
+  "Box--wide-s--box-radius-64": "_Box--wide-s--box-radius-64_b0rk7_284",
+  "Box--wide-s--box-radius-96": "_Box--wide-s--box-radius-96_b0rk7_287",
+  "Box--wide-s--box-radius-160": "_Box--wide-s--box-radius-160_b0rk7_290",
+  "Box--wide-l--box-radius-none": "_Box--wide-l--box-radius-none_b0rk7_295",
+  "Box--wide-l--box-radius-m": "_Box--wide-l--box-radius-m_b0rk7_298",
+  "Box--wide-l--box-radius-l": "_Box--wide-l--box-radius-l_b0rk7_301",
+  "Box--wide-l--box-radius-2": "_Box--wide-l--box-radius-2_b0rk7_304",
+  "Box--wide-l--box-radius-4": "_Box--wide-l--box-radius-4_b0rk7_307",
+  "Box--wide-l--box-radius-8": "_Box--wide-l--box-radius-8_b0rk7_310",
+  "Box--wide-l--box-radius-0": "_Box--wide-l--box-radius-0_b0rk7_313",
+  "Box--wide-l--box-radius-12": "_Box--wide-l--box-radius-12_b0rk7_325",
+  "Box--wide-l--box-radius-16": "_Box--wide-l--box-radius-16_b0rk7_328",
+  "Box--wide-l--box-radius-24": "_Box--wide-l--box-radius-24_b0rk7_331",
+  "Box--wide-l--box-radius-32": "_Box--wide-l--box-radius-32_b0rk7_334",
+  "Box--wide-l--box-radius-48": "_Box--wide-l--box-radius-48_b0rk7_337",
+  "Box--wide-l--box-radius-64": "_Box--wide-l--box-radius-64_b0rk7_340",
+  "Box--wide-l--box-radius-96": "_Box--wide-l--box-radius-96_b0rk7_343",
+  "Box--wide-l--box-radius-160": "_Box--wide-l--box-radius-160_b0rk7_346",
+  "Box--background-white": "_Box--background-white_b0rk7_350",
+  "Box--background-gray-100": "_Box--background-gray-100_b0rk7_353",
+  "Box--background-gray-200": "_Box--background-gray-200_b0rk7_356",
+  "Box--background-gray-300": "_Box--background-gray-300_b0rk7_359",
+  "Box--background-gray-400": "_Box--background-gray-400_b0rk7_362",
+  "Box--background-gray-500": "_Box--background-gray-500_b0rk7_365",
+  "Box--background-gray-600": "_Box--background-gray-600_b0rk7_368",
+  "Box--background-teal-100": "_Box--background-teal-100_b0rk7_371",
+  "Box--background-teal-200": "_Box--background-teal-200_b0rk7_374",
+  "Box--background-teal-300": "_Box--background-teal-300_b0rk7_377",
+  "Box--background-teal-400": "_Box--background-teal-400_b0rk7_380",
+  "Box--background-teal-500": "_Box--background-teal-500_b0rk7_383",
+  "Box--background-green-100": "_Box--background-green-100_b0rk7_386",
+  "Box--background-green-200": "_Box--background-green-200_b0rk7_389",
+  "Box--background-green-300": "_Box--background-green-300_b0rk7_392",
+  "Box--background-green-400": "_Box--background-green-400_b0rk7_395",
+  "Box--background-green-500": "_Box--background-green-500_b0rk7_398",
+  "Box--background-yellow-100": "_Box--background-yellow-100_b0rk7_401",
+  "Box--background-yellow-200": "_Box--background-yellow-200_b0rk7_404",
+  "Box--background-yellow-300": "_Box--background-yellow-300_b0rk7_407",
+  "Box--background-yellow-400": "_Box--background-yellow-400_b0rk7_410",
+  "Box--background-yellow-500": "_Box--background-yellow-500_b0rk7_413",
+  "Box--background-red-100": "_Box--background-red-100_b0rk7_416",
+  "Box--background-red-200": "_Box--background-red-200_b0rk7_419",
+  "Box--background-red-300": "_Box--background-red-300_b0rk7_422",
+  "Box--background-red-400": "_Box--background-red-400_b0rk7_425",
+  "Box--background-red-500": "_Box--background-red-500_b0rk7_428",
+  "Box--background-blue-100": "_Box--background-blue-100_b0rk7_431",
+  "Box--background-blue-200": "_Box--background-blue-200_b0rk7_434",
+  "Box--background-blue-300": "_Box--background-blue-300_b0rk7_437",
+  "Box--background-blue-400": "_Box--background-blue-400_b0rk7_440",
+  "Box--background-blue-500": "_Box--background-blue-500_b0rk7_443",
+  "Box--background-magenta-100": "_Box--background-magenta-100_b0rk7_446",
+  "Box--background-magenta-200": "_Box--background-magenta-200_b0rk7_449",
+  "Box--background-magenta-300": "_Box--background-magenta-300_b0rk7_452",
+  "Box--background-magenta-400": "_Box--background-magenta-400_b0rk7_455",
+  "Box--background-magenta-500": "_Box--background-magenta-500_b0rk7_458",
+  "Box--background-primary": "_Box--background-primary_b0rk7_461",
+  "Box--background-secondary": "_Box--background-secondary_b0rk7_464",
+  "Box--background-tertiary": "_Box--background-tertiary_b0rk7_467",
+  "Box--background-overlay": "_Box--background-overlay_b0rk7_470",
+  "Box--background-disabled": "_Box--background-disabled_b0rk7_473",
+  "Box--background-brand": "_Box--background-brand_b0rk7_476",
+  "Box--background-brandB2b": "_Box--background-brandB2b_b0rk7_479",
+  "Box--background-accentLight": "_Box--background-accentLight_b0rk7_482",
+  "Box--background-accentDark": "_Box--background-accentDark_b0rk7_485",
+  "Box--background-positiveLight": "_Box--background-positiveLight_b0rk7_488",
+  "Box--background-positiveDark": "_Box--background-positiveDark_b0rk7_491",
+  "Box--background-infoLight": "_Box--background-infoLight_b0rk7_494",
+  "Box--background-infoDark": "_Box--background-infoDark_b0rk7_497",
+  "Box--background-warningLight": "_Box--background-warningLight_b0rk7_500",
+  "Box--background-warningDark": "_Box--background-warningDark_b0rk7_503",
+  "Box--background-criticalLight": "_Box--background-criticalLight_b0rk7_506",
+  "Box--background-criticalDark": "_Box--background-criticalDark_b0rk7_509",
+  "Box--background-statusOnline": "_Box--background-statusOnline_b0rk7_512",
+  "Box--background-statusOffline": "_Box--background-statusOffline_b0rk7_515",
+  "Box--background-primaryInverted": "_Box--background-primaryInverted_b0rk7_518",
+  "Box--background-secondaryInverted": "_Box--background-secondaryInverted_b0rk7_521",
+  "Box--background-tertiaryInverted": "_Box--background-tertiaryInverted_b0rk7_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_1fyz9_5"
+  "Button--icon": "_Button--icon_ok68i_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_1t73l_3";
-const chip = "_chip_1t73l_3";
+import '../../assets/Chips.css';const chips = "_chips_1xxr1_3";
+const chip = "_chip_1xxr1_3";
 const styles = {
   chips,
   chip,
-  "chip-toggle": "_chip-toggle_1t73l_37",
-  "chip-remove": "_chip-remove_1t73l_54"
+  "chip-toggle": "_chip-toggle_1xxr1_37",
+  "chip-remove": "_chip-remove_1xxr1_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_7o1mo_4";
+import '../../assets/FieldAdditionalText.css';const FieldAdditionalText$1 = "_FieldAdditionalText_1bg40_4";
 const styles = {
   FieldAdditionalText: FieldAdditionalText$1,
-  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_7o1mo_11",
-  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_7o1mo_14"
+  "FieldAdditionalText--variant-normal": "_FieldAdditionalText--variant-normal_1bg40_11",
+  "FieldAdditionalText--variant-error": "_FieldAdditionalText--variant-error_1bg40_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_fvo1l_4";
+import '../../assets/FieldButton.css';const FieldButton$1 = "_FieldButton_ti9le_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_1v2qo_5",
-  "FieldLayout--icon": "_FieldLayout--icon_1v2qo_42",
-  "FieldLayout--has-icon": "_FieldLayout--has-icon_1v2qo_55",
-  "FieldLayout--has-button": "_FieldLayout--has-button_1v2qo_58",
-  "FieldLayout--has-error": "_FieldLayout--has-error_1v2qo_61",
-  "FieldLayout--is-focused": "_FieldLayout--is-focused_1v2qo_72",
-  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_1v2qo_76"
+  "FieldLayout--input": "_FieldLayout--input_1pfku_5",
+  "FieldLayout--icon": "_FieldLayout--icon_1pfku_42",
+  "FieldLayout--has-icon": "_FieldLayout--has-icon_1pfku_55",
+  "FieldLayout--has-button": "_FieldLayout--has-button_1pfku_58",
+  "FieldLayout--has-error": "_FieldLayout--has-error_1pfku_61",
+  "FieldLayout--is-focused": "_FieldLayout--is-focused_1pfku_72",
+  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_1pfku_76"
 };
 const FieldLayoutLocal = ({
   id,