@trafilea/afrodita-components 5.0.0-beta.293 → 5.0.0-beta.295

package/build/index.esm.js/src/components/scroll-to-top/ScrollToTop.js

@@ -1,18 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { Icon } from '../icons/index.js';
-import { useTheme } from '../../core/theme/Theme.js';
-
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"])));
-var Text = newStyled.p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 700;\n  color: ", ";\n  margin-right: 0.313rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 700;\n  color: ", ";\n  margin-right: 0.313rem;\n"])), function (props) { return props.color; });
-var ScrollToTop = function (_a) {
-    var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick, fill = _a.fill;
-    var theme = useTheme();
-    var fillValue = fill || theme.colors.pallete.primary.color;
-    return (jsxs(Container, __assign({ onClick: onClick, "data-testid": "scrollTopContainer" }, { children: [jsx(Text, __assign({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsx(Icon.Arrows.CircleChevronUp, { width: 1.375, height: 1.375, fill: fillValue }, void 0)] }), void 0));
-};
-var templateObject_1, templateObject_2;
-
-export { Container, ScrollToTop, Text };
-//# sourceMappingURL=ScrollToTop.js.map

package/build/index.esm.js/src/components/scroll-to-top/ScrollToTop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollToTop.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/ClearButton.js

@@ -1,20 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { Icon } from '../icons/index.js';
-import { mediaQueries } from '../../utils/media.js';
-import { useTheme } from '../../core/theme/Theme.js';
-
-var Button = newStyled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"], ["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"])), mediaQueries({
-    right: ['1rem', '7.75rem'],
-    top: ['0.75rem', '0.75rem'],
-}));
-var ClearButton = function (_a) {
-    var onClick = _a.onClick;
-    var theme = useTheme();
-    return (jsx(Button, __assign({ onClick: onClick, theme: theme }, { children: jsx(Icon.Actions.Close, { height: 1.25, width: 1.25 }, void 0) }), void 0));
-};
-var templateObject_1;
-
-export { ClearButton as default };
-//# sourceMappingURL=ClearButton.js.map

package/build/index.esm.js/src/components/search-bar/ClearButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/Footer.js

@@ -1,17 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { Text } from '../text/Text.js';
-
-var Container = newStyled.div({
-    display: 'flex',
-    justifyContent: 'center',
-    padding: '1rem',
-});
-var Footer = function (_a) {
-    var text = _a.text, onClick = _a.onClick;
-    return (jsx(Container, { children: jsx(Text, __assign({ variant: "link", size: "regular", underline: true, onClick: onClick }, { children: text }), void 0) }, void 0));
-};
-
-export { Footer as default };
-//# sourceMappingURL=Footer.js.map

package/build/index.esm.js/src/components/search-bar/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/Input.js

@@ -1,33 +0,0 @@
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-
-var Input = newStyled.input(function (props) { return ({
-    padding: props.theme.component.input.padding,
-    fontSize: props.theme.component.input.fontSize,
-    borderRadius: props.theme.component.input.borderRadius,
-    border: props.theme.component.input.border,
-    lineHeight: props.theme.component.input.lineHeight,
-    color: props.theme.component.input.color,
-    fontWeight: props.theme.component.input.fontWeight,
-    width: '100%',
-    height: '100%',
-    boxSizing: 'border-box',
-    placeholder: {
-        color: props.theme.component.input.placeholderColor,
-    },
-    '&:focus': {
-        outline: 'none',
-        borderColor: props.theme.colors.border.highlight,
-        boxShadow: props.theme.component.input.boxShadow,
-    },
-    '&:disabled': {
-        backgroundColor: props.theme.colors.background.disabled,
-        border: "0.063rem solid ".concat(props.theme.colors.border.disabled),
-        color: props.theme.colors.text.disabled,
-        placeholder: {
-            color: props.theme.colors.text.disabled,
-        },
-    },
-}); });
-
-export { Input as default };
-//# sourceMappingURL=Input.js.map

package/build/index.esm.js/src/components/search-bar/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/ProductItem.js

@@ -1,36 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { ComponentSize } from '../../types/enums.js';
-import '../pricing/discount/DiscountTag.js';
-import { PriceLabel } from '../pricing/price/PriceLabel.js';
-import '../pricing/priceLabelV2/PriceLabelV2.js';
-import '../pricing/clubOffer/ClubOfferTag.js';
-import Image from '../shared/image/Image.js';
-import { mediaQueries } from '../../utils/media.js';
-import { Text } from '../text/Text.js';
-import { useTheme } from '../../core/theme/Theme.js';
-
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"])), mediaQueries({
-    borderTop: ['0.063rem solid var(--colors-shades-100-color)', 'none'],
-}));
-var Description = newStyled.div({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    width: '100%',
-    marginLeft: '1.25rem',
-    p: {
-        marginBottom: '0.625rem',
-        textAlign: 'start',
-    },
-});
-var ProductItem = function (_a) {
-    var src = _a.src, title = _a.title, price = _a.price;
-    var theme = useTheme();
-    return (jsxs(Container, __assign({ theme: theme }, { children: [jsx(Image, { src: src, alt: "", width: "4.063rem", height: "5.375rem" }, void 0), jsxs(Description, { children: [jsx(Text, __assign({ variant: "body", weight: "regular", size: "regular" }, { children: jsx("div", { dangerouslySetInnerHTML: { __html: title } }, void 0) }), void 0), jsx(PriceLabel, { finalPrice: price, color: "#C64844", size: ComponentSize.Small }, void 0)] }, void 0)] }), void 0));
-};
-var templateObject_1;
-
-export { ProductItem as default };
-//# sourceMappingURL=ProductItem.js.map

package/build/index.esm.js/src/components/search-bar/ProductItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/ResultsPanel.js

@@ -1,42 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import ProductItem from './ProductItem.js';
-import Footer from './Footer.js';
-import { mediaQueries } from '../../utils/media.js';
-import { Text } from '../text/Text.js';
-import { useTheme } from '../../core/theme/Theme.js';
-
-var Ul = newStyled.ul({
-    margin: '0px',
-    padding: '0px',
-});
-var Li = newStyled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"], ["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"])), function (props) { return props.theme.colors.shades['100'].color; }, mediaQueries({
-    padding: [0, '0rem 1rem'],
-    borderRadius: [0, '0.5rem'],
-}));
-var Anchor = newStyled.a({
-    width: '100%',
-    border: 'none',
-    background: 'transparent',
-    cursor: 'pointer',
-    padding: 0,
-    textDecoration: 'none',
-});
-var Container = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  z-index: 2;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  z-index: 2;\n  ", ",\n"])), mediaQueries({
-    border: ['none', '0.063rem solid var(--colors-pallete-secondary-color)'],
-    marginTop: ['1.25rem', '0.125rem'],
-    borderRadius: ['0', '0.5rem'],
-}));
-var Header = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ",\n"], ["\n  ", ",\n"])), mediaQueries({
-    margin: ['0rem 0rem 1rem 0rem', '1rem'],
-}));
-var ResultsPanel = function (_a) {
-    var options = _a.options, header = _a.header, footer = _a.footer, onViewAll = _a.onViewAll, testId = _a.testId;
-    var theme = useTheme();
-    return (jsxs(Container, __assign({ "data-testid": testId, theme: theme }, { children: [header && (jsx(Header, __assign({ theme: theme }, { children: jsx(Text, __assign({ variant: "heading6", weight: "demi" }, { children: header }), void 0) }), void 0)), jsx(Ul, { children: options.map(function (item, index) { return (jsx(Li, __assign({ theme: theme }, { children: jsx(Anchor, __assign({ href: item.optionUrl }, { children: jsx(ProductItem, { src: item.src, title: item.title, price: item.price }, void 0) }), void 0) }), index)); }) }, void 0), footer && jsx(Footer, { text: footer, onClick: onViewAll }, void 0)] }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-export { ResultsPanel as default };
-//# sourceMappingURL=ResultsPanel.js.map

package/build/index.esm.js/src/components/search-bar/ResultsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResultsPanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/SearchBar.js

@@ -1,77 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useReducer, useRef, useEffect } from 'react';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import ResultsPanel from './ResultsPanel.js';
-import Input from './Input.js';
-import SearchControl from './SearchControl.js';
-import useOnClickOutside from '../../hooks/click-outside.js';
-import { useTheme } from '../../core/theme/Theme.js';
-
-var initialState = { selectedOption: undefined, open: false, term: '' };
-var reducer = function (state, action) {
-    switch (action.type) {
-        case 'UPDATE_TERM': {
-            return __assign(__assign({}, state), { term: action.payload.term });
-        }
-        case 'CLEAR': {
-            return __assign(__assign({}, state), { term: '', open: false });
-        }
-        case 'TOGGLE_PANEL': {
-            return __assign(__assign({}, state), { open: action.payload.open });
-        }
-    }
-};
-var Container = newStyled.div({
-    position: 'relative',
-    display: 'flex',
-});
-var SearchBar = function (_a) {
-    var suggestions = _a.suggestions, resultOptions = _a.resultOptions, onChange = _a.onChange, onSearch = _a.onSearch, onClose = _a.onClose, resultsPanelDataTestId = _a.resultsPanelDataTestId, allResults = _a.allResults, initialTerm = _a.initialTerm, _b = _a.shouldClear, shouldClear = _b === void 0 ? false : _b, _c = _a.isBlogSearchBar, isBlogSearchBar = _c === void 0 ? false : _c, _d = _a.ariaLabel, ariaLabel = _d === void 0 ? 'Search for products' : _d, _e = _a.placeholder, placeholder = _e === void 0 ? 'Search for products' : _e, _f = _a.id, id = _f === void 0 ? 'search' : _f, _g = _a.autoComplete, autoComplete = _g === void 0 ? 'off' : _g;
-    var theme = useTheme();
-    if (initialTerm) {
-        initialState.term = initialTerm;
-    }
-    var _h = useReducer(reducer, initialState), state = _h[0], dispatch = _h[1];
-    var ref = useRef(null);
-    var shouldDisplaySuggestion = function () {
-        return resultOptions.length === 0 && suggestions.length > 0 && !state.term;
-    };
-    useOnClickOutside(ref, function () { return dispatch({ type: 'TOGGLE_PANEL', payload: { open: false } }); });
-    useEffect(function () {
-        // Debouncing user input
-        var id = setTimeout(function () {
-            onChange(state.term);
-        }, 500);
-        return function () { return clearTimeout(id); };
-    }, [onChange, state.term]);
-    var options = resultOptions && resultOptions.length > 0
-        ? resultOptions
-        : shouldDisplaySuggestion()
-            ? suggestions
-            : [];
-    var handleOnClose = function () {
-        if (shouldClear) {
-            dispatch({ type: 'CLEAR', payload: {} });
-        }
-        else {
-            onClose();
-        }
-    };
-    return (jsxs("form", __assign({ role: "search", onSubmit: function (e) {
-            if (e.cancelable) {
-                e.preventDefault();
-            }
-        }, ref: ref, style: { position: 'relative' } }, { children: [jsxs(Container, __assign({ theme: theme }, { children: [jsx(Input, { value: state.term, placeholder: placeholder, onChange: function (e) { return dispatch({ type: 'UPDATE_TERM', payload: { term: e.target.value } }); }, onFocus: function () { return dispatch({ type: 'TOGGLE_PANEL', payload: { open: true } }); }, id: id, autoComplete: autoComplete, theme: theme, "aria-label": ariaLabel, onKeyDown: function (e) {
-                            if (e.key === 'Enter') {
-                                if (e.cancelable) {
-                                    e.preventDefault();
-                                }
-                                e.stopPropagation();
-                                onSearch(state.term);
-                            }
-                        } }, void 0), jsx(SearchControl, { showSearchIcon: isBlogSearchBar, open: state.open, onClose: handleOnClose, onSearch: function () { return onSearch(state.term); } }, void 0)] }), void 0), state.open && !!options.length && (jsx(ResultsPanel, { testId: resultsPanelDataTestId, options: options, header: shouldDisplaySuggestion() ? 'Most popular products' : undefined, footer: allResults ? "View all results (".concat(allResults, ")") : undefined, onViewAll: function () { return onSearch(state.term); } }, void 0))] }), void 0));
-};
-
-export { SearchBar as default };
-//# sourceMappingURL=SearchBar.js.map

package/build/index.esm.js/src/components/search-bar/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-bar/SearchControl.js

@@ -1,42 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx, jsxs, Fragment } from '../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { Icon } from '../icons/index.js';
-import ClearButton from './ClearButton.js';
-import ButtonSecondary from '../cta/secondary/ButtonSecondary.js';
-import 'react';
-import { useWindowDimensions } from '../../hooks/WindowDimensions.js';
-import { useTheme } from '../../core/theme/Theme.js';
-
-var SearchIconContainer = newStyled.div({
-    display: 'flex',
-    alignItems: 'center',
-    position: 'absolute',
-    right: '1rem',
-    background: 'white',
-    alignSelf: 'center',
-});
-var SearchControl = function (_a) {
-    var open = _a.open, onSearch = _a.onSearch, onClose = _a.onClose, _b = _a.showSearchIcon, showSearchIcon = _b === void 0 ? false : _b;
-    var theme = useTheme();
-    var isMobile = useWindowDimensions(theme.mediaQueries).isMobile;
-    if (showSearchIcon) {
-        return (jsx(SearchIconContainer, __assign({ onClick: onSearch }, { children: jsx(Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }), void 0));
-    }
-    else if (isMobile) {
-        return open ? (jsx(ClearButton, { onClick: onClose }, void 0)) : (jsx(SearchIconContainer, { children: jsx(Icon.Navigation.Search, { height: 1.25, width: 1.25 }, void 0) }, void 0));
-    }
-    else {
-        return (jsxs(Fragment, { children: [jsx(ButtonSecondary, { css: {
-                        position: 'absolute',
-                        right: 0,
-                        height: '100%',
-                        borderTopLeftRadius: 0,
-                        borderBottomLeftRadius: 0,
-                        padding: '0.875rem 1.5rem',
-                    }, text: "SEARCH", onClick: onSearch }, void 0), open && jsx(ClearButton, { onClick: onClose }, void 0)] }, void 0));
-    }
-};
-
-export { SearchControl as default };
-//# sourceMappingURL=SearchControl.js.map

package/build/index.esm.js/src/components/search-bar/SearchControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchControl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/search-navigation/SearchNavigation.js

@@ -1,21 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import newStyled from '../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { Icon } from '../icons/index.js';
-import { Text } from '../text/Text.js';
-
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 1rem 1rem;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 1rem 1rem;\n"])));
-var BackArrow = newStyled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: rotate(180deg);\n  margin-right: 0.5rem;\n"], ["\n  transform: rotate(180deg);\n  margin-right: 0.5rem;\n"])));
-var BoldSpan = newStyled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"])));
-var NormalSpan = newStyled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  white-space: pre;\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  white-space: pre;\n"])));
-var SearchNavigationParents = newStyled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 1.25rem;\n  padding-right: 1rem;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 1.25rem;\n  padding-right: 1rem;\n"])));
-var SearchNavigation = function (_a) {
-    var returnText = _a.returnText, returnUrl = _a.returnUrl, _b = _a.steps, steps = _b === void 0 ? [] : _b, returnAction = _a.returnAction;
-    return (jsxs(Container, { children: [jsxs(Text, __assign({ variant: "link", style: { display: 'flex', justifyContent: 'center' }, href: returnUrl || '/', onClick: returnAction }, { children: [jsx(BackArrow, { children: jsx(Icon.Arrows.ChevronRightVariant, { width: 1.375, height: 1.375 }, void 0) }, void 0), returnText && jsx(BoldSpan, { children: returnText }, void 0)] }), void 0), jsx(SearchNavigationParents, { children: steps.map(function (step, index) {
-                    return index === steps.length - 1 ? (jsx(BoldSpan, { children: step }, void 0)) : (jsx(NormalSpan, { children: "".concat(step, " / ") }, step));
-                }) }, void 0)] }, void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-
-export { SearchNavigation as default };
-//# sourceMappingURL=SearchNavigation.js.map

package/build/index.esm.js/src/components/search-navigation/SearchNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchNavigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/selector/simple/SelectorSecondary.js

@@ -1,41 +0,0 @@
-import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { useTheme } from '../../../core/theme/Theme.js';
-import SimpleSelector from './SimpleSelector.js';
-
-var SelectorSecondary = function (_a) {
-    var text = _a.text, size = _a.size, disabled = _a.disabled, active = _a.active, className = _a.className, testId = _a.testId, width = _a.width, onClick = _a.onClick, showNoStockStyles = _a.showNoStockStyles, id = _a.id;
-    var theme = useTheme();
-    var stylesByActive = active
-        ? {
-            background: theme.component.selector.hover.background,
-            color: theme.component.selector.hover.color,
-            border: theme.component.selector.hover.border,
-            fontWeight: theme.component.selector.hover.fontWeight,
-        }
-        : {
-            background: "".concat(theme.component.selector.default.background, " !important"),
-            color: "".concat(theme.component.selector.default.color, " !important"),
-            border: "".concat(theme.component.selector.default.border, " !important"),
-            fontWeight: theme.component.selector.default.fontWeight,
-        };
-    if (showNoStockStyles) {
-        stylesByActive = {
-            background: theme.component.selector.noStock.background,
-            color: theme.component.selector.noStock.color,
-            border: theme.component.selector.noStock.border,
-            fontWeight: theme.component.selector.noStock.fontWeight,
-        };
-    }
-    return (jsx(SimpleSelector, { text: text, size: size, onClick: onClick, className: className, disabled: disabled, testId: testId, width: width, css: __assign(__assign({}, stylesByActive), { whiteSpace: 'nowrap', '&:hover': {
-                background: showNoStockStyles ? '' : theme.component.selector.hover.background,
-                color: showNoStockStyles ? '' : theme.component.selector.hover.color,
-            }, '&:disabled': {
-                border: theme.component.selector.disabled.border,
-                background: theme.colors.background.disabled,
-                color: theme.colors.text.disabled,
-            } }), id: id }, void 0));
-};
-
-export { SelectorSecondary as default };
-//# sourceMappingURL=SelectorSecondary.js.map

package/build/index.esm.js/src/components/selector/simple/SelectorSecondary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectorSecondary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/selector/simple/SimpleSelector.js

@@ -1,37 +0,0 @@
-import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { useTheme } from '../../../core/theme/Theme.js';
-import { ComponentSize } from '../../../types/enums.js';
-import BaseButton from '../../shared/button/BaseButton.js';
-
-var getStylesBySize = function (size, theme) {
-    switch (size) {
-        case ComponentSize.Medium:
-            return {
-                padding: theme.component.selector.size.medium.padding,
-                borderRadius: theme.component.selector.size.medium.borderRadius,
-            };
-        case ComponentSize.Small:
-            return {
-                padding: theme.component.selector.size.small.padding,
-                borderRadius: theme.component.selector.size.small.borderRadius,
-            };
-    }
-};
-var SimpleSelector = function (_a) {
-    var text = _a.text, className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, _d = _a.active, active = _d === void 0 ? false : _d, _e = _a.testId, testId = _e === void 0 ? 'base-button' : _e, _f = _a.width, width = _f === void 0 ? '' : _f, onClick = _a.onClick, id = _a.id;
-    var theme = useTheme();
-    var stylesBySize = getStylesBySize(size, theme);
-    var activeStyles = active
-        ? { fontWeight: theme.component.selector.hover.fontWeight }
-        : { fontWeight: theme.component.selector.default.fontWeight };
-    return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: "button", testId: testId, css: __assign(__assign(__assign({}, stylesBySize), activeStyles), { width: width, boxSizing: 'border-box', fontSize: theme.component.selector.fontSize, '&:hover': {
-                fontWeight: theme.component.selector.hover.fontWeight,
-            }, '&:disabled': {
-                color: theme.colors.shades['250'].color,
-                cursor: 'not-allowed',
-            } }), id: id }, { children: text }), void 0));
-};
-
-export { SimpleSelector as default };
-//# sourceMappingURL=SimpleSelector.js.map

package/build/index.esm.js/src/components/selector/simple/SimpleSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/button/BaseButton.js

@@ -1,19 +0,0 @@
-import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsxs } from '../../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-
-var BaseButton = function (_a) {
-    var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className, inline = _a.inline, _c = _a.uppercase, uppercase = _c === void 0 ? true : _c, _d = _a.testId, testId = _d === void 0 ? 'base-button' : _d, id = _a.id;
-    return (jsxs("button", __assign({ onClick: onClick, disabled: disabled, className: className, type: type, "data-testid": testId, css: {
-            display: inline ? 'inline-flex' : 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            padding: '0.75rem 2rem',
-            textDecoration: 'none',
-            textTransform: uppercase ? 'uppercase' : 'unset',
-            boxSizing: 'border-box',
-            cursor: 'pointer',
-        }, id: id }, { children: [renderLeading, children, renderTrailing] }), void 0));
-};
-
-export { BaseButton as default };
-//# sourceMappingURL=BaseButton.js.map

package/build/index.esm.js/src/components/shared/button/BaseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/button/Button.js

@@ -1,21 +0,0 @@
-import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import ButtonPrimary from '../../cta/primary/ButtonPrimary.js';
-import ButtonSecondary from '../../cta/secondary/ButtonSecondary.js';
-
-var Button = function (_a) {
-    var variant = _a.variant, props = __rest(_a, ["variant"]);
-    if (variant === 'primary') {
-        return jsx(ButtonPrimary, __assign({}, props), void 0);
-    }
-    if (variant === 'secondary') {
-        return jsx(ButtonSecondary, __assign({}, props), void 0);
-    }
-    if (variant === 'secondary-outline') {
-        return jsx(ButtonSecondary, __assign({}, props), void 0);
-    }
-    throw new Error("Invalid button variant ".concat(variant));
-};
-
-export { Button };
-//# sourceMappingURL=Button.js.map

package/build/index.esm.js/src/components/shared/button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/card/Card.js

@@ -1,33 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { CardHeader, CardFooter } from './CardSection.js';
-import { CardBody } from './CardBody.js';
-import { useTheme } from '../../../core/theme/Theme.js';
-
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  width: ", ";\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n"], ["\n  ", "\n  width: ", ";\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n"])), function (_a) {
-    var flex = _a.flex;
-    return flex &&
-        "display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;";
-}, function (_a) {
-    var widthAuto = _a.widthAuto;
-    return (widthAuto ? 'auto' : 'fit-content');
-}, function (props) {
-    return props.backgroundColor ? props.backgroundColor : props.theme.component.card.backgroundColor;
-}, function (props) { return props.theme.component.card.borderRadius; }, function (props) {
-    return props.border ? "".concat(props.border.borderWidth, " solid ").concat(props.border.borderColor) : 'none';
-});
-var Card = function (_a) {
-    var children = _a.children, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, border = _a.border, _c = _a.flex, flex = _c === void 0 ? true : _c;
-    var theme = useTheme();
-    return (jsx(Container, __assign({ backgroundColor: backgroundColor ? backgroundColor : theme.component.card.backgroundColor, widthAuto: widthAuto, border: border, flex: flex, "data-testid": "CardContainer", theme: theme }, { children: children }), void 0));
-};
-var Card$1 = Object.assign(Card, {
-    Header: CardHeader,
-    Footer: CardFooter,
-    Body: CardBody,
-});
-var templateObject_1;
-
-export { Card$1 as default };
-//# sourceMappingURL=Card.js.map

package/build/index.esm.js/src/components/shared/card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/card/CardBody.js

@@ -1,13 +0,0 @@
-import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-
-var Body = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1.5rem;\n  align-self: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1.5rem;\n  align-self: flex-start;\n"])));
-var CardBody = function (_a) {
-    var children = _a.children;
-    return jsx(Body, { children: children }, void 0);
-};
-var templateObject_1;
-
-export { CardBody };
-//# sourceMappingURL=CardBody.js.map

package/build/index.esm.js/src/components/shared/card/CardBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/card/CardSection.js

@@ -1,20 +0,0 @@
-import { __makeTemplateObject, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import { CardSectionType } from '../../../types/enums.js';
-
-var Section = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"], ["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"])), function (props) {
-    return props.type === CardSectionType.Header ? '1.5rem 1.5rem 0' : '0 1.5rem 1.5rem';
-});
-var CardHeader = function (_a) {
-    var children = _a.children;
-    return (jsx(Section, __assign({ type: CardSectionType.Header }, { children: children }), void 0));
-};
-var CardFooter = function (_a) {
-    var children = _a.children;
-    return (jsx(Section, __assign({ type: CardSectionType.Footer }, { children: children }), void 0));
-};
-var templateObject_1;
-
-export { CardFooter, CardHeader };
-//# sourceMappingURL=CardSection.js.map

package/build/index.esm.js/src/components/shared/card/CardSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/image/Image.js

@@ -1,13 +0,0 @@
-import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-
-var Img = newStyled.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  object-fit: ", ";\n  object-position: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  object-fit: ", ";\n  object-position: ", ";\n"])), function (props) { return props.height; }, function (props) { return props.width; }, function (props) { return props.borderRadius; }, function (props) { return props.objectFit; }, function (props) { return props.objectPosition; });
-var Image = function (_a) {
-    var src = _a.src, srcSet = _a.srcSet, _b = _a.sizes, sizes = _b === void 0 ? '100vw' : _b, _c = _a.loading, loading = _c === void 0 ? 'lazy' : _c, alt = _a.alt, height = _a.height, width = _a.width, borderRadius = _a.borderRadius, objectFit = _a.objectFit, objectPosition = _a.objectPosition, className = _a.className;
-    return (jsx(Img, { src: src, srcSet: srcSet, sizes: sizes, loading: loading, alt: alt, height: height, width: width, borderRadius: borderRadius, objectFit: objectFit, objectPosition: objectPosition, className: className }, void 0));
-};
-var templateObject_1;
-
-export { Image as default };
-//# sourceMappingURL=Image.js.map

package/build/index.esm.js/src/components/shared/image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/build/index.esm.js/src/components/shared/label/label.js

@@ -1,20 +0,0 @@
-import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
-import newStyled from '../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js';
-import * as styles from './styles.js';
-import { baseStyles } from './styles.js';
-import { useTheme } from '../../../core/theme/Theme.js';
-
-var StyledLabel = newStyled.label(baseStyles, function (props) { return [
-    { color: props.disabled ? props.theme.colors.text.disabled : props.theme.colors.text.color },
-    styles[props.variant](props.theme),
-    styles[props.size](props.theme),
-]; });
-var Label = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    var theme = useTheme();
-    return (jsx(StyledLabel, __assign({}, rest, { theme: theme }, { children: children }), void 0));
-};
-
-export { Label as default };
-//# sourceMappingURL=label.js.map

package/build/index.esm.js/src/components/shared/label/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}