@athoscommerce/snap-preact 1.5.1-beta.116 → 1.6.0

package/dist/esm/components/src/themes/everest/components/molecules/select.js

@@ -1,141 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Select component
-const selectStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    // shared styles for select menus
-    const sharedStyles = css({
-        border: `1px solid ${custom.colors.gray02}`,
-        color: variables?.colors?.text,
-        backgroundColor: custom.colors.gray01,
-    });
-    // default styles
-    const defaultStyles = css([
-        {
-            display: 'block',
-            '.ss__dropdown': {
-                '.ss__dropdown__button .ss__button, .ss__dropdown__content .ss__select__select': {
-                    ...sharedStyles,
-                },
-                '.ss__dropdown__button': {
-                    '.ss__button': {
-                        display: 'flex',
-                        padding: `0 ${custom.spacing.x2}px`,
-                        textAlign: 'left',
-                        '.ss__button__content': {
-                            '& > *': {
-                                minWidth: '1px',
-                                flex: '0 1 auto',
-                            },
-                            '.ss__select__selection__icon': {
-                                margin: 0,
-                            },
-                            '.ss__select__selection': {
-                                flex: '1 1 0%',
-                                paddingRight: `${custom.spacing.x1}px`,
-                                fontWeight: 'normal',
-                            },
-                            '.ss__select__dropdown__button__icon': {
-                                transition: 'transform ease 0.5s',
-                            },
-                        },
-                    },
-                },
-                '.ss__dropdown__content': {
-                    marginTop: `${custom.spacing.x2}px`,
-                    '.ss__select__select': {
-                        padding: `${custom.spacing.x2}px`,
-                        margin: 0,
-                        '.ss__select__select__option': {
-                            gap: `${custom.spacing.x2}px`,
-                            padding: 0,
-                            margin: `0 0 ${custom.spacing.x1}px 0`,
-                            color: 'inherit',
-                            '&:last-of-type': {
-                                marginBottom: '0',
-                            },
-                            '&:hover': {
-                                backgroundColor: 'transparent',
-                            },
-                        },
-                        '.ss__select__select__option--selected': {
-                            fontWeight: custom.fonts.weight01,
-                            color: variables?.colors?.primary,
-                        },
-                    },
-                },
-            },
-            '.ss__dropdown--open': {
-                '.ss__dropdown__button': {
-                    '.ss__button': {
-                        '.ss__select__dropdown__button__icon': {
-                            transform: 'rotate(180deg)',
-                        },
-                    },
-                },
-            },
-        },
-    ]);
-    // native styles
-    const nativeStyles = css([
-        sharedStyles,
-        {
-            display: 'flex',
-            flexFlow: 'row nowrap',
-            alignItems: 'center',
-            gap: `${custom.spacing.x1}px`,
-            padding: `0 ${custom.spacing.x2}px`,
-            height: `${custom.sizes.height}px`,
-            lineHeight: `${custom.sizes.height}px`,
-            '& > *': {
-                minWidth: '1px',
-                flex: '0 1 auto',
-            },
-            '.ss__select__label, .ss__select__select': {
-                fontSize: custom.utils.convertPxToEm(14),
-            },
-            '.ss__select__label': {
-                fontWeight: custom.fonts.weight01,
-            },
-            '.ss__select__select': {
-                flex: '1 1 0%',
-                paddingRight: `${custom.spacing.x1}px`,
-                backgroundColor: 'transparent',
-                border: 'none',
-                appearance: 'none',
-                color: 'inherit',
-                cursor: 'pointer',
-                '&[disabled]': {
-                    cursor: 'not-allowed',
-                },
-                '&::-ms-expand': {
-                    display: 'none',
-                },
-            },
-            '.ss__select__dropdown__button__icon': {
-                width: `${custom.sizes.icon12}px`,
-                height: `${custom.sizes.icon12}px`,
-            },
-        },
-    ]);
-    return props?.native ? nativeStyles : defaultStyles;
-};
-// Select component props
-export const select = {
-    default: {
-        select: {
-            themeStyleScript: selectStyleScript,
-            iconOpen: custom.icons.arrowDown,
-            iconClose: custom.icons.arrowDown,
-        },
-        'select icon.open': {
-            size: `${custom.sizes.icon12}px`,
-        },
-        'select dropdown button': {
-            native: false,
-        },
-        'select dropdown button icon': {
-            size: `${custom.sizes.icon12}px`,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/molecules/slideout.d.ts

@@ -1,4 +0,0 @@
-import type { SlideoutProps, SlideoutTemplatesLegalProps } from '../../../../components/Molecules/Slideout';
-import { ThemeComponent } from '../../../../providers';
-export declare const slideout: ThemeComponent<'slideout', SlideoutProps, SlideoutTemplatesLegalProps>;
-//# sourceMappingURL=slideout.d.ts.map

package/dist/esm/components/src/themes/everest/components/molecules/slideout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/slideout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAYvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAU3F,CAAC"}

package/dist/esm/components/src/themes/everest/components/molecules/slideout.js

@@ -1,20 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Slideout component
-const slideoutStyleScript = (props) => {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const variables = props?.theme?.variables;
-    return css({});
-};
-// Slideout component props
-export const slideout = {
-    default: {
-        slideout: {
-            themeStyleScript: slideoutStyleScript,
-            overlayColor: '',
-        },
-        'slideout button.slideout': {
-            icon: custom.icons.filter,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/molecules/swatches.d.ts

@@ -1,4 +0,0 @@
-import type { SwatchesProps, SwatchesTemplatesLegalProps } from '../../../../components/Molecules/Swatches';
-import { ThemeComponent } from '../../../../providers';
-export declare const swatches: ThemeComponent<'swatches', SwatchesProps, SwatchesTemplatesLegalProps>;
-//# sourceMappingURL=swatches.d.ts.map

package/dist/esm/components/src/themes/everest/components/molecules/swatches.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"swatches.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/swatches.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkOvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAoB3F,CAAC"}

package/dist/esm/components/src/themes/everest/components/molecules/swatches.js

@@ -1,237 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-import Color from 'color';
-// Swatch carousel sizes and spacing
-const swatchSize = 30;
-const swatchSpacing = custom.spacing.x1;
-// CSS in JS style script for the Swatches component
-const swatchesStyleScript = (props) => {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const variables = props?.theme?.variables;
-    const activeColor = new Color(variables?.colors?.primary || undefined);
-    const fontColor = activeColor.isDark() || activeColor.hex().toLowerCase() == '#d15120'
-        ? Color(custom.colors.white || undefined)
-        : Color(custom.colors.black || undefined);
-    const darkGray = custom.utils.darkenColor(custom.colors.gray02, 0.075);
-    // shared styles for swatches
-    const sharedStyles = css({
-        margin: 0,
-    });
-    // carousel styles
-    const carouselStyles = css([
-        sharedStyles,
-        {
-            margin: 0,
-            '.ss__carousel': {
-                '& > div': {
-                    minWidth: '1px',
-                    flex: '0 1 auto',
-                },
-                '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
-                    position: 'static',
-                    bottom: 0,
-                    width: `${swatchSize}px`,
-                    height: `${swatchSize}px`,
-                },
-                '.ss__carousel__prev-wrapper': {
-                    margin: `0 ${swatchSpacing}px 0 0`,
-                },
-                '.ss__carousel__next-wrapper': {
-                    margin: `0 0 0 ${swatchSpacing}px`,
-                },
-                '.swiper-container': {
-                    maxWidth: `calc(100% - ${swatchSize * 2 + swatchSpacing * 2}px)`,
-                    '& > .swiper-wrapper': {
-                        '& > .swiper-slide': {
-                            overflow: 'hidden',
-                            width: `${swatchSize}px`,
-                            height: `${swatchSize}px`,
-                            '&:has(.ss__swatches__carousel__swatch.ss__swatches__carousel__swatch--unavailable)': {
-                                '&:before': {
-                                    content: '""',
-                                    display: 'block',
-                                    position: 'absolute',
-                                    top: 0,
-                                    bottom: 0,
-                                    margin: 'auto',
-                                    width: '100%',
-                                    height: '1px',
-                                    borderTop: `3px solid ${darkGray}`,
-                                    transform: 'rotate(-45deg)',
-                                },
-                            },
-                        },
-                    },
-                },
-                '.swiper-container > .swiper-wrapper > .swiper-slide > *, .ss__swatches__carousel__swatch': {
-                    height: `${swatchSize}px`,
-                    lineHeight: 0,
-                    border: 0,
-                },
-                '.ss__swatches__carousel__swatch': {
-                    position: 'relative',
-                    aspectRatio: 1,
-                    color: variables?.colors?.text,
-                    overflow: 'hidden',
-                    '&, &:before, &:after, *': {
-                        boxSizing: 'border-box',
-                    },
-                    '&:before, &:after': {
-                        content: '""',
-                        display: 'block',
-                        width: 'auto',
-                        height: 'auto',
-                        position: 'absolute',
-                        top: 0,
-                        bottom: 0,
-                        left: 0,
-                        right: 0,
-                        transform: 'none',
-                    },
-                    '&:before': {
-                        border: `3px solid ${custom.colors.white}`,
-                        margin: '1px',
-                        opacity: 0,
-                    },
-                    '&:after': {
-                        border: `1px solid ${custom.colors.black}`,
-                        opacity: 0.15,
-                    },
-                    '&.ss__swatches__carousel__swatch--dark, &:has(.ss__swatches__carousel__swatch__inner--grey)': {
-                        '.ss__swatches__carousel__swatch__inner': {
-                            '.ss__swatches__carousel__swatch__value': {
-                                color: fontColor.hex(),
-                            },
-                        },
-                    },
-                    '&.ss__swatches__carousel__swatch--selected': {
-                        '&:before': {
-                            opacity: 1,
-                        },
-                        '&:after': {
-                            opacity: 0.3,
-                        },
-                        '&:has(.ss__swatches__carousel__swatch__inner:not([style]))': {
-                            backgroundColor: activeColor.hex(),
-                            '&:after': {
-                                borderColor: activeColor.hex(),
-                                opacity: 1,
-                            },
-                            '.ss__swatches__carousel__swatch__inner': {
-                                '.ss__swatches__carousel__swatch__value': {
-                                    color: fontColor.hex(),
-                                },
-                            },
-                        },
-                        '&:has(.ss__swatches__carousel__swatch__inner .ss__image)': {
-                            backgroundColor: 'transparent',
-                            '&:after': {
-                                borderColor: custom.colors.black,
-                                opacity: 0.3,
-                            },
-                            '.ss__swatches__carousel__swatch__inner': {
-                                '.ss__swatches__carousel__swatch__value': {
-                                    color: variables?.colors?.text,
-                                },
-                            },
-                        },
-                        '.ss__swatches__carousel__swatch__inner': {
-                            '.ss__swatches__carousel__swatch__value': {
-                                fontWeight: custom.fonts.weight01,
-                            },
-                        },
-                    },
-                    '&.ss__swatches__carousel__swatch--disabled, &.ss__swatches__carousel__swatch--unavailable': {
-                        opacity: 1,
-                        cursor: 'not-allowed',
-                        pointerEvents: 'none',
-                        '.ss__swatches__carousel__swatch__inner:after': {
-                            content: '""',
-                            display: 'block',
-                            position: 'absolute',
-                            top: 0,
-                            bottom: 0,
-                            left: 0,
-                            right: 0,
-                            zIndex: 3,
-                            margin: 'auto',
-                            backgroundColor: darkGray.replace('#', ''),
-                            backgroundRepeat: 'no-repeat',
-                            backgroundPosition: 'center center',
-                            backgroundImage: `url("data:image/svg+xml,%3Csvg style=%27transform: rotate%28-45deg%29%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 56 56%27 preserveAspectRatio=%27xMinYMid%27%3E%3Cpath fill=%27%23${darkGray.replace('#', '')}%27 d=%27M0 23.297h56v9.406h-56v-9.406z%27 /%3E%3C/svg%3E")`,
-                        },
-                    },
-                    '.ss__swatches__carousel__swatch__inner': {
-                        '&[style*="url"]': {
-                            backgroundRepeat: 'no-repeat !important',
-                            backgroundSize: 'cover !important',
-                            backgroundPosition: 'center !important',
-                        },
-                        '.ss__image': {
-                            img: {
-                                width: '100%',
-                                height: '100%',
-                                objectFit: 'cover',
-                                objectPosition: 'center center',
-                            },
-                        },
-                        '.ss__swatches__carousel__swatch__value': {
-                            display: 'block',
-                            position: 'absolute',
-                            zIndex: 2,
-                            maxWidth: `calc(100% - ${custom.spacing.x2}px)`,
-                            maxHeight: `calc(100% - ${custom.spacing.x2}px)`,
-                            overflow: 'hidden',
-                            textAlign: 'center',
-                            fontSize: custom.utils.convertPxToEm(12),
-                            lineHeight: 1,
-                        },
-                    },
-                },
-            },
-        },
-    ]);
-    // grid styles
-    const gridStyles = css([
-        sharedStyles,
-        {
-            '.ss__grid': {
-                '.ss__grid__options': {
-                    '.ss__grid__option:not(.ss__grid__show-more-wrapper)': {
-                        width: `${swatchSize}px`,
-                        maxHeight: `${swatchSize}px`,
-                    },
-                },
-            },
-        },
-    ]);
-    // return swatch styles
-    if (props?.type == 'grid') {
-        return gridStyles;
-    }
-    else {
-        return carouselStyles;
-    }
-};
-// Swatches component props
-export const swatches = {
-    default: {
-        swatches: {
-            themeStyleScript: swatchesStyleScript,
-        },
-        'swatches carousel': {
-            autoAdjustSlides: false,
-            centerInsufficientSlides: false,
-            slidesPerView: 'auto',
-            slidesPerGroup: 3,
-            spaceBetween: `${swatchSpacing}px`,
-        },
-    },
-    desktop: {
-        'swatches carousel': {
-            slidesPerView: 'auto',
-            slidesPerGroup: 2,
-            spaceBetween: `${swatchSpacing}px`,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/molecules/terms.d.ts

@@ -1,4 +0,0 @@
-import type { TermsProps, TermsTemplatesLegalProps } from '../../../../components/Molecules/Terms';
-import { ThemeComponent } from '../../../../providers';
-export declare const terms: ThemeComponent<'terms', TermsProps, TermsTemplatesLegalProps>;
-//# sourceMappingURL=terms.d.ts.map

package/dist/esm/components/src/themes/everest/components/molecules/terms.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/terms.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6EvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAO/E,CAAC"}

package/dist/esm/components/src/themes/everest/components/molecules/terms.js

@@ -1,82 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Terms component
-const termsStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    return css({
-        width: '100%',
-        textAlign: 'left',
-        'ul, ul li': {
-            padding: 0,
-            margin: 0,
-            listStyle: 'none',
-        },
-        '.ss__terms__title': {
-            '&, h5': {
-                padding: 0,
-            },
-            h5: {
-                margin: `0 0 ${custom.spacing.x4}px 0`,
-                fontSize: custom.utils.convertPxToEm(16),
-                fontWeight: custom.fonts.weight02,
-                textTransform: custom.fonts.transform ? custom.fonts.transform : 'none',
-                color: variables?.colors?.secondary,
-            },
-        },
-        '.ss__terms__options': {
-            flexFlow: 'row wrap',
-            justifyContent: 'flex-start',
-            gap: `${custom.spacing.x1}px ${custom.spacing.x4}px`,
-            '&, .ss__terms__option': {
-                listStyle: 'none',
-                padding: 0,
-            },
-            '.ss__terms__option': {
-                flex: '0 1 auto',
-                minWidth: '1px',
-                color: variables?.colors?.primary,
-                a: {
-                    padding: 0,
-                    fontSize: custom.utils.convertPxToEm(14),
-                    color: variables?.colors?.primary,
-                    em: {
-                        color: variables?.colors?.text,
-                        fontStyle: 'normal',
-                        fontSize: 'inherit',
-                        fontWeight: 'inherit',
-                    },
-                },
-            },
-            '.ss__terms__option--active': {
-                'a, a em': {
-                    fontWeight: custom?.fonts?.weight01,
-                    color: variables?.colors?.primary,
-                },
-            },
-        },
-        [`@media (max-width: ${tabletBp}px)`]: {
-            '.ss__terms__title': {
-                h5: {
-                    fontSize: custom.utils.convertPxToEm(14),
-                },
-            },
-            '.ss__terms__options': {
-                '.ss__terms__option': {
-                    a: {
-                        fontSize: custom.utils.convertPxToEm(12),
-                    },
-                },
-            },
-        },
-    });
-};
-// Terms component props
-export const terms = {
-    default: {
-        terms: {
-            themeStyleScript: termsStyleScript,
-            emIfy: true,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/molecules/variantSelection.d.ts

@@ -1,4 +0,0 @@
-import type { VariantSelectionProps, VariantSelectionTemplatesLegalProps } from '../../../../components/Molecules/VariantSelection';
-import { ThemeComponent } from '../../../../providers';
-export declare const variantSelection: ThemeComponent<'variantSelection', VariantSelectionProps, VariantSelectionTemplatesLegalProps>;
-//# sourceMappingURL=variantSelection.d.ts.map

package/dist/esm/components/src/themes/everest/components/molecules/variantSelection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variantSelection.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/variantSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AACpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwIvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAU3H,CAAC"}

package/dist/esm/components/src/themes/everest/components/molecules/variantSelection.js

@@ -1,142 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Swatches component
-const variantSelectionStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const lightGray = custom.utils.lightenColor(variables?.colors?.text, 0.65);
-    // shared styles for variant selections
-    const sharedStyles = css({
-        margin: `0 0 ${custom.spacing.x2}px 0`,
-        '&:last-of-type': {
-            marginBottom: 0,
-        },
-    });
-    // dropdown styles
-    const dropdownStyles = css([
-        sharedStyles,
-        {
-            '.ss__dropdown': {
-                '.ss__dropdown__button, .ss__dropdown__content': {
-                    border: `1px solid ${custom.colors.gray02}`,
-                    color: variables?.colors?.text,
-                    backgroundColor: custom.colors.gray01,
-                },
-                '.ss__dropdown__button': {
-                    width: 'auto',
-                    display: 'flex',
-                    padding: `0 ${custom.spacing.x2}px`,
-                    textAlign: 'left',
-                    height: `${custom.sizes.height}px`,
-                    lineHeight: `${custom.sizes.height}px`,
-                    '& > *': {
-                        minWidth: '1px',
-                        flex: '0 1 auto',
-                    },
-                    '.ss__dropdown__button-wrapper': {
-                        flex: '1 1 0%',
-                        gap: `${custom.spacing.x1}px`,
-                        paddingRight: `${custom.spacing.x1}px`,
-                        fontWeight: 'normal',
-                        '.ss__dropdown__button-wrapper__label': {
-                            fontWeight: custom?.fonts?.weight01,
-                            textTransform: 'capitalize',
-                        },
-                    },
-                    '.ss__variant-selection__icon': {
-                        transition: 'transform ease 0.5s',
-                    },
-                },
-                '.ss__dropdown__content': {
-                    marginTop: `-1px`,
-                    padding: `${custom.spacing.x2}px`,
-                    '.ss__variant-selection__options': {
-                        '&, .ss__variant-selection__option': {
-                            listStyle: 'none',
-                            padding: 0,
-                            margin: 0,
-                        },
-                        '.ss__variant-selection__option': {
-                            margin: `0 0 ${custom.spacing.x1}px 0`,
-                            '&:last-of-type': {
-                                marginBottom: '0',
-                            },
-                            '&:hover': {
-                                fontWeight: 'normal',
-                            },
-                        },
-                        '.ss__variant-selection__option--selected': {
-                            fontWeight: custom.fonts.weight01,
-                            color: variables?.colors?.primary,
-                        },
-                        '.ss__variant-selection__option--unavailable': {
-                            color: lightGray,
-                            cursor: 'not-allowed',
-                        },
-                    },
-                },
-            },
-            '.ss__dropdown--open': {
-                '.ss__dropdown__button': {
-                    '.ss__variant-selection__icon': {
-                        transform: 'rotate(180deg)',
-                    },
-                },
-            },
-        },
-    ]);
-    // list styles
-    const listStyles = css([
-        sharedStyles,
-        {
-            '.ss__list': {
-                '.ss__list__title, .ss__list__options, .ss__list__options .ss__list__option': {
-                    width: '100%',
-                    color: variables?.colors?.text,
-                },
-                '.ss__list__title': {
-                    textTransform: 'capitalize',
-                },
-                '.ss__list__options': {
-                    '.ss__list__option': {
-                        label: {
-                            color: 'inherit',
-                        },
-                    },
-                    '.ss__list__option--selected': {
-                        fontWeight: custom.fonts.weight01,
-                        color: variables?.colors?.primary,
-                    },
-                    '.ss__list__option--unavailable': {
-                        color: lightGray,
-                        cursor: 'not-allowed',
-                        textDecoration: 'line-through',
-                    },
-                },
-            },
-        },
-    ]);
-    // swatches syles
-    const swatchesStyles = css([sharedStyles]);
-    // return variant selection styles
-    if (props?.type == 'list') {
-        return listStyles;
-    }
-    else if (props?.type == 'swatches') {
-        return swatchesStyles;
-    }
-    else {
-        return dropdownStyles;
-    }
-};
-// VariantSelection component props
-export const variantSelection = {
-    default: {
-        variantSelection: {
-            themeStyleScript: variantSelectionStyleScript,
-        },
-        'variantSelection dropdown icon': {
-            size: `${custom.sizes.icon12}px`,
-            icon: custom.icons.arrowDown,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/organisms/autocomplete.d.ts

@@ -1,4 +0,0 @@
-import type { AutocompleteProps, AutocompleteTemplatesLegalProps } from '../../../../components/Organisms/Autocomplete';
-import { ThemeComponent } from '../../../../providers';
-export declare const autocomplete: ThemeComponent<'autocomplete', AutocompleteProps, AutocompleteTemplatesLegalProps>;
-//# sourceMappingURL=autocomplete.d.ts.map

package/dist/esm/components/src/themes/everest/components/organisms/autocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/organisms/autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuTvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CA8E3G,CAAC"}