@sc-360-v2/storefront-cms-library 0.3.41 → 0.3.43

package/dist/prefix-list.scss

@@ -34,6 +34,12 @@ $prefixList: (
   spotlight: spo,
 );
 
+$VariableTypes: (
+  width: "lt-wh",
+  maxHeight: "lt-mx-ht",
+  transform: "trsnf-vl",
+);
+
 @function convertListToCommaSeparateString($list) {
   $items: ();
   @each $key, $value in $list {
@@ -45,14 +51,16 @@ $prefixList: (
 }
 
 @function convertIntoActualVariable($prefix, $type) {
-  $types: (
-    width: "lt-wh",
-  );
-  $suffix: map.get($types, $type);
+  // $types: (
+  //   width: "lt-wh",
+  //   maxHeight: "lt-mx-ht",
+  //   transform: "trsnf-vl",
+  // );
+  $suffix: map.get($VariableTypes, $type);
   @return --_ctm-#{$prefix}-#{$suffix};
 }
 
-@mixin FlexUpdatedPrefixCSSVariable($var, $isLayer: false) {
+@mixin FlexUpdatedPrefixCSSVariable($var, $isLayer: false, $type: width, $defaultValue: inherit) {
   $selector: "";
   @if ($isLayer == false) {
     $selector: $dataElementType;
@@ -61,13 +69,14 @@ $prefixList: (
   }
   @each $key, $value in $prefixList {
     &[#{$selector}="#{$key}"] {
-      #{$var}: #{prepareMediaVariable(convertIntoActualVariable($value, width))};
+      #{$var}: #{prepareMediaVariable(convertIntoActualVariable($value, $type), $defaultValue)};
     }
   }
-
-  &#{$elementSelector} {
-    &:is(:not(#{convertListToCommaSeparateString($prefixList)})) {
-      #{$var}: #{prepareMediaVariable(--_ctm-lt-wh)};
+  @if ($type != maxHeight) {
+    &#{$elementSelector} {
+      &:is(:not(#{convertListToCommaSeparateString($prefixList)})) {
+        #{$var}: #{prepareMediaVariable(--_ctm-#{map.get($VariableTypes, $type), $defaultValue})};
+      }
     }
   }
 }

package/dist/quick-order-pad.scss

@@ -139,6 +139,9 @@ $input-padding: 10px 12px;
   }
 }
 .cart_products_wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
   padding: 12px;
   .emptyData {
     color: $text-color;

package/dist/section.scss

@@ -5,6 +5,7 @@
 @use "./animation-control.scss" as *;
 @use "./responsive-behaviour.scss" as *;
 @use "./overflow-module.scss" as *;
+@use "./transform-properties-module.scss" as *;
 
 $activeElementSelector: "[data-has-clicked='true']";
 $repeterLElement: '[data-element-type="repeater"]';
@@ -45,8 +46,11 @@ body {
   // Responsive
   @include FlexElementResponsiveBehaviourStyles();
 
-  // overflow
-  @include FlexOverflowModuleStyles();
+  // Overflow
+  // @include FlexOverflowModuleStyles();
+
+  // Additional Tranform Properties
+  @include FlexElementTransformProps();
 }
 
 section {

package/dist/transform-properties-module.scss

@@ -0,0 +1,20 @@
+@use "sass:map";
+@use "sass:list";
+@use "./prefix-list.scss" as *;
+$editorBodySelector: '[data-iframe-body="true"]';
+$sectionWrapper: '[data-div-type="cms-section-wrapper"]';
+$le: '[data-element-type="lightboxv2"]';
+$elementSelector: '[data-div-type="element"]';
+$gridSelector: '[data-div-type="grid"]';
+$var: "--_sf-transform-pr-vl";
+
+@mixin FlexElementTransformProps() {
+  &:not(#{$editorBodySelector}) {
+    :is(#{$sectionWrapper} *, #{$le} *) {
+      &:is(#{$gridSelector}, #{$elementSelector}) {
+        @include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
+        transform: var(#{$var}, none);
+      }
+    }
+  }
+}

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

@@ -331,6 +331,7 @@ export declare const CMSElementsListEnum: {
     LOADER: string;
     PRODUCT_BRAND_IMAGE: string;
     ADD_PRODUCTS_TAB: string;
+    QUOTA_DETAILS: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

package/dist/types/builder/interfaces/global.d.ts

@@ -56,6 +56,14 @@ export interface CMSIBCommonInterface {
     isReadOnly?: boolean;
     parentRef?: string;
 }
+export interface CMSIBCommonTypeV2 {
+    value: any;
+    property: string;
+    isDefault: boolean;
+}
+export interface CMSIBSizeInterfaceV2 extends CMSIBCommonTypeV2 {
+    unit?: number | string;
+}
 export interface CMSIBSizeInterface extends CMSIBCommonInterface {
     unit?: number | string;
 }
@@ -167,3 +175,20 @@ export type FlexOverFlowDataType = {
     scrollDirection: Record<string, CMSIBCommonInterface>;
     maxHeight: Record<string, CMSIBCommonInterface>;
 };
+export type FlexTranformDirectionType = {
+    x: CMSIBSizeInterfaceV2;
+    y: CMSIBSizeInterfaceV2;
+};
+export type FlexTransformDatatype = {
+    rotate: CMSIBCommonTypeV2;
+    translate: CMSIBCommonTypeV2 & {
+        value: FlexTranformDirectionType;
+    };
+    skew: CMSIBCommonTypeV2 & {
+        value: FlexTranformDirectionType;
+    };
+    scale: CMSIBCommonTypeV2 & {
+        value: FlexTranformDirectionType;
+        isAll: boolean;
+    };
+};