@sc-360-v2/storefront-cms-library 0.2.46 → 0.2.49

package/dist/product-image.scss

@@ -575,16 +575,17 @@
           margin-left: calc(var(--thumbs-slide-spacing) * -1);
           gap: var(--_ctm-lt-tl-sg);
           width: 100%;
-          // justify-content: center;
+          justify-content: center;
           // height: 200px;
 
           .embla__thumbs__slide {
-            min-width: var(--_ctm-lt-tl-se);
+            // min-width: var(--_ctm-lt-tl-se);
             max-width: var(--_ctm-lt-tl-se);
             height: var(--_ctm-lt-tl-se);
             & img {
               width: 100%;
               height: 100%;
+              object-fit: contain;
             }
           }
         }
@@ -592,6 +593,9 @@
     }
 
     .gallery__slide {
+      img[data-has-link="true"] {
+        cursor: pointer;
+      }
       width: 100%;
       height: 100%;
       display: flex;
@@ -660,7 +664,7 @@
         // }
       }
       > img {
-        object-fit: cover;
+        object-fit: contain;
       }
       &[data-text-position="On Image"] {
         .gallery-header {

package/dist/profile.scss

@@ -19,14 +19,38 @@
       --_show-shadow: none;
     }
 
-    .icon {
-      width: 50px;
-      height: 50px;
-    }
+    .profile__section {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      svg {
+        path {
+          stroke: #fff;
+        }
+      }
+      .profile__content {
+        font-size: 14px;
+        display: flex;
+        flex-direction: column;
+        list-style: none;
+        line-height: 18px;
+        color: #fff;
 
-    .profile-name {
-      font-size: 1rem;
-      font-weight: bold;
+        .profile__icon {
+          font-weight: 600;
+          font-size: 16px;
+        }
+      }
     }
+
+    // .icon {
+    //   width: 50px;
+    //   height: 50px;
+    // }
+
+    // .profile-name {
+    //   font-size: 1rem;
+    //   font-weight: bold;
+    // }
   }
 }

package/dist/sort.scss

@@ -38,7 +38,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         align-items: center;
         width: 100%;
         .value__selected {
-          // width: 100%;
+          width: 100%;
         }
 
         &.open .list {

package/dist/variant-picker.scss

@@ -300,7 +300,6 @@
               --_show-border-im-se,
               var(--_ctm-dn-se-on-ve-se-dt-se-br-wh, var(--_tst-dn-br-wh))
             );
-            border-radius: var(--_ctm-dn-se-on-ve-se-dt-se-br-rs, var(--_tst-dn-br-rs));
             box-shadow: var(
               --_show-shadow-im-se,
               var(--_ctm-dn-se-on-ve-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
@@ -309,6 +308,16 @@
                 var(--_ctm-dn-se-on-ve-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
             );
             border-radius: var(--_ctm-dn-se-on-ve-se-dt-se-br-rs);
+            &[data-dt-se-bd-se="circle"] {
+              border-radius: 999px;
+            }
+            &[data-dt-se-bd-se="square"],
+            &[data-dt-se-bd-se="none"] {
+              border-radius: 0;
+            }
+            &[data-dt-se-bd-se="rounded"] {
+              border-radius: var(--_ctm-dn-se-on-ve-se-dt-se-br-rs, var(--_tst-dn-br-rs));
+            }
             background-color: var(--_ctm-dn-se-on-ve-se-dt-se-bd-cr);
             &:hover {
               border-color: var(

package/dist/widget.scss

@@ -60,6 +60,8 @@
 @use "./past-orders.scss";
 @use "./quotes.scss";
 @use "./rfqs.scss";
+@use "./allocations.scss";
 @use "./search.scss";
 @use "./layouter.scss";
 @use "./layouter-item.scss";
+@use "./categoryDetails.scss";

package/package.json

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