@sc-360-v2/storefront-cms-library 0.3.52 → 0.3.54

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 (38) hide show
  1. package/dist/add-order.scss +3 -0
  2. package/dist/add-products-tab.scss +64 -17
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-order-pad.scss +1 -1
  5. package/dist/buy-for-tab.scss +15 -15
  6. package/dist/buyForHeaders.scss +5 -5
  7. package/dist/cart-details.scss +32 -42
  8. package/dist/cart-products-sidebar.scss +32 -16
  9. package/dist/cart-summary.scss +2 -4
  10. package/dist/cartDropdownOverlay.scss +3 -1
  11. package/dist/checkout.scss +620 -821
  12. package/dist/confirmationModal.scss +48 -0
  13. package/dist/container.scss +15 -15
  14. package/dist/customization-tree.scss +5 -1
  15. package/dist/dropdownTemplate.scss +5 -2
  16. package/dist/employee-bulk-order.scss +3459 -384
  17. package/dist/grid.scss +36 -0
  18. package/dist/icons.js +1 -1
  19. package/dist/image-temp.scss +47 -22
  20. package/dist/index.js +1 -1
  21. package/dist/layouter-pro-item.scss +1 -1
  22. package/dist/layouter-pro.scss +5 -5
  23. package/dist/modal.scss +357 -16
  24. package/dist/order-status.scss +49 -5
  25. package/dist/section.scss +5 -1
  26. package/dist/shareCartSideBar.scss +10 -8
  27. package/dist/shipping-payments.scss +668 -505
  28. package/dist/store-locations.scss +252 -160
  29. package/dist/tab-v2.scss +15 -15
  30. package/dist/text-temp.scss +4 -1
  31. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +36 -0
  32. package/dist/types/builder/tools/element-edit/grid.d.ts +26 -0
  33. package/dist/types/builder/tools/element-edit/language-menu.d.ts +77 -0
  34. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +4 -0
  35. package/dist/types/builder/tools/element-edit/userElements.d.ts +407 -0
  36. package/dist/types/icons/cms-svg-icons.d.ts +1 -1
  37. package/dist/user-elements.scss +1449 -490
  38. package/package.json +1 -1
package/dist/image-temp.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @use "sass:list";
3
3
 
4
4
  @use "./functions.scss" as *;
5
+ $isFlexboxElementChild: ".flx > .wrapper > *";
5
6
 
6
7
  [data-div-type="element"] {
7
8
  &[data-element-type="image"],
@@ -31,7 +32,7 @@
31
32
  }
32
33
  }
33
34
  // width: prepareMediaVariable(--_ctm-lt-wh);
34
- height: prepareMediaVariable(--_ctm-lt-ht) !important;
35
+ // min-height: prepareMediaVariable(--_ctm-lt-ht) !important;
35
36
  // &:not([data-element-type="image"]) {
36
37
  // }
37
38
 
@@ -44,7 +45,9 @@
44
45
  );
45
46
 
46
47
  &[data-view-state="full"] {
47
- aspect-ratio: 1/0.01;
48
+ &:not(#{$isFlexboxElementChild}) {
49
+ aspect-ratio: 1/0.01;
50
+ }
48
51
  & > .wrapper {
49
52
  & > div {
50
53
  height: 100%;
@@ -77,26 +80,6 @@
77
80
  rotate: calc(var(--_ctm-dn-re) * 1deg);
78
81
 
79
82
  // height: 100%;
80
- }
81
- &[data-show-shadow="false"] {
82
- --_show-shadow: none;
83
- }
84
- .text-element {
85
- // background: #6d96e4;
86
- // padding: 10px;
87
- // font-weight: 600;
88
- // color: rgba(75, 69, 70, 1);
89
- width: 100%;
90
- height: 100%;
91
- }
92
- .image-element {
93
- display: flex;
94
- flex-direction: column;
95
- --_sf-gp: 16px;
96
- --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
97
- row-gap: var(--_sf-gp);
98
- width: 100%;
99
- // height: 100%;
100
83
  &:is(:not(:has([class*="crop__main"]) *)) {
101
84
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
102
85
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
@@ -118,6 +101,48 @@
118
101
  scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
119
102
  rotate: calc(var(--_ctm-dn-re) * 1deg);
120
103
  }
104
+ }
105
+ &[data-show-shadow="false"] {
106
+ --_show-shadow: none;
107
+ }
108
+ .text-element {
109
+ // background: #6d96e4;
110
+ // padding: 10px;
111
+ // font-weight: 600;
112
+ // color: rgba(75, 69, 70, 1);
113
+ width: 100%;
114
+ height: 100%;
115
+ }
116
+ .image-element {
117
+ display: flex;
118
+ flex-direction: column;
119
+ --_sf-gp: 16px;
120
+ --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
121
+ row-gap: var(--_sf-gp);
122
+ width: 100%;
123
+ height: prepareMediaVariable(--_ctm-lt-ht);
124
+ // height: 100%;
125
+ // &:is(:not(:has([class*="crop__main"]) *)) {
126
+ // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
127
+ // background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
128
+ // border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
129
+ // border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
130
+ // border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
131
+ // border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
132
+ // &[data-show-shadow] {
133
+ // box-shadow: var(
134
+ // --_show-shadow,
135
+ // var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
136
+ // var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
137
+ // var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
138
+ // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
139
+ // );
140
+ // }
141
+
142
+ // // transform: scale(var(--_ctm-dn-zm-ie));
143
+ // scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
144
+ // rotate: calc(var(--_ctm-dn-re) * 1deg);
145
+ // }
121
146
  transition: transform 0.3s ease-in-out;
122
147
 
123
148
  &:hover {