@preply/ds-web-lib 1.1.0 → 1.2.0

package/dist/components/Heading/Heading.js

@@ -4,105 +4,105 @@ import { moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps
 import { getColorClassNames } from "../../shared-styles/color/color.js";
 import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
 import { getTextCenteredClassnames } from "../../shared-styles/text-centered/text-centered.js";
-import '../../assets/Heading.css';const Heading$1 = "_Heading_fsahy_4";
+import '../../assets/Heading.css';const Heading$1 = "_Heading_rha5a_4";
 const styles = {
   Heading: Heading$1,
-  "Heading--level-h1-normal": "_Heading--level-h1-normal_fsahy_11",
-  "Heading--level-h1-large": "_Heading--level-h1-large_fsahy_17",
-  "Heading--level-h2-normal": "_Heading--level-h2-normal_fsahy_23",
-  "Heading--level-h2-large": "_Heading--level-h2-large_fsahy_29",
-  "Heading--level-h3-normal": "_Heading--level-h3-normal_fsahy_35",
-  "Heading--level-h3-large": "_Heading--level-h3-large_fsahy_41",
-  "Heading--level-h4-normal": "_Heading--level-h4-normal_fsahy_47",
-  "Heading--level-h4-large": "_Heading--level-h4-large_fsahy_53",
-  "Heading--level-h5-normal": "_Heading--level-h5-normal_fsahy_59",
-  "Heading--level-h5-large": "_Heading--level-h5-large_fsahy_65",
-  "Heading--narrow-l--level-h1-normal": "_Heading--narrow-l--level-h1-normal_fsahy_72",
-  "Heading--narrow-l--level-h1-large": "_Heading--narrow-l--level-h1-large_fsahy_78",
-  "Heading--narrow-l--level-h2-normal": "_Heading--narrow-l--level-h2-normal_fsahy_84",
-  "Heading--narrow-l--level-h2-large": "_Heading--narrow-l--level-h2-large_fsahy_90",
-  "Heading--narrow-l--level-h3-normal": "_Heading--narrow-l--level-h3-normal_fsahy_96",
-  "Heading--narrow-l--level-h3-large": "_Heading--narrow-l--level-h3-large_fsahy_102",
-  "Heading--narrow-l--level-h4-normal": "_Heading--narrow-l--level-h4-normal_fsahy_108",
-  "Heading--narrow-l--level-h4-large": "_Heading--narrow-l--level-h4-large_fsahy_114",
-  "Heading--narrow-l--level-h5-normal": "_Heading--narrow-l--level-h5-normal_fsahy_120",
-  "Heading--narrow-l--level-h5-large": "_Heading--narrow-l--level-h5-large_fsahy_126",
-  "Heading--medium-s--level-h1-normal": "_Heading--medium-s--level-h1-normal_fsahy_134",
-  "Heading--medium-s--level-h1-large": "_Heading--medium-s--level-h1-large_fsahy_140",
-  "Heading--medium-s--level-h2-normal": "_Heading--medium-s--level-h2-normal_fsahy_146",
-  "Heading--medium-s--level-h2-large": "_Heading--medium-s--level-h2-large_fsahy_152",
-  "Heading--medium-s--level-h3-normal": "_Heading--medium-s--level-h3-normal_fsahy_158",
-  "Heading--medium-s--level-h3-large": "_Heading--medium-s--level-h3-large_fsahy_164",
-  "Heading--medium-s--level-h4-normal": "_Heading--medium-s--level-h4-normal_fsahy_170",
-  "Heading--medium-s--level-h4-large": "_Heading--medium-s--level-h4-large_fsahy_176",
-  "Heading--medium-s--level-h5-normal": "_Heading--medium-s--level-h5-normal_fsahy_182",
-  "Heading--medium-s--level-h5-large": "_Heading--medium-s--level-h5-large_fsahy_188",
-  "Heading--medium-l--level-h1-normal": "_Heading--medium-l--level-h1-normal_fsahy_196",
-  "Heading--medium-l--level-h1-large": "_Heading--medium-l--level-h1-large_fsahy_202",
-  "Heading--medium-l--level-h2-normal": "_Heading--medium-l--level-h2-normal_fsahy_208",
-  "Heading--medium-l--level-h2-large": "_Heading--medium-l--level-h2-large_fsahy_214",
-  "Heading--medium-l--level-h3-normal": "_Heading--medium-l--level-h3-normal_fsahy_220",
-  "Heading--medium-l--level-h3-large": "_Heading--medium-l--level-h3-large_fsahy_226",
-  "Heading--medium-l--level-h4-normal": "_Heading--medium-l--level-h4-normal_fsahy_232",
-  "Heading--medium-l--level-h4-large": "_Heading--medium-l--level-h4-large_fsahy_238",
-  "Heading--medium-l--level-h5-normal": "_Heading--medium-l--level-h5-normal_fsahy_244",
-  "Heading--medium-l--level-h5-large": "_Heading--medium-l--level-h5-large_fsahy_250",
-  "Heading--wide-s--level-h1-normal": "_Heading--wide-s--level-h1-normal_fsahy_258",
-  "Heading--wide-s--level-h1-large": "_Heading--wide-s--level-h1-large_fsahy_264",
-  "Heading--wide-s--level-h2-normal": "_Heading--wide-s--level-h2-normal_fsahy_270",
-  "Heading--wide-s--level-h2-large": "_Heading--wide-s--level-h2-large_fsahy_276",
-  "Heading--wide-s--level-h3-normal": "_Heading--wide-s--level-h3-normal_fsahy_282",
-  "Heading--wide-s--level-h3-large": "_Heading--wide-s--level-h3-large_fsahy_288",
-  "Heading--wide-s--level-h4-normal": "_Heading--wide-s--level-h4-normal_fsahy_294",
-  "Heading--wide-s--level-h4-large": "_Heading--wide-s--level-h4-large_fsahy_300",
-  "Heading--wide-s--level-h5-normal": "_Heading--wide-s--level-h5-normal_fsahy_306",
-  "Heading--wide-s--level-h5-large": "_Heading--wide-s--level-h5-large_fsahy_312",
-  "Heading--wide-l--level-h1-normal": "_Heading--wide-l--level-h1-normal_fsahy_320",
-  "Heading--wide-l--level-h1-large": "_Heading--wide-l--level-h1-large_fsahy_326",
-  "Heading--wide-l--level-h2-normal": "_Heading--wide-l--level-h2-normal_fsahy_332",
-  "Heading--wide-l--level-h2-large": "_Heading--wide-l--level-h2-large_fsahy_338",
-  "Heading--wide-l--level-h3-normal": "_Heading--wide-l--level-h3-normal_fsahy_344",
-  "Heading--wide-l--level-h3-large": "_Heading--wide-l--level-h3-large_fsahy_350",
-  "Heading--wide-l--level-h4-normal": "_Heading--wide-l--level-h4-normal_fsahy_356",
-  "Heading--wide-l--level-h4-large": "_Heading--wide-l--level-h4-large_fsahy_362",
-  "Heading--wide-l--level-h5-normal": "_Heading--wide-l--level-h5-normal_fsahy_368",
-  "Heading--wide-l--level-h5-large": "_Heading--wide-l--level-h5-large_fsahy_374",
-  "Heading--variant-massive": "_Heading--variant-massive_fsahy_381",
-  "Heading--variant-huge": "_Heading--variant-huge_fsahy_387",
-  "Heading--variant-extraLarge": "_Heading--variant-extraLarge_fsahy_393",
-  "Heading--variant-large": "_Heading--variant-large_fsahy_399",
-  "Heading--variant-medium": "_Heading--variant-medium_fsahy_405",
-  "Heading--variant-small": "_Heading--variant-small_fsahy_411",
-  "Heading--narrow-l--variant-massive": "_Heading--narrow-l--variant-massive_fsahy_418",
-  "Heading--narrow-l--variant-huge": "_Heading--narrow-l--variant-huge_fsahy_424",
-  "Heading--narrow-l--variant-extraLarge": "_Heading--narrow-l--variant-extraLarge_fsahy_430",
-  "Heading--narrow-l--variant-large": "_Heading--narrow-l--variant-large_fsahy_436",
-  "Heading--narrow-l--variant-medium": "_Heading--narrow-l--variant-medium_fsahy_442",
-  "Heading--narrow-l--variant-small": "_Heading--narrow-l--variant-small_fsahy_448",
-  "Heading--medium-s--variant-massive": "_Heading--medium-s--variant-massive_fsahy_456",
-  "Heading--medium-s--variant-huge": "_Heading--medium-s--variant-huge_fsahy_462",
-  "Heading--medium-s--variant-extraLarge": "_Heading--medium-s--variant-extraLarge_fsahy_468",
-  "Heading--medium-s--variant-large": "_Heading--medium-s--variant-large_fsahy_474",
-  "Heading--medium-s--variant-medium": "_Heading--medium-s--variant-medium_fsahy_480",
-  "Heading--medium-s--variant-small": "_Heading--medium-s--variant-small_fsahy_486",
-  "Heading--medium-l--variant-massive": "_Heading--medium-l--variant-massive_fsahy_494",
-  "Heading--medium-l--variant-huge": "_Heading--medium-l--variant-huge_fsahy_500",
-  "Heading--medium-l--variant-extraLarge": "_Heading--medium-l--variant-extraLarge_fsahy_506",
-  "Heading--medium-l--variant-large": "_Heading--medium-l--variant-large_fsahy_512",
-  "Heading--medium-l--variant-medium": "_Heading--medium-l--variant-medium_fsahy_518",
-  "Heading--medium-l--variant-small": "_Heading--medium-l--variant-small_fsahy_524",
-  "Heading--wide-s--variant-massive": "_Heading--wide-s--variant-massive_fsahy_532",
-  "Heading--wide-s--variant-huge": "_Heading--wide-s--variant-huge_fsahy_538",
-  "Heading--wide-s--variant-extraLarge": "_Heading--wide-s--variant-extraLarge_fsahy_544",
-  "Heading--wide-s--variant-large": "_Heading--wide-s--variant-large_fsahy_550",
-  "Heading--wide-s--variant-medium": "_Heading--wide-s--variant-medium_fsahy_556",
-  "Heading--wide-s--variant-small": "_Heading--wide-s--variant-small_fsahy_562",
-  "Heading--wide-l--variant-massive": "_Heading--wide-l--variant-massive_fsahy_570",
-  "Heading--wide-l--variant-huge": "_Heading--wide-l--variant-huge_fsahy_576",
-  "Heading--wide-l--variant-extraLarge": "_Heading--wide-l--variant-extraLarge_fsahy_582",
-  "Heading--wide-l--variant-large": "_Heading--wide-l--variant-large_fsahy_588",
-  "Heading--wide-l--variant-medium": "_Heading--wide-l--variant-medium_fsahy_594",
-  "Heading--wide-l--variant-small": "_Heading--wide-l--variant-small_fsahy_600"
+  "Heading--level-h1-normal": "_Heading--level-h1-normal_rha5a_11",
+  "Heading--level-h1-large": "_Heading--level-h1-large_rha5a_17",
+  "Heading--level-h2-normal": "_Heading--level-h2-normal_rha5a_23",
+  "Heading--level-h2-large": "_Heading--level-h2-large_rha5a_29",
+  "Heading--level-h3-normal": "_Heading--level-h3-normal_rha5a_35",
+  "Heading--level-h3-large": "_Heading--level-h3-large_rha5a_41",
+  "Heading--level-h4-normal": "_Heading--level-h4-normal_rha5a_47",
+  "Heading--level-h4-large": "_Heading--level-h4-large_rha5a_53",
+  "Heading--level-h5-normal": "_Heading--level-h5-normal_rha5a_59",
+  "Heading--level-h5-large": "_Heading--level-h5-large_rha5a_65",
+  "Heading--narrow-l--level-h1-normal": "_Heading--narrow-l--level-h1-normal_rha5a_72",
+  "Heading--narrow-l--level-h1-large": "_Heading--narrow-l--level-h1-large_rha5a_78",
+  "Heading--narrow-l--level-h2-normal": "_Heading--narrow-l--level-h2-normal_rha5a_84",
+  "Heading--narrow-l--level-h2-large": "_Heading--narrow-l--level-h2-large_rha5a_90",
+  "Heading--narrow-l--level-h3-normal": "_Heading--narrow-l--level-h3-normal_rha5a_96",
+  "Heading--narrow-l--level-h3-large": "_Heading--narrow-l--level-h3-large_rha5a_102",
+  "Heading--narrow-l--level-h4-normal": "_Heading--narrow-l--level-h4-normal_rha5a_108",
+  "Heading--narrow-l--level-h4-large": "_Heading--narrow-l--level-h4-large_rha5a_114",
+  "Heading--narrow-l--level-h5-normal": "_Heading--narrow-l--level-h5-normal_rha5a_120",
+  "Heading--narrow-l--level-h5-large": "_Heading--narrow-l--level-h5-large_rha5a_126",
+  "Heading--medium-s--level-h1-normal": "_Heading--medium-s--level-h1-normal_rha5a_134",
+  "Heading--medium-s--level-h1-large": "_Heading--medium-s--level-h1-large_rha5a_140",
+  "Heading--medium-s--level-h2-normal": "_Heading--medium-s--level-h2-normal_rha5a_146",
+  "Heading--medium-s--level-h2-large": "_Heading--medium-s--level-h2-large_rha5a_152",
+  "Heading--medium-s--level-h3-normal": "_Heading--medium-s--level-h3-normal_rha5a_158",
+  "Heading--medium-s--level-h3-large": "_Heading--medium-s--level-h3-large_rha5a_164",
+  "Heading--medium-s--level-h4-normal": "_Heading--medium-s--level-h4-normal_rha5a_170",
+  "Heading--medium-s--level-h4-large": "_Heading--medium-s--level-h4-large_rha5a_176",
+  "Heading--medium-s--level-h5-normal": "_Heading--medium-s--level-h5-normal_rha5a_182",
+  "Heading--medium-s--level-h5-large": "_Heading--medium-s--level-h5-large_rha5a_188",
+  "Heading--medium-l--level-h1-normal": "_Heading--medium-l--level-h1-normal_rha5a_196",
+  "Heading--medium-l--level-h1-large": "_Heading--medium-l--level-h1-large_rha5a_202",
+  "Heading--medium-l--level-h2-normal": "_Heading--medium-l--level-h2-normal_rha5a_208",
+  "Heading--medium-l--level-h2-large": "_Heading--medium-l--level-h2-large_rha5a_214",
+  "Heading--medium-l--level-h3-normal": "_Heading--medium-l--level-h3-normal_rha5a_220",
+  "Heading--medium-l--level-h3-large": "_Heading--medium-l--level-h3-large_rha5a_226",
+  "Heading--medium-l--level-h4-normal": "_Heading--medium-l--level-h4-normal_rha5a_232",
+  "Heading--medium-l--level-h4-large": "_Heading--medium-l--level-h4-large_rha5a_238",
+  "Heading--medium-l--level-h5-normal": "_Heading--medium-l--level-h5-normal_rha5a_244",
+  "Heading--medium-l--level-h5-large": "_Heading--medium-l--level-h5-large_rha5a_250",
+  "Heading--wide-s--level-h1-normal": "_Heading--wide-s--level-h1-normal_rha5a_258",
+  "Heading--wide-s--level-h1-large": "_Heading--wide-s--level-h1-large_rha5a_264",
+  "Heading--wide-s--level-h2-normal": "_Heading--wide-s--level-h2-normal_rha5a_270",
+  "Heading--wide-s--level-h2-large": "_Heading--wide-s--level-h2-large_rha5a_276",
+  "Heading--wide-s--level-h3-normal": "_Heading--wide-s--level-h3-normal_rha5a_282",
+  "Heading--wide-s--level-h3-large": "_Heading--wide-s--level-h3-large_rha5a_288",
+  "Heading--wide-s--level-h4-normal": "_Heading--wide-s--level-h4-normal_rha5a_294",
+  "Heading--wide-s--level-h4-large": "_Heading--wide-s--level-h4-large_rha5a_300",
+  "Heading--wide-s--level-h5-normal": "_Heading--wide-s--level-h5-normal_rha5a_306",
+  "Heading--wide-s--level-h5-large": "_Heading--wide-s--level-h5-large_rha5a_312",
+  "Heading--wide-l--level-h1-normal": "_Heading--wide-l--level-h1-normal_rha5a_320",
+  "Heading--wide-l--level-h1-large": "_Heading--wide-l--level-h1-large_rha5a_326",
+  "Heading--wide-l--level-h2-normal": "_Heading--wide-l--level-h2-normal_rha5a_332",
+  "Heading--wide-l--level-h2-large": "_Heading--wide-l--level-h2-large_rha5a_338",
+  "Heading--wide-l--level-h3-normal": "_Heading--wide-l--level-h3-normal_rha5a_344",
+  "Heading--wide-l--level-h3-large": "_Heading--wide-l--level-h3-large_rha5a_350",
+  "Heading--wide-l--level-h4-normal": "_Heading--wide-l--level-h4-normal_rha5a_356",
+  "Heading--wide-l--level-h4-large": "_Heading--wide-l--level-h4-large_rha5a_362",
+  "Heading--wide-l--level-h5-normal": "_Heading--wide-l--level-h5-normal_rha5a_368",
+  "Heading--wide-l--level-h5-large": "_Heading--wide-l--level-h5-large_rha5a_374",
+  "Heading--variant-massive": "_Heading--variant-massive_rha5a_381",
+  "Heading--variant-huge": "_Heading--variant-huge_rha5a_387",
+  "Heading--variant-extraLarge": "_Heading--variant-extraLarge_rha5a_393",
+  "Heading--variant-large": "_Heading--variant-large_rha5a_399",
+  "Heading--variant-medium": "_Heading--variant-medium_rha5a_405",
+  "Heading--variant-small": "_Heading--variant-small_rha5a_411",
+  "Heading--narrow-l--variant-massive": "_Heading--narrow-l--variant-massive_rha5a_418",
+  "Heading--narrow-l--variant-huge": "_Heading--narrow-l--variant-huge_rha5a_424",
+  "Heading--narrow-l--variant-extraLarge": "_Heading--narrow-l--variant-extraLarge_rha5a_430",
+  "Heading--narrow-l--variant-large": "_Heading--narrow-l--variant-large_rha5a_436",
+  "Heading--narrow-l--variant-medium": "_Heading--narrow-l--variant-medium_rha5a_442",
+  "Heading--narrow-l--variant-small": "_Heading--narrow-l--variant-small_rha5a_448",
+  "Heading--medium-s--variant-massive": "_Heading--medium-s--variant-massive_rha5a_456",
+  "Heading--medium-s--variant-huge": "_Heading--medium-s--variant-huge_rha5a_462",
+  "Heading--medium-s--variant-extraLarge": "_Heading--medium-s--variant-extraLarge_rha5a_468",
+  "Heading--medium-s--variant-large": "_Heading--medium-s--variant-large_rha5a_474",
+  "Heading--medium-s--variant-medium": "_Heading--medium-s--variant-medium_rha5a_480",
+  "Heading--medium-s--variant-small": "_Heading--medium-s--variant-small_rha5a_486",
+  "Heading--medium-l--variant-massive": "_Heading--medium-l--variant-massive_rha5a_494",
+  "Heading--medium-l--variant-huge": "_Heading--medium-l--variant-huge_rha5a_500",
+  "Heading--medium-l--variant-extraLarge": "_Heading--medium-l--variant-extraLarge_rha5a_506",
+  "Heading--medium-l--variant-large": "_Heading--medium-l--variant-large_rha5a_512",
+  "Heading--medium-l--variant-medium": "_Heading--medium-l--variant-medium_rha5a_518",
+  "Heading--medium-l--variant-small": "_Heading--medium-l--variant-small_rha5a_524",
+  "Heading--wide-s--variant-massive": "_Heading--wide-s--variant-massive_rha5a_532",
+  "Heading--wide-s--variant-huge": "_Heading--wide-s--variant-huge_rha5a_538",
+  "Heading--wide-s--variant-extraLarge": "_Heading--wide-s--variant-extraLarge_rha5a_544",
+  "Heading--wide-s--variant-large": "_Heading--wide-s--variant-large_rha5a_550",
+  "Heading--wide-s--variant-medium": "_Heading--wide-s--variant-medium_rha5a_556",
+  "Heading--wide-s--variant-small": "_Heading--wide-s--variant-small_rha5a_562",
+  "Heading--wide-l--variant-massive": "_Heading--wide-l--variant-massive_rha5a_570",
+  "Heading--wide-l--variant-huge": "_Heading--wide-l--variant-huge_rha5a_576",
+  "Heading--wide-l--variant-extraLarge": "_Heading--wide-l--variant-extraLarge_rha5a_582",
+  "Heading--wide-l--variant-large": "_Heading--wide-l--variant-large_rha5a_588",
+  "Heading--wide-l--variant-medium": "_Heading--wide-l--variant-medium_rha5a_594",
+  "Heading--wide-l--variant-small": "_Heading--wide-l--variant-small_rha5a_600"
 };
 const Heading = ({
   children,

package/dist/components/Icon/Icon.js

@@ -5,18 +5,18 @@ import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds
 import { getColorClassNames } from "../../shared-styles/color/color.js";
 import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
 import { renderIcon } from "../../utils/render-icon.js";
-import '../../assets/Icon.css';const Icon$1 = "_Icon_usnqz_4";
+import '../../assets/Icon.css';const Icon$1 = "_Icon_1j6ak_4";
 const styles = {
   Icon: Icon$1,
-  "Icon--size-2xs": "_Icon--size-2xs_usnqz_16",
-  "Icon--size-xs": "_Icon--size-xs_usnqz_22",
-  "Icon--size-s": "_Icon--size-s_usnqz_28",
-  "Icon--size-m": "_Icon--size-m_usnqz_34",
-  "Icon--size-l": "_Icon--size-l_usnqz_40",
-  "Icon--size-16": "_Icon--size-16_usnqz_46",
-  "Icon--size-24": "_Icon--size-24_usnqz_52",
-  "Icon--size-32": "_Icon--size-32_usnqz_58",
-  "Icon--size-48": "_Icon--size-48_usnqz_64"
+  "Icon--size-2xs": "_Icon--size-2xs_1j6ak_16",
+  "Icon--size-xs": "_Icon--size-xs_1j6ak_22",
+  "Icon--size-s": "_Icon--size-s_1j6ak_28",
+  "Icon--size-m": "_Icon--size-m_1j6ak_34",
+  "Icon--size-l": "_Icon--size-l_1j6ak_40",
+  "Icon--size-16": "_Icon--size-16_1j6ak_46",
+  "Icon--size-24": "_Icon--size-24_1j6ak_52",
+  "Icon--size-32": "_Icon--size-32_1j6ak_58",
+  "Icon--size-48": "_Icon--size-48_1j6ak_64"
 };
 const Icon = ({
   svg,

package/dist/components/LayoutFlex/tests/DataOverride.js

@@ -131,12 +131,14 @@ function slice(begin, end) {
 }
 function token(type) {
   switch (type) {
+    // \0 \t \n \r \s whitespace token
     case 0:
     case 9:
     case 10:
     case 13:
     case 32:
       return 5;
+    // ! + , / > @ ~ isolate token
     case 33:
     case 43:
     case 44:
@@ -144,17 +146,21 @@ function token(type) {
     case 62:
     case 64:
     case 126:
+    // ; { } breakpoint token
     case 59:
     case 123:
     case 125:
       return 4;
+    // : accompanied token
     case 58:
       return 3;
+    // " ' ( [ opening delimit token
     case 34:
     case 39:
     case 40:
     case 91:
       return 2;
+    // ) ] closing delimit token
     case 41:
     case 93:
       return 1;
@@ -187,17 +193,21 @@ function escaping(index, count) {
 function delimiter(type) {
   while (next())
     switch (character) {
+      // ] ) " '
       case type:
         return position;
+      // " '
       case 34:
       case 39:
         if (type !== 34 && type !== 39)
           delimiter(character);
         break;
+      // (
       case 40:
         if (type === 41)
           delimiter(type);
         break;
+      // \
       case 92:
         next();
         break;
@@ -238,26 +248,31 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
   var characters2 = type;
   while (scanning)
     switch (previous = character2, character2 = next()) {
+      // (
       case 40:
         if (previous != 108 && charat(characters2, length2 - 1) == 58) {
           if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f", abs(index ? points[index - 1] : 0)) != -1)
             ampersand = -1;
           break;
         }
+      // " ' [
       case 34:
       case 39:
       case 91:
         characters2 += delimit(character2);
         break;
+      // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
         characters2 += whitespace(previous);
         break;
+      // \
       case 92:
         characters2 += escaping(caret() - 1, 7);
         continue;
+      // /
       case 47:
         switch (peek()) {
           case 42:
@@ -268,22 +283,28 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
             characters2 += "/";
         }
         break;
+      // {
       case 123 * variable:
         points[index++] = strlen(characters2) * ampersand;
+      // } ; \0
       case 125 * variable:
       case 59:
       case 0:
         switch (character2) {
+          // \0 }
           case 0:
           case 125:
             scanning = 0;
+          // ;
           case 59 + offset:
             if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
             if (property > 0 && strlen(characters2) - length2)
               append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
             break;
+          // @ ;
           case 59:
             characters2 += ";";
+          // { rule/at-rule
           default:
             append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2, rulesets), rulesets);
             if (character2 === 123)
@@ -291,6 +312,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
                 parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
               else
                 switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
+                  // d l m s
                   case 100:
                   case 108:
                   case 109:
@@ -303,6 +325,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
         }
         index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
         break;
+      // :
       case 58:
         length2 = 1 + strlen(characters2), property = previous;
       default:
@@ -313,17 +336,21 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
             continue;
         }
         switch (characters2 += from(character2), character2 * variable) {
+          // &
           case 38:
             ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
             break;
+          // ,
           case 44:
             points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
             break;
+          // @
           case 64:
             if (peek() === 45)
               characters2 += delimit(next());
             atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
             break;
+          // -
           case 45:
             if (previous === 45 && strlen(characters2) == 2)
               variable = 0;
@@ -349,8 +376,10 @@ function declaration(value, root, parent, length2, siblings) {
 }
 function prefix(value, length2, children) {
   switch (hash(value, length2)) {
+    // color-adjust
     case 5103:
       return WEBKIT + "print-" + value + value;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
     case 3177:
@@ -358,18 +387,21 @@ function prefix(value, length2, children) {
     case 1641:
     case 4457:
     case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
     case 5572:
     case 6356:
     case 5844:
     case 3191:
     case 6645:
     case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
     case 6391:
     case 5879:
     case 5623:
     case 6135:
     case 4599:
     case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
     case 4215:
     case 6389:
     case 5109:
@@ -377,56 +409,77 @@ function prefix(value, length2, children) {
     case 5621:
     case 3829:
       return WEBKIT + value + value;
+    // tab-size
     case 4789:
       return MOZ + value + value;
+    // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
       return WEBKIT + value + MOZ + value + MS + value + value;
+    // writing-mode
     case 5936:
       switch (charat(value, length2 + 11)) {
+        // vertical-l(r)
         case 114:
           return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
+        // vertical-r(l)
         case 108:
           return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
+        // horizontal(-)tb
         case 45:
           return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
       }
+    // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
     case 4268:
     case 2903:
       return WEBKIT + value + MS + value + value;
+    // order
     case 6165:
       return WEBKIT + value + MS + "flex-" + value + value;
+    // align-items
     case 5187:
       return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
+    // align-self
     case 5443:
       return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/g, "") + (!match(value, /flex-|baseline/) ? MS + "grid-row-" + replace(value, /flex-|-self/g, "") : "") + value;
+    // align-content
     case 4675:
       return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/g, "") + value;
+    // flex-shrink
     case 5548:
       return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
+    // flex-basis
     case 5292:
       return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
+    // flex-grow
     case 6060:
       return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
+    // transition
     case 4554:
       return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
+    // cursor
     case 6187:
       return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
+    // background, background-image
     case 5495:
     case 3959:
       return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
+    // justify-content
     case 4968:
       return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
+    // justify-self
     case 4200:
       if (!match(value, /flex-|baseline/)) return MS + "grid-column-align" + substr(value, length2) + value;
       break;
+    // grid-template-(columns|rows)
     case 2592:
     case 3360:
       return MS + replace(value, "template-", "") + value;
+    // grid-(row|column)-start
     case 4384:
     case 3616:
       if (children && children.some(function(element, index) {
@@ -435,16 +488,19 @@ function prefix(value, length2, children) {
         return ~indexof(value + (children = children[length2].value), "span", 0) ? value : MS + replace(value, "-start", "") + value + MS + "grid-row-span:" + (~indexof(children, "span", 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ";";
       }
       return MS + replace(value, "-start", "") + value;
+    // grid-(row|column)-end
     case 4896:
     case 4128:
       return children && children.some(function(element) {
         return match(element.props, /grid-\w+-start/);
       }) ? value : MS + replace(replace(value, "-end", "-span"), "span ", "") + value;
+    // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
       return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
+    // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
     case 5753:
@@ -459,32 +515,41 @@ function prefix(value, length2, children) {
     case 4765:
       if (strlen(value) - 1 - length2 > 6)
         switch (charat(value, length2 + 1)) {
+          // (m)ax-content, (m)in-content
           case 109:
             if (charat(value, length2 + 4) !== 45)
               break;
+          // (f)ill-available, (f)it-content
           case 102:
             return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
+          // (s)tretch
           case 115:
             return ~indexof(value, "stretch", 0) ? prefix(replace(value, "stretch", "fill-available"), length2, children) + value : value;
         }
       break;
+    // grid-(column|row)
     case 5152:
     case 5920:
       return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_2, a, b2, c, d, e, f2) {
         return MS + a + ":" + b2 + f2 + (c ? MS + a + "-span:" + (d ? e : +e - +b2) + f2 : "") + value;
       });
+    // position: sticky
     case 4949:
       if (charat(value, length2 + 6) === 121)
         return replace(value, ":", ":" + WEBKIT) + value;
       break;
+    // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
       switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
         case 120:
           return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
+        // (inline-)?gri(d)
         case 100:
           return replace(value, ":", ":" + MS) + value;
       }
       break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
     case 5719:
     case 2647:
     case 2135:
@@ -546,12 +611,14 @@ function prefixer(element, index, children, callback) {
           if (element.length)
             return combine(children = element.props, function(value) {
               switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
+                // :read-(only|write)
                 case ":read-only":
                 case ":read-write":
                   lift(copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] }));
                   lift(copy(element, { props: [value] }));
                   assign(element, { props: filter(children, callback) });
                   break;
+                // :placeholder
                 case "::placeholder":
                   lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }));
                   lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }));

package/dist/components/LayoutFlexItem/LayoutFlexItem.js

@@ -5,21 +5,21 @@ import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds
 import { getAlignSelfClassNames } from "../../shared-styles/align-self/align-self.js";
 import { getLayoutHideClassnames } from "../../shared-styles/layout-hide/layout-hide.js";
 import { getLayoutRelativeClassnames } from "../../shared-styles/layout-relative/layout-relative.js";
-import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "_LayoutFlexItem_1i3s7_2";
+import '../../assets/LayoutFlexItem.css';const LayoutFlexItem$1 = "_LayoutFlexItem_dv16y_2";
 const styles = {
   LayoutFlexItem: LayoutFlexItem$1,
-  "LayoutFlexItem--stretch": "_LayoutFlexItem--stretch_1i3s7_11",
-  "LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-stretch_1i3s7_14",
-  "LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--stretch_1i3s7_18",
-  "LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-stretch_1i3s7_21",
-  "LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--stretch_1i3s7_26",
-  "LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-stretch_1i3s7_29",
-  "LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--stretch_1i3s7_34",
-  "LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-stretch_1i3s7_37",
-  "LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--stretch_1i3s7_42",
-  "LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-stretch_1i3s7_45",
-  "LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--stretch_1i3s7_50",
-  "LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-stretch_1i3s7_53"
+  "LayoutFlexItem--stretch": "_LayoutFlexItem--stretch_dv16y_11",
+  "LayoutFlexItem--no-stretch": "_LayoutFlexItem--no-stretch_dv16y_14",
+  "LayoutFlexItem--narrow-l--stretch": "_LayoutFlexItem--narrow-l--stretch_dv16y_18",
+  "LayoutFlexItem--narrow-l--no-stretch": "_LayoutFlexItem--narrow-l--no-stretch_dv16y_21",
+  "LayoutFlexItem--medium-s--stretch": "_LayoutFlexItem--medium-s--stretch_dv16y_26",
+  "LayoutFlexItem--medium-s--no-stretch": "_LayoutFlexItem--medium-s--no-stretch_dv16y_29",
+  "LayoutFlexItem--medium-l--stretch": "_LayoutFlexItem--medium-l--stretch_dv16y_34",
+  "LayoutFlexItem--medium-l--no-stretch": "_LayoutFlexItem--medium-l--no-stretch_dv16y_37",
+  "LayoutFlexItem--wide-s--stretch": "_LayoutFlexItem--wide-s--stretch_dv16y_42",
+  "LayoutFlexItem--wide-s--no-stretch": "_LayoutFlexItem--wide-s--no-stretch_dv16y_45",
+  "LayoutFlexItem--wide-l--stretch": "_LayoutFlexItem--wide-l--stretch_dv16y_50",
+  "LayoutFlexItem--wide-l--no-stretch": "_LayoutFlexItem--wide-l--no-stretch_dv16y_53"
 };
 const LayoutFlexItem = ({
   children,