@gem-sdk/core 2.0.0-dev.168 → 2.0.0-dev.170

package/dist/cjs/helpers/shadow.js

@@ -79,6 +79,25 @@ const getResponsiveStyleShadowWithoutState = (value, styleAppliedFor, isEnableSh
         };
     }
 };
+const composeShadow = (shadowInput)=>{
+    return {
+        ...getStyleShadowState(shadowInput?.desktop, 'box-shadow', {
+            normal: shadowInput?.desktop?.normal?.type !== 'none',
+            focus: shadowInput?.desktop?.focus?.type !== 'none',
+            hover: shadowInput?.desktop?.hover?.type !== 'none'
+        }),
+        ...getStyleShadowState(shadowInput?.tablet, 'box-shadow', {
+            normal: shadowInput?.tablet?.normal?.type !== 'none',
+            focus: shadowInput?.tablet?.focus?.type !== 'none',
+            hover: shadowInput?.tablet?.hover?.type !== 'none'
+        }, 'tablet'),
+        ...getStyleShadowState(shadowInput?.mobile, 'box-shadow', {
+            normal: shadowInput?.mobile?.normal?.type !== 'none',
+            focus: shadowInput?.mobile?.focus?.type !== 'none',
+            hover: shadowInput?.mobile?.hover?.type !== 'none'
+        }, 'mobile')
+    };
+};
 const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     if (!hasBoxShadow) return undefined;
     if (!boxShadowValue) return undefined;
@@ -87,6 +106,7 @@ const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)}${sub};`;
 };
 
+exports.composeShadow = composeShadow;
 exports.composeShadowCss = composeShadowCss;
 exports.getResponsiveStyleShadow = getResponsiveStyleShadow;
 exports.getResponsiveStyleShadowWithoutState = getResponsiveStyleShadowWithoutState;

package/dist/cjs/index.js

@@ -284,6 +284,7 @@ exports.props = render.props;
 exports.removeUndefinedValuesFromObject = render.removeUndefinedValuesFromObject;
 exports.styles = render.styles;
 exports.template = render.template;
+exports.composeShadow = shadow.composeShadow;
 exports.composeShadowCss = shadow.composeShadowCss;
 exports.getResponsiveStyleShadow = shadow.getResponsiveStyleShadow;
 exports.getResponsiveStyleShadowWithoutState = shadow.getResponsiveStyleShadowWithoutState;

package/dist/esm/helpers/shadow.js

@@ -77,6 +77,25 @@ const getResponsiveStyleShadowWithoutState = (value, styleAppliedFor, isEnableSh
         };
     }
 };
+const composeShadow = (shadowInput)=>{
+    return {
+        ...getStyleShadowState(shadowInput?.desktop, 'box-shadow', {
+            normal: shadowInput?.desktop?.normal?.type !== 'none',
+            focus: shadowInput?.desktop?.focus?.type !== 'none',
+            hover: shadowInput?.desktop?.hover?.type !== 'none'
+        }),
+        ...getStyleShadowState(shadowInput?.tablet, 'box-shadow', {
+            normal: shadowInput?.tablet?.normal?.type !== 'none',
+            focus: shadowInput?.tablet?.focus?.type !== 'none',
+            hover: shadowInput?.tablet?.hover?.type !== 'none'
+        }, 'tablet'),
+        ...getStyleShadowState(shadowInput?.mobile, 'box-shadow', {
+            normal: shadowInput?.mobile?.normal?.type !== 'none',
+            focus: shadowInput?.mobile?.focus?.type !== 'none',
+            hover: shadowInput?.mobile?.hover?.type !== 'none'
+        }, 'mobile')
+    };
+};
 const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     if (!hasBoxShadow) return undefined;
     if (!boxShadowValue) return undefined;
@@ -85,4 +104,4 @@ const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${getSingleColorVariable(boxShadowValue?.color)}${sub};`;
 };
 
-export { composeShadowCss, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getStyleShadow, getStyleShadowState, parseValueWithUnit };
+export { composeShadow, composeShadowCss, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getStyleShadow, getStyleShadowState, parseValueWithUnit };

package/dist/esm/index.js

@@ -71,7 +71,7 @@ export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption }
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
 export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
-export { composeShadowCss, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
+export { composeShadow, composeShadowCss, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getPaddingStyleByDevice, getResponsiveStylePadding, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
 export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
 export { useArticlesQuery, useBlogsQuery } from './hooks/articles/useArticlesQuery.js';