@sc-360-v2/storefront-cms-library 0.4.37 → 0.4.39

package/dist/language-selector.scss

@@ -353,8 +353,11 @@
 
         position: relative;
 
-        padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
+        // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
         gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
+        .language__name {
+          color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
+        }
       }
       .language__flag {
         width: var(--_ctm-mob-lt-fg-se, var(--_ctm-tab-lt-fg-se, var(--_ctm-lt-fg-se)));
@@ -427,7 +430,13 @@
             width: 100%;
             padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
             .option_select {
-              padding: unset;
+              // padding-block: unset;
+              // display: -webkit-box;
+              -webkit-line-clamp: 1;
+              -webkit-box-orient: vertical;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
             }
           }
 
@@ -440,8 +449,9 @@
 
           .est__dropdown__icon {
             position: absolute;
-            right: 5px;
+            right: 0;
             transition: transform 0.4s ease-in-out;
+            display: flex;
             &.open {
               transform: rotate(180deg);
             }
@@ -487,6 +497,9 @@
               var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is))
             );
             gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-lt-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
+            // padding: 2px;
+            // border-radius: 4px;
+            // border: 1px solid var(--_gray-300);
 
             &.top {
               bottom: 100%;
@@ -495,6 +508,11 @@
 
             .option {
               cursor: pointer;
+              // padding: 4px;
+              // &:hover {
+              //   background: var(--_gray-100);
+              //   border-radius: 4px;
+              // }
             }
           }
         }

package/dist/multi-select-dropdown.scss

@@ -211,6 +211,15 @@ $msd-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
       max-width: 100%;
     }
   }
+  .msd__option__text {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    .msd__option__subtitle {
+      font-size: 12px;
+      color: var(--_gray-500);
+    }
+  }
   .is__selected {
     margin-left: auto;
   }

package/dist/static-global.scss

@@ -38,7 +38,8 @@ $data: (
 );
 .thm__btn {
   border-radius: var(--_thm-py-bs-dt-se-br-rs);
-
+  display: flex;
+  align-items: center;
   @each $k1, $k2 in $data {
     @if ($k1 == "size") {
       @each $sizeKey, $sizeValue in $k2 {

package/dist/types/builder/tools/element-edit/language-menu.d.ts

@@ -75,12 +75,7 @@ export declare const menuConrolsInterface: {
         property: string;
         propertyType: CMSElementEditTypes;
     };
-    itemPadding: {
-        value: string;
-        unit: number;
-        property: string;
-        propertyType: CMSElementEditTypes;
-    };
+    itemPadding: any;
     itemSpacing: {
         value: string;
         unit: number;

package/dist/types/builder/tools/element-edit/userElements.d.ts

@@ -801,12 +801,7 @@ export declare const getDefaultData: () => {
                     value: boolean;
                     propertyType: CMSElementEditTypes;
                 };
-                itemPadding: {
-                    value: string;
-                    unit: number;
-                    property: string;
-                    propertyType: CMSElementEditTypes;
-                };
+                itemPadding: any;
                 itemSpacing: {
                     value: string;
                     unit: number;

package/dist/uom-selector.scss

@@ -30,13 +30,13 @@
     );
     margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
 
-    --_aspect-ratio: calc(
-      1 *
-        (
-          var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
-            var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
-        )
-    );
+    // --_aspect-ratio: calc(
+    //   1 *
+    //     (
+    //       var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
+    //         var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
+    //     )
+    // );
     & > .wrapper {
       width: 100%;
       // height: 100%;

package/dist/user-elements.scss

@@ -682,6 +682,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               flex-direction: column;
               justify-content: flex-start;
               width: 100%;
+              height: 44px;
             }
           }
         }

package/dist/variant-picker.scss

@@ -485,8 +485,8 @@ $minWidth: 70px;
                   border-radius: 5px;
                 }
                 &[data-background-shape-selected="capsule"] {
-                  --toggle-height: var(--_ctm-lt-sh-im-se);
-                  --toggle-width: calc(var(--_ctm-lt-sh-im-se) * 1.5);
+                  --toggle-height: var(--_ctm-lt-sh-te-dy-se-im-se);
+                  --toggle-width: calc(var(--_ctm-lt-sh-te-dy-se-im-se) * 1.5);
 
                   width: var(--toggle-width);
                   height: var(--toggle-height);
@@ -777,7 +777,7 @@ $minWidth: 70px;
               );
               line-height: var(
                 --_sf-hr-le-ht,
-                prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-le-ht-dc)
+                prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-le-ht)
               );
               text-decoration: var(
                 --_sf-hr-ue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.4.37",
+  "version": "0.4.39",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {