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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetGridOptions.d.ts.map

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetGridOptions.js

@@ -1,70 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-import Color from 'color';
-// CSS in JS style script for the FacetGridOptions component
-const facetGridOptionsStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const activeColor = new Color(variables?.colors?.primary || undefined);
-    const fontColor = activeColor.isDark() || activeColor.hex().toLowerCase() == '#00aeef'
-        ? Color(custom.colors.white || undefined)
-        : Color(custom.colors.black || undefined);
-    const gridSize = props?.gridSize ? props.gridSize : '52px';
-    return css({
-        gridTemplateColumns: `repeat(auto-fill, minmax(${gridSize}, 1fr))`,
-        gap: props?.gapSize ? props.gapSize : custom.spacing.x1,
-        alignItems: 'center',
-        '.ss__facet-grid-options__option': {
-            position: 'relative',
-            height: '100%',
-            aspectRatio: 1,
-            border: 0,
-            color: variables?.colors?.text,
-            '&, &:after, .ss__facet-grid-options__option__value': {
-                boxSizing: 'border-box',
-            },
-            '&:after, .ss__facet-grid-options__option__value': {
-                display: 'block',
-            },
-            '&:after': {
-                content: '""',
-                position: 'absolute',
-                top: 0,
-                bottom: 0,
-                left: 0,
-                right: 0,
-                zIndex: 1,
-                border: `1px solid ${custom.colors.gray02}`,
-                backgroundColor: custom.colors.gray01,
-            },
-            '.ss__facet-grid-options__option__value': {
-                position: 'relative',
-                zIndex: 2,
-                maxWidth: `calc(100% - ${custom.spacing.x2}px)`,
-                maxHeight: `calc(100% - ${custom.spacing.x2}px)`,
-                overflow: 'hidden',
-                '&, &.ss__facet-grid-options__option__value--smaller': {
-                    fontSize: custom.utils.convertPxToEm(12),
-                    lineHeight: 1,
-                },
-            },
-        },
-        '.ss__facet-grid-options__option.ss__facet-grid-options__option--filtered': {
-            fontWeight: custom.fonts.weight01,
-            color: fontColor.hex(),
-            '&:after': {
-                backgroundColor: activeColor.hex(),
-                borderColor: activeColor.hex(),
-            },
-        },
-    });
-};
-// FacetGridOptions component props
-export const facetGridOptions = {
-    default: {
-        facetGridOptions: {
-            themeStyleScript: facetGridOptionsStyleScript,
-            gridSize: '52px',
-            gapSize: `${custom.spacing.x1}px`,
-        },
-    },
-};

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetHierarchyOptions.d.ts

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetHierarchyOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"facetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/facetHierarchyOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,wCAAwC,EAAE,MAAM,wDAAwD,CAAC;AACnJ,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmDvD,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,wCAAwC,CAU/I,CAAC"}

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetHierarchyOptions.js

@@ -1,59 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the FacetHierarchyOptions component
-const facetHierarchyOptionsStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const lightGray = custom.utils.lightenColor(variables?.colors?.text, 0.65);
-    return css({
-        '.ss__facet-hierarchy-options__option': {
-            display: 'block',
-            margin: `0 0 ${custom.spacing.x1}px 0`,
-            padding: 0,
-            color: variables?.colors?.text,
-            '&:last-of-type': {
-                marginBottom: 0,
-            },
-            '.ss__facet-hierarchy-options__option__value': {
-                margin: 0,
-                '.ss__facet-hierarchy-options__option__value__count': {
-                    position: 'relative',
-                    top: '-1px',
-                    margin: 0,
-                    padding: `0 ${custom.spacing.x1}px`,
-                    fontSize: custom.utils.convertPxToEm(10),
-                    color: lightGray,
-                },
-            },
-        },
-        '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--return': {
-            '&:before': {
-                display: 'none',
-            },
-            '.ss__icon': {
-                position: 'relative',
-                top: '1px',
-                margin: `0 ${custom.spacing.x1}px 0 0`,
-                padding: 0,
-            },
-        },
-        '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--filtered': {
-            fontWeight: custom.fonts.weight01,
-            color: variables?.colors?.primary,
-            '& ~ .ss__facet-hierarchy-options__option:not(.ss__facet-hierarchy-options__option--filtered)': {
-                paddingLeft: `${custom.spacing.x6}px`,
-            },
-        },
-    });
-};
-// FacetHierarchyOptions component props
-export const facetHierarchyOptions = {
-    default: {
-        facetHierarchyOptions: {
-            themeStyleScript: facetHierarchyOptionsStyleScript,
-            returnIcon: custom.icons.arrowLeft,
-        },
-        'facetHierarchyOptions icon': {
-            size: `${custom.sizes.icon12}px`,
-        },
-    },
-};

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetListOptions.d.ts

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetListOptions.d.ts.map

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetListOptions.js

@@ -1,49 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the FacetListOptions component
-const facetListOptionsStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const lightGray = custom.utils.lightenColor(variables?.colors?.text, 0.65);
-    const checkboxSpacing = custom.sizes.icon16 + custom.spacing.x2;
-    return css({
-        '.ss__facet-list-options__option': {
-            display: 'block',
-            position: 'relative',
-            margin: `0 0 ${custom.spacing.x1}px 0`,
-            color: variables?.colors?.text,
-            padding: props?.hideCheckbox ? `` : `0 0 0 ${checkboxSpacing}px`,
-            '&:last-of-type': {
-                marginBottom: 0,
-            },
-            '.ss__checkbox, .ss__radio': {
-                position: 'absolute',
-                top: '1.5px',
-                left: 0,
-            },
-            '.ss__facet-list-options__option__value': {
-                margin: 0,
-                '.ss__facet-list-options__option__value__count': {
-                    position: 'relative',
-                    top: '-1px',
-                    margin: 0,
-                    padding: `0 ${custom.spacing.x1}px`,
-                    fontSize: custom.utils.convertPxToEm(10),
-                    color: lightGray,
-                },
-            },
-        },
-        '.ss__facet-list-options__option.ss__facet-list-options__option--filtered': {
-            fontWeight: custom.fonts.weight01,
-            color: variables?.colors?.primary,
-        },
-    });
-};
-// FacetListOptions component props
-export const facetListOptions = {
-    default: {
-        facetListOptions: {
-            themeStyleScript: facetListOptionsStyleScript,
-            respectSingleSelect: true,
-        },
-    },
-};

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetPaletteOptions.d.ts

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetPaletteOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"facetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/facetPaletteOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAC7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsLvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CA0BvI,CAAC"}

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetPaletteOptions.js

@@ -1,200 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the FacetPaletteOptions component
-const facetPaletteStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    const lightGray = custom.utils.lightenColor(variables?.colors?.text, 0.65);
-    const hasCheckbox = !props?.hideCheckbox ? true : false;
-    // set details for radius
-    const radius = 0;
-    const radiusUnit = 'px';
-    const paletteRadius = radius ? `${radius}${radiusUnit}` : `0`;
-    // determine inner border width
-    let innerBorder = 5;
-    if (props?.layout == 'list') {
-        innerBorder = hasCheckbox ? 2 : 3;
-    }
-    // shared palette styles
-    const sharedStyles = css({
-        '.ss__facet-palette-options__option': {
-            display: 'block',
-            color: variables?.colors?.text,
-            '&, &.ss__facet-palette-options__option--filtered': {
-                '.ss__facet-palette-options__option__wrapper': {
-                    border: 0,
-                    borderRadius: 0,
-                    padding: 0,
-                },
-            },
-            '&.ss__facet-palette-options__option--filtered': {
-                '.ss__facet-palette-options__option__wrapper .ss__facet-palette-options__option__palette': {
-                    '&:before': {
-                        opacity: 1,
-                    },
-                    '&:after': {
-                        opacity: 0.3,
-                    },
-                },
-            },
-            '.ss__facet-palette-options__option__wrapper': {
-                overflow: 'hidden',
-                '.ss__facet-palette-options__option__palette': {
-                    border: 0,
-                    padding: 0,
-                    '&, &:before, &:after': {
-                        position: 'absolute',
-                        top: 0,
-                        bottom: 0,
-                        left: 0,
-                        right: 0,
-                        borderRadius: paletteRadius,
-                        boxSizing: 'border-box',
-                    },
-                    '&:before, &:after': {
-                        content: '""',
-                        display: 'block',
-                    },
-                    '&:before': {
-                        border: `${innerBorder}px solid ${custom.colors.white}`,
-                        margin: '1px',
-                        opacity: 0,
-                    },
-                    '&:after': {
-                        border: `1px solid ${custom.colors.black}`,
-                        opacity: 0.15,
-                    },
-                    '&[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__facet-palette-options__option__value__count': {
-                position: 'relative',
-                top: props?.layout == 'list' ? '-1px' : '',
-                padding: props?.layout == 'list' ? `0 ${custom.spacing.x1}px` : ``,
-                fontSize: custom.utils.convertPxToEm(10),
-                color: lightGray,
-            },
-        },
-    });
-    // grid palette styles
-    const gridStyles = css([
-        sharedStyles,
-        {
-            gridTemplateColumns: `repeat(auto-fill, minmax(${props?.gridSize ? props.gridSize : '52px'}, 1fr))`,
-            gap: props?.gapSize ? props.gapSize : custom.spacing.x1,
-            alignItems: 'center',
-            '.ss__facet-palette-options__option': {
-                textAlign: 'center',
-                '&, &.ss__facet-palette-options__option--filtered': {
-                    '.ss__facet-palette-options__option__wrapper': {
-                        position: 'relative',
-                        height: 0,
-                        padding: '0 0 100% 0',
-                    },
-                },
-                '.ss__checkbox, .ss__radio': {
-                    display: 'none',
-                },
-                '.ss__facet-palette-options__option__value, .ss__facet-palette-options__option__value__count': {
-                    display: 'block',
-                    lineHeight: '0.85rem',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                },
-                '.ss__facet-palette-options__option__value': {
-                    fontSize: custom.utils.convertPxToEm(12),
-                    overflow: 'hidden',
-                    margin: `${custom.spacing.x1}px 0 0 0`,
-                },
-                '.ss__facet-palette-options__option__value__count': {
-                    margin: `${custom.spacing.x1 / 2}px 0 0 0`,
-                },
-            },
-        },
-    ]);
-    // list variables
-    const listSize = hasCheckbox ? 16 : 22;
-    const listCheckboxSize = 16;
-    const listPadding = hasCheckbox ? custom.spacing.x4 + listSize + listCheckboxSize : custom.spacing.x2 + listSize;
-    // list palette styles
-    const listStyles = css([
-        sharedStyles,
-        {
-            '&.ss__facet-palette-options--list': {
-                display: 'block',
-            },
-            '.ss__facet-palette-options__option': {
-                position: 'relative',
-                padding: `${hasCheckbox ? 0 : '2px'} 0 0 ${listPadding}px`,
-                margin: `0 0 ${custom.spacing.x1}px 0`,
-                minHeight: hasCheckbox ? '' : `${listSize + 2}px`,
-                '&:last-of-type': {
-                    marginBottom: 0,
-                },
-                '.ss__checkbox, .ss__radio, .ss__facet-palette-options__option__wrapper': {
-                    position: 'absolute',
-                    top: `${hasCheckbox ? 2 : 0.5}px`,
-                },
-                '.ss__checkbox, .ss__radio': {
-                    left: 0,
-                },
-                '.ss__facet-palette-options__option__wrapper': {
-                    left: hasCheckbox ? `${listCheckboxSize + custom.spacing.x2}px` : 0,
-                    width: `${listSize}px`,
-                    height: `${listSize}px`,
-                    lineHeight: `${listSize}px`,
-                },
-                '.ss__facet-palette-options__option__value, .ss__facet-palette-options__option__value__count': {
-                    display: 'inline',
-                    overflow: 'visible',
-                    textOverflow: 'unset',
-                    textAlign: 'left',
-                    whiteSpace: 'unset',
-                },
-                '.ss__facet-palette-options__option__value__count': {
-                    margin: 0,
-                },
-            },
-        },
-    ]);
-    return props?.layout == 'list' ? listStyles : gridStyles;
-};
-// FacetPaletteOptions component props
-export const facetPaletteOptions = {
-    default: {
-        facetPaletteOptions: {
-            themeStyleScript: facetPaletteStyleScript,
-            hideIcon: true,
-            gridSize: '52px',
-            gapSize: `${custom.spacing.x1}px`,
-            colorMapping: {
-                brown: {
-                    background: custom.colors.brown,
-                },
-                multi: {
-                    background: custom.colors.rainbow,
-                },
-                'multi-color': {
-                    background: custom.colors.rainbow,
-                },
-                purple: {
-                    background: custom.colors.purple,
-                },
-                rainbow: {
-                    background: custom.colors.rainbow,
-                },
-            },
-        },
-    },
-};

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetSlider.d.ts

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetSlider.d.ts.map

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/facetSlider.js

@@ -1,191 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-import Color from 'color';
-// CSS in JS style script for the FacetSlider component
-const facetSliderStyleScript = (props) => {
-    // slider options
-    const slider = {
-        handles: 20, // handle size
-        values: 14, // values size
-        bar: 6, // bar size
-        ticks: 17, // size of ticks
-        valuesPosition: 'top', // position of slider values (top or bottom)
-        valuesAlign: 'sides', // alignment of slider values (sides or center)
-    };
-    const variables = props?.theme?.variables;
-    const fontColor = props?.valueTextColor || variables?.colors?.text;
-    const darkGray = custom.utils.darkenColor(custom.colors.gray02, 0.075);
-    const valuesTop = slider.valuesPosition == 'top' ? true : false;
-    const valuesSides = slider.valuesAlign == 'sides' ? true : false;
-    const hasTicks = props?.showTicks ? true : false;
-    const hasStickyHandles = props?.stickyHandleLabel ? true : false;
-    const handleColor = new Color(props?.handleColor || variables?.colors?.primary || undefined);
-    const handleInnerColor = handleColor.isDark() || handleColor.hex().toLowerCase() == '#00aeef'
-        ? Color(custom.colors.white || undefined)
-        : Color(custom.colors.black || undefined);
-    // values font styles
-    const valuesStyles = css({
-        fontSize: custom.utils.convertPxToEm(slider.values),
-        lineHeight: `${slider.values}px`,
-        color: fontColor,
-    });
-    // shared slider styles
-    const sharedStyles = css({
-        '&, *': {
-            boxSizing: 'border-box',
-        },
-        '&, .ss__facet-slider__slider': {
-            margin: 'auto',
-        },
-        '.ss__facet-slider__slider button, .ss__facet-slider__labels label': {
-            margin: 0,
-            padding: 0,
-            '&:focus': {
-                outline: 0,
-            },
-        },
-        '.ss__facet-slider__slider': {
-            display: 'block',
-            top: 0,
-            width: '100%',
-            height: `${slider.bar}px`,
-            '.ss__facet-slider__segment, .ss__facet-slider__rail, .ss__facet-slider__handles': {
-                height: '100%',
-            },
-            '.ss__facet-slider__tick': {
-                '&:before, .ss__facet-slider__tick__label': {
-                    transform: 'translate(-50%, 0)',
-                },
-                '&:before': {
-                    top: `${slider.ticks / 2}px`,
-                    backgroundColor: darkGray,
-                },
-                '.ss__facet-slider__tick__label': {
-                    top: `${slider.ticks}px`,
-                    color: props?.tickTextColor || variables?.colors?.text,
-                    lineHeight: 1,
-                },
-            },
-            '.ss__facet-slider__segment': {
-                backgroundColor: props?.trackColor || custom.colors.gray01,
-                border: `1px solid ${props?.trackColor || custom.colors.gray02}`,
-                borderRadius: `${slider.bar}px`,
-            },
-            '.ss__facet-slider__rail': {
-                backgroundColor: props?.railColor || variables?.colors?.secondary,
-                border: `1px solid ${props?.railColor || variables?.colors?.secondary}`,
-            },
-            '.ss__facet-slider__handles': {
-                position: 'relative',
-                margin: `0 ${slider.handles / 2 - 2}px`,
-                button: {
-                    '.ss__facet-slider__handle': {
-                        transform: 'none',
-                        width: `${slider.handles}px`,
-                        height: `${slider.handles}px`,
-                        lineHeight: `${slider.handles}px`,
-                        backgroundColor: handleColor.hex(),
-                        border: `1px solid ${handleColor.hex()}`,
-                        '&:after': {
-                            width: `${slider.handles / 4}px`,
-                            height: `${slider.handles / 4}px`,
-                            backgroundColor: handleInnerColor.hex(),
-                            border: `1px solid ${handleInnerColor.hex()}`,
-                        },
-                        '.ss__facet-slider__handle__label.ss__facet-slider__handle__label--sticky': {
-                            backgroundColor: 'transparent',
-                            '&': {
-                                ...valuesStyles,
-                            },
-                        },
-                    },
-                },
-            },
-        },
-        '.ss__facet-slider__labels': {
-            display: 'flex',
-            flexFlow: 'row nowrap',
-            alignItems: 'center',
-            justifyContent: valuesSides ? '' : 'center',
-            '.ss__facet-slider__label': {
-                '&': {
-                    ...valuesStyles,
-                },
-                '&:after': {
-                    display: valuesSides ? 'none' : '',
-                    padding: `0 ${custom.spacing.x1}px`,
-                },
-                '& ~ .ss__facet-slider__label': {
-                    marginLeft: valuesSides ? 'auto' : '',
-                },
-            },
-        },
-    });
-    // spacing and size calculations
-    const handlesSizeHalf = (slider.handles - slider.bar) / 2;
-    const handlesSpacing = slider.handles + custom.spacing.x2;
-    const ticksSpacing = slider.ticks + custom.spacing.x1;
-    const stickySpacing = slider.values + custom.spacing.x2;
-    const handlesPlusSticky = handlesSizeHalf + stickySpacing;
-    const ticksPlusSticky = ticksSpacing + stickySpacing;
-    // spacing styles for different configurations
-    // note: default for facet slider is no ticks, no stick handles, values bottom
-    let spacingStyles = css({});
-    if (hasTicks && hasStickyHandles) {
-        spacingStyles = css({
-            '.ss__facet-slider__slider': {
-                margin: `${valuesTop ? handlesPlusSticky : handlesSizeHalf}px auto ${valuesTop ? ticksSpacing : ticksPlusSticky}px auto`,
-                '.ss__facet-slider__handles button .ss__facet-slider__handle': {
-                    '.ss__facet-slider__handle__label.ss__facet-slider__handle__label--sticky': {
-                        top: valuesTop ? `auto` : `${handlesSizeHalf + ticksPlusSticky - slider.bar}px`,
-                        bottom: valuesTop ? `${handlesSpacing}px` : ``,
-                    },
-                },
-            },
-        });
-    }
-    else if (hasTicks && !hasStickyHandles) {
-        spacingStyles = css({
-            '.ss__facet-slider__slider': {
-                margin: `${handlesSizeHalf}px auto ${ticksSpacing}px auto`,
-            },
-            '.ss__facet-slider__labels': {
-                order: valuesTop ? -1 : '',
-                margin: `${valuesTop ? 0 : custom.spacing.x2}px 0 ${valuesTop ? custom.spacing.x2 : 0}px 0`,
-            },
-        });
-    }
-    else if (!hasTicks && hasStickyHandles) {
-        spacingStyles = css({
-            '.ss__facet-slider__slider': {
-                margin: `${valuesTop ? handlesPlusSticky : handlesSizeHalf}px auto ${valuesTop ? handlesSizeHalf : handlesPlusSticky}px auto`,
-                '.ss__facet-slider__handles button .ss__facet-slider__handle': {
-                    '.ss__facet-slider__handle__label.ss__facet-slider__handle__label--sticky': {
-                        top: valuesTop ? 'auto' : `${handlesSpacing}px`,
-                        bottom: valuesTop ? `${handlesSpacing}px` : ``,
-                    },
-                },
-            },
-        });
-    }
-    else {
-        spacingStyles = css({
-            '.ss__facet-slider__slider': {
-                margin: `${handlesSizeHalf}px auto`,
-            },
-            '.ss__facet-slider__labels': {
-                order: valuesTop ? -1 : '',
-                margin: `${valuesTop ? 0 : custom.spacing.x2}px 0 ${valuesTop ? custom.spacing.x2 : 0}px 0`,
-            },
-        });
-    }
-    return css([sharedStyles, spacingStyles]);
-};
-// FacetSlider component props
-export const facetSlider = {
-    default: {
-        facetSlider: {
-            themeStyleScript: facetSliderStyleScript,
-        },
-    },
-};

package/dist/esm/components/src/themes/matterhorn/components/molecules/filter.d.ts

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/filter.d.ts.map

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

package/dist/esm/components/src/themes/matterhorn/components/molecules/filter.js

@@ -1,39 +0,0 @@
-import { css } from '@emotion/react';
-import { custom } from '../../custom';
-// CSS in JS style script for the Filter component
-const filterStyleScript = (props) => {
-    const variables = props?.theme?.variables;
-    return css({
-        display: 'block',
-        padding: 0,
-        '.ss__filter__button': {
-            position: 'relative',
-            height: 'auto',
-            lineHeight: 1.5,
-            padding: `${custom.spacing.x1}px ${custom.spacing.x2}px`,
-            fontWeight: 'normal',
-            color: variables?.colors?.text,
-            '&, &:hover, &:not(.ss__button--disabled):hover, &.ss__button--disabled': {
-                backgroundColor: custom.colors.gray01,
-                border: `1px solid ${custom.colors.gray02}`,
-            },
-            '.ss__button__content': {
-                '.ss__filter__label': {
-                    fontWeight: custom.fonts.weight01,
-                },
-            },
-        },
-    });
-};
-// Filter component props
-export const filter = {
-    default: {
-        filter: {
-            themeStyleScript: filterStyleScript,
-            icon: custom.icons.close,
-        },
-        'filter icon': {
-            size: `${custom.sizes.icon10}px`,
-        },
-    },
-};