@trafilea/afrodita-components 5.0.0-beta.184 → 5.0.0-beta.185

package/build/index.js

@@ -4838,13 +4838,11 @@ var TAGS = {
     tag: newStyled.span(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject(["\n    display: inline-block;\n    text-transform: ", ";\n  "], ["\n    display: inline-block;\n    text-transform: ", ";\n  "])), function (props) { return (props.allCaps ? 'uppercase' : ''); }),
 };
 var Text$6 = function (_a) {
-    var variant = _a.variant, children = _a.children, testId = _a.testId, allProps = __rest(_a, ["variant", "children", "testId"]);
+    var _b;
+    var variant = _a.variant, children = _a.children, testId = _a.testId, asSpan = _a.asSpan, allProps = __rest(_a, ["variant", "children", "testId", "asSpan"]);
     var theme = useTheme();
-    var Tag = React$2.useMemo(function () { return TAGS[variant] || 'p'; }, [variant]);
-    var _b = React$2.useMemo(function () {
-        var _a;
-        return (__assign$1(__assign$1({}, ((_a = DEFAULTS === null || DEFAULTS === void 0 ? void 0 : DEFAULTS[variant]) !== null && _a !== void 0 ? _a : {})), allProps));
-    }, [variant, allProps]), size = _b.size, weight = _b.weight, props = __rest(_b, ["size", "weight"]);
+    var Tag = asSpan ? 'span' : TAGS[variant] || 'p';
+    var _c = __assign$1(__assign$1({}, ((_b = DEFAULTS === null || DEFAULTS === void 0 ? void 0 : DEFAULTS[variant]) !== null && _b !== void 0 ? _b : {})), allProps), size = _c.size, weight = _c.weight, props = __rest(_c, ["size", "weight"]);
     var commonCSS = React$2.useMemo(function () {
         var _a, _b;
         // These are the common style inside a `variant`.
@@ -12103,6 +12101,90 @@ var formatPrice = function (value, _a) {
     }).format(valueToFormat);
 };
 
+/* eslint-disable no-param-reassign */
+var index$1 = function (breakpoints) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      literal = _ref.literal,
+      overlap = _ref.overlap;
+
+  var mq = literal ? breakpoints : ['&'].concat(breakpoints);
+
+  function flatten(obj) {
+    if (typeof obj !== 'object' || obj == null) {
+      return [];
+    }
+
+    if (Array.isArray(obj)) {
+      return obj.map(flatten);
+    }
+
+    var slots = {};
+    var objects = {};
+    var props = {};
+    Object.keys(obj).forEach(function (key) {
+      // Check if value is an array, but skip if it looks like a selector.
+      // key.indexOf('&') === 0
+
+      var item = obj[key];
+      if (!Array.isArray(item) && literal) item = [item];
+
+      if ((literal || Array.isArray(item)) && key.charCodeAt(0) !== 38) {
+        var prior = void 0;
+        item.forEach(function (v, index) {
+          // Optimize by removing duplicated media query entries
+          // when they are explicitly known to overlap.
+          if (overlap && prior === v) {
+            return;
+          }
+
+          if (v == null) {
+            // Do not create entries for undefined values as this will
+            // generate empty media media quries
+            return;
+          }
+
+          prior = v;
+
+          if (index === 0 && !literal) {
+            props[key] = v;
+          } else if (slots[mq[index]] === undefined) {
+            var _slots$mq$index;
+
+            slots[mq[index]] = (_slots$mq$index = {}, _slots$mq$index[key] = v, _slots$mq$index);
+          } else {
+            slots[mq[index]][key] = v;
+          }
+        });
+      } else if (typeof item === 'object') {
+        objects[key] = flatten(item);
+      } else {
+        props[key] = item;
+      }
+    });
+
+    // Ensure that all slots and then child objects are pushed to the end
+    mq.forEach(function (el) {
+      if (slots[el]) {
+        props[el] = slots[el];
+      }
+    });
+    Object.assign(props, objects);
+    return props;
+  }
+
+  return function () {
+    for (var _len = arguments.length, values = Array(_len), _key = 0; _key < _len; _key++) {
+      values[_key] = arguments[_key];
+    }
+
+    return values.map(flatten);
+  };
+};
+
+var mediaQueries = index$1(["@media(max-width: 900px)", "@media(min-width: 900px)"], {
+    literal: true,
+});
+
 var ErrorText = newStyled.h3(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"], ["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"])), function (props) { return props.color; });
 var ErrorContainer = newStyled.div(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 12px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-top: 12px;\n"])));
 var Error$1 = function (_a) {
@@ -12418,90 +12500,6 @@ var Note = function (_a) {
 };
 var templateObject_1$O, templateObject_2$y, templateObject_3$u, templateObject_4$l;
 
-/* eslint-disable no-param-reassign */
-var index$1 = function (breakpoints) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      literal = _ref.literal,
-      overlap = _ref.overlap;
-
-  var mq = literal ? breakpoints : ['&'].concat(breakpoints);
-
-  function flatten(obj) {
-    if (typeof obj !== 'object' || obj == null) {
-      return [];
-    }
-
-    if (Array.isArray(obj)) {
-      return obj.map(flatten);
-    }
-
-    var slots = {};
-    var objects = {};
-    var props = {};
-    Object.keys(obj).forEach(function (key) {
-      // Check if value is an array, but skip if it looks like a selector.
-      // key.indexOf('&') === 0
-
-      var item = obj[key];
-      if (!Array.isArray(item) && literal) item = [item];
-
-      if ((literal || Array.isArray(item)) && key.charCodeAt(0) !== 38) {
-        var prior = void 0;
-        item.forEach(function (v, index) {
-          // Optimize by removing duplicated media query entries
-          // when they are explicitly known to overlap.
-          if (overlap && prior === v) {
-            return;
-          }
-
-          if (v == null) {
-            // Do not create entries for undefined values as this will
-            // generate empty media media quries
-            return;
-          }
-
-          prior = v;
-
-          if (index === 0 && !literal) {
-            props[key] = v;
-          } else if (slots[mq[index]] === undefined) {
-            var _slots$mq$index;
-
-            slots[mq[index]] = (_slots$mq$index = {}, _slots$mq$index[key] = v, _slots$mq$index);
-          } else {
-            slots[mq[index]][key] = v;
-          }
-        });
-      } else if (typeof item === 'object') {
-        objects[key] = flatten(item);
-      } else {
-        props[key] = item;
-      }
-    });
-
-    // Ensure that all slots and then child objects are pushed to the end
-    mq.forEach(function (el) {
-      if (slots[el]) {
-        props[el] = slots[el];
-      }
-    });
-    Object.assign(props, objects);
-    return props;
-  }
-
-  return function () {
-    for (var _len = arguments.length, values = Array(_len), _key = 0; _key < _len; _key++) {
-      values[_key] = arguments[_key];
-    }
-
-    return values.map(flatten);
-  };
-};
-
-var mediaQueries = index$1(["@media(max-width: 900px)", "@media(min-width: 900px)"], {
-    literal: true,
-});
-
 var Title$4 = newStyled.h1(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"])), function (props) { return props.color; });
 var Line = newStyled.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"], ["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
 var Row$1 = newStyled.div(templateObject_3$t || (templateObject_3$t = __makeTemplateObject(["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"])), mediaQueries({
@@ -18450,6 +18448,7 @@ exports.isEmpty = isEmpty;
 exports.isNumber = isNumber$1;
 exports.isPhoneNumber = isPhoneNumber;
 exports.isValidDate = isValidDate;
+exports.mediaQueries = mediaQueries;
 exports.modalEvent = modalEvent;
 exports.simulateMouseClick = simulateMouseClick;
 exports.sliceString = sliceString;