@sc-360-v2/storefront-cms-library 0.5.53 → 0.5.54

package/dist/hotspot.scss

@@ -210,7 +210,7 @@ $data: (
           min-width: 100px;
           width: prepareMediaVariable(--_ctm-dn-tp-dn-tp-wh);
           min-height: 100px;
-          height: prepareMediaVariable(--_ctm-dn-tp-dn-ht);
+          height: prepareMediaVariable(--_ctm-dn-tp-dn-tp-ht);
           top: var(--_sf-im-psn-tp, 0);
           left: var(--_sf-im-psn-lt, 0);
 

package/dist/language-selector.scss

@@ -10,7 +10,7 @@
 // Deliberately no final fallback inside these chains: an untouched property stays
 // invalid at computed-value time, which is what lets the consumers fall back to
 // `--_ctm-dn-wt-pr-tt-*`. Those come from the retired Widget Placeholder Text
-// section — Widget Style absorbed it, so the fallback exists only for pages saved
+// section — Widget Style absorbed it, so the fallback exists only for pages saved
 // before the merge. Same shape the divider already uses for its
 // hover-falls-back-to-default chain below.
 $widgetFontProps:
@@ -581,7 +581,7 @@ $widgetFontProps:
         min-width: 0;
 
         // Widget Style > padding (was Widget Placeholder Text > padding). It used to sit
-        // on `.value__selected__new` only, which is the *empty* state — as soon as an
+        // on `.value__selected__new` only, which is the *empty* state — as soon as an
         // option was selected the markup switched to this branch and the padding
         // appeared to do nothing.
         padding: var(--_sf-wt-pg, prepareMediaVariable(--_ctm-dn-wt-pr-tt-pg));
@@ -651,7 +651,7 @@ $widgetFontProps:
         // padding: 8px 12px;
         // text-align: left;
         // Same order as `.option_select .language__name` above: Widget Style's per-state
-        // typography first, Widget Placeholder Text second. This is the empty branch —
+        // typography first, Widget Placeholder Text second. This is the empty branch —
         // the two swap in the markup as soon as an option is picked, so they have to
         // resolve identically or the text would jump on first selection.
         font-family: var(--_sf-wt-ft-fy, prepareMediaVariable(--_ctm-dn-wt-pr-tt-ft-fy));
@@ -811,7 +811,7 @@ $widgetFontProps:
 
             // Widget Style > Hover > Text Overflow. The clamp pair reaches the DOM as an
             // inline style (it is `controls`, not CSS), so hover cannot be expressed by
-            // the variable cascade above — the element publishes both pairs on the label
+            // the variable cascade above — the element publishes both pairs on the label
             // and this rule chooses the hovered one, falling back to the default pair.
             // Safe to scope on the wrapper: the options list is its sibling, not a
             // descendant, so option labels keep their own Item Style clamp.

package/dist/login.scss

@@ -191,18 +191,58 @@
       // Login Box
       .loginBox {
         width: 100%;
-        // background-color: var(
-        //   --_ctm-mob-dn-wt-bd-cr,
-        //   var(--_ctm-tab-dn-wt-bd-cr, var(--_ctm-dn-wt-bd-cr))
-        // );
-        gap: var(--_ctm-mob-dn-wt-im-gp, var(--_ctm-tab-dn-wt-im-gp, var(--_ctm-dn-wt-im-gp)));
         display: flex;
         flex-direction: column;
-        background-color: var(
-          --_ctm-mob-dn-wt-bd-cr,
-          var(--_ctm-tab-dn-wt-bd-cr, var(--_ctm-dn-wt-bd-cr))
+        box-sizing: border-box;
+        gap: prepareMediaVariable(
+          --_ctm-dn-ln-wt-im-gp,
+          prepareMediaVariable(--_ctm-dn-wt-im-gp, 0px)
+        );
+        background-color: prepareMediaVariable(
+          --_ctm-dn-ln-wt-bd-cr,
+          prepareMediaVariable(--_ctm-dn-wt-bd-cr, transparent)
+        );
+        padding: prepareMediaVariable(
+          --_ctm-dn-ln-wt-pg,
+          prepareMediaVariable(--_ctm-dn-wt-pg, 0px)
+        );
+
+        border-color: prepareMediaVariable(
+          --_ctm-dn-ln-wt-br-cr,
+          prepareMediaVariable(--_ctm-dn-wt-br-cr, transparent)
+        );
+        border-style: prepareMediaVariable(
+          --_ctm-dn-ln-wt-br-se,
+          prepareMediaVariable(--_ctm-dn-wt-br-se, none)
+        );
+        border-width: prepareMediaVariable(
+          --_ctm-dn-ln-wt-br-wh,
+          prepareMediaVariable(--_ctm-dn-wt-br-wh, 0px)
+        );
+        border-radius: prepareMediaVariable(
+          --_ctm-dn-ln-wt-br-rs,
+          prepareMediaVariable(--_ctm-dn-wt-br-rs, 0px)
+        );
+
+        box-shadow: var(
+          --_show-shadow,
+          prepareMediaVariable(
+              --_ctm-dn-ln-wt-sw-ae,
+              prepareMediaVariable(--_ctm-dn-wt-sw-ae, 0px 0px)
+            )
+            prepareMediaVariable(
+              --_ctm-dn-ln-wt-sw-br,
+              prepareMediaVariable(--_ctm-dn-wt-sw-br, 0px)
+            )
+            prepareMediaVariable(
+              --_ctm-dn-ln-wt-sw-sd,
+              prepareMediaVariable(--_ctm-dn-wt-sw-sd, 0px)
+            )
+            prepareMediaVariable(
+              --_ctm-dn-ln-wt-sw-cr,
+              prepareMediaVariable(--_ctm-dn-wt-sw-cr, transparent)
+            )
         );
-        padding: var(--_ctm-mob-dn-wt-pg, var(--_ctm-tab-dn-wt-pg, var(--_ctm-dn-wt-pg)));
       }
 
       .login_box_header {