@gem-sdk/core 17.0.0-dev.106 → 17.0.0-dev.111

package/dist/cjs/helpers/make-style.js

@@ -1 +1 @@
-"use strict";var e=require("./get-resonsive-value.js"),t=require("./builder.js");const l=e=>Object.entries(e).reduce((e,[t,l])=>null==l?e:{...e,[t]:l},{}),a=(e,t,l)=>l?`${t?.[e]}${l}`:t?.[e]==="default"?"1200px":t?.[e],s=(e,t,l)=>{if(l)return`${t?.[e]}${l}`;switch(t?.[e]){case"default":return"1200px";case"Auto":return"100%";default:return t?.[e]}};exports.makeAspectRatio=(t,l,a)=>{let s={};return["desktop","mobile","tablet"].forEach(o=>{let i=e.getResponsiveValueByScreen(t,o);"none"!==i&&(s={...s,[o]:"custom"!==i?i:`${e.getResponsiveValueByScreen(l,"desktop")}/${e.getResponsiveValueByScreen(a,"desktop")}`})}),s},exports.makeGlobalSizeHeightResponsive=e=>{let l=e?.desktop?.height,a=e?.tablet?.height,s=e?.mobile?.height,o={};return t.isSafeValue(l)&&(o["--h"]=l),t.isSafeValue(a)&&a!==l&&(o["--h-tablet"]=a),t.isSafeValue(s)&&s!==a&&(o["--h-mobile"]=s),o},exports.makeGlobalSizeWidthResponsive=e=>{let l=e?.desktop?.width,a=e?.tablet?.width,s=e?.mobile?.width,o={};return t.isSafeValue(l)&&(o["--w"]=l),t.isSafeValue(a)&&a!==l&&(o["--w-tablet"]=a),t.isSafeValue(s)&&s!==a&&(o["--w-mobile"]=s),o},exports.makeHeight=(e,l)=>{let a=(e,t,l)=>{let a=t?.[e],s=l?.[e];return s?"auto":!1===s?a??a:a},s=a("desktop",e,l),o=a("tablet",e,l),i=a("mobile",e,l),r={};return t.isSafeValue(s)&&(r.desktop=s),t.isSafeValue(o)&&o!==s&&(r.tablet=o),t.isSafeValue(i)&&i!==o&&(r.mobile=i),r},exports.makeLineClamp=(l,a)=>{let s=(t,l,a)=>{let s=e.getResponsiveValueByScreen(l,t),o=e.getResponsiveValueByScreen(a,t);return 0===s?"0":o||void 0===o?s:"unset"},o=s("desktop",l,a),i=s("tablet",l,a),r=s("mobile",l,a),u={};return t.isSafeValue(o)&&(u.desktop=o),t.isSafeValue(i)&&i!==o&&(u.tablet=i),t.isSafeValue(r)&&r!==i&&(u.mobile=r),u},exports.makeStyle=e=>l(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),exports.makeStyleKey=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),exports.makeStyleResponsive=(e,l,a)=>{let s=a&&t.isSafeValue(l?.desktop)?`${l?.desktop}${a}`:l?.desktop,o=a&&t.isSafeValue(l?.tablet)?`${l?.tablet}${a}`:l?.tablet,i=a&&t.isSafeValue(l?.mobile)?`${l?.mobile}${a}`:l?.mobile,r={};return s&&(r[`--${e}`]=s),o&&o!==s&&(r[`--${e}-tablet`]=o),i&&i!==o&&(r[`--${e}-mobile`]=i),r},exports.makeStyleResponsiveByScreen=(t,l,a)=>({[`--${t}`]:a?`${e.getResponsiveValueByScreen(l,"desktop")}${a}`:e.getResponsiveValueByScreen(l,"desktop"),[`--${t}-tablet`]:a?`${e.getResponsiveValueByScreen(l,"tablet")}${a}`:e.getResponsiveValueByScreen(l,"tablet"),[`--${t}-mobile`]:a?`${e.getResponsiveValueByScreen(l,"mobile")}${a}`:e.getResponsiveValueByScreen(l,"mobile")}),exports.makeStyleResponsiveState=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},exports.makeStyleResponsiveWidth=(e,l)=>{let s=a("desktop",e,l),o=a("tablet",e,l),i=a("mobile",e,l),r={};return t.isSafeValue(s)&&(r["--w"]=s),t.isSafeValue(o)&&o!==s&&(r["--w-tablet"]=o),t.isSafeValue(i)&&i!==o&&(r["--w-mobile"]=i),r},exports.makeStyleResponsiveWidthWithoutAuto=(e,l)=>{let a=s("desktop",e,l),o=s("tablet",e,l),i=s("mobile",e,l),r={};return t.isSafeValue(a)&&(r["--w"]=a),t.isSafeValue(o)&&o!==a&&(r["--w-tablet"]=o),t.isSafeValue(i)&&i!==o&&(r["--w-mobile"]=i),r},exports.makeStyleState=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},exports.makeWidth=(l,a)=>{let s=(t,l,a)=>{let s=e.getResponsiveValueByScreen(l,t),o=a?.[t]===void 0?a?.desktop:a?.[t];return o?"100%":!1===o?s??s:s||"auto"},o=s("desktop",l,a),i=s("tablet",l,a),r=s("mobile",l,a),u={};return t.isSafeValue(o)&&(u.desktop=o),t.isSafeValue(i)&&i!==o&&(u.tablet=i),t.isSafeValue(r)&&r!==i&&(u.mobile=r),u},exports.removeNullUndefined=l;
+"use strict";var e=require("./get-resonsive-value.js");const t=e=>Object.entries(e).reduce((e,[t,o])=>null==o?e:{...e,[t]:o},{}),o=(e,t,o)=>o?`${t?.[e]}${o}`:t?.[e]==="default"?"1200px":t?.[e],l=(e,t,o)=>{if(o)return`${t?.[e]}${o}`;switch(t?.[e]){case"default":return"1200px";case"Auto":return"100%";default:return t?.[e]}};exports.makeAspectRatio=(t,o,l)=>{let s={};return["desktop","mobile","tablet"].forEach(a=>{let i=e.getResponsiveValueByScreen(t,a);"none"!==i&&(s={...s,[a]:"custom"!==i?i:`${e.getResponsiveValueByScreen(o,"desktop")}/${e.getResponsiveValueByScreen(l,"desktop")}`})}),s},exports.makeGlobalSizeHeightResponsive=e=>({"--h":e?.desktop?.height,"--h-tablet":e?.tablet?.height,"--h-mobile":e?.mobile?.height}),exports.makeGlobalSizeWidthResponsive=e=>({"--w":e?.desktop?.width,"--w-tablet":e?.tablet?.width,"--w-mobile":e?.mobile?.width}),exports.makeHeight=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],s=o?.[e];return s?"auto":!1===s?l??l:l};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},exports.makeLineClamp=(t,o)=>{let l=(t,o,l)=>{let s=e.getResponsiveValueByScreen(o,t),a=e.getResponsiveValueByScreen(l,t);return 0===s?"0":a||void 0===a?s:"unset"};return{desktop:l("desktop",t,o),tablet:l("tablet",t,o),mobile:l("mobile",t,o)}},exports.makeStyle=e=>t(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),exports.makeStyleKey=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),exports.makeStyleResponsive=(e,t,o)=>({[`--${e}`]:o?`${t?.desktop}${o}`:t?.desktop,[`--${e}-tablet`]:o?`${t?.tablet}${o}`:t?.tablet,[`--${e}-mobile`]:o?`${t?.mobile}${o}`:t?.mobile}),exports.makeStyleResponsiveByScreen=(t,o,l)=>({[`--${t}`]:l?`${e.getResponsiveValueByScreen(o,"desktop")}${l}`:e.getResponsiveValueByScreen(o,"desktop"),[`--${t}-tablet`]:l?`${e.getResponsiveValueByScreen(o,"tablet")}${l}`:e.getResponsiveValueByScreen(o,"tablet"),[`--${t}-mobile`]:l?`${e.getResponsiveValueByScreen(o,"mobile")}${l}`:e.getResponsiveValueByScreen(o,"mobile")}),exports.makeStyleResponsiveState=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},exports.makeStyleResponsiveWidth=(e,t)=>({"--w":o("desktop",e,t),"--w-tablet":o("tablet",e,t),"--w-mobile":o("mobile",e,t)}),exports.makeStyleResponsiveWidthWithoutAuto=(e,t)=>({"--w":l("desktop",e,t),"--w-tablet":l("tablet",e,t),"--w-mobile":l("mobile",e,t)}),exports.makeStyleState=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},exports.makeWidth=(t,o)=>{let l=(t,o,l)=>{let s=e.getResponsiveValueByScreen(o,t),a=l?.[t]===void 0?l?.desktop:l?.[t];return a?"100%":!1===a?s??s:s||"auto"};return{desktop:l("desktop",t,o),tablet:l("tablet",t,o),mobile:l("mobile",t,o)}},exports.removeNullUndefined=t;

package/dist/esm/helpers/make-style.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"./get-resonsive-value.js";import{isSafeValue as t}from"./builder.js";let l=e=>Object.entries(e).reduce((e,[t,l])=>null==l?e:{...e,[t]:l},{}),o=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),b=e=>l(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),i=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},a=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},r=(e,l,o)=>{let b=o&&t(l?.desktop)?`${l?.desktop}${o}`:l?.desktop,i=o&&t(l?.tablet)?`${l?.tablet}${o}`:l?.tablet,a=o&&t(l?.mobile)?`${l?.mobile}${o}`:l?.mobile,r={};return b&&(r[`--${e}`]=b),i&&i!==b&&(r[`--${e}-tablet`]=i),a&&a!==i&&(r[`--${e}-mobile`]=a),r},s=(t,l,o)=>({[`--${t}`]:o?`${e(l,"desktop")}${o}`:e(l,"desktop"),[`--${t}-tablet`]:o?`${e(l,"tablet")}${o}`:e(l,"tablet"),[`--${t}-mobile`]:o?`${e(l,"mobile")}${o}`:e(l,"mobile")}),m=(l,o)=>{let b=(t,l,o)=>{let b=e(l,t),i=o?.[t]===void 0?o?.desktop:o?.[t];return i?"100%":!1===i?b??b:b||"auto"},i=b("desktop",l,o),a=b("tablet",l,o),r=b("mobile",l,o),s={};return t(i)&&(s.desktop=i),t(a)&&a!==i&&(s.tablet=a),t(r)&&r!==a&&(s.mobile=r),s},$=e=>{let l=e?.desktop?.width,o=e?.tablet?.width,b=e?.mobile?.width,i={};return t(l)&&(i["--w"]=l),t(o)&&o!==l&&(i["--w-tablet"]=o),t(b)&&b!==o&&(i["--w-mobile"]=b),i},u=e=>{let l=e?.desktop?.height,o=e?.tablet?.height,b=e?.mobile?.height,i={};return t(l)&&(i["--h"]=l),t(o)&&o!==l&&(i["--h-tablet"]=o),t(b)&&b!==o&&(i["--h-mobile"]=b),i},n=(e,l)=>{let o=(e,t,l)=>{let o=t?.[e],b=l?.[e];return b?"auto":!1===b?o??o:o},b=o("desktop",e,l),i=o("tablet",e,l),a=o("mobile",e,l),r={};return t(b)&&(r.desktop=b),t(i)&&i!==b&&(r.tablet=i),t(a)&&a!==i&&(r.mobile=a),r},d=(t,l,o)=>{let b={};return["desktop","mobile","tablet"].forEach(i=>{let a=e(t,i);"none"!==a&&(b={...b,[i]:"custom"!==a?a:`${e(l,"desktop")}/${e(o,"desktop")}`})}),b},p=(l,o)=>{let b=(t,l,o)=>{let b=e(l,t),i=e(o,t);return 0===b?"0":i||void 0===i?b:"unset"},i=b("desktop",l,o),a=b("tablet",l,o),r=b("mobile",l,o),s={};return t(i)&&(s.desktop=i),t(a)&&a!==i&&(s.tablet=a),t(r)&&r!==a&&(s.mobile=r),s},k=(e,t,l)=>l?`${t?.[e]}${l}`:t?.[e]==="default"?"1200px":t?.[e],h=(e,l)=>{let o=k("desktop",e,l),b=k("tablet",e,l),i=k("mobile",e,l),a={};return t(o)&&(a["--w"]=o),t(b)&&b!==o&&(a["--w-tablet"]=b),t(i)&&i!==b&&(a["--w-mobile"]=i),a},v=(e,t,l)=>{if(l)return`${t?.[e]}${l}`;switch(t?.[e]){case"default":return"1200px";case"Auto":return"100%";default:return t?.[e]}},c=(e,l)=>{let o=v("desktop",e,l),b=v("tablet",e,l),i=v("mobile",e,l),a={};return t(o)&&(a["--w"]=o),t(b)&&b!==o&&(a["--w-tablet"]=b),t(i)&&i!==b&&(a["--w-mobile"]=i),a};export{d as makeAspectRatio,u as makeGlobalSizeHeightResponsive,$ as makeGlobalSizeWidthResponsive,n as makeHeight,p as makeLineClamp,b as makeStyle,o as makeStyleKey,r as makeStyleResponsive,s as makeStyleResponsiveByScreen,a as makeStyleResponsiveState,h as makeStyleResponsiveWidth,c as makeStyleResponsiveWidthWithoutAuto,i as makeStyleState,m as makeWidth,l as removeNullUndefined};
+import{getResponsiveValueByScreen as e}from"./get-resonsive-value.js";let t=e=>Object.entries(e).reduce((e,[t,o])=>null==o?e:{...e,[t]:o},{}),o=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),l=e=>t(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),a=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},b=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},i=(e,t,o)=>({[`--${e}`]:o?`${t?.desktop}${o}`:t?.desktop,[`--${e}-tablet`]:o?`${t?.tablet}${o}`:t?.tablet,[`--${e}-mobile`]:o?`${t?.mobile}${o}`:t?.mobile}),s=(t,o,l)=>({[`--${t}`]:l?`${e(o,"desktop")}${l}`:e(o,"desktop"),[`--${t}-tablet`]:l?`${e(o,"tablet")}${l}`:e(o,"tablet"),[`--${t}-mobile`]:l?`${e(o,"mobile")}${l}`:e(o,"mobile")}),m=(t,o)=>{let l=(t,o,l)=>{let a=e(o,t),b=l?.[t]===void 0?l?.desktop:l?.[t];return b?"100%":!1===b?a??a:a||"auto"};return{desktop:l("desktop",t,o),tablet:l("tablet",t,o),mobile:l("mobile",t,o)}},r=e=>({"--w":e?.desktop?.width,"--w-tablet":e?.tablet?.width,"--w-mobile":e?.mobile?.width}),$=e=>({"--h":e?.desktop?.height,"--h-tablet":e?.tablet?.height,"--h-mobile":e?.mobile?.height}),d=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],a=o?.[e];return a?"auto":!1===a?l??l:l};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},p=(t,o,l)=>{let a={};return["desktop","mobile","tablet"].forEach(b=>{let i=e(t,b);"none"!==i&&(a={...a,[b]:"custom"!==i?i:`${e(o,"desktop")}/${e(l,"desktop")}`})}),a},u=(t,o)=>{let l=(t,o,l)=>{let a=e(o,t),b=e(l,t);return 0===a?"0":b||void 0===b?a:"unset"};return{desktop:l("desktop",t,o),tablet:l("tablet",t,o),mobile:l("mobile",t,o)}},k=(e,t,o)=>o?`${t?.[e]}${o}`:t?.[e]==="default"?"1200px":t?.[e],n=(e,t)=>({"--w":k("desktop",e,t),"--w-tablet":k("tablet",e,t),"--w-mobile":k("mobile",e,t)}),h=(e,t,o)=>{if(o)return`${t?.[e]}${o}`;switch(t?.[e]){case"default":return"1200px";case"Auto":return"100%";default:return t?.[e]}},v=(e,t)=>({"--w":h("desktop",e,t),"--w-tablet":h("tablet",e,t),"--w-mobile":h("mobile",e,t)});export{p as makeAspectRatio,$ as makeGlobalSizeHeightResponsive,r as makeGlobalSizeWidthResponsive,d as makeHeight,u as makeLineClamp,l as makeStyle,o as makeStyleKey,i as makeStyleResponsive,s as makeStyleResponsiveByScreen,b as makeStyleResponsiveState,n as makeStyleResponsiveWidth,v as makeStyleResponsiveWidthWithoutAuto,a as makeStyleState,m as makeWidth,t as removeNullUndefined};

package/dist/types/index.d.ts

@@ -44139,8 +44139,16 @@ declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T
 declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: ObjectDevices<K>, unit?: string) => Record<ResponsiveKey<T>, K>;
 declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: ObjectDevices<K>, unit?: string) => Record<ResponsiveKey<T>, K>;
 declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number>;
-declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => Record<string, string | undefined>;
-declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => Record<string, string | undefined>;
+declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--w': string | undefined;
+    '--w-tablet': string | undefined;
+    '--w-mobile': string | undefined;
+};
+declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--h': string | undefined;
+    '--h-tablet': string | undefined;
+    '--h-mobile': string | undefined;
+};
 declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
 declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
 declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "17.0.0-dev.106",
+  "version": "17.0.0-dev.111",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "17.0.0-dev.93",
-    "@gem-sdk/styles": "17.0.0-dev.93",
+    "@gem-sdk/styles": "17.0.0-dev.108",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {

package/dist/cjs/helpers/builder.js

@@ -1 +0,0 @@
-"use strict";exports.isSafeValue=t=>null!=t&&!("string"==typeof t&&""===t.trim());

package/dist/esm/helpers/builder.js

@@ -1 +0,0 @@
-let e=e=>null!=e&&!("string"==typeof e&&""===e.trim());export{e as isSafeValue};