@gem-sdk/core 1.14.0-dev.418 → 1.14.0-dev.428

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/helpers/radius.js +6 -6
  2. package/dist/esm/helpers/radius.js +6 -6
  3. package/package.json +1 -1
package/dist/cjs/helpers/radius.js CHANGED
@@ -1,6 +1,6 @@
1
- "use strict";var constant=require("./constant.js"),makeStyle=require("./make-style.js");const getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?makeStyle.makeStyle({bblr:e.bblr,bbrr:e.bbrr,btlr:e.btlr,btrr:e.btrr}):makeStyle.makeStyle({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(e,s,t)=>{if(!s||!e)return{};let a=t&&"desktop"!==t?constant.devicesMapping?.[t]:"",r=constant.stateMapping?.[e];return{[`-${r}-radius${a}`]:`var(--g-radius-${s})`}},getCustomRadius=(e,s,t)=>{if(!s||!e||s?.radiusType!=="custom")return{};let a=t&&"desktop"!==t?constant.devicesMapping?.[t]:"",r=constant.stateMapping?.[e];return{[`-${r}-bblr${a}`]:s.bblr,[`-${r}-bbrr${a}`]:s.bbrr,[`-${r}-btlr${a}`]:s.btlr,[`-${r}-btrr${a}`]:s.btrr}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let s={};return Object.assign(s,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(s,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(s,getCustomRadius("normal",e?.mobile,"mobile")),s},composeRadiusState=(e,s)=>{let t={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(t,getCustomRadius("normal",e.normal,s))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(t,getCustomRadius("hover",e.hover,s))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(t,getCustomRadius("focus",e.focus,s))}return t},composeRadiusResponsiveState=e=>{let s={};return Object.assign(s,composeRadiusState(e?.desktop,"desktop")),Object.assign(s,composeRadiusState(e?.tablet,"tablet")),Object.assign(s,composeRadiusState(e?.mobile,"mobile")),s},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,s=!1)=>{let t;if(!e)return"";let{radiusType:a,bblr:r,bbrr:o,btlr:i,btrr:c}=e,u=s?" !important":"";switch(a){case"medium":case"large":case"small":t=`border-radius: var(--g-radius-${a});`;break;case"circle":case"none":case"custom":t=`
2
- ${r?`border-bottom-left-radius: ${r}${u};`:""}
3
- ${o?`border-bottom-right-radius: ${o}${u};`:""}
4
- ${i?`border-top-left-radius: ${i}${u};`:""}
5
- ${c?`border-top-right-radius: ${c}${u};`:""}
6
- `}return t};exports.composeCornerCss=composeCornerCss,exports.composeRadius=composeRadius,exports.composeRadiusResponsive=composeRadiusResponsive,exports.getCornerCSSFromGlobal=getCornerCSSFromGlobal,exports.getCustomRadius=getCustomRadius,exports.getRadiusCSSFromGlobal=getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=getRadiusStyleActiveState;
1
+ "use strict";var constant=require("./constant.js"),makeStyle=require("./make-style.js");const getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?makeStyle.makeStyle({bblr:convertCornerPercentToCircle(e.bblr),bbrr:convertCornerPercentToCircle(e.bbrr),btlr:convertCornerPercentToCircle(e.btlr),btrr:convertCornerPercentToCircle(e.btrr)}):makeStyle.makeStyle({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(e,r,s)=>{if(!r||!e)return{};let t=s&&"desktop"!==s?constant.devicesMapping?.[s]:"",o=constant.stateMapping?.[e];return{[`-${o}-radius${t}`]:`var(--g-radius-${r})`}},getCustomRadius=(e,r,s)=>{if(!r||!e||r?.radiusType!=="custom")return{};let t=s&&"desktop"!==s?constant.devicesMapping?.[s]:"",o=constant.stateMapping?.[e];return{[`-${o}-bblr${t}`]:convertCornerPercentToCircle(r.bblr),[`-${o}-bbrr${t}`]:convertCornerPercentToCircle(r.bbrr),[`-${o}-btlr${t}`]:convertCornerPercentToCircle(r.btlr),[`-${o}-btrr${t}`]:convertCornerPercentToCircle(r.btrr)}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let r={};return Object.assign(r,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(r,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(r,getCustomRadius("normal",e?.mobile,"mobile")),r},composeRadiusState=(e,r)=>{let s={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("normal",e.normal,r))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("hover",e.hover,r))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("focus",e.focus,r))}return s},composeRadiusResponsiveState=e=>{let r={};return Object.assign(r,composeRadiusState(e?.desktop,"desktop")),Object.assign(r,composeRadiusState(e?.tablet,"tablet")),Object.assign(r,composeRadiusState(e?.mobile,"mobile")),r},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,r=!1)=>{let s;if(!e)return"";let{radiusType:t,bblr:o,bbrr:a,btlr:c,btrr:i}=e,n=r?" !important":"";switch(t){case"medium":case"large":case"small":s=`border-radius: var(--g-radius-${t});`;break;case"circle":case"none":case"custom":s=`
2
+ ${o?`border-bottom-left-radius: ${convertCornerPercentToCircle(o)}${n};`:""}
3
+ ${a?`border-bottom-right-radius: ${convertCornerPercentToCircle(a)}${n};`:""}
4
+ ${c?`border-top-left-radius: ${convertCornerPercentToCircle(c)}${n};`:""}
5
+ ${i?`border-top-right-radius: ${convertCornerPercentToCircle(i)}${n};`:""}
6
+ `}return s},convertCornerPercentToCircle=e=>e&&e.includes("%")&&parseInt(e)>=50?"999999px":e;exports.composeCornerCss=composeCornerCss,exports.composeRadius=composeRadius,exports.composeRadiusResponsive=composeRadiusResponsive,exports.getCornerCSSFromGlobal=getCornerCSSFromGlobal,exports.getCustomRadius=getCustomRadius,exports.getRadiusCSSFromGlobal=getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=getRadiusStyleActiveState;
package/dist/esm/helpers/radius.js CHANGED
@@ -1,6 +1,6 @@
1
- import{devicesMapping as e,stateMapping as s}from"./constant.js";import{makeStyle as a}from"./make-style.js";let getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?a({bblr:e.bblr,bbrr:e.bbrr,btlr:e.btlr,btrr:e.btrr}):a({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(a,t,r)=>{if(!t||!a)return{};let o=r&&"desktop"!==r?e?.[r]:"",i=s?.[a];return{[`-${i}-radius${o}`]:`var(--g-radius-${t})`}},getCustomRadius=(a,t,r)=>{if(!t||!a||t?.radiusType!=="custom")return{};let o=r&&"desktop"!==r?e?.[r]:"",i=s?.[a];return{[`-${i}-bblr${o}`]:t.bblr,[`-${i}-bbrr${o}`]:t.bbrr,[`-${i}-btlr${o}`]:t.btlr,[`-${i}-btrr${o}`]:t.btrr}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let s={};return Object.assign(s,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(s,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(s,getCustomRadius("normal",e?.mobile,"mobile")),s},composeRadiusState=(e,s)=>{let a={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(a,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(a,getCustomRadius("normal",e.normal,s))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(a,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(a,getCustomRadius("hover",e.hover,s))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(a,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,s));break;case"circle":case"none":case"custom":Object.assign(a,getCustomRadius("focus",e.focus,s))}return a},composeRadiusResponsiveState=e=>{let s={};return Object.assign(s,composeRadiusState(e?.desktop,"desktop")),Object.assign(s,composeRadiusState(e?.tablet,"tablet")),Object.assign(s,composeRadiusState(e?.mobile,"mobile")),s},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,s=!1)=>{let a;if(!e)return"";let{radiusType:t,bblr:r,bbrr:o,btlr:i,btrr:u}=e,c=s?" !important":"";switch(t){case"medium":case"large":case"small":a=`border-radius: var(--g-radius-${t});`;break;case"circle":case"none":case"custom":a=`
2
- ${r?`border-bottom-left-radius: ${r}${c};`:""}
3
- ${o?`border-bottom-right-radius: ${o}${c};`:""}
4
- ${i?`border-top-left-radius: ${i}${c};`:""}
5
- ${u?`border-top-right-radius: ${u}${c};`:""}
6
- `}return a};export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState};
1
+ import{devicesMapping as e,stateMapping as r}from"./constant.js";import{makeStyle as s}from"./make-style.js";let getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?s({bblr:convertCornerPercentToCircle(e.bblr),bbrr:convertCornerPercentToCircle(e.bbrr),btlr:convertCornerPercentToCircle(e.btlr),btrr:convertCornerPercentToCircle(e.btrr)}):s({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(s,t,o)=>{if(!t||!s)return{};let a=o&&"desktop"!==o?e?.[o]:"",c=r?.[s];return{[`-${c}-radius${a}`]:`var(--g-radius-${t})`}},getCustomRadius=(s,t,o)=>{if(!t||!s||t?.radiusType!=="custom")return{};let a=o&&"desktop"!==o?e?.[o]:"",c=r?.[s];return{[`-${c}-bblr${a}`]:convertCornerPercentToCircle(t.bblr),[`-${c}-bbrr${a}`]:convertCornerPercentToCircle(t.bbrr),[`-${c}-btlr${a}`]:convertCornerPercentToCircle(t.btlr),[`-${c}-btrr${a}`]:convertCornerPercentToCircle(t.btrr)}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let r={};return Object.assign(r,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(r,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(r,getCustomRadius("normal",e?.mobile,"mobile")),r},composeRadiusState=(e,r)=>{let s={};switch(e?.normal?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("normal",e?.normal?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("normal",e.normal,r))}switch(e?.hover?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("hover",e?.hover?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("hover",e.hover,r))}switch(e?.focus?.radiusType){case"medium":case"large":case"small":Object.assign(s,getRadiusCSSFromGlobal("focus",e?.focus?.radiusType,r));break;case"circle":case"none":case"custom":Object.assign(s,getCustomRadius("focus",e.focus,r))}return s},composeRadiusResponsiveState=e=>{let r={};return Object.assign(r,composeRadiusState(e?.desktop,"desktop")),Object.assign(r,composeRadiusState(e?.tablet,"tablet")),Object.assign(r,composeRadiusState(e?.mobile,"mobile")),r},getRadiusStyleActiveState=e=>e?.active?.radiusType==="custom"?getCustomRadius("normal",e?.active):getRadiusCSSFromGlobal("normal",e?.active?.radiusType),composeCornerCss=(e,r=!1)=>{let s;if(!e)return"";let{radiusType:t,bblr:o,bbrr:a,btlr:c,btrr:i}=e,n=r?" !important":"";switch(t){case"medium":case"large":case"small":s=`border-radius: var(--g-radius-${t});`;break;case"circle":case"none":case"custom":s=`
2
+ ${o?`border-bottom-left-radius: ${convertCornerPercentToCircle(o)}${n};`:""}
3
+ ${a?`border-bottom-right-radius: ${convertCornerPercentToCircle(a)}${n};`:""}
4
+ ${c?`border-top-left-radius: ${convertCornerPercentToCircle(c)}${n};`:""}
5
+ ${i?`border-top-right-radius: ${convertCornerPercentToCircle(i)}${n};`:""}
6
+ `}return s},convertCornerPercentToCircle=e=>e&&e.includes("%")&&parseInt(e)>=50?"999999px":e;export{composeCornerCss,composeRadius,composeRadiusResponsive,getCornerCSSFromGlobal,getCustomRadius,getRadiusCSSFromGlobal,getRadiusStyleActiveState};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.14.0-dev.418",
3
+ "version": "1.14.0-dev.428",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",