@sc-360-v2/storefront-cms-library 0.1.99 → 0.2.0

package/dist/grid.scss

@@ -2,12 +2,14 @@ $activeElementSelector: "[data-has-clicked='true']";
 $elementSelector: "[data-div-type='element']";
 [data-div-type="grid"] {
   position: var(--_p-relative);
+  display: var(--_d-grid);
+  // height: 100% !important;
   box-shadow: var(
     --_hide-grid-shadow,
-    var(--_ctm-gri-dn-sw-ae, var(--_tst-dn-dt-se-sw-ae))
-      var(--_ctm-gri-dn-sw-br, var(--_tst-dn-dt-se-sw-br))
-      var(--_ctm-gri-dn-sw-sd, var(--_tst-dn-dt-se-sw-sd))
-      var(--_ctm-gri-dn-sw-cr, var(--_tst-dn-dt-se-sw-cr))
+    var(--_ctm-mob-gri-dn-sw-ae, var(--_ctm-tab-gri-dn-sw-ae, var(--_ctm-gri-dn-sw-ae)))
+      var(--_ctm-mob-gri-dn-sw-br, var(--_ctm-tab-gri-dn-sw-br, var(--_ctm-gri-dn-sw-br)))
+      var(--_ctm-mob-gri-dn-sw-sd, var(--_ctm-tab-gri-dn-sw-sd, var(--_ctm-gri-dn-sw-sd)))
+      var(--_ctm-mob-gri-dn-sw-cr, var(--_ctm-tab-gri-dn-sw-cr, var(--_ctm-gri-dn-sw-cr)))
   );
   &[data-show-shadow="false"] {
     --_hide-grid-shadow: none;
@@ -40,13 +42,28 @@ $elementSelector: "[data-div-type='element']";
       border: var(--_sf-gri-wl-bw) solid var(--_accent-color-2-500);
     }
     &[data-div-type="cms-grid-wrapper"] {
-      padding: var(--_ctm-gri-lt-pg);
+      padding: var(--_ctm-mob-gri-lt-pg), var(--_ctm-tab-gri-lt-pg, var(--_ctm-gri-lt-pg));
       display: var(--_d-grid);
-      background: var(--_ctm-gri-dn-bd-cr);
-      border-color: var(--_hide-grid-border, var(--_ctm-gri-dn-br-cr, var(--_tst-dn-dt-se-br-cr)));
-      border-style: var(--_hide-grid-border, var(--_ctm-gri-dn-br-se, var(--_tst-dn-dt-se-br-se)));
-      border-width: var(--_hide-grid-border, var(--_ctm-gri-dn-br-wh, var(--_tst-dn-dt-se-br-wh)));
-      border-radius: var(--_ctm-gri-dn-br-rs, var(--_tst-dn-dt-se-br-rs));
+      background: var(
+        --_ctm-mob-gri-dn-bd-cr,
+        var(--_ctm-tab-gri-dn-bd-cr, var(--_ctm-gri-dn-bd-cr))
+      );
+      border-color: var(
+        --_hide-grid-border,
+        var(--_ctm-mob-gri-dn-br-cr, var(--_ctm-tab-gri-dn-br-cr, var(--_ctm-gri-dn-br-cr)))
+      );
+      border-style: var(
+        --_hide-grid-border,
+        var(--_ctm-mob-gri-dn-br-se, var(--_ctm-tab-gri-dn-br-se, var(--_ctm-gri-dn-br-se)))
+      );
+      border-width: var(
+        --_hide-grid-border,
+        var(--_ctm-mob-gri-dn-br-wh, var(--_ctm-tab-gri-dn-br-wh, var(--_ctm-gri-dn-br-wh)))
+      );
+      border-radius: var(
+        --_ctm-mob-gri-dn-br-rs,
+        var(--_ctm-tab-gri-dn-br-rs, var(--_ctm-gri-dn-br-rs))
+      );
     }
   }
 }

package/dist/hotspot.scss

@@ -21,19 +21,11 @@
     & > .wrapper {
       width: 100%;
       position: relative;
+      overflow: clip;
     }
     &[data-show-shadow="false"] {
       --_show-shadow: none;
     }
-    &[data-hotspot-image-style-show-shadow="true"] {
-      .imageHotspot-element {
-        box-shadow: var(
-          --_show-shadow,
-          var(--_ctm-dn-ie-se-sw-ae) var(--_ctm-dn-ie-se-sw-br) var(--_ctm-dn-ie-se-sw-sd)
-            var(--_ctm-dn-ie-se-sw-cr)
-        );
-      }
-    }
     &[data-hotspot-image-style-show-border="true"] {
       .imageHotspot-element {
         border-style: var(--_ctm-dn-ie-se-br-se);
@@ -112,7 +104,11 @@
       scale: var(--_ctm-dn-ie-se-zm-ie);
       transition: transform 0.3s ease-in-out;
       rotate: calc(var(--_ctm-dn-ie-se-ud) * 1deg);
-
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-dn-ie-se-sw-ae) var(--_ctm-dn-ie-se-sw-br) var(--_ctm-dn-ie-se-sw-sd)
+          var(--_ctm-dn-ie-se-sw-cr)
+      );
       &:hover {
         &[data-on-hover="Zoom Out"] {
           transform: scale(0.9998);

package/dist/htmlElement.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define(["react"],r):"object"==typeof exports?exports["storefront-cms-library"]=r(require("react")):e["storefront-cms-library"]=r(e.react)}(this,(e=>(()=>{"use strict";var r={155:r=>{r.exports=e}},n={};function t(e){var c=n[e];if(void 0!==c)return c.exports;var l=n[e]={exports:{}};return r[e](l,l.exports,t),l.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},l.apply(null,arguments)}t.r(c),t.d(c,{A:()=>E,Address:()=>K,Article:()=>B,Aside:()=>F,B:()=>G,Button:()=>b,Code:()=>N,Details:()=>w,Dialog:()=>C,Div:()=>W,Footer:()=>k,Form:()=>T,H1:()=>d,H2:()=>u,H3:()=>h,H4:()=>f,H5:()=>m,H6:()=>v,Header:()=>_,I:()=>J,Img:()=>X,Input:()=>y,Kbd:()=>U,Label:()=>A,Main:()=>D,Nav:()=>q,Option:()=>S,P:()=>s,Pre:()=>R,Section:()=>M,Select:()=>O,Small:()=>V,Span:()=>p,Strong:()=>z,Summary:()=>I,Table:()=>H,TableCell:()=>P,TableHeaderCell:()=>j,TableRow:()=>x,Textarea:()=>g,U:()=>Q,Video:()=>L,default:()=>Y});var i=t(155),a=t.n(i),o=function(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(t=Object.getOwnPropertySymbols(e);c<t.length;c++)r.indexOf(t[c])<0&&Object.prototype.propertyIsEnumerable.call(e,t[c])&&(n[t[c]]=e[t[c]])}return n},d=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h1",n,r)},u=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h2",n,r)},h=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h3",n,r)},f=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h4",n,r)},m=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h5",n,r)},v=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h6",n,r)},s=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("p",n,r)},p=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("span",n,r)},E=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("a",n,r)},b=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("button",n,r)},y=function(e){return a().createElement("input",e)},g=function(e){return a().createElement("textarea",e)},O=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("select",n,r)},S=function(e){return a().createElement("option",e)},H=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("table",n,r)},x=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("tr",n,r)},j=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("th",n,r)},P=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("td",n,r)},T=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("form",n,r)},A=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("label",n,r)},w=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("details",n,r)},I=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("summary",n,r)},C=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("dialog",n,r)},D=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("main",n,r)},M=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("section",n,r)},B=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("article",n,r)},F=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("aside",n,r)},_=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("header",n,r)},k=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("footer",n,r)},q=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("nav",n,r)},K=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("address",n,r)},L=function(e){var r=e.children,n=(e.tracks,o(e,["children","tracks"]));return a().createElement("video",n,r)},N=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("code",n,r)},R=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("pre",n,r)},U=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("kbd",n,r)},V=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("small",n,r)},z=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("strong",n,r)},G=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("b",n,r)},J=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("i",n,r)},Q=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("u",n,r)},W=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("div",n,r)},X=function(e){var r=e.alt,n=void 0===r?"img":r,t=o(e,["alt"]);return a().createElement("img",l({alt:n},t))};const Y={H1:d,H2:u,H3:h,H4:f,H5:m,H6:v,P:s,Span:p,A:E,Button:b,Input:y,Textarea:g,Select:O,Option:S,Table:H,TableRow:x,TableHeaderCell:j,TableCell:P,Form:T,Label:A,Details:w,Summary:I,Dialog:C,Main:D,Section:M,Article:B,Aside:F,Header:_,Footer:k,Nav:q,Address:K,Code:N,Pre:R,Kbd:U,Small:V,Strong:z,B:G,I:J,U:Q,Div:W,Img:X,Video:L};return c})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define(["react"],r):"object"==typeof exports?exports["storefront-cms-library"]=r(require("react")):e["storefront-cms-library"]=r(e.react)}(this,(e=>(()=>{"use strict";var r={155:r=>{r.exports=e}},n={};function t(e){var c=n[e];if(void 0!==c)return c.exports;var l=n[e]={exports:{}};return r[e](l,l.exports,t),l.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},l.apply(null,arguments)}t.r(c),t.d(c,{A:()=>E,Address:()=>K,Article:()=>B,Aside:()=>F,B:()=>G,Button:()=>b,Code:()=>N,Details:()=>w,Dialog:()=>C,Div:()=>W,Footer:()=>k,Form:()=>T,H1:()=>d,H2:()=>u,H3:()=>h,H4:()=>f,H5:()=>m,H6:()=>v,Header:()=>_,I:()=>J,Img:()=>X,Input:()=>y,Kbd:()=>U,Label:()=>A,Main:()=>D,Nav:()=>q,Option:()=>S,P:()=>s,Pre:()=>R,Section:()=>M,Select:()=>O,Small:()=>V,Span:()=>p,Strong:()=>z,Summary:()=>I,Table:()=>H,TableCell:()=>P,TableHeaderCell:()=>j,TableRow:()=>x,Textarea:()=>g,U:()=>Q,Video:()=>L,default:()=>Y});var i=t(155),a=t.n(i),o=function(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(t=Object.getOwnPropertySymbols(e);c<t.length;c++)r.indexOf(t[c])<0&&Object.prototype.propertyIsEnumerable.call(e,t[c])&&(n[t[c]]=e[t[c]])}return n},d=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h1",n,r)},u=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h2",n,r)},h=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h3",n,r)},f=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h4",n,r)},m=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h5",n,r)},v=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("h6",n,r)},s=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("p",n,r)},p=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("span",n,r)},E=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("a",n,r)},b=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("button",n,r)},y=function(e){return a().createElement("input",e)},g=function(e){return a().createElement("textarea",e)},O=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("select",n,r)},S=function(e){return a().createElement("option",e)},H=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("table",n,r)},x=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("tr",n,r)},j=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("th",n,r)},P=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("td",n,r)},T=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("form",n,r)},A=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("label",n,r)},w=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("details",n,r)},I=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("summary",n,r)},C=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("dialog",n,r)},D=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("main",n,r)},M=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("section",n,r)},B=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("article",n,r)},F=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("aside",n,r)},_=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("header",n,r)},k=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("footer",n,r)},q=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("nav",n,r)},K=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("address",n,r)},L=function(e){var r=e.children,n=(e.tracks,o(e,["children","tracks"]));return a().createElement("video",n,r)},N=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("code",n,r)},R=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("pre",n,r)},U=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("kbd",n,r)},V=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("small",n,r)},z=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("strong",n,r)},G=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("b",n,r)},J=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("i",n,r)},Q=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("u",n,r)},W=function(e){var r=e.children,n=o(e,["children"]);return a().createElement("div",n,r)},X=function(e){var r=e.alt,n=void 0===r?"img":r,t=o(e,["alt"]);return a().createElement("img",l({alt:n},t,{loading:"lazy"}))};const Y={H1:d,H2:u,H3:h,H4:f,H5:m,H6:v,P:s,Span:p,A:E,Button:b,Input:y,Textarea:g,Select:O,Option:S,Table:H,TableRow:x,TableHeaderCell:j,TableCell:P,Form:T,Label:A,Details:w,Summary:I,Dialog:C,Main:D,Section:M,Article:B,Aside:F,Header:_,Footer:k,Nav:q,Address:K,Code:N,Pre:R,Kbd:U,Small:V,Strong:z,B:G,I:J,U:Q,Div:W,Img:X,Video:L};return c})()));