@preply/ds-web-lib 0.98.0 → 0.99.0

package/dist/shared-styles/color/color.js

@@ -0,0 +1,47 @@
+import { moduleLocals, stringClassNames } from "@preply/ds-web-core";
+import '../../assets/color.css';const styles = {
+  "Color--color-white": "_Color--color-white_utbxu_3",
+  "Color--color-gray-100": "_Color--color-gray-100_utbxu_6",
+  "Color--color-gray-200": "_Color--color-gray-200_utbxu_9",
+  "Color--color-gray-300": "_Color--color-gray-300_utbxu_12",
+  "Color--color-gray-400": "_Color--color-gray-400_utbxu_15",
+  "Color--color-gray-500": "_Color--color-gray-500_utbxu_18",
+  "Color--color-gray-600": "_Color--color-gray-600_utbxu_21",
+  "Color--color-teal-100": "_Color--color-teal-100_utbxu_24",
+  "Color--color-teal-200": "_Color--color-teal-200_utbxu_27",
+  "Color--color-teal-300": "_Color--color-teal-300_utbxu_30",
+  "Color--color-teal-400": "_Color--color-teal-400_utbxu_33",
+  "Color--color-teal-500": "_Color--color-teal-500_utbxu_36",
+  "Color--color-green-100": "_Color--color-green-100_utbxu_39",
+  "Color--color-green-200": "_Color--color-green-200_utbxu_42",
+  "Color--color-green-300": "_Color--color-green-300_utbxu_45",
+  "Color--color-green-400": "_Color--color-green-400_utbxu_48",
+  "Color--color-green-500": "_Color--color-green-500_utbxu_51",
+  "Color--color-yellow-100": "_Color--color-yellow-100_utbxu_54",
+  "Color--color-yellow-200": "_Color--color-yellow-200_utbxu_57",
+  "Color--color-yellow-300": "_Color--color-yellow-300_utbxu_60",
+  "Color--color-yellow-400": "_Color--color-yellow-400_utbxu_63",
+  "Color--color-yellow-500": "_Color--color-yellow-500_utbxu_66",
+  "Color--color-red-100": "_Color--color-red-100_utbxu_69",
+  "Color--color-red-200": "_Color--color-red-200_utbxu_72",
+  "Color--color-red-300": "_Color--color-red-300_utbxu_75",
+  "Color--color-red-400": "_Color--color-red-400_utbxu_78",
+  "Color--color-red-500": "_Color--color-red-500_utbxu_81",
+  "Color--color-blue-100": "_Color--color-blue-100_utbxu_84",
+  "Color--color-blue-200": "_Color--color-blue-200_utbxu_87",
+  "Color--color-blue-300": "_Color--color-blue-300_utbxu_90",
+  "Color--color-blue-400": "_Color--color-blue-400_utbxu_93",
+  "Color--color-blue-500": "_Color--color-blue-500_utbxu_96",
+  "Color--color-magenta-100": "_Color--color-magenta-100_utbxu_99",
+  "Color--color-magenta-200": "_Color--color-magenta-200_utbxu_102",
+  "Color--color-magenta-300": "_Color--color-magenta-300_utbxu_105",
+  "Color--color-magenta-400": "_Color--color-magenta-400_utbxu_108",
+  "Color--color-magenta-500": "_Color--color-magenta-500_utbxu_111"
+};
+const COLOR = "Color";
+const getColorClassNames = (color) => {
+  return moduleLocals(styles, COLOR, [stringClassNames("color", color)]);
+};
+export {
+  getColorClassNames
+};

package/dist/shared-styles/layout-flex/layout-flex.d.ts

@@ -0,0 +1,5 @@
+import { LayoutFlexProps, LayoutType } from '@preply/ds-core';
+type Hook = (layout?: LayoutType, props?: LayoutFlexProps) => string[];
+export declare const getLayoutFlexClassNames: Hook;
+export {};
+//# sourceMappingURL=layout-flex.d.ts.map

package/dist/shared-styles/layout-flex/layout-flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-flex.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/layout-flex/layout-flex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgBnE,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,MAAM,EAAE,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,IA+CrC,CAAC"}

package/dist/shared-styles/layout-flex/layout-flex.js

@@ -0,0 +1,151 @@
+import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT, LAYOUT_FLEX_DIRECTION_DEFAULT } from "@preply/ds-core";
+import { moduleClassNames, booleanClassNames, stringClassNames } from "@preply/ds-web-core";
+import { getLayoutGapClassnames } from "../layout-gap/layout-gap.js";
+import { getLayoutHideClassnames } from "../layout-hide/layout-hide.js";
+import { getLayoutPaddingClassnames } from "../layout-padding/layout-padding.js";
+import { getLayoutRelativeClassnames } from "../layout-relative/layout-relative.js";
+import '../../assets/layout-flex.css';const LayoutFlex = "_LayoutFlex_14wle_4";
+const styles = {
+  LayoutFlex,
+  "LayoutFlex--nowrap": "_LayoutFlex--nowrap_14wle_15",
+  "LayoutFlex--inline": "_LayoutFlex--inline_14wle_18",
+  "LayoutFlex--row-fwd": "_LayoutFlex--row-fwd_14wle_21",
+  "LayoutFlex--row-rev": "_LayoutFlex--row-rev_14wle_24",
+  "LayoutFlex--column-fwd": "_LayoutFlex--column-fwd_14wle_27",
+  "LayoutFlex--column-rev": "_LayoutFlex--column-rev_14wle_30",
+  "LayoutFlex--direction-column": "_LayoutFlex--direction-column_14wle_33",
+  "LayoutFlex--direction-column-reverse": "_LayoutFlex--direction-column-reverse_14wle_36",
+  "LayoutFlex--direction-row": "_LayoutFlex--direction-row_14wle_39",
+  "LayoutFlex--direction-row-reverse": "_LayoutFlex--direction-row-reverse_14wle_42",
+  "LayoutFlex--narrow-l--direction-column": "_LayoutFlex--narrow-l--direction-column_14wle_46",
+  "LayoutFlex--narrow-l--direction-column-reverse": "_LayoutFlex--narrow-l--direction-column-reverse_14wle_49",
+  "LayoutFlex--narrow-l--direction-row": "_LayoutFlex--narrow-l--direction-row_14wle_52",
+  "LayoutFlex--narrow-l--direction-row-reverse": "_LayoutFlex--narrow-l--direction-row-reverse_14wle_55",
+  "LayoutFlex--medium-s--direction-column": "_LayoutFlex--medium-s--direction-column_14wle_60",
+  "LayoutFlex--medium-s--direction-column-reverse": "_LayoutFlex--medium-s--direction-column-reverse_14wle_63",
+  "LayoutFlex--medium-s--direction-row": "_LayoutFlex--medium-s--direction-row_14wle_66",
+  "LayoutFlex--medium-s--direction-row-reverse": "_LayoutFlex--medium-s--direction-row-reverse_14wle_69",
+  "LayoutFlex--medium-l--direction-column": "_LayoutFlex--medium-l--direction-column_14wle_74",
+  "LayoutFlex--medium-l--direction-column-reverse": "_LayoutFlex--medium-l--direction-column-reverse_14wle_77",
+  "LayoutFlex--medium-l--direction-row": "_LayoutFlex--medium-l--direction-row_14wle_80",
+  "LayoutFlex--medium-l--direction-row-reverse": "_LayoutFlex--medium-l--direction-row-reverse_14wle_83",
+  "LayoutFlex--wide-s--direction-column": "_LayoutFlex--wide-s--direction-column_14wle_88",
+  "LayoutFlex--wide-s--direction-column-reverse": "_LayoutFlex--wide-s--direction-column-reverse_14wle_91",
+  "LayoutFlex--wide-s--direction-row": "_LayoutFlex--wide-s--direction-row_14wle_94",
+  "LayoutFlex--wide-s--direction-row-reverse": "_LayoutFlex--wide-s--direction-row-reverse_14wle_97",
+  "LayoutFlex--wide-l--direction-column": "_LayoutFlex--wide-l--direction-column_14wle_102",
+  "LayoutFlex--wide-l--direction-column-reverse": "_LayoutFlex--wide-l--direction-column-reverse_14wle_105",
+  "LayoutFlex--wide-l--direction-row": "_LayoutFlex--wide-l--direction-row_14wle_108",
+  "LayoutFlex--wide-l--direction-row-reverse": "_LayoutFlex--wide-l--direction-row-reverse_14wle_111",
+  "LayoutFlex--justify-content-center": "_LayoutFlex--justify-content-center_14wle_115",
+  "LayoutFlex--justify-content-start": "_LayoutFlex--justify-content-start_14wle_118",
+  "LayoutFlex--justify-content-end": "_LayoutFlex--justify-content-end_14wle_121",
+  "LayoutFlex--justify-content-space-between": "_LayoutFlex--justify-content-space-between_14wle_124",
+  "LayoutFlex--justify-content-space-around": "_LayoutFlex--justify-content-space-around_14wle_127",
+  "LayoutFlex--justify-content-space-evenly": "_LayoutFlex--justify-content-space-evenly_14wle_130",
+  "LayoutFlex--narrow-l--justify-content-center": "_LayoutFlex--narrow-l--justify-content-center_14wle_134",
+  "LayoutFlex--narrow-l--justify-content-start": "_LayoutFlex--narrow-l--justify-content-start_14wle_137",
+  "LayoutFlex--narrow-l--justify-content-end": "_LayoutFlex--narrow-l--justify-content-end_14wle_140",
+  "LayoutFlex--narrow-l--justify-content-space-between": "_LayoutFlex--narrow-l--justify-content-space-between_14wle_143",
+  "LayoutFlex--narrow-l--justify-content-space-around": "_LayoutFlex--narrow-l--justify-content-space-around_14wle_146",
+  "LayoutFlex--narrow-l--justify-content-space-evenly": "_LayoutFlex--narrow-l--justify-content-space-evenly_14wle_149",
+  "LayoutFlex--medium-s--justify-content-center": "_LayoutFlex--medium-s--justify-content-center_14wle_154",
+  "LayoutFlex--medium-s--justify-content-start": "_LayoutFlex--medium-s--justify-content-start_14wle_157",
+  "LayoutFlex--medium-s--justify-content-end": "_LayoutFlex--medium-s--justify-content-end_14wle_160",
+  "LayoutFlex--medium-s--justify-content-space-between": "_LayoutFlex--medium-s--justify-content-space-between_14wle_163",
+  "LayoutFlex--medium-s--justify-content-space-around": "_LayoutFlex--medium-s--justify-content-space-around_14wle_166",
+  "LayoutFlex--medium-s--justify-content-space-evenly": "_LayoutFlex--medium-s--justify-content-space-evenly_14wle_169",
+  "LayoutFlex--medium-l--justify-content-center": "_LayoutFlex--medium-l--justify-content-center_14wle_174",
+  "LayoutFlex--medium-l--justify-content-start": "_LayoutFlex--medium-l--justify-content-start_14wle_177",
+  "LayoutFlex--medium-l--justify-content-end": "_LayoutFlex--medium-l--justify-content-end_14wle_180",
+  "LayoutFlex--medium-l--justify-content-space-between": "_LayoutFlex--medium-l--justify-content-space-between_14wle_183",
+  "LayoutFlex--medium-l--justify-content-space-around": "_LayoutFlex--medium-l--justify-content-space-around_14wle_186",
+  "LayoutFlex--medium-l--justify-content-space-evenly": "_LayoutFlex--medium-l--justify-content-space-evenly_14wle_189",
+  "LayoutFlex--wide-s--justify-content-center": "_LayoutFlex--wide-s--justify-content-center_14wle_194",
+  "LayoutFlex--wide-s--justify-content-start": "_LayoutFlex--wide-s--justify-content-start_14wle_197",
+  "LayoutFlex--wide-s--justify-content-end": "_LayoutFlex--wide-s--justify-content-end_14wle_200",
+  "LayoutFlex--wide-s--justify-content-space-between": "_LayoutFlex--wide-s--justify-content-space-between_14wle_203",
+  "LayoutFlex--wide-s--justify-content-space-around": "_LayoutFlex--wide-s--justify-content-space-around_14wle_206",
+  "LayoutFlex--wide-s--justify-content-space-evenly": "_LayoutFlex--wide-s--justify-content-space-evenly_14wle_209",
+  "LayoutFlex--wide-l--justify-content-center": "_LayoutFlex--wide-l--justify-content-center_14wle_214",
+  "LayoutFlex--wide-l--justify-content-start": "_LayoutFlex--wide-l--justify-content-start_14wle_217",
+  "LayoutFlex--wide-l--justify-content-end": "_LayoutFlex--wide-l--justify-content-end_14wle_220",
+  "LayoutFlex--wide-l--justify-content-space-between": "_LayoutFlex--wide-l--justify-content-space-between_14wle_223",
+  "LayoutFlex--wide-l--justify-content-space-around": "_LayoutFlex--wide-l--justify-content-space-around_14wle_226",
+  "LayoutFlex--wide-l--justify-content-space-evenly": "_LayoutFlex--wide-l--justify-content-space-evenly_14wle_229",
+  "LayoutFlex--align-items-center": "_LayoutFlex--align-items-center_14wle_233",
+  "LayoutFlex--align-items-start": "_LayoutFlex--align-items-start_14wle_236",
+  "LayoutFlex--align-items-end": "_LayoutFlex--align-items-end_14wle_239",
+  "LayoutFlex--align-items-stretch": "_LayoutFlex--align-items-stretch_14wle_242",
+  "LayoutFlex--align-items-baseline": "_LayoutFlex--align-items-baseline_14wle_245",
+  "LayoutFlex--narrow-l--align-items-center": "_LayoutFlex--narrow-l--align-items-center_14wle_249",
+  "LayoutFlex--narrow-l--align-items-start": "_LayoutFlex--narrow-l--align-items-start_14wle_252",
+  "LayoutFlex--narrow-l--align-items-end": "_LayoutFlex--narrow-l--align-items-end_14wle_255",
+  "LayoutFlex--narrow-l--align-items-stretch": "_LayoutFlex--narrow-l--align-items-stretch_14wle_258",
+  "LayoutFlex--narrow-l--align-items-baseline": "_LayoutFlex--narrow-l--align-items-baseline_14wle_261",
+  "LayoutFlex--medium-s--align-items-center": "_LayoutFlex--medium-s--align-items-center_14wle_266",
+  "LayoutFlex--medium-s--align-items-start": "_LayoutFlex--medium-s--align-items-start_14wle_269",
+  "LayoutFlex--medium-s--align-items-end": "_LayoutFlex--medium-s--align-items-end_14wle_272",
+  "LayoutFlex--medium-s--align-items-stretch": "_LayoutFlex--medium-s--align-items-stretch_14wle_275",
+  "LayoutFlex--medium-s--align-items-baseline": "_LayoutFlex--medium-s--align-items-baseline_14wle_278",
+  "LayoutFlex--medium-l--align-items-center": "_LayoutFlex--medium-l--align-items-center_14wle_283",
+  "LayoutFlex--medium-l--align-items-start": "_LayoutFlex--medium-l--align-items-start_14wle_286",
+  "LayoutFlex--medium-l--align-items-end": "_LayoutFlex--medium-l--align-items-end_14wle_289",
+  "LayoutFlex--medium-l--align-items-stretch": "_LayoutFlex--medium-l--align-items-stretch_14wle_292",
+  "LayoutFlex--medium-l--align-items-baseline": "_LayoutFlex--medium-l--align-items-baseline_14wle_295",
+  "LayoutFlex--wide-s--align-items-center": "_LayoutFlex--wide-s--align-items-center_14wle_300",
+  "LayoutFlex--wide-s--align-items-start": "_LayoutFlex--wide-s--align-items-start_14wle_303",
+  "LayoutFlex--wide-s--align-items-end": "_LayoutFlex--wide-s--align-items-end_14wle_306",
+  "LayoutFlex--wide-s--align-items-stretch": "_LayoutFlex--wide-s--align-items-stretch_14wle_309",
+  "LayoutFlex--wide-s--align-items-baseline": "_LayoutFlex--wide-s--align-items-baseline_14wle_312",
+  "LayoutFlex--wide-l--align-items-center": "_LayoutFlex--wide-l--align-items-center_14wle_317",
+  "LayoutFlex--wide-l--align-items-start": "_LayoutFlex--wide-l--align-items-start_14wle_320",
+  "LayoutFlex--wide-l--align-items-end": "_LayoutFlex--wide-l--align-items-end_14wle_323",
+  "LayoutFlex--wide-l--align-items-stretch": "_LayoutFlex--wide-l--align-items-stretch_14wle_326",
+  "LayoutFlex--wide-l--align-items-baseline": "_LayoutFlex--wide-l--align-items-baseline_14wle_329"
+};
+const LAYOUT_FLEX = "LayoutFlex";
+const getLayoutFlexClassNames = (layout, props) => {
+  const {
+    gap = LAYOUT_GAP_DEFAULT,
+    padding = LAYOUT_PADDING_DEFAULT,
+    nowrap,
+    column,
+    reverse,
+    direction,
+    justifyContent,
+    alignItems,
+    hide,
+    relative,
+    inline
+  } = props || {};
+  if (layout !== "flex") {
+    return [];
+  }
+  const actualDirection = direction || (!reverse && !column ? LAYOUT_FLEX_DIRECTION_DEFAULT : void 0);
+  const columnClassName = column ? "column" : "row";
+  const reverseClassName = reverse ? "rev" : "fwd";
+  const columnReverseClassName = `${columnClassName}-${reverseClassName}`;
+  const classNames = moduleClassNames(styles, LAYOUT_FLEX, [
+    booleanClassNames("nowrap", void 0, nowrap),
+    columnReverseClassName,
+    stringClassNames("direction", actualDirection),
+    stringClassNames("justify-content", justifyContent),
+    stringClassNames("align-items", alignItems)
+  ]);
+  const gapClassNames = getLayoutGapClassnames(gap);
+  const paddingClassNames = getLayoutPaddingClassnames(padding);
+  const showClassName = inline ? "inline-flex" : "flex";
+  const hideClassNames = getLayoutHideClassnames(hide, showClassName);
+  const relativeClassNames = getLayoutRelativeClassnames(relative);
+  return [
+    ...classNames,
+    ...gapClassNames,
+    ...paddingClassNames,
+    ...hideClassNames,
+    ...relativeClassNames
+  ];
+};
+export {
+  getLayoutFlexClassNames
+};

package/dist/shared-styles/layout-gap/layout-gap.d.ts

@@ -0,0 +1,3 @@
+import { LayoutGap, Responsive, Spacing } from '@preply/ds-core';
+export declare const getLayoutGapClassnames: (gap?: Responsive<LayoutGap> | Responsive<Spacing>) => string[];
+//# sourceMappingURL=layout-gap.d.ts.map

package/dist/shared-styles/layout-gap/layout-gap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-gap.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/layout-gap/layout-gap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAOjE,eAAO,MAAM,sBAAsB,SACzB,WAAW,SAAS,CAAC,GAAG,WAAW,OAAO,CAAC,KAClD,MAAM,EAER,CAAC"}

package/dist/shared-styles/layout-gap/layout-gap.js

@@ -0,0 +1,142 @@
+import { moduleLocals, stringClassNames } from "@preply/ds-web-core";
+import '../../assets/layout-gap.css';const styles = {
+  "LayoutGap--gap-none": "_LayoutGap--gap-none_tfyz7_4",
+  "LayoutGap--gap-3xs": "_LayoutGap--gap-3xs_tfyz7_7",
+  "LayoutGap--gap-2xs": "_LayoutGap--gap-2xs_tfyz7_10",
+  "LayoutGap--gap-xs": "_LayoutGap--gap-xs_tfyz7_13",
+  "LayoutGap--gap-s": "_LayoutGap--gap-s_tfyz7_16",
+  "LayoutGap--gap-m": "_LayoutGap--gap-m_tfyz7_19",
+  "LayoutGap--gap-l": "_LayoutGap--gap-l_tfyz7_22",
+  "LayoutGap--gap-xl": "_LayoutGap--gap-xl_tfyz7_25",
+  "LayoutGap--gap-0": "_LayoutGap--gap-0_tfyz7_28",
+  "LayoutGap--gap-1": "_LayoutGap--gap-1_tfyz7_31",
+  "LayoutGap--gap-2": "_LayoutGap--gap-2_tfyz7_10",
+  "LayoutGap--gap-4": "_LayoutGap--gap-4_tfyz7_37",
+  "LayoutGap--gap-8": "_LayoutGap--gap-8_tfyz7_40",
+  "LayoutGap--gap-12": "_LayoutGap--gap-12_tfyz7_43",
+  "LayoutGap--gap-16": "_LayoutGap--gap-16_tfyz7_46",
+  "LayoutGap--gap-20": "_LayoutGap--gap-20_tfyz7_49",
+  "LayoutGap--gap-24": "_LayoutGap--gap-24_tfyz7_52",
+  "LayoutGap--gap-32": "_LayoutGap--gap-32_tfyz7_55",
+  "LayoutGap--gap-48": "_LayoutGap--gap-48_tfyz7_58",
+  "LayoutGap--gap-64": "_LayoutGap--gap-64_tfyz7_61",
+  "LayoutGap--gap-96": "_LayoutGap--gap-96_tfyz7_64",
+  "LayoutGap--gap-160": "_LayoutGap--gap-160_tfyz7_67",
+  "LayoutGap--narrow-l--gap-none": "_LayoutGap--narrow-l--gap-none_tfyz7_71",
+  "LayoutGap--narrow-l--gap-3xs": "_LayoutGap--narrow-l--gap-3xs_tfyz7_74",
+  "LayoutGap--narrow-l--gap-2xs": "_LayoutGap--narrow-l--gap-2xs_tfyz7_77",
+  "LayoutGap--narrow-l--gap-xs": "_LayoutGap--narrow-l--gap-xs_tfyz7_80",
+  "LayoutGap--narrow-l--gap-s": "_LayoutGap--narrow-l--gap-s_tfyz7_83",
+  "LayoutGap--narrow-l--gap-m": "_LayoutGap--narrow-l--gap-m_tfyz7_86",
+  "LayoutGap--narrow-l--gap-l": "_LayoutGap--narrow-l--gap-l_tfyz7_89",
+  "LayoutGap--narrow-l--gap-xl": "_LayoutGap--narrow-l--gap-xl_tfyz7_92",
+  "LayoutGap--narrow-l--gap-0": "_LayoutGap--narrow-l--gap-0_tfyz7_95",
+  "LayoutGap--narrow-l--gap-1": "_LayoutGap--narrow-l--gap-1_tfyz7_98",
+  "LayoutGap--narrow-l--gap-2": "_LayoutGap--narrow-l--gap-2_tfyz7_77",
+  "LayoutGap--narrow-l--gap-4": "_LayoutGap--narrow-l--gap-4_tfyz7_104",
+  "LayoutGap--narrow-l--gap-8": "_LayoutGap--narrow-l--gap-8_tfyz7_107",
+  "LayoutGap--narrow-l--gap-12": "_LayoutGap--narrow-l--gap-12_tfyz7_110",
+  "LayoutGap--narrow-l--gap-16": "_LayoutGap--narrow-l--gap-16_tfyz7_113",
+  "LayoutGap--narrow-l--gap-20": "_LayoutGap--narrow-l--gap-20_tfyz7_116",
+  "LayoutGap--narrow-l--gap-24": "_LayoutGap--narrow-l--gap-24_tfyz7_119",
+  "LayoutGap--narrow-l--gap-32": "_LayoutGap--narrow-l--gap-32_tfyz7_122",
+  "LayoutGap--narrow-l--gap-48": "_LayoutGap--narrow-l--gap-48_tfyz7_125",
+  "LayoutGap--narrow-l--gap-64": "_LayoutGap--narrow-l--gap-64_tfyz7_128",
+  "LayoutGap--narrow-l--gap-96": "_LayoutGap--narrow-l--gap-96_tfyz7_131",
+  "LayoutGap--narrow-l--gap-160": "_LayoutGap--narrow-l--gap-160_tfyz7_134",
+  "LayoutGap--medium-s--gap-none": "_LayoutGap--medium-s--gap-none_tfyz7_139",
+  "LayoutGap--medium-s--gap-3xs": "_LayoutGap--medium-s--gap-3xs_tfyz7_142",
+  "LayoutGap--medium-s--gap-2xs": "_LayoutGap--medium-s--gap-2xs_tfyz7_145",
+  "LayoutGap--medium-s--gap-xs": "_LayoutGap--medium-s--gap-xs_tfyz7_148",
+  "LayoutGap--medium-s--gap-s": "_LayoutGap--medium-s--gap-s_tfyz7_151",
+  "LayoutGap--medium-s--gap-m": "_LayoutGap--medium-s--gap-m_tfyz7_154",
+  "LayoutGap--medium-s--gap-l": "_LayoutGap--medium-s--gap-l_tfyz7_157",
+  "LayoutGap--medium-s--gap-xl": "_LayoutGap--medium-s--gap-xl_tfyz7_160",
+  "LayoutGap--medium-s--gap-0": "_LayoutGap--medium-s--gap-0_tfyz7_163",
+  "LayoutGap--medium-s--gap-1": "_LayoutGap--medium-s--gap-1_tfyz7_166",
+  "LayoutGap--medium-s--gap-2": "_LayoutGap--medium-s--gap-2_tfyz7_145",
+  "LayoutGap--medium-s--gap-4": "_LayoutGap--medium-s--gap-4_tfyz7_172",
+  "LayoutGap--medium-s--gap-8": "_LayoutGap--medium-s--gap-8_tfyz7_175",
+  "LayoutGap--medium-s--gap-12": "_LayoutGap--medium-s--gap-12_tfyz7_178",
+  "LayoutGap--medium-s--gap-16": "_LayoutGap--medium-s--gap-16_tfyz7_181",
+  "LayoutGap--medium-s--gap-20": "_LayoutGap--medium-s--gap-20_tfyz7_184",
+  "LayoutGap--medium-s--gap-24": "_LayoutGap--medium-s--gap-24_tfyz7_187",
+  "LayoutGap--medium-s--gap-32": "_LayoutGap--medium-s--gap-32_tfyz7_190",
+  "LayoutGap--medium-s--gap-48": "_LayoutGap--medium-s--gap-48_tfyz7_193",
+  "LayoutGap--medium-s--gap-64": "_LayoutGap--medium-s--gap-64_tfyz7_196",
+  "LayoutGap--medium-s--gap-96": "_LayoutGap--medium-s--gap-96_tfyz7_199",
+  "LayoutGap--medium-s--gap-160": "_LayoutGap--medium-s--gap-160_tfyz7_202",
+  "LayoutGap--medium-l--gap-none": "_LayoutGap--medium-l--gap-none_tfyz7_207",
+  "LayoutGap--medium-l--gap-3xs": "_LayoutGap--medium-l--gap-3xs_tfyz7_210",
+  "LayoutGap--medium-l--gap-2xs": "_LayoutGap--medium-l--gap-2xs_tfyz7_213",
+  "LayoutGap--medium-l--gap-xs": "_LayoutGap--medium-l--gap-xs_tfyz7_216",
+  "LayoutGap--medium-l--gap-s": "_LayoutGap--medium-l--gap-s_tfyz7_219",
+  "LayoutGap--medium-l--gap-m": "_LayoutGap--medium-l--gap-m_tfyz7_222",
+  "LayoutGap--medium-l--gap-l": "_LayoutGap--medium-l--gap-l_tfyz7_225",
+  "LayoutGap--medium-l--gap-xl": "_LayoutGap--medium-l--gap-xl_tfyz7_228",
+  "LayoutGap--medium-l--gap-0": "_LayoutGap--medium-l--gap-0_tfyz7_231",
+  "LayoutGap--medium-l--gap-1": "_LayoutGap--medium-l--gap-1_tfyz7_234",
+  "LayoutGap--medium-l--gap-2": "_LayoutGap--medium-l--gap-2_tfyz7_213",
+  "LayoutGap--medium-l--gap-4": "_LayoutGap--medium-l--gap-4_tfyz7_240",
+  "LayoutGap--medium-l--gap-8": "_LayoutGap--medium-l--gap-8_tfyz7_243",
+  "LayoutGap--medium-l--gap-12": "_LayoutGap--medium-l--gap-12_tfyz7_246",
+  "LayoutGap--medium-l--gap-16": "_LayoutGap--medium-l--gap-16_tfyz7_249",
+  "LayoutGap--medium-l--gap-20": "_LayoutGap--medium-l--gap-20_tfyz7_252",
+  "LayoutGap--medium-l--gap-24": "_LayoutGap--medium-l--gap-24_tfyz7_255",
+  "LayoutGap--medium-l--gap-32": "_LayoutGap--medium-l--gap-32_tfyz7_258",
+  "LayoutGap--medium-l--gap-48": "_LayoutGap--medium-l--gap-48_tfyz7_261",
+  "LayoutGap--medium-l--gap-64": "_LayoutGap--medium-l--gap-64_tfyz7_264",
+  "LayoutGap--medium-l--gap-96": "_LayoutGap--medium-l--gap-96_tfyz7_267",
+  "LayoutGap--medium-l--gap-160": "_LayoutGap--medium-l--gap-160_tfyz7_270",
+  "LayoutGap--wide-s--gap-none": "_LayoutGap--wide-s--gap-none_tfyz7_275",
+  "LayoutGap--wide-s--gap-3xs": "_LayoutGap--wide-s--gap-3xs_tfyz7_278",
+  "LayoutGap--wide-s--gap-2xs": "_LayoutGap--wide-s--gap-2xs_tfyz7_281",
+  "LayoutGap--wide-s--gap-xs": "_LayoutGap--wide-s--gap-xs_tfyz7_284",
+  "LayoutGap--wide-s--gap-s": "_LayoutGap--wide-s--gap-s_tfyz7_287",
+  "LayoutGap--wide-s--gap-m": "_LayoutGap--wide-s--gap-m_tfyz7_290",
+  "LayoutGap--wide-s--gap-l": "_LayoutGap--wide-s--gap-l_tfyz7_293",
+  "LayoutGap--wide-s--gap-xl": "_LayoutGap--wide-s--gap-xl_tfyz7_296",
+  "LayoutGap--wide-s--gap-0": "_LayoutGap--wide-s--gap-0_tfyz7_299",
+  "LayoutGap--wide-s--gap-1": "_LayoutGap--wide-s--gap-1_tfyz7_302",
+  "LayoutGap--wide-s--gap-2": "_LayoutGap--wide-s--gap-2_tfyz7_281",
+  "LayoutGap--wide-s--gap-4": "_LayoutGap--wide-s--gap-4_tfyz7_308",
+  "LayoutGap--wide-s--gap-8": "_LayoutGap--wide-s--gap-8_tfyz7_311",
+  "LayoutGap--wide-s--gap-12": "_LayoutGap--wide-s--gap-12_tfyz7_314",
+  "LayoutGap--wide-s--gap-16": "_LayoutGap--wide-s--gap-16_tfyz7_317",
+  "LayoutGap--wide-s--gap-20": "_LayoutGap--wide-s--gap-20_tfyz7_320",
+  "LayoutGap--wide-s--gap-24": "_LayoutGap--wide-s--gap-24_tfyz7_323",
+  "LayoutGap--wide-s--gap-32": "_LayoutGap--wide-s--gap-32_tfyz7_326",
+  "LayoutGap--wide-s--gap-48": "_LayoutGap--wide-s--gap-48_tfyz7_329",
+  "LayoutGap--wide-s--gap-64": "_LayoutGap--wide-s--gap-64_tfyz7_332",
+  "LayoutGap--wide-s--gap-96": "_LayoutGap--wide-s--gap-96_tfyz7_335",
+  "LayoutGap--wide-s--gap-160": "_LayoutGap--wide-s--gap-160_tfyz7_338",
+  "LayoutGap--wide-l--gap-none": "_LayoutGap--wide-l--gap-none_tfyz7_343",
+  "LayoutGap--wide-l--gap-3xs": "_LayoutGap--wide-l--gap-3xs_tfyz7_346",
+  "LayoutGap--wide-l--gap-2xs": "_LayoutGap--wide-l--gap-2xs_tfyz7_349",
+  "LayoutGap--wide-l--gap-xs": "_LayoutGap--wide-l--gap-xs_tfyz7_352",
+  "LayoutGap--wide-l--gap-s": "_LayoutGap--wide-l--gap-s_tfyz7_355",
+  "LayoutGap--wide-l--gap-m": "_LayoutGap--wide-l--gap-m_tfyz7_358",
+  "LayoutGap--wide-l--gap-l": "_LayoutGap--wide-l--gap-l_tfyz7_361",
+  "LayoutGap--wide-l--gap-xl": "_LayoutGap--wide-l--gap-xl_tfyz7_364",
+  "LayoutGap--wide-l--gap-0": "_LayoutGap--wide-l--gap-0_tfyz7_367",
+  "LayoutGap--wide-l--gap-1": "_LayoutGap--wide-l--gap-1_tfyz7_370",
+  "LayoutGap--wide-l--gap-2": "_LayoutGap--wide-l--gap-2_tfyz7_349",
+  "LayoutGap--wide-l--gap-4": "_LayoutGap--wide-l--gap-4_tfyz7_376",
+  "LayoutGap--wide-l--gap-8": "_LayoutGap--wide-l--gap-8_tfyz7_379",
+  "LayoutGap--wide-l--gap-12": "_LayoutGap--wide-l--gap-12_tfyz7_382",
+  "LayoutGap--wide-l--gap-16": "_LayoutGap--wide-l--gap-16_tfyz7_385",
+  "LayoutGap--wide-l--gap-20": "_LayoutGap--wide-l--gap-20_tfyz7_388",
+  "LayoutGap--wide-l--gap-24": "_LayoutGap--wide-l--gap-24_tfyz7_391",
+  "LayoutGap--wide-l--gap-32": "_LayoutGap--wide-l--gap-32_tfyz7_394",
+  "LayoutGap--wide-l--gap-48": "_LayoutGap--wide-l--gap-48_tfyz7_397",
+  "LayoutGap--wide-l--gap-64": "_LayoutGap--wide-l--gap-64_tfyz7_400",
+  "LayoutGap--wide-l--gap-96": "_LayoutGap--wide-l--gap-96_tfyz7_403",
+  "LayoutGap--wide-l--gap-160": "_LayoutGap--wide-l--gap-160_tfyz7_406"
+};
+const LAYOUT_GAP = "LayoutGap";
+const getLayoutGapClassnames = (gap) => {
+  return moduleLocals(styles, LAYOUT_GAP, [stringClassNames("gap", gap)]);
+};
+export {
+  getLayoutGapClassnames
+};

package/dist/shared-styles/layout-grid/layout-grid.d.ts

@@ -0,0 +1,5 @@
+import { LayoutGridProps, LayoutType } from '@preply/ds-core';
+type Hook = (layout?: LayoutType, props?: LayoutGridProps) => string[];
+export declare const getLayoutGridClassNames: Hook;
+export {};
+//# sourceMappingURL=layout-grid.d.ts.map

package/dist/shared-styles/layout-grid/layout-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-grid.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/layout-grid/layout-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAanE,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,eAAe,KAAK,MAAM,EAAE,CAAC;AAEvE,eAAO,MAAM,uBAAuB,EAAE,IAiCrC,CAAC"}

package/dist/shared-styles/layout-grid/layout-grid.js

@@ -0,0 +1,41 @@
+import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from "@preply/ds-core";
+import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import { getLayoutGapClassnames } from "../layout-gap/layout-gap.js";
+import { getLayoutHideClassnames } from "../layout-hide/layout-hide.js";
+import { getLayoutPaddingClassnames } from "../layout-padding/layout-padding.js";
+import { getLayoutRelativeClassnames } from "../layout-relative/layout-relative.js";
+import { s as styles } from "../../layout-grid.module-QXlvbHyU.js";
+const LAYOUT_GRID = "LayoutGrid";
+const getLayoutGridClassNames = (layout, props) => {
+  const {
+    gap = LAYOUT_GAP_DEFAULT,
+    padding = LAYOUT_PADDING_DEFAULT,
+    justifyContent,
+    alignItems,
+    justifyItems,
+    hide,
+    relative
+  } = props || {};
+  if (layout !== "grid") {
+    return [];
+  }
+  const classNames = moduleClassNames(styles, LAYOUT_GRID, [
+    stringClassNames("justify-content", justifyContent),
+    stringClassNames("align-items", alignItems),
+    stringClassNames("justify-items", justifyItems)
+  ]);
+  const gapClassNames = getLayoutGapClassnames(gap);
+  const paddingClassNames = getLayoutPaddingClassnames(padding);
+  const hideClassNames = getLayoutHideClassnames(hide, "grid");
+  const relativeClassNames = getLayoutRelativeClassnames(relative);
+  return [
+    ...classNames,
+    ...gapClassNames,
+    ...paddingClassNames,
+    ...hideClassNames,
+    ...relativeClassNames
+  ];
+};
+export {
+  getLayoutGridClassNames
+};

package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.d.ts

@@ -0,0 +1,8 @@
+import { Responsive } from '@preply/ds-core';
+type Hook = (columns?: Responsive<string[] | number>) => {
+    classNames: string[];
+    style: Record<string, string>;
+};
+export declare const getLayoutGridResponsiveColumnsStyles: Hook;
+export {};
+//# sourceMappingURL=layout-grid-responsive-columns.d.ts.map

package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-grid-responsive-columns.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgC9D,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK;IACrD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,IA4BlD,CAAC"}

package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js

@@ -0,0 +1,49 @@
+import { BREAKPOINT } from "@preply/ds-core";
+import { moduleLocals } from "@preply/ds-web-core";
+import { s as styles } from "../../layout-grid.module-QXlvbHyU.js";
+const LAYOUT_GRID = "LayoutGrid";
+const BREAKPOINT_LIST = Object.keys(BREAKPOINT);
+const normalizeColumns = (columns) => {
+  return typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns.join(" ");
+};
+const normalizeResponsiveColumns = (columns) => {
+  if (typeof columns === "object" && !Array.isArray(columns)) {
+    return Object.entries(columns).reduce(
+      (acc, [breakpoint, value]) => ({
+        ...acc,
+        ...value ? { [breakpoint]: normalizeColumns(value) } : {}
+      }),
+      {
+        _: normalizeColumns(columns._)
+      }
+    );
+  }
+  return { _: normalizeColumns(columns) };
+};
+const getLayoutGridResponsiveColumnsStyles = (columns) => {
+  if (!columns) {
+    return { classNames: [], style: {} };
+  }
+  const normalizedColumns = normalizeResponsiveColumns(columns);
+  const breakpointsInUse = BREAKPOINT_LIST.filter((breakpoint) => normalizedColumns[breakpoint]);
+  const classNames = moduleLocals(styles, LAYOUT_GRID, [
+    "columns",
+    ...breakpointsInUse.map((breakpoint) => `columns-${breakpoint}`)
+  ]);
+  const cssVariables = breakpointsInUse.reduce(
+    (acc, breakpoint) => ({
+      ...acc,
+      [`--columns-${breakpoint}`]: normalizedColumns[breakpoint]
+    }),
+    {
+      "--columns": normalizedColumns._
+    }
+  );
+  return {
+    classNames,
+    style: cssVariables
+  };
+};
+export {
+  getLayoutGridResponsiveColumnsStyles
+};

package/dist/shared-styles/layout-hide/layout-hide.d.ts

@@ -0,0 +1,3 @@
+import { LayoutDisplay, Responsive } from '@preply/ds-core';
+export declare const getLayoutHideClassnames: (hide?: Responsive<boolean>, display?: LayoutDisplay) => string[];
+//# sourceMappingURL=layout-hide.d.ts.map

package/dist/shared-styles/layout-hide/layout-hide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-hide.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/layout-hide/layout-hide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQjE,eAAO,MAAM,uBAAuB,UACzB,WAAW,OAAO,CAAC,YACjB,aAAa,KACvB,MAAM,EAER,CAAC"}

package/dist/shared-styles/layout-hide/layout-hide.js

@@ -0,0 +1,59 @@
+import { LAYOUT_DISPLAY_DEFAULT } from "@preply/ds-core";
+import { moduleLocals, booleanClassNames } from "@preply/ds-web-core";
+import '../../assets/layout-hide.css';const styles = {
+  "LayoutHide--hide": "_LayoutHide--hide_15822_2",
+  "LayoutHide--initial": "_LayoutHide--initial_15822_5",
+  "LayoutHide--inline": "_LayoutHide--inline_15822_8",
+  "LayoutHide--block": "_LayoutHide--block_15822_11",
+  "LayoutHide--inline-block": "_LayoutHide--inline-block_15822_14",
+  "LayoutHide--flex": "_LayoutHide--flex_15822_17",
+  "LayoutHide--inline-flex": "_LayoutHide--inline-flex_15822_20",
+  "LayoutHide--grid": "_LayoutHide--grid_15822_23",
+  "LayoutHide--narrow-l--hide": "_LayoutHide--narrow-l--hide_15822_27",
+  "LayoutHide--narrow-l--initial": "_LayoutHide--narrow-l--initial_15822_30",
+  "LayoutHide--narrow-l--inline": "_LayoutHide--narrow-l--inline_15822_33",
+  "LayoutHide--narrow-l--block": "_LayoutHide--narrow-l--block_15822_36",
+  "LayoutHide--narrow-l--inline-block": "_LayoutHide--narrow-l--inline-block_15822_39",
+  "LayoutHide--narrow-l--flex": "_LayoutHide--narrow-l--flex_15822_42",
+  "LayoutHide--narrow-l--inline-flex": "_LayoutHide--narrow-l--inline-flex_15822_45",
+  "LayoutHide--narrow-l--grid": "_LayoutHide--narrow-l--grid_15822_48",
+  "LayoutHide--medium-s--hide": "_LayoutHide--medium-s--hide_15822_53",
+  "LayoutHide--medium-s--initial": "_LayoutHide--medium-s--initial_15822_56",
+  "LayoutHide--medium-s--inline": "_LayoutHide--medium-s--inline_15822_59",
+  "LayoutHide--medium-s--block": "_LayoutHide--medium-s--block_15822_62",
+  "LayoutHide--medium-s--inline-block": "_LayoutHide--medium-s--inline-block_15822_65",
+  "LayoutHide--medium-s--flex": "_LayoutHide--medium-s--flex_15822_68",
+  "LayoutHide--medium-s--inline-flex": "_LayoutHide--medium-s--inline-flex_15822_71",
+  "LayoutHide--medium-s--grid": "_LayoutHide--medium-s--grid_15822_74",
+  "LayoutHide--medium-l--hide": "_LayoutHide--medium-l--hide_15822_79",
+  "LayoutHide--medium-l--initial": "_LayoutHide--medium-l--initial_15822_82",
+  "LayoutHide--medium-l--inline": "_LayoutHide--medium-l--inline_15822_85",
+  "LayoutHide--medium-l--block": "_LayoutHide--medium-l--block_15822_88",
+  "LayoutHide--medium-l--inline-block": "_LayoutHide--medium-l--inline-block_15822_91",
+  "LayoutHide--medium-l--flex": "_LayoutHide--medium-l--flex_15822_94",
+  "LayoutHide--medium-l--inline-flex": "_LayoutHide--medium-l--inline-flex_15822_97",
+  "LayoutHide--medium-l--grid": "_LayoutHide--medium-l--grid_15822_100",
+  "LayoutHide--wide-s--hide": "_LayoutHide--wide-s--hide_15822_105",
+  "LayoutHide--wide-s--initial": "_LayoutHide--wide-s--initial_15822_108",
+  "LayoutHide--wide-s--inline": "_LayoutHide--wide-s--inline_15822_111",
+  "LayoutHide--wide-s--block": "_LayoutHide--wide-s--block_15822_114",
+  "LayoutHide--wide-s--inline-block": "_LayoutHide--wide-s--inline-block_15822_117",
+  "LayoutHide--wide-s--flex": "_LayoutHide--wide-s--flex_15822_120",
+  "LayoutHide--wide-s--inline-flex": "_LayoutHide--wide-s--inline-flex_15822_123",
+  "LayoutHide--wide-s--grid": "_LayoutHide--wide-s--grid_15822_126",
+  "LayoutHide--wide-l--hide": "_LayoutHide--wide-l--hide_15822_131",
+  "LayoutHide--wide-l--initial": "_LayoutHide--wide-l--initial_15822_134",
+  "LayoutHide--wide-l--inline": "_LayoutHide--wide-l--inline_15822_137",
+  "LayoutHide--wide-l--block": "_LayoutHide--wide-l--block_15822_140",
+  "LayoutHide--wide-l--inline-block": "_LayoutHide--wide-l--inline-block_15822_143",
+  "LayoutHide--wide-l--flex": "_LayoutHide--wide-l--flex_15822_146",
+  "LayoutHide--wide-l--inline-flex": "_LayoutHide--wide-l--inline-flex_15822_149",
+  "LayoutHide--wide-l--grid": "_LayoutHide--wide-l--grid_15822_152"
+};
+const LAYOUT_HIDE = "LayoutHide";
+const getLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {
+  return moduleLocals(styles, LAYOUT_HIDE, [booleanClassNames("hide", display, hide)]);
+};
+export {
+  getLayoutHideClassnames
+};

package/dist/shared-styles/layout-padding/layout-padding.d.ts

@@ -0,0 +1,3 @@
+import { LayoutPadding, Responsive, ShortHand, Spacing } from '@preply/ds-core';
+export declare const getLayoutPaddingClassnames: (padding?: Responsive<ShortHand<LayoutPadding> | ShortHand<Spacing>>) => string[];
+//# sourceMappingURL=layout-padding.d.ts.map

package/dist/shared-styles/layout-padding/layout-padding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-padding.d.ts","sourceRoot":"","sources":["../../../src/shared-styles/layout-padding/layout-padding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAyBhF,eAAO,MAAM,0BAA0B,aACzB,WAAW,UAAU,aAAa,CAAC,GAAG,UAAU,OAAO,CAAC,CAAC,KACpE,MAAM,EAER,CAAC"}