@athoscommerce/snap-preact 1.1.5 → 1.2.1

package/dist/esm/components/src/themes/pike/components/templates/recommendationBundle.js

@@ -12,8 +12,8 @@ const checkboxHeight = 16;
 const recommendationBundleStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
     // bundle shared styles
     const sharedStyles = css({
         '.ss__recommendation-bundle__wrapper__cta': {
@@ -31,9 +31,7 @@ const recommendationBundleStyleScript = (props) => {
             ...custom.styles.headerText(variables?.colors?.secondary, '18px'),
         },
         '.ss__recommendation-bundle__description': {
-            fontSize: '14px',
-            fontWeight: 'normal',
-            color: variables?.colors?.text,
+            ...custom.styles.baseText(variables?.colors?.text),
         },
         '.ss__recommendation-bundle__wrapper': {
             flexFlow: 'row wrap',
@@ -56,7 +54,7 @@ const recommendationBundleStyleScript = (props) => {
             '.ss__recommendation-bundle__wrapper__carousel': {
                 '.ss__recommendation__carousel >': {
                     '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
-                        bottom: `calc(10.15rem - ${custom.spacing.x4}px)`,
+                        bottom: `calc(10.40rem - ${custom.spacing.x4}px)`,
                     },
                 },
             },

package/dist/esm/components/src/themes/pike/components/templates/recommendationBundleEasyAdd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,gCAAgC,EAChC,8CAA8C,EAC9C,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CACvD,6BAA6B,EAC7B,gCAAgC,EAChC,8CAA8C,CAwC9C,CAAC"}
+{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,gCAAgC,EAChC,8CAA8C,EAC9C,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CACvD,6BAA6B,EAC7B,gCAAgC,EAChC,8CAA8C,CAwC9C,CAAC"}

package/dist/esm/components/src/themes/pike/components/templates/recommendationBundleList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,6BAA6B,EAC7B,2CAA2C,EAC3C,MAAM,2DAA2D,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyHvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CACpD,0BAA0B,EAC1B,6BAA6B,EAC7B,2CAA2C,CA+C3C,CAAC"}
+{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,6BAA6B,EAC7B,2CAA2C,EAC3C,MAAM,2DAA2D,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA0HvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CACpD,0BAA0B,EAC1B,6BAA6B,EAC7B,2CAA2C,CA+C3C,CAAC"}

package/dist/esm/components/src/themes/pike/components/templates/recommendationBundleVertical.js

@@ -12,7 +12,6 @@ const checkboxHeight = 16;
 const recommendationBundleVerticalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
     // bundle vertical shared styles
     const sharedStyles = css({
         '.ss__recommendation-bundle-vertical__wrapper__cta': {
@@ -95,7 +94,7 @@ const recommendationBundleVerticalStyleScript = (props) => {
                 display: 'none',
             },
         },
-        [`${custom.utils.getBp(mobileBp - 100)}`]: {
+        [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
             '.ss__recommendation-bundle-vertical__wrapper .ss__recommendation-bundle-vertical__wrapper__selector .ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper:has(.ss__result--list) .ss__checkbox': {
                 right: 'auto',
                 left: `calc(33.33% - ${custom.spacing.x4}px)`,

package/dist/esm/components/src/themes/pike/components/templates/recommendationEmail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAE7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqCvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAuBvI,CAAC"}
+{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAE7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuDvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAoBvI,CAAC"}

package/dist/esm/components/src/themes/pike/components/templates/recommendationEmail.js

@@ -7,23 +7,41 @@ const recommendationEmailStyleScript = (props) => {
     const variables = props?.theme?.variables;
     const recommendationEmailStyles = css({
         ...custom.styles.boxSizing('recommendationEmail', props?.treePath, props?.name),
+        padding: `0 0 ${custom.spacing.x6}px 0`,
+        '&:has(.ss__rating)': {
+            '.ss__recommendation-email__result-wrapper': {
+                height: '465px',
+            },
+        },
+        '&:has(.ss__callout-badge)': {
+            '.ss__recommendation-email__result-wrapper': {
+                height: '475px',
+            },
+        },
+        '&:has(.ss__callout-badge):has(.ss__rating)': {
+            '.ss__recommendation-email__result-wrapper': {
+                height: '500px',
+            },
+        },
         '.ss__recommendation-email__result-wrapper': {
             width: '400px !important',
-            height: '475px',
+            height: '440px',
             margin: `0 0 ${custom.spacing.x6}px 0`,
             padding: `0 ${custom.spacing.x2}px`,
             overflow: 'hidden',
         },
         '.ss__result': {
             '&, &*': {
-                fontSize: '14px',
-                lineHeight: 1.4,
                 textAlign: 'center',
             },
+            '.ss__result__image-wrapper': {
+                overflow: 'hidden',
+            },
             '.ss__result__details': {
                 '.ss__result__details__title a': {
                     display: 'block',
                     height: '20px',
+                    lineHeight: '20px',
                     ...custom.styles.textOverflow(),
                 },
             },
@@ -39,9 +57,6 @@ export const recommendationEmail = {
             ...(recommendationEmailThemeComponentProps.default?.['recommendationEmail'] || {}),
             themeStyleScript: recommendationEmailStyleScript,
         },
-        'recommendationEmail result': {
-            hideBadge: false,
-        },
         'recommendationEmail result image': {
             lazy: false,
         },

package/dist/esm/components/src/themes/pike/components/templates/recommendationGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationGrid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,qDAAqD,CAAC;AAE1I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsCvD,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,EAAE,uBAAuB,EAAE,qCAAqC,CA+BnI,CAAC"}
+{"version":3,"file":"recommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationGrid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,qDAAqD,CAAC;AAE1I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqDvD,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,EAAE,uBAAuB,EAAE,qCAAqC,CAgCnI,CAAC"}

package/dist/esm/components/src/themes/pike/components/templates/recommendationGrid.js

@@ -5,9 +5,10 @@ import { custom } from '../../custom';
 const recommendationGridStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    // recommendation grid styles
-    const recommendationGridStyles = css({
+    const tabletBp = variables?.breakpoints?.tablet;
+    const hasOverflow = props?.rows == 1 ? true : false;
+    // shared styles
+    const sharedStyles = css({
         margin: `${custom.spacing.x8}px 0`,
         maxHeight: 'none',
         ...custom.styles.boxSizing('recommendationGrid', props?.treePath, props?.name),
@@ -15,10 +16,6 @@ const recommendationGridStyleScript = (props) => {
             margin: `0 0 ${custom.spacing.x4}px 0`,
             ...custom.styles.headerText(variables?.colors?.secondary, '18px'),
         },
-        '.ss__recommendation-grid__results': {
-            overflowX: 'auto',
-            ...custom.styles.scrollbar(),
-        },
         [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
             '.ss__recommendation-grid__title': {
                 fontSize: '22px',
@@ -30,7 +27,23 @@ const recommendationGridStyleScript = (props) => {
             },
         },
     });
-    return recommendationGridStyles;
+    // recommendation grid styles
+    const recommendationGridStyles = css([sharedStyles]);
+    // recommendation grid overflow styles
+    const recommendationGridOverflowStyles = css([
+        sharedStyles,
+        {
+            '.ss__recommendation-grid__results': {
+                overflowX: 'auto',
+                paddingBottom: `${custom.spacing.x2}px`,
+                ...custom.styles.scrollbar(),
+                '& > div': {
+                    minWidth: '175px',
+                },
+            },
+        },
+    ]);
+    return hasOverflow ? recommendationGridOverflowStyles : recommendationGridStyles;
 };
 // RecommendationGrid component props come from Template export
 export const recommendationGrid = {
@@ -40,7 +53,7 @@ export const recommendationGrid = {
             ...(recommendationGridThemeComponentProps.default?.['recommendationGrid'] || {}),
             themeStyleScript: recommendationGridStyleScript,
             gapSize: `${custom.spacing.x4}px`,
-            columns: 4,
+            columns: 5,
         },
     },
     mobile: {
@@ -62,6 +75,7 @@ export const recommendationGrid = {
         ...recommendationGridThemeComponentProps.desktop,
         recommendationGrid: {
             ...(recommendationGridThemeComponentProps.desktop?.['recommendationGrid'] || {}),
+            columns: 4,
         },
     },
 };

package/dist/esm/components/src/themes/pike/components/templates/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwGvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiCnF,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoGvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiCnF,CAAC"}

package/dist/esm/components/src/themes/pike/components/templates/search.js

@@ -5,8 +5,8 @@ import { custom } from '../../custom';
 const searchStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     // search styles
     const searchStyles = css({
         ...custom.styles.boxSizing('search', props?.treePath, props?.name),
@@ -33,12 +33,10 @@ const searchStyleScript = (props) => {
                     '&:has(.ss__pagination-info:last-child)': {
                         flexDirection: 'row-reverse',
                     },
-                    '&:has(.ss__mobile-sidebar)': {
-                        '.ss__mobile-sidebar': {
-                            minWidth: '1px',
-                            '.ss__mobile-sidebar__slideout__button': {
-                                width: '100%',
-                            },
+                    '.ss__mobile-sidebar': {
+                        minWidth: '1px',
+                        '.ss__mobile-sidebar__slideout__button': {
+                            width: '100%',
                         },
                     },
                 },
@@ -47,10 +45,8 @@ const searchStyleScript = (props) => {
         [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
             '.ss__search__main-section': {
                 '.ss__toolbar': {
-                    '.ss__layout__row:has(.ss__mobile-sidebar)': {
-                        '.ss__mobile-sidebar': {
-                            minWidth: '200px',
-                        },
+                    '.ss__mobile-sidebar': {
+                        minWidth: '200px',
                     },
                 },
             },
@@ -60,13 +56,13 @@ const searchStyleScript = (props) => {
                 '.ss__toolbar': {
                     '.ss__layout__row': {
                         '&:has(.ss__select)': {
-                            '.ss__select': {
-                                flex: '1 1 0%',
-                            },
                             '.ss__layout__separator': {
                                 display: 'none',
                             },
                         },
+                        '.ss__select': {
+                            flex: '1 1 0%',
+                        },
                         '.ss__pagination-info': {
                             flex: '1 1 100%',
                             order: -1,
@@ -80,13 +76,13 @@ const searchStyleScript = (props) => {
                 '.ss__toolbar': {
                     '.ss__layout__row': {
                         '&:has(.ss__select)': {
-                            '.ss__select': {
-                                flex: '0 1 auto',
-                            },
                             '.ss__layout__separator': {
                                 display: 'block',
                             },
                         },
+                        '.ss__select': {
+                            flex: '0 1 auto',
+                        },
                         '.ss__pagination-info': {
                             flex: '1 1 0%',
                             order: 0,

package/dist/esm/components/src/themes/pike/components/templates/searchCollapsible.js

@@ -5,7 +5,7 @@ import { custom } from '../../custom';
 const searchCollapsibleStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const tabletBp = variables?.breakpoints?.tablet;
     // search collapsible styles
     const searchCollapsibleStyles = css({
         ...custom.styles.boxSizing('searchCollapsible', props?.treePath, props?.name),

package/dist/esm/components/src/themes/pike/components/templates/searchHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/searchHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAEpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsEvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAgC3H,CAAC"}
+{"version":3,"file":"searchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/searchHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAEpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmEvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAgC3H,CAAC"}

package/dist/esm/components/src/themes/pike/components/templates/searchHorizontal.js

@@ -5,7 +5,7 @@ import { custom } from '../../custom';
 const searchHorizontalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const mobileBp = variables?.breakpoints?.mobile ?? custom.breakpoints.mobile;
     // search horizontal styles
     const searchHorizontalStyles = css({
         ...custom.styles.boxSizing('searchHorizontal', props?.treePath, props?.name),
@@ -24,18 +24,14 @@ const searchHorizontalStyleScript = (props) => {
             },
             '.ss__toolbar': {
                 '.ss__layout__row': {
-                    '&:has(.ss__mobile-sidebar)': {
-                        '.ss__mobile-sidebar': {
-                            minWidth: '1px',
-                            '.ss__mobile-sidebar__slideout__button': {
-                                width: '100%',
-                            },
+                    '.ss__mobile-sidebar': {
+                        minWidth: '1px',
+                        '.ss__mobile-sidebar__slideout__button': {
+                            width: '100%',
                         },
                     },
-                    '&:has(.ss__select)': {
-                        '.ss__select': {
-                            flex: '1 1 0%',
-                        },
+                    '.ss__select': {
+                        flex: '1 1 0%',
                     },
                 },
             },
@@ -43,10 +39,8 @@ const searchHorizontalStyleScript = (props) => {
         [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
             '.ss__search-horizontal__main-section': {
                 '.ss__toolbar': {
-                    '.ss__layout__row:has(.ss__mobile-sidebar)': {
-                        '.ss__mobile-sidebar': {
-                            minWidth: '200px',
-                        },
+                    '.ss__mobile-sidebar': {
+                        minWidth: '200px',
                     },
                 },
             },
@@ -54,7 +48,10 @@ const searchHorizontalStyleScript = (props) => {
         [`${custom.utils.getBp(mobileBp)}`]: {
             '.ss__search-horizontal__main-section': {
                 '.ss__toolbar': {
-                    '.ss__layout__row:has(.ss__select)': {
+                    '.ss__layout__row': {
+                        '.ss__mobile-sidebar': {
+                            minWidth: '1px',
+                        },
                         '.ss__select': {
                             flex: '0 1 auto',
                         },

package/dist/esm/components/src/themes/pike/custom.d.ts

@@ -7,13 +7,13 @@ type ObjectIconType = {
     [key: string]: IconType;
 };
 type ObjectNestedType = {
-    [key: string]: ObjectNumberOrStringType | ObjectNestedType;
+    [key: string]: ObjectNumberOrStringType | ObjectNestedType | undefined;
 };
 type ObjectNumberType = {
     [key: string]: number;
 };
 type ObjectNumberOrStringType = {
-    [key: string]: number | string;
+    [key: string]: number | string | undefined;
 };
 type ObjectStringType = {
     [key: string]: string;
@@ -28,6 +28,7 @@ type CustomThemeType = {
     styles: {
         activeText: (color?: string) => ObjectNestedType;
         badgeText: (fontSize: number) => ObjectNumberOrStringType;
+        baseText: (color?: string) => ObjectNumberOrStringType;
         borderRadius: (value?: number, unit?: string) => ObjectStringType | null;
         box: (color?: string, padding?: number | string, radius?: boolean) => ObjectNumberOrStringType;
         boxSizing: (component: string, treePath?: string, name?: string) => ObjectNestedType | null;

package/dist/esm/components/src/themes/pike/custom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/pike/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,eAgRpB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,gBAAgB,CAAC;CAC3D,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACjD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QACzE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,wBAAwB,CAAC;QAC/F,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QAC5F,QAAQ,EAAE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,gBAAgB,CAAC;QACxH,SAAS,EAAE,MAAM,gBAAgB,CAAC;QAClC,MAAM,EAAE,MAAM,wBAAwB,CAAC;QACvC,YAAY,EAAE,MAAM,wBAAwB,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;QAC3C,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QACzD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7C,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KAC1D,CAAC;CACF,CAAC"}
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/pike/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,eAwRpB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACjD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC1D,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QACvD,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QACzE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,wBAAwB,CAAC;QAC/F,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QAC5F,QAAQ,EAAE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,gBAAgB,CAAC;QACxH,SAAS,EAAE,MAAM,gBAAgB,CAAC;QAClC,MAAM,EAAE,MAAM,wBAAwB,CAAC;QACvC,YAAY,EAAE,MAAM,wBAAwB,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;QAC3C,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QACzD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7C,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KAC1D,CAAC;CACF,CAAC"}

package/dist/esm/components/src/themes/pike/custom.js

@@ -70,7 +70,7 @@ export const custom = {
             return {
                 '&, &:hover': {
                     fontWeight: custom?.fonts?.weight01,
-                    color: color ? color : '',
+                    color: color || undefined,
                 },
             };
         },
@@ -82,6 +82,14 @@ export const custom = {
                 lineHeight: 1.2,
             };
         },
+        baseText: (color) => {
+            // header text styles
+            return {
+                fontSize: '14px',
+                lineHeight: 1.5,
+                color: color || undefined,
+            };
+        },
         borderRadius: (value, unit) => {
             const hasValue = value || value === 0 ? true : false;
             value = hasValue ? value : custom.sizes.radius;
@@ -111,7 +119,7 @@ export const custom = {
                 border: `1px solid ${custom.colors.gray02}`,
                 ...radiusStyle,
                 backgroundColor: custom.colors.gray01,
-                color: color ? color : '',
+                color: color || undefined,
                 padding: padding,
             };
         },
@@ -152,7 +160,7 @@ export const custom = {
                 fontSize: fontSize ? fontSize : '',
                 fontWeight: custom?.fonts?.weight02,
                 textTransform: custom?.fonts?.transform,
-                color: color ? color : '',
+                color: color || undefined,
             };
         },
         resultCompact: (layout, imageWidth, fontSize) => {
@@ -163,7 +171,7 @@ export const custom = {
                 '&': {
                     gap: `${custom.spacing.x1}px`,
                 },
-                '.ss__result__details__title a, .ss__result__details__pricing .ss__price--strike, .ss__result__details__pricing .ss__price--strike span': {
+                '.ss__result__details__title a, .ss__result__details__pricing .ss__price, .ss__result__details__pricing .ss__price span': {
                     fontSize: `${fontSize}px`,
                 },
                 '.ss__result__details__pricing .ss__result__price': {
@@ -175,7 +183,7 @@ export const custom = {
                     overflow: 'hidden',
                     WebkitLineClamp: '2',
                 },
-                '.ss__result__add-to-cart-wrapper': {
+                '.ss__result__details__variant-selection, .ss__result__add-to-cart-wrapper': {
                     marginTop: '2.5px',
                 },
             };

package/dist/esm/components/src/types.d.ts

@@ -3,7 +3,6 @@ import { h } from 'preact';
 import type { ThemeMinimal, Theme } from './providers/theme';
 import type { AbstractController } from '@athoscommerce/snap-controller';
 import type { UrlManager } from '@athoscommerce/snap-url-manager';
-import type { Product } from '@athoscommerce/snap-store-mobx';
 import { IconProps, IconType } from './components/Atoms/Icon';
 import { MutableRef } from 'preact/hooks';
 import type { Snap, SnapTemplates } from '../../src';
@@ -28,6 +27,7 @@ export interface ComponentProps<Props = any> {
     ref?: MutableRef<any> | React.RefObject<any> | ((e: any) => void);
     name?: string;
     treePath?: string;
+    customComponent?: string;
 }
 export type ListOption = {
     value: string | number;
@@ -39,12 +39,6 @@ export type ListOption = {
     url?: UrlManager;
     available?: boolean;
 };
-export type ResultComponent<Props extends Record<string, any> = object> = (props: {
-    controller: AbstractController;
-    result: Product;
-    theme?: Theme;
-    treePath?: string;
-} & Props) => h.JSX.Element | null;
 export type RecommendationBundleComponentNames = 'RecommendationBundle' | 'RecommendationBundleEasyAdd' | 'RecommendationBundleList' | 'RecommendationBundleVertical' | 'RecommendationBundle';
 export type RecommendationBundleComponentProps = RecommendationBundleProps | RecommendationBundleEasyAddProps | RecommendationBundleListProps | RecommendationBundleVerticalProps | RecommendationBundleProps;
 export type RecommendationComponentNames = 'Recommendation' | 'RecommendationGrid';

package/dist/esm/components/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,gCAAgC,EAAE,MAAM,oDAAoD,CAAC;AACtG,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,iCAAiC,EAAE,MAAM,qDAAqD,CAAC;AAExG,MAAM,MAAM,WAAW,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,gBAAgB,CAAC;AACpE,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,gBAAgB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,IAAI,CACzE,KAAK,EAAE;IACN,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,KAAK,KACL,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAE1B,MAAM,MAAM,kCAAkC,GAC3C,sBAAsB,GACtB,6BAA6B,GAC7B,0BAA0B,GAC1B,8BAA8B,GAC9B,sBAAsB,CAAC;AAE1B,MAAM,MAAM,kCAAkC,GAC3C,yBAAyB,GACzB,gCAAgC,GAChC,6BAA6B,GAC7B,iCAAiC,GACjC,yBAAyB,CAAC;AAE7B,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEnF,MAAM,MAAM,4BAA4B,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzF,oBAAY,aAAa;IACxB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,MAAM,WAAW;CACjB;AAKD,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAGF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;AAGzE,MAAM,MAAM,kBAAkB,GAAG;IAChC,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,aAAa,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC;CAC9E,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/src/types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/src/utilities/cloneWithProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/cloneWithProps.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,KAAG,GAkBxD,CAAC"}
+{"version":3,"file":"cloneWithProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/cloneWithProps.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,UAAW,GAAG,UAAU,GAAG,KAAG,GA6BxD,CAAC"}

package/dist/esm/components/src/utilities/cloneWithProps.js

@@ -1,10 +1,18 @@
-import { cloneElement } from 'preact';
+import { h, cloneElement } from 'preact';
 export const cloneWithProps = (input, props) => {
     if (!input) {
         return;
     }
     else if (typeof input == 'function') {
-        return input(props);
+        /*
+            calling component functions directly with input(props) doesn't work for all component types. In Preact/React,
+            components should be instantiated as elements using h() (or JSX), not called directly as functions.
+            Using Preact's h() function (h(input, props)) which properly creates VNodes and handles component
+            instantiation through Preact's lifecycle. This should fix the "Cannot set properties of undefined" error.
+
+            see noResults component default 'Result' example for where this was an issue - the default Result component is a functional component that relies on hooks, which won't work if called directly as a function.
+        */
+        return h(input, props);
     }
     else if (typeof input == 'string' || typeof input == 'number' || typeof input == 'boolean') {
         return input;
@@ -18,6 +26,10 @@ export const cloneWithProps = (input, props) => {
         // don't want to clone native elements
         return input;
     }
+    else if (typeof input?.type == 'function') {
+        // VNode with functional component type - create new element with merged props
+        return h(input.type, { ...input.props, ...props });
+    }
     // clone element and it's children if it has them
     return cloneElement(input, props, input.props?.children && cloneWithProps(input.props.children, props));
 };

package/dist/esm/components/src/utilities/mergeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/mergeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,wBAAgB,UAAU,CAAC,qBAAqB,SAAS,cAAc,EACtE,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAC5C,KAAK,EAAE,qBAAqB,GAC1B,qBAAqB,CAgHvB;AAiBD,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAW1D;AAED,wBAAgB,eAAe,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAyD5F"}
+{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../../../components/src/utilities/mergeProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK3D,wBAAgB,UAAU,CAAC,qBAAqB,SAAS,cAAc,EACtE,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAC5C,KAAK,EAAE,qBAAqB,GAC1B,qBAAqB,CAiMvB;AAqCD,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAW1D;AAED,wBAAgB,eAAe,CAAC,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAyD5F"}