@sc-360-v2/storefront-cms-library 0.2.59 → 0.2.60

package/dist/login.scss

@@ -0,0 +1,189 @@
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="login"] {
+    width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
+    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
+    margin: var(--_ctm-lt-mn, --_tst-lt-mn);
+    aspect-ratio: 1 / var(--_sf-aspect-ratio);
+    position: relative;
+
+    & > .wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    & form {
+      width: 100%;
+      height: 100%;
+    }
+
+    &[data-widget-border="true"] {
+      .search-wrapper {
+        border-color: var(--_ctm-dn-sh-br-br-cr, var(--_tst-dn-sh-br-br-cr));
+        border-style: var(--_ctm-dn-sh-br-br-se, var(--_tst-dn-sh-br-br-se));
+        border-width: var(--_ctm-dn-sh-br-br-wh, var(--_tst-dn-sh-br-br-wh));
+      }
+    }
+
+    &[data-widget-shadow="false"] {
+      --_show-shadow: none;
+    }
+
+    &[data-show-shadow="false"] {
+      --_show-shadow: none;
+    }
+
+    .contact-us-container {
+      display: flex;
+      padding: 48px 96px 96px 96px;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 24px;
+      align-self: stretch;
+      width: 100%;
+      height: 100%;
+      .header-section {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        .head-title {
+          color: #333;
+          font-family: "Hanken Grotesk";
+          font-size: 24px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 125%; /* 30px */
+          letter-spacing: -0.48px;
+        }
+        .sub-title {
+          color: #626262;
+          font-family: "Hanken Grotesk";
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 150%; /* 21px */
+          letter-spacing: -0.28px;
+        }
+      }
+      .form-section {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: 16px;
+        .form-row {
+          display: flex;
+          align-items: flex-start;
+          gap: 24px;
+          align-self: stretch;
+        }
+        .form-group {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 6px;
+          flex: 1 0 0;
+          position: relative;
+          .view__icon {
+            position: absolute;
+            right: 10px;
+            top: 40px;
+            svg {
+              width: 15px;
+              height: 15px;
+            }
+          }
+        }
+        .form-group-uploadfile {
+          display: flex;
+          padding: 12px;
+          justify-content: center;
+          align-items: center;
+          gap: 8px;
+          flex: 1 0 0;
+          align-self: stretch;
+          border-radius: 4px;
+          border: 1px dashed var(--d-0-d-7-e-2, #d0d7e2);
+          background: #fafafa;
+          .input-control {
+            display: none;
+          }
+          label {
+            color: #4f5970;
+            font-family: "Hanken Grotesk";
+            font-size: 20px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 150%; /* 30px */
+            letter-spacing: -0.4px;
+          }
+        }
+        label {
+          color: var(--4-f-5970, #4f5970);
+          text-align: center;
+          font-family: Inter;
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: normal;
+        }
+        .input-control {
+          width: 100%;
+          display: flex;
+          height: 48px;
+          padding: 12px;
+          align-items: center;
+          gap: 10px;
+          align-self: stretch;
+          border-radius: 4px;
+          border: 1px solid var(--d-0-d-7-e-2, #d0d7e2);
+          background: var(--ffffff, #fff);
+          line-height: 18px;
+          outline: none;
+          transition: border-color 0.2s ease-in-out;
+        }
+        .form-column {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 10px;
+          align-self: stretch;
+          width: 100%;
+          .form-group {
+            width: 100%;
+          }
+          .textarea-control {
+            display: flex;
+            height: 120px;
+            padding: 12px;
+            align-items: flex-start;
+            gap: 10px;
+            align-self: stretch;
+            border-radius: 4px;
+            border: 1px solid var(--d-0-d-7-e-2, #d0d7e2);
+            background: var(--ffffff, #fff);
+            width: 100%;
+          }
+        }
+      }
+      .submit-btn {
+        display: flex;
+        padding: 16px 24px;
+        justify-content: center;
+        align-items: center;
+        gap: 12px;
+        flex: 1 0 0;
+        border-radius: 4px;
+        background: #243dc6;
+        color: #fff;
+        width: 100%;
+      }
+    }
+  }
+}

package/dist/types/builder/elements/login/index.d.ts

@@ -0,0 +1,27 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalImageAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface LoginStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => LoginStyleProperties;
+export interface CMSLoginInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: LoginStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+    content?: string;
+}

package/dist/types/builder/enums/index.d.ts

@@ -253,6 +253,7 @@ export declare const CMSElementsListEnum: {
     LAYOUTER_ITEM: string;
     CATEGORY_DETAILS: string;
     CONTACTUS: string;
+    LOGIN: string;
     BREADCRUMBS: string;
     ICON_LIBRARY: string;
 };

package/dist/types/builder/index.d.ts

@@ -51,5 +51,6 @@ import * as layouterSchema from "./elements/layouter/index";
 import * as layouterItemSchema from "./elements/layouter-item/index";
 import commonFunctions from "./utilities/global";
 import * as contactUsSchema from "./elements/contact-us/index";
+import * as loginSchema from "./elements/login/index";
 import * as categoryDetailsSchema from "./elements/category-details/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, };
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, };

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

@@ -9,7 +9,9 @@ export interface selfDesignInterface {
 }
 export declare enum codeSelectorKeysEnum {
     LAYOUT = "layout",
-    DESIGN = "design"
+    DESIGN = "design",
+    DATA_CONNECTOR = "dataConnector",
+    CONTENT = "content"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -7,7 +7,9 @@ export interface selfDesignInterface {
 }
 export declare enum embedSelectorKeysEnum {
     LAYOUT = "layout",
-    DESIGN = "design"
+    DESIGN = "design",
+    DATA_CONNECTOR = "dataConnector",
+    CONTENT = "content"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -62,6 +62,7 @@ import * as layouter from "./layouter";
 import * as layouterItem from "./layouter-item";
 import * as categoryDetails from "./categoryDetails";
 import * as contactUs from "./contactUs";
+import * as login from "./login";
 import * as breadcrumbs from "./breadcrumbs";
 import * as iconLibrary from "./iconLibrary";
-export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, breadcrumbs, iconLibrary, };
+export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, breadcrumbs, iconLibrary, };

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

@@ -0,0 +1,15 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface LoginEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum loginSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -7,6 +7,7 @@ interface selfLayoutInterface {
     noOfOptionsToShowUpfront: CMSIBCommonInterface;
     showRemainingOptionsAs: CMSIBCommonInterface;
     whenClicked: CMSIBCommonInterface;
+    displayStyle: CMSIBCommonInterface;
     buttonText: CMSIBCommonInterface;
     dividerBetweenOptions: CMSIBCommonInterface;
     optionTitleValueSpacing: CMSIBCommonInterface;
@@ -47,13 +48,14 @@ export interface selfDesignInterface {
     iconColor: CMSIBCommonInterface;
     [key: string]: any;
 }
-export declare enum ButtonSelectorKeysEnum {
+export declare enum SelectorKeysEnum {
     LAYOUT = "layout",
     DESIGN = "design",
     FAQ_WIDGET = "faqWidget",
     COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
     EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
-    DIVIDER = "divider"
+    DIVIDER = "divider",
+    DATA_CONNECTOR = "dataConnector"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

package/dist/widget.scss

@@ -67,5 +67,6 @@
 @use "./layouter-item.scss";
 @use "./categoryDetails.scss";
 @use "./contact-us.scss";
+@use "./login.scss";
 @use "./breadcrumbs.scss";
 @use "./icon-library.scss";

package/package.json

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