@sc-360-v2/storefront-cms-library 0.3.19 → 0.3.20

package/dist/cartAttributes.scss

@@ -0,0 +1,38 @@
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="cartAttributes"] {
+    width: var(
+      --_ctm-mob-ele-nw-wh-st-mx,
+      var(
+        --_ctm-tab-ele-nw-wh-st-mx,
+        var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))
+      )
+    );
+
+    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+
+    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
+
+    // aspect-ratio: var(
+    //   --_ctm-mob-aspect-ratio,
+    //   var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
+    // );
+
+    & > .wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    .cart__section {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      gap: 8px;
+    }
+  }
+}

package/dist/fb-dropdown.scss

@@ -3,7 +3,7 @@
   width: 100%;
 }
 
-.dropdown_label {
+.fb_dropdown_label {
   width: 100%;
   height: 40px;
   border: 1px solid var(--_gray-300);
@@ -29,13 +29,18 @@
     color: var(--_gray-400);
   }
 
-  .dropdown_text {
+  .fb_dropdown_text {
     color: var(--_gray-800);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 90%;
   }
 
-  .dropdown_icon {
+  .fb_dropdown_icon {
     display: flex;
     transition: transform 300ms ease;
+
     svg {
       width: 16px;
       height: 16px;
@@ -60,7 +65,7 @@
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 
   &.drop-up {
-    bottom: 44px; // height of dropdown + margin
+    bottom: 44px;
     top: auto;
     margin-top: 0;
     margin-bottom: 4px;
@@ -80,12 +85,20 @@
     }
 
     .dropdown_option {
-      padding: 10px 12px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
       font-size: 14px;
       color: var(--_gray-700);
       cursor: pointer;
       transition: background 0.2s;
 
+      input[type="checkbox"] {
+        margin: 0;
+        pointer-events: none;
+      }
+
       &:hover {
         background-color: var(--_primary-50);
         color: var(--_primary-500);
@@ -99,3 +112,10 @@
     }
   }
 }
+
+.empty-options {
+  padding: 10px 12px;
+  color: var(--_gray-500);
+  font-size: 14px;
+  text-align: center;
+}

package/dist/types/builder/elements/cart-attributes/index.d.ts

@@ -0,0 +1,27 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface CartAttributesStyleProperties 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: () => CartAttributesStyleProperties;
+export interface CMSAttributesInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: CartAttributesStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+    content: string;
+}

package/dist/types/builder/elements/form-builder/index.d.ts

@@ -49,10 +49,13 @@ export declare enum FormElementTypeEnum {
 export declare enum FormElementIdEnum {
     FirstName = "FirstName",
     LastName = "LastName",
+    UserName = "UserName",
     Email = "Email",
     Password = "Password",
     Phone = "Phone",
     DateOfBirth = "DateOfBirth",
+    Honorific = "Honorific",
+    Gender = "Gender",
     Address = "Address",
     InputText = "InputText",
     ShortAnswer = "ShortAnswer",
@@ -73,8 +76,6 @@ export declare enum FormElementIdEnum {
     ResetButton = "ResetButton",
     LoginButton = "LoginButton",
     SignupButton = "SignupButton",
-    CustomAttribute1 = "CustomAttribute1",
-    CustomAttribute2 = "CustomAttribute2",
     Header = "Header",
     Text = "Text"
 }
@@ -176,3 +177,12 @@ export declare enum FormRequiredFieldPlacement {
     BeforeField = 1,
     AfterField = 2
 }
+export declare enum GENDEREnum {
+    MALE = 1,
+    FEMALE = 2,
+    OTHER = 3
+}
+export declare const genderConstant: {
+    label: string;
+    value: GENDEREnum;
+}[];

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

@@ -323,6 +323,7 @@ export declare const CMSElementsListEnum: {
     FILTER_RESULTS: string;
     PRODUCT_SIZECHART: string;
     BADGE: string;
+    CART_ATTRIBUTES: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -81,4 +81,5 @@ import * as userElementsSchema from "./elements/user-elements/index";
 import * as filterResultsSchema from "./elements/filter-results/index";
 import * as productSizeChartSchema from "./elements/product-sizechart/index";
 import * as badgeSchema from "./elements/badge/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, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, };
+import * as cartAttributesSchema from "./elements/cart-attributes/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, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, };

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

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