@sc-360-v2/storefront-cms-library 0.5.3 → 0.5.6

package/dist/phone-input.scss

@@ -10,19 +10,21 @@
   // }
   .sc-phone-input-wrapper {
     .sc-phone-chevron {
-      display: none;
+      display: inline-flex;
+      width: 12px;
+      height: 12px;
       font-size: 0;
-      margin-top: -4px;
-      &::after {
+      line-height: 0;
+      margin-left: 2px;
+      align-items: center;
+      justify-content: center;
+      &::before {
         content: "";
-        display: inline-block;
         width: 6px;
         height: 6px;
-        border-right: 2px solid var(--_gray-400);
-        border-bottom: 2px solid var(--_gray-400);
-        transform: rotate(45deg);
-        margin-left: 4px;
-        vertical-align: middle;
+        border-right: 1.5px solid var(--_gray-500, #667085);
+        border-bottom: 1.5px solid var(--_gray-500, #667085);
+        transform: rotate(45deg) translateY(-1px);
       }
     }
   }
@@ -44,32 +46,15 @@
   .sc-phone-country-btn {
     display: flex;
     align-items: center;
-    gap: 4px;
-    padding: 0 8px;
+    gap: 6px;
+    padding: 0 10px;
     border: none;
     background: transparent;
     cursor: pointer;
     height: 100%;
-    // border-right: 1px solid var(--_primary-300);
+    border-right: none;
     flex-shrink: 0;
 
-    position: relative;
-
-    &::after {
-      content: "";
-      display: inline-block;
-      width: 6px;
-      height: 6px;
-      border-right: 1.5px solid var(--_gray-500);
-      border-bottom: 1.5px solid var(--_gray-500);
-      transform: rotate(45deg);
-      margin-left: 4px;
-      vertical-align: middle;
-      top: 13px;
-      right: -48px;
-      position: absolute;
-    }
-
     &:disabled {
       cursor: not-allowed;
       opacity: 0.6;
@@ -87,17 +72,17 @@
   }
 
   .sc-phone-chevron {
-    font-size: 10px;
-    color: var(--_gray-500, #667085);
-    line-height: 1;
+    font-size: 0;
+    line-height: 0;
   }
 
   .sc-phone-dial-code {
-    padding: 0 30px 0 0px;
+    padding: 10px;
     font-size: 14px;
     color: var(--_gray-700, #344054);
     white-space: nowrap;
     flex-shrink: 0;
+    min-width: 36px;
   }
 
   input[type="tel"].sc-phone-input {

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

@@ -19,6 +19,7 @@ interface selfLayoutInterface {
     setItemsPerRow: CMSIBCommonInterface;
     sliderDisplayScrollbar: CMSIBCommonInterface;
     autoplay: CMSIBCommonInterface;
+    zoomEnable: CMSIBCommonInterface;
     autoplayStyle: CMSIBCommonInterface;
     autoplayDuration: CMSIBSizeInterface;
     sliderSpeed: CMSIBSizeInterface;

package/dist/types/icons/builder-icons.d.ts

@@ -0,0 +1,8 @@
+interface IconEntry {
+    name: string;
+    code: string;
+}
+declare const SVGLibrary: IconEntry[];
+export declare const CMSSVG: (type: string) => string;
+export { SVGLibrary };
+export default SVGLibrary;

package/dist/types/icons/common-icons.d.ts

@@ -0,0 +1,7 @@
+interface IconEntry {
+    name: string;
+    code: string;
+}
+declare const SVGLibrary: IconEntry[];
+export { SVGLibrary };
+export default SVGLibrary;

package/dist/types/icons/svg-icons.d.ts

@@ -1,5 +1,10 @@
 /**
+ * SVG getter — looks up an icon by name from the builder icon set.
  *
- * @param {string} type - Please Enter SVG Type.
+ * Historically this file held its own inline SVGLibrary, duplicating many
+ * icons that also lived in updated-icons.ts. Those have all been merged into
+ * builder-icons.ts now, so this is just a thin wrapper.
+ *
+ * @param {string} type - Icon name (must exist in builder-icons.ts SVGLibrary).
  */
-export default function SVG(type: string, size?: string, color?: string): string;
+export default function SVG(type: string, _size?: string, _color?: string): string;

package/dist/types/icons/updated-icons.d.ts

@@ -1,10 +1,3 @@
-declare const SVGLibrary: ({
-    name: string;
-    code: string;
-    svg?: undefined;
-} | {
-    name: string;
-    svg: string;
-    code?: undefined;
-})[];
+import SVGLibrary from "./builder-icons";
+export { SVGLibrary };
 export default SVGLibrary;

package/dist/types/icons/website-icons.d.ts

@@ -0,0 +1,8 @@
+interface IconEntry {
+    name: string;
+    code: string;
+}
+declare const SVGLibrary: IconEntry[];
+export declare const CMSSVG: (type: string) => string;
+export { SVGLibrary };
+export default SVGLibrary;