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

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

@@ -1,40 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the List component
-const listStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    return css({
-        '&, .ss__list__options': {
-            display: 'block',
-        },
-        '.ss__list__title, .ss__list__options .ss__list__option': {
-            margin: `0 0 ${custom.spacing.x1}px 0`,
-        },
-        '.ss__list__title': {
-            display: 'block',
-            fontSize: custom.utils.convertPxToEm(14),
-            fontWeight: custom.fonts.weight02,
-            lineHeight: 1,
-        },
-        '.ss__list__options': {
-            '.ss__list__option': {
-                gap: `${custom.spacing.x2}px`,
-                '&:last-of-type': {
-                    marginBottom: 0,
-                },
-            },
-            '.ss__list__option--selected': {
-                fontWeight: custom.fonts.weight01,
-                color: variables?.colors?.primary,
-            },
-        },
-    });
-};
-// List component props
-export const list = {
-    default: {
-        list: {
-            themeStyleScript: listStyleScript,
-        },
-    },
-};

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

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

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

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

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

@@ -1,48 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-import Color from 'color';
-// CSS in JS style script for the LoadMore component
-const loadMoreStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const indicatorColor = new Color(props?.backgroundColor || custom.colors.gray01 || undefined);
-    const indicatorBorderColor = new Color(props?.backgroundColor || custom.colors.gray02 || undefined);
-    const barColor = new Color(props?.color || variables?.colors?.primary || undefined);
-    return css({
-        '&.ss__load-more': {
-            '&, .ss__load-more__progress': {
-                gap: `${custom.spacing.x2}px`,
-            },
-            '& > .ss__load-more__icon': {
-                fill: variables?.colors?.primary,
-                stroke: variables?.colors?.primary,
-            },
-            '.ss__button': {
-                '.ss__button__content': {
-                    display: 'flex',
-                    alignItems: 'center',
-                },
-            },
-            '.ss__load-more__progress': {
-                '.ss__load-more__progress__indicator': {
-                    backgroundColor: indicatorColor.hex(),
-                    border: `1px solid ${indicatorBorderColor}`,
-                    '.ss__load-more__progress__indicator__bar': {
-                        backgroundColor: barColor.hex(),
-                        margin: '-1px',
-                    },
-                },
-                '.ss__load-more__progress__text': {
-                    color: variables?.colors?.text,
-                },
-            },
-        },
-    });
-};
-// LoadMore component props
-export const loadMore = {
-    default: {
-        loadMore: {
-            themeStyleScript: loadMoreStyleScript,
-        },
-    },
-};

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

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

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

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

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

@@ -1,30 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Search component
-const overlayBadgeStyleScript = () => {
-    return css({
-        '.ss__overlay-badge__grid-wrapper': {
-            gap: `${custom.spacing.x1}px`,
-            bottom: 'auto',
-            '.ss__overlay-badge__grid-wrapper__slot': {
-                gap: 0,
-                '& > div': {
-                    padding: `${custom.spacing.x1}px ${custom.spacing.x2}px`,
-                    lineHeight: 1,
-                    span: {
-                        fontSize: custom.utils.convertPxToEm(12),
-                    },
-                },
-            },
-        },
-    });
-};
-// OverlayBadge component props
-export const overlayBadge = {
-    default: {
-        overlayBadge: {
-            themeStyleScript: overlayBadgeStyleScript,
-            limit: 3,
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAClH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkDvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAoBnG,CAAC"}

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

@@ -1,68 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Pagination component
-const paginationStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    return css({
-        nav: {
-            display: 'flex',
-            flexFlow: 'row wrap',
-            alignItems: 'center',
-            justifyContent: 'center',
-            lineHeight: 1,
-            '.ss__pagination__page, span': {
-                padding: `0 ${custom.spacing.x1}px`,
-                fontSize: custom.utils.convertPxToEm(14),
-                color: variables?.colors?.text,
-            },
-            '.ss__pagination__page': {
-                minWidth: '1px',
-                minHeight: '1px',
-            },
-            '.ss__pagination__page--active': {
-                color: variables?.colors?.primary,
-            },
-            '.ss__pagination__page--previous, .ss__pagination__page--next': {
-                lineHeight: `${custom.sizes.icon12}px`,
-                '.ss__icon': {
-                    fill: variables?.colors?.primary,
-                    stroke: variables?.colors?.primary,
-                },
-            },
-        },
-        [`@media (max-width: ${mobileBp}px)`]: {
-            nav: {
-                '.ss__pagination__page, span': {
-                    padding: `0 ${custom.spacing.x2}px`,
-                    fontSize: custom.utils.convertPxToEm(16),
-                },
-                '.ss__pagination__page--previous, .ss__pagination__page--next': {
-                    lineHeight: `${custom.sizes.icon14}px`,
-                },
-            },
-        },
-    });
-};
-// Pagination component props
-export const pagination = {
-    default: {
-        pagination: {
-            themeStyleScript: paginationStyleScript,
-        },
-        'pagination icon': {
-            size: `${custom.sizes.icon12}px`,
-        },
-        'pagination icon.prev': {
-            icon: custom.icons.arrowLeft,
-        },
-        'pagination icon.next': {
-            icon: custom.icons.arrowRight,
-        },
-    },
-    mobile: {
-        'pagination icon': {
-            size: `${custom.sizes.icon14}px`,
-        },
-    },
-};

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

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

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

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

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

@@ -1,74 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Radio component
-const radioStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const darkGray = custom.utils.darkenColor(custom.colors.gray02, 0.075);
-    // shared radio styles
-    const sharedDefaultStyles = css({
-        border: `1px solid ${custom.colors.gray02}`,
-        '&, & .ss__icon': {
-            borderRadius: '50%',
-        },
-        '.ss__icon': {
-            display: 'none',
-        },
-        '&.ss__radio--active': {
-            borderColor: darkGray,
-            '.ss__icon': {
-                display: 'block',
-                fill: variables?.colors?.primary,
-                stroke: variables?.colors?.primary,
-            },
-        },
-    });
-    const disabledStyles = css({
-        '&.ss__radio--disabled': {
-            opacity: 0.65,
-            '&, & *': {
-                cursor: 'not-allowed',
-            },
-        },
-    });
-    // default radio styles
-    const defaultStyles = css([
-        sharedDefaultStyles,
-        {
-            backgroundColor: custom.colors.gray01,
-        },
-        disabledStyles,
-    ]);
-    // native radio styles
-    const nativeStyles = css([
-        {
-            lineHeight: 0,
-            '.ss__radio__input': {
-                width: `${custom.sizes.icon16}px`,
-                height: `${custom.sizes.icon16}px`,
-                border: `1px solid ${custom.colors.gray02}`,
-                cursor: 'pointer',
-            },
-        },
-        disabledStyles,
-    ]);
-    // return radio styles
-    if (props?.native) {
-        return nativeStyles;
-    }
-    else {
-        return defaultStyles;
-    }
-};
-// Radio component props
-export const radio = {
-    default: {
-        radio: {
-            themeStyleScript: radioStyleScript,
-            size: `${custom.sizes.icon14}px`,
-        },
-        'radio icon': {
-            icon: 'square',
-            size: `${custom.sizes.icon10 - 2}px`,
-        },
-    },
-};

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

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

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

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

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

@@ -1,42 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the RadioList component
-const radioListStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    return css({
-        '.ss__radio-list__title, .ss__radio-list__options-wrapper .ss__radio-list__option': {
-            padding: 0,
-            margin: `0 0 ${custom.spacing.x1}px 0`,
-        },
-        '.ss__radio-list__title': {
-            display: 'block',
-            fontSize: custom.utils.convertPxToEm(14),
-            fontWeight: custom.fonts.weight02,
-            lineHeight: 1,
-        },
-        '.ss__radio-list__options-wrapper': {
-            '.ss__radio-list__option': {
-                gap: `${custom.spacing.x2}px`,
-                '&:last-of-type': {
-                    marginBottom: 0,
-                },
-                '.ss__radio-list__option__icon, .ss__radio-list__option__label': {
-                    padding: 0,
-                },
-            },
-            '.ss__radio-list__option--selected': {
-                fontWeight: custom.fonts.weight01,
-                color: variables?.colors?.primary,
-            },
-        },
-    });
-};
-// RadioList component props
-export const radioList = {
-    default: {
-        radioList: {
-            themeStyleScript: radioListStyleScript,
-            hideOptionLabels: false,
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/rating.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwCvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAWnF,CAAC"}

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

@@ -1,49 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Rating component
-const ratingStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const darkGray = custom.utils.darkenColor(custom.colors.gray02, 0.075);
-    return css({
-        flexWrap: 'wrap',
-        gap: `${custom.spacing.x1}px`,
-        lineHeight: 1,
-        '.ss__rating__icons': {
-            '.ss__rating__stars': {
-                margin: '0 -1px',
-                '.ss__rating__stars__star': {
-                    margin: '0 1px',
-                },
-            },
-            '.ss__rating__stars--empty': {
-                '.ss__rating__stars__star .ss__icon': {
-                    fill: darkGray,
-                    stroke: darkGray,
-                },
-            },
-            '.ss__rating__stars--full': {
-                '.ss__rating__stars__star .ss__icon': {
-                    fill: variables?.colors?.primary,
-                    stroke: variables?.colors?.primary,
-                },
-            },
-        },
-        '.ss__rating__count, .ss__rating__text': {
-            fontSize: custom.utils.convertPxToEm(12),
-            color: variables?.colors?.text,
-        },
-    });
-};
-// Rating component props
-export const rating = {
-    default: {
-        rating: {
-            themeStyleScript: ratingStyleScript,
-            emptyIcon: 'star',
-            fullIcon: 'star',
-        },
-        'rating icon': {
-            size: `${custom.sizes.icon14}px`,
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/result.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkHvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}

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

@@ -1,118 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Result component
-const resultStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const lightGray = custom.utils.lightenColor(variables?.colors?.text, 0.65);
-    return css({
-        '&.ss__result--sale': {
-            '.ss__result__details': {
-                '.ss__result__details__pricing': {
-                    '.ss__result__price:not(.ss__price--strike)': {
-                        '&, span': {
-                            color: variables?.colors?.primary,
-                        },
-                    },
-                },
-            },
-        },
-        '&.ss__result--grid': {
-            display: 'block',
-        },
-        '&.ss__result--list': {
-            display: 'flex',
-            flexFlow: 'row wrap',
-            alignItems: 'center',
-            '.ss__result__image-wrapper, .ss__result__details': {
-                minWidth: '1px',
-            },
-            '.ss__result__image-wrapper': {
-                flex: '0 0 33.33%',
-                margin: `0 ${custom.spacing.x4}px 0 0`,
-            },
-            '.ss__result__details': {
-                flex: '1 1 0%',
-                textAlign: 'left',
-                margin: 0,
-                '.ss__callout-badge, .ss__result__rating-wrapper': {
-                    justifyContent: 'flex-start',
-                },
-                '.ss__result__details__title': {
-                    flex: '1 1 0%',
-                    a: {
-                        fontSize: custom.utils.convertPxToEm(18),
-                        fontWeight: custom.fonts.weight02,
-                    },
-                },
-                '.ss__result__details__pricing': {
-                    flex: '0 1 auto',
-                    order: -1,
-                },
-            },
-        },
-        '.ss__result__image-wrapper': {
-            margin: `0 0 ${custom.spacing.x2}px 0`,
-        },
-        '.ss__result__details': {
-            padding: 0,
-            display: 'flex',
-            flexFlow: 'row wrap',
-            gap: `${custom.spacing.x2}px`,
-            '& > *, .ss__result__details__title, .ss__result__details__title, .ss__result__details__pricing': {
-                margin: 0,
-            },
-            '& > *': {
-                minWidth: '1px',
-                flex: '1 1 100%',
-            },
-            '.ss__result__details__title': {
-                order: -2,
-                a: {
-                    color: variables?.colors?.text,
-                },
-            },
-            '.ss__result__details__pricing': {
-                '.ss__result__price': {
-                    fontSize: custom.utils.convertPxToEm(16),
-                    '&:not(.ss__price--strike)': {
-                        fontWeight: custom.fonts.weight01,
-                    },
-                },
-                '.ss__price--strike': {
-                    fontSize: custom.utils.convertPxToEm(14),
-                    '&, span': {
-                        color: lightGray,
-                    },
-                },
-            },
-        },
-        [`@media (max-width: ${custom.breakpoints.small}px)`]: {
-            '&.ss__result--list': {
-                display: 'block',
-                '.ss__result__details': {
-                    textAlign: 'center',
-                    '.ss__callout-badge, .ss__result__rating-wrapper': {
-                        justifyContent: 'center',
-                    },
-                    '.ss__result__details__title, .ss__result__details__pricing': {
-                        flex: '1 1 100%',
-                    },
-                    '.ss__result__details__pricing': {
-                        order: 0,
-                    },
-                },
-                '.ss__result__image-wrapper': {
-                    margin: `0 0 ${custom.spacing.x2}px 0`,
-                },
-            },
-        },
-    });
-};
-// Result component props
-export const result = {
-    default: {
-        result: {
-            themeStyleScript: resultStyleScript,
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"searchInput.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/searchInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,8CAA8C,CAAC;AACrH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsEvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAkBvG,CAAC"}

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

@@ -1,86 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the SearchInput component
-const searchInputStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const lightGray = custom.utils.lightenColor(variables?.colors?.text, 0.65);
-    const darkPrimary = custom.utils.darkenColor(variables?.colors?.primary, 0.15);
-    return css({
-        '&.ss__search-input': {
-            margin: `0 0 ${custom.spacing.x2}px`,
-            border: 0,
-            height: '35px',
-            '& > *': {
-                minWidth: '1px',
-            },
-            '.ss__search-input__input, .ss__search-input__icons, .ss__button': {
-                height: '100%',
-                lineHeight: 1,
-            },
-            '.ss__search-input__icons, .ss__search-input__button--close-search-button': {
-                flex: '0 1 auto',
-            },
-            '.ss__button, .ss__search-input__button--close-search-button': {
-                width: '35px',
-                boxSizing: 'border-box',
-                justifyContent: 'center',
-                '&, &:hover': {
-                    border: 0,
-                },
-                '&, .ss__icon': {
-                    padding: 0,
-                },
-                '.ss__icon': {
-                    fill: custom.colors.white,
-                    stroke: custom.colors.white,
-                },
-            },
-            '.ss__search-input__input': {
-                flex: '1 1 0%',
-                border: `1px solid ${custom.colors.gray02}`,
-                backgroundColor: custom.colors.gray01,
-                padding: `0 ${custom.spacing.x2}px`,
-                minHeight: '1px',
-                fontSize: custom.utils.convertPxToEm(14),
-                color: variables?.colors?.text,
-                '&::-webkit-input-placeholder': {
-                    color: lightGray,
-                },
-                '&::-ms-input-placeholder': {
-                    color: lightGray,
-                },
-                '&::placeholder': {
-                    color: lightGray,
-                },
-            },
-            '.ss__search-input__icons': {
-                gap: '1px',
-                margin: '0 0 0 -1px',
-                backgroundColor: darkPrimary,
-            },
-            '.ss__search-input__button--close-search-button': {
-                margin: '0 -1px 0 0',
-            },
-        },
-    });
-};
-// SearchInput component props
-export const searchInput = {
-    default: {
-        searchInput: {
-            themeStyleScript: searchInputStyleScript,
-        },
-        'searchInput icon': {
-            size: `${custom.sizes.icon14}px`,
-        },
-        'searchInput button.close-search icon': {
-            icon: custom.icons.arrowLeft,
-        },
-        'searchInput button.clear-search icon': {
-            icon: custom.icons.close,
-        },
-        'searchInput button.submit-search icon': {
-            icon: custom.icons.search,
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/molecules/select.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiIvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiBnF,CAAC"}