@sc-360-v2/storefront-cms-library 0.4.77 → 0.4.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/allocationDetails.scss +18 -0
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-order-pad.scss +6 -0
  4. package/dist/bundle.scss +7 -3
  5. package/dist/cart.scss +5 -0
  6. package/dist/gallery-slider-temp.scss +3 -0
  7. package/dist/layouter.scss +4 -16
  8. package/dist/product-image.scss +3 -0
  9. package/dist/repeater.scss +4 -16
  10. package/dist/types/builder/tools/element-edit/cart.d.ts +2 -1
  11. package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +7 -0
  12. package/dist/types/builder/tools/element-edit/product-image.d.ts +7 -0
  13. package/dist/types/builder/tools/element-edit/userElements.d.ts +15 -0
  14. package/dist/user-elements.scss +19 -5
  15. package/package.json +1 -1
package/dist/bulk-order-pad.scss CHANGED
@@ -386,6 +386,12 @@
386
386
  &:hover {
387
387
  background: var(--_primary-400);
388
388
  }
389
+ &.disabled {
390
+ opacity: 0.3;
391
+ cursor: not-allowed;
392
+ background-color: var(--_gray-300);
393
+ border: 1px solid var(--_gray-300);
394
+ }
389
395
  }
390
396
  }
391
397
  }
package/dist/bundle.scss CHANGED
@@ -2222,9 +2222,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2222
2222
  align-items: flex-start;
2223
2223
  justify-content: flex-start;
2224
2224
  width: 100%;
2225
- overflow: hidden;
2226
- text-overflow: ellipsis;
2227
- white-space: nowrap;
2225
+ // overflow: hidden;
2226
+ // text-overflow: ellipsis;
2227
+ // white-space: nowrap;
2228
2228
  font-family: prepareMediaVariable(--_ctm-dn-pt-ne-dn-ft-fy);
2229
2229
  font-size: prepareMediaVariable(--_ctm-dn-pt-ne-dn-ft-se);
2230
2230
  color: prepareMediaVariable(--_ctm-dn-pt-ne-dn-cr);
@@ -2243,6 +2243,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2243
2243
  prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-br)
2244
2244
  prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-sd)
2245
2245
  prepareMediaVariable(--_ctm-dn-pt-ne-dn-sw-cr);
2246
+
2247
+ &#{$overflowSelector} {
2248
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2249
+ }
2246
2250
  }
2247
2251
 
2248
2252
  .brand-tile {
package/dist/cart.scss CHANGED
@@ -47,6 +47,11 @@
47
47
  span {
48
48
  &.cart__button {
49
49
  display: flex;
50
+ position: relative;
51
+ inset: var(
52
+ --_ctm-mob-dn-ct-in-in-pn-wh-ss,
53
+ var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
54
+ );
50
55
  }
51
56
  svg {
52
57
  width: var(
package/dist/gallery-slider-temp.scss CHANGED
@@ -744,6 +744,7 @@
744
744
  & .embla__thumbs__container {
745
745
  flex-direction: column;
746
746
  height: 100%;
747
+ justify-content: prepareMediaVariable(--_ctm-lt-an-is);
747
748
  }
748
749
 
749
750
  .thumb-prev-button,
@@ -773,6 +774,7 @@
773
774
  & .embla__thumbs__container {
774
775
  flex-direction: column;
775
776
  height: 100%;
777
+ justify-content: prepareMediaVariable(--_ctm-lt-an-is);
776
778
  }
777
779
 
778
780
  .thumb-prev-button,
@@ -988,6 +990,7 @@
988
990
  .embla__thumbs__container {
989
991
  display: flex;
990
992
  flex-direction: row;
993
+ justify-content: prepareMediaVariable(--_ctm-lt-an-is);
991
994
  gap: var(--_ctm-mob-lt-tl-sg, var(--_ctm-tab-lt-tl-sg, var(--_ctm-lt-tl-sg)));
992
995
 
993
996
  width: 100%;
package/dist/layouter.scss CHANGED
@@ -67,22 +67,10 @@ $sliderControlDragging: "[flex-slider-control-moving='true']";
67
67
  --_sf-hr-bx-sw,
68
68
  var(
69
69
  --_show-shadow,
70
- var(
71
- --_ctm-mob-lay-dn-dt-se-sw-ae,
72
- var(--_ctm-tab-lay-dn-dt-se-sw-ae, var(--_ctm-lay-dn-dt-se-sw-ae))
73
- )
74
- var(
75
- --_ctm-mob-lay-dn-dt-se-sw-br,
76
- var(--_ctm-tab-lay-dn-dt-se-sw-br, var(--_ctm-lay-dn-dt-se-sw-br))
77
- )
78
- var(
79
- --_ctm-mob-lay-dn-dt-se-sw-sd,
80
- var(--_ctm-tab-lay-dn-dt-se-sw-sd, var(--_ctm-lay-dn-dt-se-sw-sd))
81
- )
82
- var(
83
- --_ctm-mob-lay-dn-dt-se-sw-cr,
84
- var(--_ctm-tab-lay-dn-dt-se-sw-cr, var(--_ctm-lay-dn-dt-se-sw-cr))
85
- )
70
+ var(--_ctm-mob-lay-dn-sw-ae, var(--_ctm-tab-lay-dn-sw-ae, var(--_ctm-lay-dn-sw-ae)))
71
+ var(--_ctm-mob-lay-dn-sw-br, var(--_ctm-tab-lay-dn-sw-br, var(--_ctm-lay-dn-sw-br)))
72
+ var(--_ctm-mob-lay-dn-sw-sd, var(--_ctm-tab-lay-dn-sw-sd, var(--_ctm-lay-dn-sw-sd)))
73
+ var(--_ctm-mob-lay-dn-sw-cr, var(--_ctm-tab-lay-dn-sw-cr, var(--_ctm-lay-dn-sw-cr)))
86
74
  )
87
75
  )
88
76
  );
package/dist/product-image.scss CHANGED
@@ -923,6 +923,7 @@
923
923
  & .embla__thumbs__container {
924
924
  flex-direction: column;
925
925
  height: 100%;
926
+ justify-content: prepareMediaVariable(--_ctm-lt-an-is);
926
927
  }
927
928
 
928
929
  .thumb-prev-button,
@@ -952,6 +953,7 @@
952
953
  & .embla__thumbs__container {
953
954
  flex-direction: column;
954
955
  height: 100%;
956
+ justify-content: prepareMediaVariable(--_ctm-lt-an-is);
955
957
  }
956
958
 
957
959
  .thumb-prev-button,
@@ -1178,6 +1180,7 @@
1178
1180
  .embla__thumbs__container {
1179
1181
  display: flex;
1180
1182
  flex-direction: row;
1183
+ justify-content: prepareMediaVariable(--_ctm-lt-jy-ct);
1181
1184
  gap: var(--_ctm-mob-lt-tl-sg, var(--_ctm-tab-lt-tl-sg, var(--_ctm-lt-tl-sg)));
1182
1185
 
1183
1186
  width: 100%;
package/dist/repeater.scss CHANGED
@@ -75,22 +75,10 @@ $rai: "repeater-advertise-item";
75
75
  --_sf-hr-bx-sw,
76
76
  var(
77
77
  --_show-shadow,
78
- var(
79
- --_ctm-mob-rep-dn-dt-se-sw-ae,
80
- var(--_ctm-tab-rep-dn-dt-se-sw-ae, var(--_ctm-rep-dn-dt-se-sw-ae))
81
- )
82
- var(
83
- --_ctm-mob-rep-dn-dt-se-sw-br,
84
- var(--_ctm-tab-rep-dn-dt-se-sw-br, var(--_ctm-rep-dn-dt-se-sw-br))
85
- )
86
- var(
87
- --_ctm-mob-rep-dn-dt-se-sw-sd,
88
- var(--_ctm-tab-rep-dn-dt-se-sw-sd, var(--_ctm-rep-dn-dt-se-sw-sd))
89
- )
90
- var(
91
- --_ctm-mob-rep-dn-dt-se-sw-cr,
92
- var(--_ctm-tab-rep-dn-dt-se-sw-cr, var(--_ctm-rep-dn-dt-se-sw-cr))
93
- )
78
+ var(--_ctm-mob-rep-dn-sw-ae, var(--_ctm-tab-rep-dn-sw-ae, var(--_ctm-rep-dn-sw-ae)))
79
+ var(--_ctm-mob-rep-dn-sw-br, var(--_ctm-tab-rep-dn-sw-br, var(--_ctm-rep-dn-sw-br)))
80
+ var(--_ctm-mob-rep-dn-sw-sd, var(--_ctm-tab-rep-dn-sw-sd, var(--_ctm-rep-dn-sw-sd)))
81
+ var(--_ctm-mob-rep-dn-sw-cr, var(--_ctm-tab-rep-dn-sw-cr, var(--_ctm-rep-dn-sw-cr)))
94
82
  )
95
83
  )
96
84
  );
package/dist/types/builder/tools/element-edit/cart.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
1
+ import { CMSIBCommonInterface, CMSIBSizeInterface, CSSPaddingValues } from "../../interfaces/global";
2
2
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
3
  interface selfLayoutInterface {
4
4
  selectorKey: string;
@@ -27,6 +27,7 @@ export interface selfDesignInterface {
27
27
  iconColor: CMSIBCommonInterface;
28
28
  icon: CMSIBCommonInterface;
29
29
  strokeWidth?: CMSIBCommonInterface | any;
30
+ iconPosition?: CSSPaddingValues;
30
31
  };
31
32
  miniCartText: {
32
33
  selectorKey: string;
package/dist/types/builder/tools/element-edit/gallery-slider.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { AlignItemsValue, JustifyContentValue } from "../../../../components/global/types";
1
2
  import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
2
3
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
4
  interface selfLayoutInterface {
@@ -28,6 +29,12 @@ interface selfLayoutInterface {
28
29
  sliderAndThumbnailGap: CMSIBSizeInterface;
29
30
  thumbnailFitOptions: CMSIBCommonInterface;
30
31
  thumbnailObjectPosition: CMSIBCommonInterface;
32
+ justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
33
+ value: JustifyContentValue;
34
+ };
35
+ alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
36
+ value: AlignItemsValue;
37
+ };
31
38
  }
32
39
  export interface selfDesignInterface {
33
40
  selectorKey: string;
package/dist/types/builder/tools/element-edit/product-image.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { AlignItemsValue, JustifyContentValue } from "../../../../components/global/types";
1
2
  import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
2
3
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
4
  interface selfLayoutInterface {
@@ -31,6 +32,12 @@ interface selfLayoutInterface {
31
32
  sliderAndThumbnailGap: CMSIBSizeInterface;
32
33
  thumbnailFitOptions: CMSIBCommonInterface;
33
34
  thumbnailObjectPosition: CMSIBCommonInterface;
35
+ justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
36
+ value: JustifyContentValue;
37
+ };
38
+ alignItems: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
39
+ value: AlignItemsValue;
40
+ };
34
41
  }
35
42
  export interface selfDesignInterface {
36
43
  selectorKey: string;
package/dist/types/builder/tools/element-edit/userElements.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare enum SelectorKeysEnum {
18
18
  QUOTA_NAME_DESIGN = "quotaNameDesign",
19
19
  QUOTA_EXPIRY_DESIGN = "quotaExpiryDesign",
20
20
  QUOTA_INVENTORY_DESIGN = "quotaInventoryDesign",
21
+ QUOTA_HIGHLIGHTED_DESIGN = "quotaHighlightedDesign",
21
22
  ALLOWANCE_DESIGN = "allowanceDesign",
22
23
  ALLOWANCE_HEADING_DESIGN = "allowanceHeadingDesign",
23
24
  ALLOWANCE_NAME_DESIGN = "allowanceNameDesign",
@@ -417,6 +418,20 @@ export declare const getDefaultData: () => {
417
418
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
418
419
  selectorKey: SelectorKeysEnum;
419
420
  };
421
+ quotaHighlightedDesign: {
422
+ theme: CMSIBCommonInterface;
423
+ font: CMSIBCommonInterface;
424
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
425
+ textColor: CMSIBCommonInterface;
426
+ bold: CMSIBCommonInterface;
427
+ italic: CMSIBCommonInterface;
428
+ linethrough: CMSIBCommonInterface;
429
+ underline: CMSIBCommonInterface;
430
+ textAlign: CMSIBCommonInterface;
431
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
432
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
433
+ selectorKey: SelectorKeysEnum;
434
+ };
420
435
  };
421
436
  allowanceDesign: {
422
437
  selectorKey: SelectorKeysEnum;
package/dist/user-elements.scss CHANGED
@@ -590,7 +590,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
590
590
  .user_elements_quota_wrapper {
591
591
  flex-direction: row;
592
592
  align-items: center;
593
- flex-wrap: wrap;
593
+ flex-wrap: nowrap;
594
+ .quota_label_wrapper {
595
+ flex-shrink: 0;
596
+ }
594
597
  .user_elements_user_name_wrapper {
595
598
  flex-direction: row;
596
599
  white-space: nowrap;
@@ -599,6 +602,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
599
602
  flex-direction: row;
600
603
  flex-grow: 1;
601
604
  width: unset;
605
+ min-width: 0;
602
606
  }
603
607
  @media (max-width: 1024px) {
604
608
  .quote_vertical_scroll_wrapper {
@@ -642,8 +646,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
642
646
  }
643
647
  .user_elements_allowance_wrapper {
644
648
  flex-direction: row;
645
- flex-wrap: wrap;
649
+ flex-wrap: nowrap;
646
650
  align-items: center;
651
+ .allowance_label_wrapper {
652
+ flex-shrink: 0;
653
+ }
647
654
  .embla__slide:not(:last-child)::before {
648
655
  content: "";
649
656
  position: absolute;
@@ -672,6 +679,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
672
679
  .allowance_vertical_scroll_wrapper {
673
680
  width: unset;
674
681
  flex-grow: 1;
682
+ min-width: 0;
675
683
  }
676
684
  @media (max-width: 1024px) {
677
685
  .allowance_vertical_scroll_wrapper {
@@ -1053,9 +1061,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1053
1061
  display: flex;
1054
1062
  }
1055
1063
  .hilighted {
1056
- font-size: 20px;
1057
- font-weight: 700;
1058
- color: var(--_thm-cs-be-cr-1);
1064
+ color: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-cr);
1065
+ font-family: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-fy);
1066
+ font-size: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-se);
1067
+ font-style: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-se-ic);
1068
+ font-weight: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ft-wt);
1069
+ line-height: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-le-ht);
1070
+ letter-spacing: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-lr-sg);
1071
+ text-align: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-tt-an);
1072
+ text-decoration: prepareMediaVariable(--_ctm-dn-qa-dn-qa-hd-dn-ue);
1059
1073
  }
1060
1074
  .quota_inventory {
1061
1075
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.77",
3
+ "version": "0.4.78",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {