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

package/build/index.d.ts

@@ -8,6 +8,7 @@ export { default as styled } from '@emotion/styled';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import * as _emotion_react from '@emotion/react';
 import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
+import facepaint from 'facepaint';
 
 declare enum CardSectionType {
     Header = 0,
@@ -2022,7 +2023,7 @@ interface Price extends Pick<PriceLabelProps, 'finalPrice' | 'originalPrice'> {
     color?: string;
 }
 interface ProductOrderItemProps {
-    title: string;
+    title: React.ReactNode | string;
     subtitle: string;
     className?: string;
     image: {
@@ -2229,7 +2230,7 @@ declare const Pagination: ({ from, to, currentPage, onChange, underlineActive, b
 
 declare const PaginatorBlog: ({ from, to, currentPage, onChange, }: Pick<PaginationProps, 'from' | 'to' | 'onChange' | 'currentPage'>) => JSX.Element;
 
-declare const Text: ({ variant, children, testId, ...allProps }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Text: ({ variant, children, testId, asSpan, ...allProps }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
 declare type TextHeroProps = {
     variant: 'hero1' | 'hero2' | 'hero3';
     weight?: 'heavy' | 'bold' | 'demi';
@@ -2335,6 +2336,8 @@ declare type TextProps<T = Element> = AriaAttributes & HTMLAttributes<T> & {
     style?: CSSProperties;
     className?: string;
     testId?: string;
+    asSpan?: boolean;
+    color?: string;
 } & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);
 
 interface SearchBarProps {
@@ -2723,4 +2726,6 @@ declare const formatPrice: (value: number, { locale, currency }?: {
     currency?: string | undefined;
 }) => string;
 
-export { Accordion, AccordionOptions, AmazonButton, AssetsProvider, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, WithTestId, decimalFormat, formatPrice, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+declare const mediaQueries: facepaint.DynamicStyleFunction;
+
+export { Accordion, AccordionOptions, AmazonButton, AssetsProvider, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, WithTestId, decimalFormat, formatPrice, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };

package/build/index.esm.js

@@ -4812,13 +4812,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 = useMemo(function () { return TAGS[variant] || 'p'; }, [variant]);
-    var _b = 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 = useMemo(function () {
         var _a, _b;
         // These are the common style inside a `variant`.
@@ -12077,6 +12075,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) {
@@ -12392,90 +12474,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({
@@ -18334,5 +18332,5 @@ var ProductGalleryMobileV2 = function (_a) {
 };
 var templateObject_1;
 
-export { Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$3 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconsWithTitle, Image, ImageCardWithDescription, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text$6 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, decimalFormat, formatPrice, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, newStyled as styled, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$3 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconsWithTitle, Image, ImageCardWithDescription, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text$6 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, decimalFormat, formatPrice, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, simulateMouseClick, sliceString, newStyled as styled, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map