@gem-sdk/components 17.0.0-staging.37 → 17.0.0-staging.45

package/dist/cjs/carousel/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:u,dotActiveColor:c,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsive("w",u,"px"),...r?s.getGlobalColorResponsiveStyle("bg",c):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:c,dotActiveColor:u,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsiveByScreen("w",c,"px"),...r?s.getGlobalColorResponsiveStyle("bg",u):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};

package/dist/cjs/carousel-v3/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:u,dotActiveColor:c,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsive("w",u,"px"),...r?s.getGlobalColorResponsiveStyle("bg",c):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("./common/helpers.js"),r=require("./common/classes.js"),l=require("./common/styles.js"),o=require("../../hooks/useDotsSetting.js"),a=require("@gem-sdk/system");exports.default=i=>{let{onHandleClick:n,dotSize:c,dotActiveColor:u,dotColor:g}=i,{isLoop:m,checkIsActive:d}=o.useDotsSetting(i),{checkHidden:p,getDotItems:j}=t.getData(i),y=j(m),{dotClass:q}=r.getDotClass(i),{dotStyle:v}=l.getDotStyle(i,"react");return e.jsx(e.Fragment,{children:a.If(!p(y),e.jsx("div",{className:q,style:v,children:e.jsx(e.Fragment,{children:y?.map(t=>{let r=d(t);return e.jsx("button",{"aria-label":"Dot",onClick:()=>{n&&n(t,m)},style:{...s.makeStyleResponsiveByScreen("w",c,"px"),...r?s.getGlobalColorResponsiveStyle("bg",u):s.getGlobalColorResponsiveStyle("bg",g)},className:s.cls("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":r,"gem-slider-dot-inactive":!r})},t)})})}))})};

package/dist/cjs/stock-counter/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=s=>{let{progressBarPosition:o="bottom"}=s??{},t="bottom"===o;return{...e.composeClasses("gp-inline-block gp-flex"),"gp-flex-col":t,"gp-flex-col-reverse":!t}},exports.getIconClasses=()=>({...e.composeClasses("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),exports.getLiquidTagClasses=s=>({...e.composeClasses("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e.composeClasses(s?.cssClass)}),exports.getOuterIconClasses=()=>({...e.composeClasses("gp-shrink-0 ")}),exports.getProgressBarClasses=s=>{let{effect:o}=s??{},t=o?e.composeClasses("before:gp-absolute before:gp-left-0 before:gp-h-full before:gp-w-full before:gp-animate-shift before:gp-content-[''] before:gp-bg-stock-counter-animate before:gp-bg-[length:60px_100%] before:gp-shadow-stock-counter"):{};return{...e.composeClasses("gp-sc-progress-bar gp-relative gp-w-full -gp-scale-100 !gp-bg-[length:200%] gp-mt-2"),...t}},exports.getTextClasses=s=>{let{typo:o}=s??{},t=e.composeTypographyClassName(o,s?.typography);return{...e.composeClasses(t)}},exports.getWrapperClasses=(s,o)=>{let{hiddenCounterWhenOutOfStock:t}=s??{};return{...e.composeClasses("gp-flex"),"gp-opacity-50":o&&t}},exports.getWrapperIconClasses=s=>{let{iconPosition:o="left"}=s??{};return{...e.composeClasses("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===o,"gp-flex-row-reverse gp-justify-end":"right"===o}};
+"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=s=>{let{progressBarPosition:o="bottom"}=s??{},p="bottom"===o;return{...e.composeClasses("gp-inline-block gp-flex"),"gp-flex-col":p,"gp-flex-col-reverse":!p}},exports.getIconClasses=()=>({...e.composeClasses("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),exports.getLiquidTagClasses=s=>({...e.composeClasses("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e.composeClasses(s?.cssClass)}),exports.getOuterIconClasses=()=>({...e.composeClasses("gp-shrink-0 ")}),exports.getProgressBarClasses=s=>{let{effect:o}=s??{},p=o?e.composeClasses("before:gp-absolute before:gp-left-0 before:gp-h-full before:gp-w-full before:gp-animate-shift before:gp-content-[''] before:gp-bg-stock-counter-animate before:gp-bg-[length:60px_100%] before:gp-shadow-stock-counter"):{};return{...e.composeClasses("gp-sc-progress-bar gp-relative gp-w-full -gp-scale-100 !gp-bg-[length:200%] gp-mt-2"),...p}},exports.getTextClasses=s=>{let{typo:o}=s??{},p=e.composeTypographyClassName(o,s?.typography);return{...e.composeClasses(p),"!gp-whitespace-nowrap":!0}},exports.getWrapperClasses=(s,o)=>{let{hiddenCounterWhenOutOfStock:p}=s??{};return{...e.composeClasses("gp-flex"),"gp-opacity-50":o&&p}},exports.getWrapperIconClasses=s=>{let{iconPosition:o="left"}=s??{};return{...e.composeClasses("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===o,"gp-flex-row-reverse gp-justify-end":"right"===o}};

package/dist/esm/carousel/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsive as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsiveByScreen as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};

package/dist/esm/carousel-v3/components/dot/Dots.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsive as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{cls as t,getGlobalColorResponsiveStyle as r,makeStyleResponsiveByScreen as s}from"@gem-sdk/core";import{getData as m}from"./common/helpers.js";import{getDotClass as l}from"./common/classes.js";import{getDotStyle as i}from"./common/styles.js";import{useDotsSetting as a}from"../../hooks/useDotsSetting.js";import{If as c}from"@gem-sdk/system";let p=p=>{let{onHandleClick:d,dotSize:n,dotActiveColor:g,dotColor:f}=p,{isLoop:u,checkIsActive:h}=a(p),{checkHidden:j,getDotItems:b}=m(p),k=b(u),{dotClass:y}=l(p),{dotStyle:v}=i(p,"react");return e(o,{children:c(!j(k),e("div",{className:y,style:v,children:e(o,{children:k?.map(o=>{let m=h(o);return e("button",{"aria-label":"Dot",onClick:()=>{d&&d(o,u)},style:{...s("w",n,"px"),...m?r("bg",g):r("bg",f)},className:t("gp-aspect-square gp-w-3 gp-rounded-full gp-shadow-md",{"gem-slider-dot-active":m,"gem-slider-dot-inactive":!m})},o)})})}))})};export{p as default};

package/dist/esm/stock-counter/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";let g=t=>{let{effect:g}=t??{},s=g?e("before:gp-absolute before:gp-left-0 before:gp-h-full before:gp-w-full before:gp-animate-shift before:gp-content-[''] before:gp-bg-stock-counter-animate before:gp-bg-[length:60px_100%] before:gp-shadow-stock-counter"):{};return{...e("gp-sc-progress-bar gp-relative gp-w-full -gp-scale-100 !gp-bg-[length:200%] gp-mt-2"),...s}},s=t=>{let{progressBarPosition:g="bottom"}=t??{},s="bottom"===g;return{...e("gp-inline-block gp-flex"),"gp-flex-col":s,"gp-flex-col-reverse":!s}},r=t=>({...e("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e(t?.cssClass)}),l=t=>{let{iconPosition:g="left"}=t??{};return{...e("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===g,"gp-flex-row-reverse gp-justify-end":"right"===g}},p=()=>({...e("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),o=()=>({...e("gp-shrink-0 ")}),a=g=>{let{typo:s}=g??{},r=t(s,g?.typography);return{...e(r)}},f=(t,g)=>{let{hiddenCounterWhenOutOfStock:s}=t??{};return{...e("gp-flex"),"gp-opacity-50":g&&s}};export{s as getContainerClasses,p as getIconClasses,r as getLiquidTagClasses,o as getOuterIconClasses,g as getProgressBarClasses,a as getTextClasses,f as getWrapperClasses,l as getWrapperIconClasses};
+import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";let g=t=>{let{effect:g}=t??{},s=g?e("before:gp-absolute before:gp-left-0 before:gp-h-full before:gp-w-full before:gp-animate-shift before:gp-content-[''] before:gp-bg-stock-counter-animate before:gp-bg-[length:60px_100%] before:gp-shadow-stock-counter"):{};return{...e("gp-sc-progress-bar gp-relative gp-w-full -gp-scale-100 !gp-bg-[length:200%] gp-mt-2"),...s}},s=t=>{let{progressBarPosition:g="bottom"}=t??{},s="bottom"===g;return{...e("gp-inline-block gp-flex"),"gp-flex-col":s,"gp-flex-col-reverse":!s}},r=t=>({...e("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e(t?.cssClass)}),p=t=>{let{iconPosition:g="left"}=t??{};return{...e("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===g,"gp-flex-row-reverse gp-justify-end":"right"===g}},l=()=>({...e("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),o=()=>({...e("gp-shrink-0 ")}),a=g=>{let{typo:s}=g??{},r=t(s,g?.typography);return{...e(r),"!gp-whitespace-nowrap":!0}},f=(t,g)=>{let{hiddenCounterWhenOutOfStock:s}=t??{};return{...e("gp-flex"),"gp-opacity-50":g&&s}};export{s as getContainerClasses,l as getIconClasses,r as getLiquidTagClasses,o as getOuterIconClasses,g as getProgressBarClasses,a as getTextClasses,f as getWrapperClasses,p as getWrapperIconClasses};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-staging.37",
+  "version": "17.0.0-staging.45",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,8 +26,8 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-staging.36",
-    "@gem-sdk/styles": "17.0.0-staging.30",
+    "@gem-sdk/core": "17.0.0-staging.43",
+    "@gem-sdk/styles": "17.0.0-staging.44",
     "@gem-sdk/system": "17.0.0-staging.26",
     "@types/react-transition-group": "^4.4.12",
     "postcss-import": "16.1.1",