@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/render-icon-Ch3b2dE0.js

@@ -0,0 +1,290 @@
+"use strict";
+import { t as __commonJSMin } from "./chunk-BVTlhY3a.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { cloneElement } from "react";
+//#region ../../node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = /* @__PURE__ */ __commonJSMin(((exports) => {
+	/**
+	* @license React
+	* react-is.production.min.js
+	*
+	* Copyright (c) Facebook, Inc. and its affiliates.
+	*
+	* This source code is licensed under the MIT license found in the
+	* LICENSE file in the root directory of this source tree.
+	*/
+	var b = Symbol.for("react.element"), c = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), e = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), h = Symbol.for("react.context"), k = Symbol.for("react.server_context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), n = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), t = Symbol.for("react.offscreen"), u = Symbol.for("react.module.reference");
+	function v(a) {
+		if ("object" === typeof a && null !== a) {
+			var r = a.$$typeof;
+			switch (r) {
+				case b: switch (a = a.type, a) {
+					case d:
+					case f:
+					case e:
+					case m:
+					case n: return a;
+					default: switch (a = a && a.$$typeof, a) {
+						case k:
+						case h:
+						case l:
+						case q:
+						case p:
+						case g: return a;
+						default: return r;
+					}
+				}
+				case c: return r;
+			}
+		}
+	}
+	exports.ContextConsumer = h;
+	exports.ContextProvider = g;
+	exports.Element = b;
+	exports.ForwardRef = l;
+	exports.Fragment = d;
+	exports.Lazy = q;
+	exports.Memo = p;
+	exports.Portal = c;
+	exports.Profiler = f;
+	exports.StrictMode = e;
+	exports.Suspense = m;
+	exports.SuspenseList = n;
+	exports.isAsyncMode = function() {
+		return !1;
+	};
+	exports.isConcurrentMode = function() {
+		return !1;
+	};
+	exports.isContextConsumer = function(a) {
+		return v(a) === h;
+	};
+	exports.isContextProvider = function(a) {
+		return v(a) === g;
+	};
+	exports.isElement = function(a) {
+		return "object" === typeof a && null !== a && a.$$typeof === b;
+	};
+	exports.isForwardRef = function(a) {
+		return v(a) === l;
+	};
+	exports.isFragment = function(a) {
+		return v(a) === d;
+	};
+	exports.isLazy = function(a) {
+		return v(a) === q;
+	};
+	exports.isMemo = function(a) {
+		return v(a) === p;
+	};
+	exports.isPortal = function(a) {
+		return v(a) === c;
+	};
+	exports.isProfiler = function(a) {
+		return v(a) === f;
+	};
+	exports.isStrictMode = function(a) {
+		return v(a) === e;
+	};
+	exports.isSuspense = function(a) {
+		return v(a) === m;
+	};
+	exports.isSuspenseList = function(a) {
+		return v(a) === n;
+	};
+	exports.isValidElementType = function(a) {
+		return "string" === typeof a || "function" === typeof a || a === d || a === f || a === e || a === m || a === n || a === t || "object" === typeof a && null !== a && (a.$$typeof === q || a.$$typeof === p || a.$$typeof === g || a.$$typeof === h || a.$$typeof === l || a.$$typeof === u || void 0 !== a.getModuleId) ? !0 : !1;
+	};
+	exports.typeOf = v;
+}));
+//#endregion
+//#region ../../node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development = /* @__PURE__ */ __commonJSMin(((exports) => {
+	/**
+	* @license React
+	* react-is.development.js
+	*
+	* Copyright (c) Facebook, Inc. and its affiliates.
+	*
+	* This source code is licensed under the MIT license found in the
+	* LICENSE file in the root directory of this source tree.
+	*/
+	if (process.env.NODE_ENV !== "production") (function() {
+		"use strict";
+		var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+		var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+		var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+		var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+		var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+		var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+		var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+		var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
+		var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+		var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+		var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+		var REACT_MEMO_TYPE = Symbol.for("react.memo");
+		var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+		var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+		var enableScopeAPI = false;
+		var enableCacheElement = false;
+		var enableTransitionTracing = false;
+		var enableLegacyHidden = false;
+		var enableDebugTracing = false;
+		var REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+		function isValidElementType(type) {
+			if (typeof type === "string" || typeof type === "function") return true;
+			if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) return true;
+			if (typeof type === "object" && type !== null) {
+				if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== void 0) return true;
+			}
+			return false;
+		}
+		function typeOf(object) {
+			if (typeof object === "object" && object !== null) {
+				var $$typeof = object.$$typeof;
+				switch ($$typeof) {
+					case REACT_ELEMENT_TYPE:
+						var type = object.type;
+						switch (type) {
+							case REACT_FRAGMENT_TYPE:
+							case REACT_PROFILER_TYPE:
+							case REACT_STRICT_MODE_TYPE:
+							case REACT_SUSPENSE_TYPE:
+							case REACT_SUSPENSE_LIST_TYPE: return type;
+							default:
+								var $$typeofType = type && type.$$typeof;
+								switch ($$typeofType) {
+									case REACT_SERVER_CONTEXT_TYPE:
+									case REACT_CONTEXT_TYPE:
+									case REACT_FORWARD_REF_TYPE:
+									case REACT_LAZY_TYPE:
+									case REACT_MEMO_TYPE:
+									case REACT_PROVIDER_TYPE: return $$typeofType;
+									default: return $$typeof;
+								}
+						}
+					case REACT_PORTAL_TYPE: return $$typeof;
+				}
+			}
+		}
+		var ContextConsumer = REACT_CONTEXT_TYPE;
+		var ContextProvider = REACT_PROVIDER_TYPE;
+		var Element = REACT_ELEMENT_TYPE;
+		var ForwardRef = REACT_FORWARD_REF_TYPE;
+		var Fragment = REACT_FRAGMENT_TYPE;
+		var Lazy = REACT_LAZY_TYPE;
+		var Memo = REACT_MEMO_TYPE;
+		var Portal = REACT_PORTAL_TYPE;
+		var Profiler = REACT_PROFILER_TYPE;
+		var StrictMode = REACT_STRICT_MODE_TYPE;
+		var Suspense = REACT_SUSPENSE_TYPE;
+		var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+		var hasWarnedAboutDeprecatedIsAsyncMode = false;
+		var hasWarnedAboutDeprecatedIsConcurrentMode = false;
+		function isAsyncMode(object) {
+			if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+				hasWarnedAboutDeprecatedIsAsyncMode = true;
+				console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
+			}
+			return false;
+		}
+		function isConcurrentMode(object) {
+			if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+				hasWarnedAboutDeprecatedIsConcurrentMode = true;
+				console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
+			}
+			return false;
+		}
+		function isContextConsumer(object) {
+			return typeOf(object) === REACT_CONTEXT_TYPE;
+		}
+		function isContextProvider(object) {
+			return typeOf(object) === REACT_PROVIDER_TYPE;
+		}
+		function isElement(object) {
+			return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+		}
+		function isForwardRef(object) {
+			return typeOf(object) === REACT_FORWARD_REF_TYPE;
+		}
+		function isFragment(object) {
+			return typeOf(object) === REACT_FRAGMENT_TYPE;
+		}
+		function isLazy(object) {
+			return typeOf(object) === REACT_LAZY_TYPE;
+		}
+		function isMemo(object) {
+			return typeOf(object) === REACT_MEMO_TYPE;
+		}
+		function isPortal(object) {
+			return typeOf(object) === REACT_PORTAL_TYPE;
+		}
+		function isProfiler(object) {
+			return typeOf(object) === REACT_PROFILER_TYPE;
+		}
+		function isStrictMode(object) {
+			return typeOf(object) === REACT_STRICT_MODE_TYPE;
+		}
+		function isSuspense(object) {
+			return typeOf(object) === REACT_SUSPENSE_TYPE;
+		}
+		function isSuspenseList(object) {
+			return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
+		}
+		exports.ContextConsumer = ContextConsumer;
+		exports.ContextProvider = ContextProvider;
+		exports.Element = Element;
+		exports.ForwardRef = ForwardRef;
+		exports.Fragment = Fragment;
+		exports.Lazy = Lazy;
+		exports.Memo = Memo;
+		exports.Portal = Portal;
+		exports.Profiler = Profiler;
+		exports.StrictMode = StrictMode;
+		exports.Suspense = Suspense;
+		exports.SuspenseList = SuspenseList;
+		exports.isAsyncMode = isAsyncMode;
+		exports.isConcurrentMode = isConcurrentMode;
+		exports.isContextConsumer = isContextConsumer;
+		exports.isContextProvider = isContextProvider;
+		exports.isElement = isElement;
+		exports.isForwardRef = isForwardRef;
+		exports.isFragment = isFragment;
+		exports.isLazy = isLazy;
+		exports.isMemo = isMemo;
+		exports.isPortal = isPortal;
+		exports.isProfiler = isProfiler;
+		exports.isStrictMode = isStrictMode;
+		exports.isSuspense = isSuspense;
+		exports.isSuspenseList = isSuspenseList;
+		exports.isValidElementType = isValidElementType;
+		exports.typeOf = typeOf;
+	})();
+}));
+//#endregion
+//#region src/utils/render-icon.tsx
+var import_react_is = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_react_is_production_min();
+	else module.exports = require_react_is_development();
+})))();
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* Renders an SVG icon with provided attributes from a component or element.
+*
+* @example
+* import MySvgIcon from './my-svg-icon.svg';
+*
+* renderIcon(MySvgIcon, { 'aria-hidden': 'true' });
+* // or
+* renderIcon(<MySvgIcon />, { 'aria-hidden': 'true' });
+*
+* @param ComponentOrElement - The SVG component or element to render.
+* @param attrs - Optional attributes to apply to the rendered SVG element.
+* @returns The rendered SVG icon element.
+*/
+var renderIcon = (ComponentOrElement, attrs) => {
+	if ((0, import_react_is.isElement)(ComponentOrElement)) return cloneElement(ComponentOrElement, attrs);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentOrElement, { ...attrs });
+};
+//#endregion
+export { renderIcon as t };

package/dist/shared-styles/align-self/align-self.js

@@ -1,36 +1,2 @@
-import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
-import '../../assets/align-self.css';const AlignSelf = "AlignSelf__huNbz";
-const styles = {
-  AlignSelf,
-  "AlignSelf--align-self-start": "AlignSelf--align-self-start__Pk4Ld",
-  "AlignSelf--align-self-center": "AlignSelf--align-self-center__oKqnl",
-  "AlignSelf--align-self-end": "AlignSelf--align-self-end__mLp7w",
-  "AlignSelf--align-self-stretch": "AlignSelf--align-self-stretch__e5jP9",
-  "AlignSelf--narrow-l--align-self-start": "AlignSelf--narrow-l--align-self-start__RD68B",
-  "AlignSelf--narrow-l--align-self-center": "AlignSelf--narrow-l--align-self-center__9KYyf",
-  "AlignSelf--narrow-l--align-self-end": "AlignSelf--narrow-l--align-self-end__ydYg3",
-  "AlignSelf--narrow-l--align-self-stretch": "AlignSelf--narrow-l--align-self-stretch__an8ci",
-  "AlignSelf--medium-s--align-self-start": "AlignSelf--medium-s--align-self-start__qq8h0",
-  "AlignSelf--medium-s--align-self-center": "AlignSelf--medium-s--align-self-center__d0RSi",
-  "AlignSelf--medium-s--align-self-end": "AlignSelf--medium-s--align-self-end__Kmsf2",
-  "AlignSelf--medium-s--align-self-stretch": "AlignSelf--medium-s--align-self-stretch__j3NnI",
-  "AlignSelf--medium-l--align-self-start": "AlignSelf--medium-l--align-self-start__74bsY",
-  "AlignSelf--medium-l--align-self-center": "AlignSelf--medium-l--align-self-center__ljw4i",
-  "AlignSelf--medium-l--align-self-end": "AlignSelf--medium-l--align-self-end__Pewtw",
-  "AlignSelf--medium-l--align-self-stretch": "AlignSelf--medium-l--align-self-stretch__TkySK",
-  "AlignSelf--wide-s--align-self-start": "AlignSelf--wide-s--align-self-start__zgUOz",
-  "AlignSelf--wide-s--align-self-center": "AlignSelf--wide-s--align-self-center__sU3Gp",
-  "AlignSelf--wide-s--align-self-end": "AlignSelf--wide-s--align-self-end__o-XTQ",
-  "AlignSelf--wide-s--align-self-stretch": "AlignSelf--wide-s--align-self-stretch__G9OEM",
-  "AlignSelf--wide-l--align-self-start": "AlignSelf--wide-l--align-self-start__DcXjX",
-  "AlignSelf--wide-l--align-self-center": "AlignSelf--wide-l--align-self-center__36VHM",
-  "AlignSelf--wide-l--align-self-end": "AlignSelf--wide-l--align-self-end__VolCH",
-  "AlignSelf--wide-l--align-self-stretch": "AlignSelf--wide-l--align-self-stretch__pdrgF"
-};
-const ALIGN_SELF = "AlignSelf";
-const getAlignSelfClassNames = (alignSelf) => {
-  return moduleClassNames(styles, ALIGN_SELF, [stringClassNames("align-self", alignSelf)]);
-};
-export {
-  getAlignSelfClassNames
-};
+import { t as getAlignSelfClassNames } from "../../align-self-VrZUceie.js";
+export { getAlignSelfClassNames };

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

@@ -1,68 +1,2 @@
-import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
-import '../../assets/exp-color.css';const ExpColor = "ExpColor__S0PGo";
-const styles = {
-  ExpColor,
-  "ExpColor--exp-color-grey-0": "ExpColor--exp-color-grey-0__DKudt",
-  "ExpColor--exp-color-grey-50": "ExpColor--exp-color-grey-50__lo7OH",
-  "ExpColor--exp-color-grey-100": "ExpColor--exp-color-grey-100__EtBtx",
-  "ExpColor--exp-color-grey-200": "ExpColor--exp-color-grey-200__KHF8X",
-  "ExpColor--exp-color-grey-300": "ExpColor--exp-color-grey-300__0u63D",
-  "ExpColor--exp-color-grey-400": "ExpColor--exp-color-grey-400__WaJzi",
-  "ExpColor--exp-color-grey-500": "ExpColor--exp-color-grey-500__1RSHd",
-  "ExpColor--exp-color-grey-600": "ExpColor--exp-color-grey-600__95yQU",
-  "ExpColor--exp-color-grey-700": "ExpColor--exp-color-grey-700__SSayo",
-  "ExpColor--exp-color-grey-800": "ExpColor--exp-color-grey-800__15Bou",
-  "ExpColor--exp-color-grey-900": "ExpColor--exp-color-grey-900__BKw9C",
-  "ExpColor--exp-color-pink-50": "ExpColor--exp-color-pink-50__SZLGx",
-  "ExpColor--exp-color-pink-100": "ExpColor--exp-color-pink-100__J0yFM",
-  "ExpColor--exp-color-pink-200": "ExpColor--exp-color-pink-200__dQ0mZ",
-  "ExpColor--exp-color-pink-300": "ExpColor--exp-color-pink-300__WYBWX",
-  "ExpColor--exp-color-pink-400": "ExpColor--exp-color-pink-400__7Jazs",
-  "ExpColor--exp-color-pink-500": "ExpColor--exp-color-pink-500__4X2bs",
-  "ExpColor--exp-color-pink-600": "ExpColor--exp-color-pink-600__Ph3VO",
-  "ExpColor--exp-color-pink-700": "ExpColor--exp-color-pink-700__nLJd1",
-  "ExpColor--exp-color-pink-800": "ExpColor--exp-color-pink-800__-fD0l",
-  "ExpColor--exp-color-yellow-50": "ExpColor--exp-color-yellow-50__EYcxx",
-  "ExpColor--exp-color-yellow-100": "ExpColor--exp-color-yellow-100__8n-ZP",
-  "ExpColor--exp-color-yellow-200": "ExpColor--exp-color-yellow-200__eOMK3",
-  "ExpColor--exp-color-yellow-300": "ExpColor--exp-color-yellow-300__JbUZg",
-  "ExpColor--exp-color-yellow-400": "ExpColor--exp-color-yellow-400__7NrMJ",
-  "ExpColor--exp-color-yellow-500": "ExpColor--exp-color-yellow-500__a3k-Q",
-  "ExpColor--exp-color-yellow-600": "ExpColor--exp-color-yellow-600__xBk-i",
-  "ExpColor--exp-color-yellow-700": "ExpColor--exp-color-yellow-700__xw4Kd",
-  "ExpColor--exp-color-yellow-800": "ExpColor--exp-color-yellow-800__vZmXG",
-  "ExpColor--exp-color-blue-50": "ExpColor--exp-color-blue-50__s2FXt",
-  "ExpColor--exp-color-blue-100": "ExpColor--exp-color-blue-100__TzrMW",
-  "ExpColor--exp-color-blue-200": "ExpColor--exp-color-blue-200__sVncU",
-  "ExpColor--exp-color-blue-300": "ExpColor--exp-color-blue-300__ooY38",
-  "ExpColor--exp-color-blue-400": "ExpColor--exp-color-blue-400__GGuoL",
-  "ExpColor--exp-color-blue-500": "ExpColor--exp-color-blue-500__N2NW9",
-  "ExpColor--exp-color-blue-600": "ExpColor--exp-color-blue-600__q-8xU",
-  "ExpColor--exp-color-blue-700": "ExpColor--exp-color-blue-700__5k-Gw",
-  "ExpColor--exp-color-blue-800": "ExpColor--exp-color-blue-800__MCpJf",
-  "ExpColor--exp-color-teal-50": "ExpColor--exp-color-teal-50__P9v3-",
-  "ExpColor--exp-color-teal-100": "ExpColor--exp-color-teal-100__Y8xbj",
-  "ExpColor--exp-color-teal-200": "ExpColor--exp-color-teal-200__yzxAu",
-  "ExpColor--exp-color-teal-300": "ExpColor--exp-color-teal-300__CC-oK",
-  "ExpColor--exp-color-teal-400": "ExpColor--exp-color-teal-400__fBHUW",
-  "ExpColor--exp-color-teal-500": "ExpColor--exp-color-teal-500__qt3Ny",
-  "ExpColor--exp-color-teal-600": "ExpColor--exp-color-teal-600__5EF-y",
-  "ExpColor--exp-color-teal-700": "ExpColor--exp-color-teal-700__o0qGK",
-  "ExpColor--exp-color-teal-800": "ExpColor--exp-color-teal-800__dntGK",
-  "ExpColor--exp-color-red-50": "ExpColor--exp-color-red-50__QFm4H",
-  "ExpColor--exp-color-red-100": "ExpColor--exp-color-red-100__gQ36l",
-  "ExpColor--exp-color-red-200": "ExpColor--exp-color-red-200__N7c7P",
-  "ExpColor--exp-color-red-300": "ExpColor--exp-color-red-300__uhkUo",
-  "ExpColor--exp-color-red-400": "ExpColor--exp-color-red-400__cNgdd",
-  "ExpColor--exp-color-red-500": "ExpColor--exp-color-red-500__VMSdk",
-  "ExpColor--exp-color-red-600": "ExpColor--exp-color-red-600__In2gH",
-  "ExpColor--exp-color-red-700": "ExpColor--exp-color-red-700__DPnKE",
-  "ExpColor--exp-color-red-800": "ExpColor--exp-color-red-800__MkRFA"
-};
-const EXP_COLOR = "ExpColor";
-const getExpColorClassNames = (expColor) => {
-  return moduleClassNames(styles, EXP_COLOR, [stringClassNames("exp-color", expColor)]);
-};
-export {
-  getExpColorClassNames
-};
+import { t as getExpColorClassNames } from "../../exp-color-C5mKAN91.js";
+export { getExpColorClassNames };

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

@@ -1,9 +1,15 @@
+import { t as layout_gap_module_default } from "../../layout-gap.module-DLD8bcR4.js";
 import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
-import { s as styles } from "../../layout-gap.module-MKn_un_k.js";
-const LAYOUT_GAP = "LayoutGap";
-const getLayoutGapClassnames = (gap) => {
-  return moduleClassNames(styles, LAYOUT_GAP, [stringClassNames("gap", gap)]);
-};
-export {
-  getLayoutGapClassnames
+//#region src/shared-styles/layout-gap/layout-gap.ts
+var LAYOUT_GAP = "LayoutGap";
+/**
+* Note: be careful with styles specificity.
+* It's possible that some of the styles will be overridden
+* by other components/hooks, that were rendered after this one.
+* See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
+*/
+var getLayoutGapClassnames = (gap) => {
+	return moduleClassNames(layout_gap_module_default, LAYOUT_GAP, [stringClassNames("gap", gap)]);
 };
+//#endregion
+export { getLayoutGapClassnames };

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

@@ -1,31 +1,31 @@
-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 { t as getLayoutPaddingClassnames } from "../../layout-padding-ugY-yd2q.js";
 import { getLayoutHideClassnames } from "../layout-hide/layout-hide.js";
-import { g as getLayoutPaddingClassnames } from "../../layout-padding-D5I6rRlL.js";
 import { getLayoutRelativeClassnames } from "../layout-relative/layout-relative.js";
-import { s as styles } from "../../layout-grid.module-P4B4WVUy.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
+import { t as layout_grid_module_default } from "../../layout-grid.module-CZfhrKrB.js";
+import { getLayoutGapClassnames } from "../layout-gap/layout-gap.js";
+import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import { LAYOUT_GAP_DEFAULT, LAYOUT_PADDING_DEFAULT } from "@preply/ds-core";
+//#region src/shared-styles/layout-grid/layout-grid.ts
+var LAYOUT_GRID = "LayoutGrid";
+var 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(layout_grid_module_default, 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
+	];
 };
+//#endregion
+export { getLayoutGridClassNames };

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

@@ -1,47 +1,33 @@
-import { BREAKPOINT } from "@preply/ds-core";
+import { t as layout_grid_module_default } from "../../layout-grid.module-CZfhrKrB.js";
 import { moduleLocals } from "@preply/ds-web-core";
-import { s as styles } from "../../layout-grid.module-P4B4WVUy.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)
-  };
+import { BREAKPOINT } from "@preply/ds-core";
+//#region src/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.ts
+var LAYOUT_GRID = "LayoutGrid";
+var BREAKPOINT_LIST = Object.keys(BREAKPOINT);
+var normalizeColumns = (columns) => {
+	return typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns.join(" ");
 };
-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
-  };
+var 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) };
 };
-export {
-  getLayoutGridResponsiveColumnsStyles
+var getLayoutGridResponsiveColumnsStyles = (columns) => {
+	if (!columns) return {
+		classNames: [],
+		style: {}
+	};
+	const normalizedColumns = normalizeResponsiveColumns(columns);
+	const breakpointsInUse = BREAKPOINT_LIST.filter((breakpoint) => normalizedColumns[breakpoint]);
+	return {
+		classNames: moduleLocals(layout_grid_module_default, LAYOUT_GRID, ["columns", ...breakpointsInUse.map((breakpoint) => `columns-${breakpoint}`)]),
+		style: breakpointsInUse.reduce((acc, breakpoint) => ({
+			...acc,
+			[`--columns-${breakpoint}`]: normalizedColumns[breakpoint]
+		}), { "--columns": normalizedColumns._ })
+	};
 };
+//#endregion
+export { getLayoutGridResponsiveColumnsStyles };

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

@@ -1,10 +1,10 @@
+import { t as layout_hide_module_default } from "../../layout-hide.module-B1P0N4i3.js";
+import { booleanClassNames, moduleClassNames } from "@preply/ds-web-core";
 import { LAYOUT_DISPLAY_DEFAULT } from "@preply/ds-core";
-import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
-import { s as styles } from "../../layout-hide.module-Bpl3Pl-a.js";
-const LAYOUT_HIDE = "LayoutHide";
-const getLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {
-  return moduleClassNames(styles, LAYOUT_HIDE, [booleanClassNames("hide", display, hide)]);
-};
-export {
-  getLayoutHideClassnames
+//#region src/shared-styles/layout-hide/layout-hide.ts
+var LAYOUT_HIDE = "LayoutHide";
+var getLayoutHideClassnames = (hide, display = LAYOUT_DISPLAY_DEFAULT) => {
+	return moduleClassNames(layout_hide_module_default, LAYOUT_HIDE, [booleanClassNames("hide", display, hide)]);
 };
+//#endregion
+export { getLayoutHideClassnames };

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

@@ -1,5 +1,2 @@
-import { g } from "../../layout-padding-D5I6rRlL.js";
-import "@preply/ds-web-core";
-export {
-  g as getLayoutPaddingClassnames
-};
+import { t as getLayoutPaddingClassnames } from "../../layout-padding-ugY-yd2q.js";
+export { getLayoutPaddingClassnames };

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

@@ -1,9 +1,15 @@
-import { moduleClassNames, booleanClassNames } from "@preply/ds-web-core";
-import { s as styles } from "../../layout-relative.module-1z75aSwo.js";
-const LAYOUT_RELATIVE = "LayoutRelative";
-const getLayoutRelativeClassnames = (relative) => {
-  return moduleClassNames(styles, LAYOUT_RELATIVE, [booleanClassNames("relative", void 0, relative)]);
-};
-export {
-  getLayoutRelativeClassnames
+import { t as layout_relative_module_default } from "../../layout-relative.module-B5xrFD9j.js";
+import { booleanClassNames, moduleClassNames } from "@preply/ds-web-core";
+//#region src/shared-styles/layout-relative/layout-relative.ts
+var LAYOUT_RELATIVE = "LayoutRelative";
+/**
+* Note: be careful with styles specificity.
+* It's possible that some of the styles will be overridden
+* by other components/hooks, that were rendered after this one.
+* See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
+*/
+var getLayoutRelativeClassnames = (relative) => {
+	return moduleClassNames(layout_relative_module_default, LAYOUT_RELATIVE, [booleanClassNames("relative", void 0, relative)]);
 };
+//#endregion
+export { getLayoutRelativeClassnames };

package/dist/shared-styles/text-accent/text-accent.js

@@ -1,25 +1,2 @@
-import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
-import '../../assets/text-accent.css';const TextAccent = "TextAccent__AfPNQ";
-const styles = {
-  TextAccent,
-  "TextAccent--accent-default": "TextAccent--accent-default__rjbSO",
-  "TextAccent--accent-primary": "TextAccent--accent-primary__y2VJp",
-  "TextAccent--accent-secondary": "TextAccent--accent-secondary__EN2MG",
-  "TextAccent--accent-tertiary": "TextAccent--accent-tertiary__Di2P9",
-  "TextAccent--accent-accentDark": "TextAccent--accent-accentDark__k9Bg2",
-  "TextAccent--accent-placeholder": "TextAccent--accent-placeholder__s77sy",
-  "TextAccent--accent-inverted": "TextAccent--accent-inverted__pOSYS",
-  "TextAccent--accent-positive": "TextAccent--accent-positive__znwvO",
-  "TextAccent--accent-info": "TextAccent--accent-info__rneu6",
-  "TextAccent--accent-warning": "TextAccent--accent-warning__cNFBg",
-  "TextAccent--accent-critical": "TextAccent--accent-critical__-RJ-l",
-  "TextAccent--accent-disabled": "TextAccent--accent-disabled__HZyzf"
-};
-const TEXT_ACCENT = "TextAccent";
-const getTextAccentClassnames = (fallbackToDefault, accent) => {
-  const actualAccent = accent != null ? accent : fallbackToDefault ? "default" : void 0;
-  return moduleClassNames(styles, TEXT_ACCENT, [stringClassNames("accent", actualAccent)]);
-};
-export {
-  getTextAccentClassnames
-};
+import { t as getTextAccentClassnames } from "../../text-accent-CfUFx-1K.js";
+export { getTextAccentClassnames };