@athoscommerce/snap-preact 1.5.1-beta.114 → 1.5.1

package/dist/esm/components/src/themes/everest/components/organisms/sidebar.js

@@ -1,52 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Sidebar component
-const sidebarStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    return css({
-        '.ss__sidebar__title': {
-            margin: `0 0 ${custom.spacing.x6}px 0`,
-            fontSize: custom.utils.convertPxToEm(20),
-            fontWeight: custom.fonts.weight02,
-            color: variables?.colors?.secondary,
-        },
-        '.ss__sidebar__inner': {
-            '.ss__layout': {
-                '&, .ss__layout__row': {
-                    display: 'block',
-                },
-                '.ss__layout__row': {
-                    minWidth: '1px',
-                    '& > div:only-child': {
-                        width: 'auto',
-                    },
-                },
-            },
-            '.ss__layout .ss__layout__row, .ss__facets .ss__facet': {
-                margin: `0 0 ${custom.spacing.x6}px 0`,
-                '&:last-of-type': {
-                    marginBottom: 0,
-                },
-            },
-            '.ss__filter-summary .ss__filter-summary__title, .ss__facets .ss__facet .ss__facet__header': {
-                margin: ` 0 0 ${custom.spacing.x4}px 0`,
-                padding: ` 0 0 ${custom.spacing.x2}px 0`,
-                borderBottom: `2px solid ${variables?.colors?.primary}`,
-                fontSize: custom.utils.convertPxToEm(16),
-                fontWeight: custom.fonts.weight02,
-                color: variables?.colors?.secondary,
-            },
-        },
-    });
-};
-// Sidebar component props
-export const sidebar = {
-    default: {
-        sidebar: {
-            themeStyleScript: sidebarStyleScript,
-        },
-        'sidebar toolbar filterSummary': {
-            title: 'Current Filters',
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"termsList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/organisms/termsList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}

package/dist/esm/components/src/themes/everest/components/organisms/termsList.js

@@ -1,24 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the TermsList component
-const termsListStyleScript = (props) => {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const variables = props?.theme?.variables;
-    return css({
-        backgroundColor: 'transparent',
-        flexFlow: 'row nowrap',
-        gap: `${custom.spacing.x4}px`,
-        '.ss__terms-list-row': {
-            flex: '1 1 0%',
-            minWidth: '1px',
-        },
-    });
-};
-// TermsList component props
-export const termsList = {
-    default: {
-        termsList: {
-            themeStyleScript: termsListStyleScript,
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import { ThemeComponent } from '../../../../providers';
-import { ToolbarProps, ToolbarTemplatesLegalProps } from '../../../../components/Organisms/Toolbar';
-export declare const toolbar: ThemeComponent<'toolbar', ToolbarProps, ToolbarTemplatesLegalProps>;
-//# sourceMappingURL=toolbar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/organisms/toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AA6DpG,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CASvF,CAAC"}

package/dist/esm/components/src/themes/everest/components/organisms/toolbar.js

@@ -1,68 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Toolbar component
-const toolbarStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    return css({
-        '.ss__layout': {
-            gap: `${custom.spacing.x2}px`,
-            margin: 0,
-        },
-        '&[class*="bottom"]': {
-            '.ss__pagination-info': {
-                fontSize: custom.utils.convertPxToEm(14),
-            },
-        },
-        '.ss__pagination-info': {
-            fontSize: custom.utils.convertPxToEm(16),
-        },
-        [`@media (max-width: ${mobileBp}px)`]: {
-            '.ss__pagination-info': {
-                fontSize: custom.utils.convertPxToEm(18),
-            },
-        },
-        '& > .ss__layout > .ss__layout__row > .ss__filter-summary': {
-            display: 'flex',
-            flexFlow: 'row wrap',
-            '.ss__filter-summary__title, .ss__filter-summary__filters': {
-                minWidth: '1px',
-            },
-            '.ss__filter-summary__title': {
-                flex: '0 1 auto',
-                padding: `0 ${custom.spacing.x2}px 0 0`,
-            },
-            '.ss__filter-summary__filters': {
-                flex: '1 1 0%',
-            },
-            '&.ss__filter-summary--inline': {
-                '.ss__filter-summary__title': {
-                    paddingTop: `${custom.spacing.x1}px`,
-                    paddingBottom: `${custom.spacing.x1}px`,
-                },
-            },
-            '&.ss__filter-summary--list': {
-                '.ss__filter-summary__filters': {
-                    display: 'flex',
-                    flexFlow: 'row wrap',
-                    alignItems: 'center',
-                    gap: `${custom.spacing.x2}px`,
-                    '.ss__filter': {
-                        margin: 0,
-                    },
-                },
-            },
-        },
-    });
-};
-// Toolbar component props
-export const toolbar = {
-    default: {
-        toolbar: {
-            themeStyleScript: toolbarStyleScript,
-        },
-        'toolbar filterSummary': {
-            title: `Current Filters:`,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/templates/autocompleteFixed.d.ts

@@ -1,4 +0,0 @@
-import { ThemeComponent } from '../../../../providers';
-import { AutocompleteFixedProps, AutocompleteFixedTemplatesLegalProps } from '../../../../components/Templates/AutocompleteFixed';
-export declare const autocompleteFixed: ThemeComponent<'autocompleteFixed', AutocompleteFixedProps, AutocompleteFixedTemplatesLegalProps>;
-//# sourceMappingURL=autocompleteFixed.d.ts.map

package/dist/esm/components/src/themes/everest/components/templates/autocompleteFixed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AA0ElI,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CA6G/H,CAAC"}

package/dist/esm/components/src/themes/everest/components/templates/autocompleteFixed.js

@@ -1,181 +0,0 @@
-import { css } from '@emotion/react';
-import { autocompleteFixedThemeComponentProps } from '../../../themeComponents/autocompleteFixed';
-import { custom } from '../../custom';
-// CSS in JS style script for the Search component
-const autocompleteFixedStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    return css({
-        '.ss__modal': {
-            '.ss__modal__content': {
-                '.ss__autocomplete-fixed__inner': {
-                    '& > .ss__search-input.autocomplete-fixed__search-input': {
-                        height: '40px',
-                        margin: `0 0 ${custom.spacing.x2}px 0`,
-                        '.ss__button, .ss__search-input__button--close-search-button': {
-                            width: '40px',
-                        },
-                    },
-                    '.ss__autocomplete-fixed__inner__layout-wrapper': {
-                        maxHeight: 'none',
-                        width: 'auto',
-                        '&, .ss__autocomplete': {
-                            overflowY: 'visible',
-                        },
-                        '.ss__autocomplete': {
-                            maxWidth: 'none',
-                            width: props?.width,
-                            right: 0,
-                            left: '-102px',
-                            top: 'auto',
-                            margin: 'auto',
-                        },
-                    },
-                },
-            },
-        },
-        [`@media (max-width: ${tabletBp}px)`]: {
-            '.ss__modal': {
-                '.ss__modal__content': {
-                    '.ss__autocomplete-fixed__inner': {
-                        '.ss__autocomplete-fixed__inner__layout-wrapper': {
-                            '.ss__autocomplete': {
-                                maxWidth: '100%',
-                                width: props?.width,
-                                left: 0,
-                                right: 0,
-                            },
-                        },
-                    },
-                },
-            },
-        },
-        [`@media (max-width: ${custom.breakpoints.small}px)`]: {
-            '.ss__modal': {
-                '.ss__modal__content': {
-                    '.ss__autocomplete-fixed__inner': {
-                        '.ss__autocomplete-fixed__inner__layout-wrapper': {
-                            '.ss__autocomplete': {
-                                '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
-                                    '& > *:nth-of-type(n+3)': {
-                                        display: 'none',
-                                    },
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-        },
-    });
-};
-export const autocompleteFixed = {
-    default: {
-        ...autocompleteFixedThemeComponentProps.default,
-        autocompleteFixed: {
-            ...(autocompleteFixedThemeComponentProps.default?.['autocompleteFixed'] || {}),
-            themeStyleScript: autocompleteFixedStyleScript,
-            width: '900px',
-            layout: 'standard',
-        },
-        'autocompleteFixed facetPaletteOptions': {
-            gridSize: '38px',
-            hideLabel: false,
-        },
-        'autocompleteFixed facetGridOptions': {
-            gridSize: '38px',
-        },
-        'autocompleteFixed facet': {
-            ...(autocompleteFixedThemeComponentProps.default?.['autocompleteFixed facet'] || {}),
-            display: {
-                list: {
-                    limit: 5,
-                },
-                hierarchy: {
-                    limit: 5,
-                },
-                grid: {
-                    limit: 6,
-                },
-                palette: {
-                    limit: 6,
-                },
-            },
-        },
-        'autocompleteFixed results': {
-            rows: 2,
-            columns: 3,
-        },
-        'autocompleteFixed recommendationGrid': {
-            rows: 2,
-            columns: 4,
-        },
-        'autocompleteFixed button.see-more icon': {
-            icon: custom.icons.arrowRight,
-            size: `${custom.sizes.icon12}px`,
-        },
-    },
-    mobile: {
-        ...autocompleteFixedThemeComponentProps.mobile,
-        autocompleteFixed: {
-            ...(autocompleteFixedThemeComponentProps.mobile?.['autocompleteFixed'] || {}),
-            width: 'auto',
-            layout: 'mini',
-        },
-        'autocompleteFixed results': {
-            rows: 1,
-            columns: 3,
-        },
-        'autocompleteFixed recommendationGrid': {
-            rows: 1,
-            columns: 3,
-        },
-    },
-    tablet: {
-        ...autocompleteFixedThemeComponentProps.tablet,
-        autocompleteFixed: {
-            ...(autocompleteFixedThemeComponentProps.tablet?.['autocompleteFixed'] || {}),
-            width: 'auto',
-            layout: 'standard',
-        },
-        'autocompleteFixed facet': {
-            display: {
-                list: {
-                    limit: 3,
-                },
-                hierarchy: {
-                    limit: 3,
-                },
-                grid: {
-                    limit: 4,
-                },
-                palette: {
-                    limit: 4,
-                },
-            },
-        },
-        'autocompleteFixed results': {
-            rows: 1,
-            columns: 4,
-        },
-        'autocompleteFixed recommendationGrid': {
-            rows: 1,
-            columns: 4,
-        },
-    },
-    desktop: {
-        ...autocompleteFixedThemeComponentProps.desktop,
-        autocompleteFixed: {
-            ...(autocompleteFixedThemeComponentProps.desktop?.['autocompleteFixed'] || {}),
-            layout: 'standard',
-        },
-        'autocompleteFixed results': {
-            rows: 2,
-            columns: 3,
-        },
-        'autocompleteFixed recommendationGrid': {
-            rows: 2,
-            columns: 4,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/templates/autocompleteModal.d.ts

@@ -1,4 +0,0 @@
-import { ThemeComponent } from '../../../../providers';
-import { AutocompleteModalProps, AutocompleteModalTemplatesLegalProps } from '../../../../components/Templates/AutocompleteModal';
-export declare const autocompleteModal: ThemeComponent<'autocompleteModal', AutocompleteModalProps, AutocompleteModalTemplatesLegalProps>;
-//# sourceMappingURL=autocompleteModal.d.ts.map

package/dist/esm/components/src/themes/everest/components/templates/autocompleteModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AA0FlI,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CA8G/H,CAAC"}

package/dist/esm/components/src/themes/everest/components/templates/autocompleteModal.js

@@ -1,197 +0,0 @@
-import { css } from '@emotion/react';
-import { autocompleteModalThemeComponentProps } from '../../../themeComponents/autocompleteModal';
-import { custom } from '../../custom';
-// CSS in JS style script for the Search component
-const autocompleteModalStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    return css({
-        '.ss__modal': {
-            '&, .ss__modal__content': {
-                height: '100%',
-            },
-            '.ss__modal__content': {
-                backgroundColor: 'transparent',
-                justifyContent: 'center',
-                '&, .ss__autocomplete-modal__inner': {
-                    position: 'static',
-                    display: 'flex',
-                    flexFlow: 'column nowrap',
-                },
-                '.ss__autocomplete-modal__inner': {
-                    width: props?.width,
-                    maxHeight: 'none',
-                    height: '80vh',
-                    overflow: 'hidden',
-                    '& > .ss__search-input.autocomplete-modal__search-input, .ss__autocomplete': {
-                        minHeight: '1px',
-                        minWidth: '1px',
-                    },
-                    '& > .ss__search-input.autocomplete-modal__search-input': {
-                        flex: '0 1 auto',
-                        height: '40px',
-                        margin: 0,
-                        '.ss__button, .ss__search-input__button--close-search-button': {
-                            width: '40px',
-                        },
-                    },
-                    '.ss__autocomplete': {
-                        flex: '1 1 0%',
-                        borderWidth: 0,
-                        overflowY: 'auto',
-                        '&::-webkit-scrollbar': {
-                            width: '8px',
-                            height: '8px',
-                        },
-                        '&::-webkit-scrollbar-track': {
-                            backgroundColor: custom.colors.gray01,
-                        },
-                        '&::-webkit-scrollbar-thumb': {
-                            backgroundColor: custom.colors.gray02,
-                        },
-                        '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
-                            maxHeight: 'none',
-                            overflow: 'visible',
-                        },
-                    },
-                },
-            },
-        },
-        [`@media (max-width: ${mobileBp}px)`]: {
-            '.ss__modal': {
-                '.ss__modal__content': {
-                    '.ss__autocomplete-modal__inner': {
-                        width: props?.width,
-                        height: '100%',
-                    },
-                },
-            },
-        },
-        [`@media (max-width: ${custom.breakpoints.small}px)`]: {
-            '.ss__modal': {
-                '.ss__modal__content': {
-                    '.ss__autocomplete-modal__inner': {
-                        '.ss__autocomplete': {
-                            '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
-                                '& > *:nth-of-type(n+5)': {
-                                    display: 'none',
-                                },
-                            },
-                        },
-                    },
-                },
-            },
-        },
-    });
-};
-export const autocompleteModal = {
-    default: {
-        ...autocompleteModalThemeComponentProps.default,
-        autocompleteModal: {
-            ...(autocompleteModalThemeComponentProps.default?.['autocompleteModal'] || {}),
-            themeStyleScript: autocompleteModalStyleScript,
-            width: '70vw',
-            layout: 'standard',
-        },
-        'autocompleteModal facetPaletteOptions': {
-            gridSize: '38px',
-            hideLabel: false,
-        },
-        'autocompleteModal facetGridOptions': {
-            gridSize: '38px',
-        },
-        'autocompleteModal facet': {
-            ...(autocompleteModalThemeComponentProps.default?.['autocompleteModal facet'] || {}),
-            display: {
-                list: {
-                    limit: 5,
-                },
-                hierarchy: {
-                    limit: 5,
-                },
-                grid: {
-                    limit: 6,
-                },
-                palette: {
-                    limit: 6,
-                },
-            },
-        },
-        'autocompleteModal results': {
-            rows: 2,
-            columns: 3,
-        },
-        'autocompleteModal recommendationGrid': {
-            rows: 2,
-            columns: 4,
-        },
-        'autocompleteModal button.see-more icon': {
-            icon: custom.icons.arrowRight,
-            size: `${custom.sizes.icon12}px`,
-        },
-    },
-    mobile: {
-        ...autocompleteModalThemeComponentProps.mobile,
-        autocompleteModal: {
-            ...(autocompleteModalThemeComponentProps.mobile?.['autocompleteModal'] || {}),
-            width: '100%',
-            layout: 'mini',
-        },
-        'autocompleteModal results': {
-            rows: 2,
-            columns: 3,
-        },
-        'autocompleteModal recommendationGrid': {
-            rows: 2,
-            columns: 3,
-        },
-    },
-    tablet: {
-        ...autocompleteModalThemeComponentProps.tablet,
-        autocompleteModal: {
-            ...(autocompleteModalThemeComponentProps.tablet?.['autocompleteModal'] || {}),
-            width: '80vw',
-            layout: 'standard',
-        },
-        'autocompleteModal facet': {
-            display: {
-                list: {
-                    limit: 3,
-                },
-                hierarchy: {
-                    limit: 3,
-                },
-                grid: {
-                    limit: 4,
-                },
-                palette: {
-                    limit: 4,
-                },
-            },
-        },
-        'autocompleteModal results': {
-            rows: 2,
-            columns: 4,
-        },
-        'autocompleteModal recommendationGrid': {
-            rows: 2,
-            columns: 4,
-        },
-    },
-    desktop: {
-        ...autocompleteModalThemeComponentProps.desktop,
-        autocompleteModal: {
-            ...(autocompleteModalThemeComponentProps.desktop?.['autocompleteModal'] || {}),
-            width: '80vw',
-            layout: 'standard',
-        },
-        'autocompleteModal results': {
-            rows: 2,
-            columns: 3,
-        },
-        'autocompleteModal recommendationGrid': {
-            rows: 2,
-            columns: 4,
-        },
-    },
-};

package/dist/esm/components/src/themes/everest/components/templates/autocompleteSlideout.d.ts

@@ -1,4 +0,0 @@
-import { ThemeComponent } from '../../../../providers';
-import { AutocompleteSlideoutProps, AutocompleteSlideoutTemplatesLegalProps } from '../../../../components/Templates/AutocompleteSlideout';
-export declare const autocompleteSlideout: ThemeComponent<'autocompleteSlideout', AutocompleteSlideoutProps, AutocompleteSlideoutTemplatesLegalProps>;
-//# sourceMappingURL=autocompleteSlideout.d.ts.map

package/dist/esm/components/src/themes/everest/components/templates/autocompleteSlideout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/templates/autocompleteSlideout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,uCAAuC,EAAE,MAAM,uDAAuD,CAAC;AA2D3I,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,uCAAuC,CAkE3I,CAAC"}