@sc-360-v2/storefront-cms-library 0.4.26 → 0.4.28

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 (58) hide show
  1. package/dist/add-order.scss +14 -12
  2. package/dist/add-products-tab.scss +179 -105
  3. package/dist/allocationDetails.scss +2 -2
  4. package/dist/allocations.scss +6 -6
  5. package/dist/builder.js +1 -1
  6. package/dist/bundleDetails copy.scss +1431 -0
  7. package/dist/bundleDetails.scss +3054 -107
  8. package/dist/button.scss +5 -2
  9. package/dist/buy-for-tab-container.scss +2 -1
  10. package/dist/buy-for-tab.scss +32 -21
  11. package/dist/buyForHeaders.scss +4544 -4082
  12. package/dist/buyForPopup.scss +154 -117
  13. package/dist/cart-details.scss +1 -1
  14. package/dist/cart-products-sidebar.scss +18 -56
  15. package/dist/cart-summary.scss +14 -12
  16. package/dist/coupon.scss +85 -0
  17. package/dist/dropdownTemplate.scss +5 -0
  18. package/dist/embroider-template-1-v2.scss +597 -0
  19. package/dist/embroider-template-1.scss +14 -5
  20. package/dist/embroidery.scss +25 -2
  21. package/dist/filters.scss +50 -15
  22. package/dist/functions.js +1 -1
  23. package/dist/functions.scss +4 -0
  24. package/dist/icons.js +1 -1
  25. package/dist/index.js +1 -1
  26. package/dist/language-selector.scss +4 -1
  27. package/dist/layouter-pro.scss +8 -0
  28. package/dist/modal.scss +37 -27
  29. package/dist/multi-select-dropdown.scss +53 -41
  30. package/dist/option-bar.scss +2 -2
  31. package/dist/order-status.scss +18 -14
  32. package/dist/product-actions.scss +27 -27
  33. package/dist/product-image.scss +14 -4
  34. package/dist/product-options.scss +1 -0
  35. package/dist/product-price.scss +1910 -1437
  36. package/dist/product-sizechart.scss +5 -2
  37. package/dist/profile.scss +3 -3
  38. package/dist/quantity-selector.scss +6 -6
  39. package/dist/quick-order-pad.scss +106 -42
  40. package/dist/repeater-embla-controls.scss +4 -2
  41. package/dist/repeater.scss +3 -3
  42. package/dist/search.scss +11 -1
  43. package/dist/section.scss +9 -9
  44. package/dist/shipping-payments.scss +5 -0
  45. package/dist/stack.scss +13 -3
  46. package/dist/types/builder/elements/common.d.ts +1 -0
  47. package/dist/types/builder/elements/light-box-v2/index.d.ts +1 -0
  48. package/dist/types/builder/elements/section/index.d.ts +1 -0
  49. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +481 -0
  50. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +5 -0
  51. package/dist/types/builder/tools/element-edit/filters.d.ts +5 -0
  52. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -0
  53. package/dist/types/builder/tools/element-edit/productPrice.d.ts +2 -1
  54. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +2 -0
  55. package/dist/types/website/constants/data-connector-souces.d.ts +13 -6
  56. package/dist/variant-picker.scss +1 -0
  57. package/dist/website.js +1 -1
  58. package/package.json +1 -1
package/dist/add-order.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "./functions.scss" as *;
1
2
  .add_order__wrapper {
2
3
  position: relative;
3
4
  display: inline-block;
@@ -143,10 +144,11 @@
143
144
  }
144
145
 
145
146
  &:hover {
146
- background-color: var(
147
- --_ctm-mob-dn-hr-se-bd-cr,
148
- var(--_ctm-tab-dn-hr-se-bd-cr, var(--_ctm-dn-hr-se-bd-cr))
149
- );
147
+ // background-color: var(
148
+ // --_ctm-mob-dn-hr-se-bd-cr,
149
+ // var(--_ctm-tab-dn-hr-se-bd-cr, var(--_ctm-dn-hr-se-bd-cr))
150
+ // );
151
+ @include BgColorLighter(var(--_thm-sy-bs-dt-se-bd-cr), 10%);
150
152
  font-size: var(
151
153
  --_ctm-mob-dn-hr-se-ft-se,
152
154
  var(--_ctm-tab-dn-hr-se-ft-se, var(--_ctm-dn-hr-se-ft-se))
@@ -234,13 +236,13 @@
234
236
  }
235
237
  }
236
238
  }
237
- &[data-show-border="true"] {
238
- border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-dt-se-br-cr));
239
+ // &[data-show-border="true"] {
240
+ // border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-dt-se-br-cr));
239
241
 
240
- border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-dt-se-br-se));
242
+ // border-style: var(--_sf-hr-br-se, prepareMediaVariable(--_ctm-dn-dt-se-br-se));
241
243
 
242
- border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-dt-se-br-wh));
243
- }
244
+ // border-width: var(--_sf-hr-br-wh, prepareMediaVariable(--_ctm-dn-dt-se-br-wh));
245
+ // }
244
246
 
245
247
  .txt {
246
248
  display: flex;
@@ -278,7 +280,7 @@
278
280
 
279
281
  &:hover .icon--hover {
280
282
  // opacity: 1;
281
- display: inline;
283
+ display: flex;
282
284
  }
283
285
 
284
286
  &:hover .icon--default {
@@ -296,7 +298,7 @@
296
298
 
297
299
  &:hover .icon--hover {
298
300
  // opacity: 1;
299
- display: inline;
301
+ display: flex;
300
302
  }
301
303
 
302
304
  &:hover .icon--default {
@@ -314,7 +316,7 @@
314
316
 
315
317
  &:hover .icon--hover {
316
318
  // opacity: 1;
317
- display: inline;
319
+ display: flex;
318
320
  }
319
321
 
320
322
  &:hover .icon--default {
package/dist/add-products-tab.scss CHANGED
@@ -7,6 +7,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
7
7
  // $defaultValues: (
8
8
  // --_dm-flt: getListOfResponsive(flex-end, flex-start),
9
9
  // );
10
+ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
11
+ display: flow-root !important;
12
+ }
10
13
  [data-div-type="element"] {
11
14
  &[data-element-type="addProductsTab"] {
12
15
  // width: var(
@@ -23,6 +26,53 @@ $resizeActive: '[data-cms-element-resizer="true"]';
23
26
  & > div {
24
27
  &.wrapper {
25
28
  width: 100%;
29
+ &:has(.buyfor_content_loader) {
30
+ display: flex;
31
+ justify-content: center;
32
+ align-items: center;
33
+ width: 100%;
34
+ height: calc(100vh - 270px);
35
+ }
36
+ }
37
+ }
38
+
39
+ .buyfor_content_loader {
40
+ display: flex;
41
+ flex-direction: column;
42
+ align-items: center;
43
+ .spinner_sm {
44
+ border: 4px solid var(--_gray-200);
45
+ border-top: 4px solid var(--_thm-cs-at-py);
46
+ border-radius: 50%;
47
+ width: 50px;
48
+ height: 50px;
49
+ animation: spin 1s linear infinite;
50
+ margin-bottom: 20px;
51
+ }
52
+
53
+ @keyframes spin {
54
+ 0% {
55
+ transform: rotate(0deg);
56
+ }
57
+ 100% {
58
+ transform: rotate(360deg);
59
+ }
60
+ }
61
+
62
+ .loading-text {
63
+ font-size: 1.2rem;
64
+ letter-spacing: 2px;
65
+ animation: fade 1.5s infinite;
66
+ }
67
+
68
+ @keyframes fade {
69
+ 0%,
70
+ 100% {
71
+ opacity: 0.3;
72
+ }
73
+ 50% {
74
+ opacity: 1;
75
+ }
26
76
  }
27
77
  }
28
78
 
@@ -195,28 +245,52 @@ $resizeActive: '[data-cms-element-resizer="true"]';
195
245
  display: flex;
196
246
  flex-direction: column;
197
247
  gap: 24px;
198
- padding: 16px;
199
- border: 0.5px solid transparent;
248
+ // padding: 16px;
249
+ // background-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-bd-cr);
250
+ @include BgColorLighter(var(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-bd-cr), 5%);
251
+ padding: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-pg);
252
+ border-width: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-wh);
253
+ border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-cr);
254
+ border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-se);
255
+ border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-br-rs);
256
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-ae)
257
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-br)
258
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-sd)
259
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-dt-se-sw-cr);
260
+ // border: 0.5px solid transparent;
200
261
  &:hover {
201
- background-color: var(--_gray-100);
202
- border: 0.5px solid #243dc6;
262
+ // background-color: var(--_gray-100);
263
+ // border: 0.5px solid #243dc6;
203
264
  cursor: pointer;
204
- border-radius: 4px;
265
+ // border-radius: 4px;
266
+ // background-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-bd-cr);
267
+ @include BgColorLighter(var(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-bd-cr), 5%);
268
+ padding: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-pg);
269
+ border-width: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-wh);
270
+ border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-cr);
271
+ border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-se);
272
+ border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-br-rs);
273
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-ae)
274
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-br)
275
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-sd)
276
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-hr-se-sw-cr);
205
277
  }
206
278
  &.active {
207
- border: 0.5px solid #243dc6;
208
- border-radius: 4px;
209
- border-width: 0.5px;
210
-
211
- background-color: prepareMediaVariable(--_ctm-dn-pt-im-ss-bd-cr);
212
- border-width: prepareMediaVariable(--_ctm-dn-pt-im-ss-br-wh);
213
- border-color: prepareMediaVariable(--_ctm-dn-pt-im-ss-br-cr);
214
- border-style: prepareMediaVariable(--_ctm-dn-pt-im-ss-br-se);
215
- border-radius: prepareMediaVariable(--_ctm-dn-pt-im-ss-br-rs);
216
- box-shadow: prepareMediaVariable(--_ctm-dn-pt-im-ss-sw-ae)
217
- prepareMediaVariable(--_ctm-dn-pt-im-ss-sw-br)
218
- prepareMediaVariable(--_ctm-dn-pt-im-ss-sw-sd)
219
- prepareMediaVariable(--_ctm-dn-pt-im-ss-sw-cr);
279
+ // border: 0.5px solid #243dc6;
280
+ // border-radius: 4px;
281
+ // border-width: 0.5px;
282
+ padding: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-pg);
283
+
284
+ // background-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-bd-cr);
285
+ @include BgColorLighter(var(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-bd-cr), 5%);
286
+ border-width: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-wh);
287
+ border-color: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-cr);
288
+ border-style: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-se);
289
+ border-radius: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-br-rs);
290
+ box-shadow: prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-ae)
291
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-br)
292
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-sd)
293
+ prepareMediaVariable(--_ctm-dn-pt-cd-pt-cd-wt-sd-se-sw-cr);
220
294
  }
221
295
 
222
296
  .product-image {
@@ -714,93 +788,93 @@ $resizeActive: '[data-cms-element-resizer="true"]';
714
788
  .add-to-cart {
715
789
  // width: 100%;
716
790
  // height: 56px;
717
- opacity: 1;
718
- display: flex;
719
- align-items: center;
720
- gap: 8px;
721
- // padding-top: 12px;
722
- // padding-right: 24px;
723
- // padding-bottom: 12px;
724
- // padding-left: 24px;
725
- padding: var(
726
- --_ctm-mob-dn-pt-ds-at-pg,
727
- var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
728
- );
729
- border-style: var(
730
- --_ctm-mob-dn-pt-ds-at-br-se,
731
- var(--_ctm-tab-dn-pt-ds-at-br-se, var(--_ctm-dn-pt-ds-at-br-se))
732
- );
733
- border-width: var(
734
- --_ctm-mob-dn-pt-ds-at-br-wh,
735
- var(--_ctm-tab-dn-pt-ds-at-br-wh, var(--_ctm-dn-pt-ds-at-br-wh))
736
- );
737
- border-radius: var(
738
- --_ctm-mob-dn-pt-ds-at-br-rs,
739
- var(--_ctm-tab-dn-pt-ds-at-br-rs, var(--_ctm-dn-pt-ds-at-br-rs))
740
- );
741
- border-color: var(
742
- --_ctm-mob-dn-pt-ds-at-br-cr,
743
- var(--_ctm-tab-dn-pt-ds-at-br-cr, var(--_ctm-dn-pt-ds-at-br-cr))
744
- );
745
- background: var(
746
- --_ctm-mob-dn-pt-ds-at-bd-cr,
747
- var(--_ctm-tab-dn-pt-ds-at-bd-cr, var(--_ctm-dn-pt-ds-at-bd-cr))
748
- );
749
- box-shadow: 0px 1px 2px 0px #1018280d;
750
- text-align: center;
751
- font-family: var(
752
- --_ctm-mob-dn-pt-ds-at-ft-fy,
753
- var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
754
- );
755
- font-weight: var(
756
- --_ctm-mob-dn-pt-ds-at-ft-wt,
757
- var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
758
- );
759
- font-size: var(
760
- --_ctm-mob-dn-pt-ds-at-ft-se,
761
- var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
762
- );
763
- line-height: var(
764
- --_ctm-mob-dn-pt-ds-at-le-ht,
765
- var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
766
- );
767
- letter-spacing: var(
768
- --_ctm-mob-dn-pt-ds-at-lr-sg,
769
- var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
770
- );
771
- color: var(
772
- --_ctm-mob-dn-pt-ds-at-cr,
773
- var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
774
- );
775
- span {
776
- vertical-align: middle;
777
- }
778
- button {
779
- font-family: var(
780
- --_ctm-mob-dn-pt-ds-at-ft-fy,
781
- var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
782
- );
783
- font-weight: var(
784
- --_ctm-mob-dn-pt-ds-at-ft-wt,
785
- var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
786
- );
787
- font-size: var(
788
- --_ctm-mob-dn-pt-ds-at-ft-se,
789
- var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
790
- );
791
- line-height: var(
792
- --_ctm-mob-dn-pt-ds-at-le-ht,
793
- var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
794
- );
795
- letter-spacing: var(
796
- --_ctm-mob-dn-pt-ds-at-lr-sg,
797
- var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
798
- );
799
- color: var(
800
- --_ctm-mob-dn-pt-ds-at-cr,
801
- var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
802
- );
803
- }
791
+ // opacity: 1;
792
+ // display: flex;
793
+ // align-items: center;
794
+ // gap: 8px;
795
+ padding-top: 12px;
796
+ padding-right: 24px;
797
+ padding-bottom: 12px;
798
+ padding-left: 24px;
799
+ // padding: var(
800
+ // --_ctm-mob-dn-pt-ds-at-pg,
801
+ // var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
802
+ // );
803
+ // border-style: var(
804
+ // --_ctm-mob-dn-pt-ds-at-br-se,
805
+ // var(--_ctm-tab-dn-pt-ds-at-br-se, var(--_ctm-dn-pt-ds-at-br-se))
806
+ // );
807
+ // border-width: var(
808
+ // --_ctm-mob-dn-pt-ds-at-br-wh,
809
+ // var(--_ctm-tab-dn-pt-ds-at-br-wh, var(--_ctm-dn-pt-ds-at-br-wh))
810
+ // );
811
+ // border-radius: var(
812
+ // --_ctm-mob-dn-pt-ds-at-br-rs,
813
+ // var(--_ctm-tab-dn-pt-ds-at-br-rs, var(--_ctm-dn-pt-ds-at-br-rs))
814
+ // );
815
+ // border-color: var(
816
+ // --_ctm-mob-dn-pt-ds-at-br-cr,
817
+ // var(--_ctm-tab-dn-pt-ds-at-br-cr, var(--_ctm-dn-pt-ds-at-br-cr))
818
+ // );
819
+ // background: var(
820
+ // --_ctm-mob-dn-pt-ds-at-bd-cr,
821
+ // var(--_ctm-tab-dn-pt-ds-at-bd-cr, var(--_ctm-dn-pt-ds-at-bd-cr))
822
+ // );
823
+ // box-shadow: 0px 1px 2px 0px #1018280d;
824
+ // text-align: center;
825
+ // font-family: var(
826
+ // --_ctm-mob-dn-pt-ds-at-ft-fy,
827
+ // var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
828
+ // );
829
+ // font-weight: var(
830
+ // --_ctm-mob-dn-pt-ds-at-ft-wt,
831
+ // var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
832
+ // );
833
+ // font-size: var(
834
+ // --_ctm-mob-dn-pt-ds-at-ft-se,
835
+ // var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
836
+ // );
837
+ // line-height: var(
838
+ // --_ctm-mob-dn-pt-ds-at-le-ht,
839
+ // var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
840
+ // );
841
+ // letter-spacing: var(
842
+ // --_ctm-mob-dn-pt-ds-at-lr-sg,
843
+ // var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
844
+ // );
845
+ // color: var(
846
+ // --_ctm-mob-dn-pt-ds-at-cr,
847
+ // var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
848
+ // );
849
+ // span {
850
+ // vertical-align: middle;
851
+ // }
852
+ // button {
853
+ // font-family: var(
854
+ // --_ctm-mob-dn-pt-ds-at-ft-fy,
855
+ // var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
856
+ // );
857
+ // font-weight: var(
858
+ // --_ctm-mob-dn-pt-ds-at-ft-wt,
859
+ // var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
860
+ // );
861
+ // font-size: var(
862
+ // --_ctm-mob-dn-pt-ds-at-ft-se,
863
+ // var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
864
+ // );
865
+ // line-height: var(
866
+ // --_ctm-mob-dn-pt-ds-at-le-ht,
867
+ // var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
868
+ // );
869
+ // letter-spacing: var(
870
+ // --_ctm-mob-dn-pt-ds-at-lr-sg,
871
+ // var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
872
+ // );
873
+ // color: var(
874
+ // --_ctm-mob-dn-pt-ds-at-cr,
875
+ // var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
876
+ // );
877
+ // }
804
878
  }
805
879
  .variant__container {
806
880
  display: flex;
package/dist/allocationDetails.scss CHANGED
@@ -1541,8 +1541,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1541
1541
  var(--_ctm-tab-dn-ps-sr-pe-tb-hr-se-in-c1, var(--_ctm-dn-ps-sr-pe-tb-hr-se-in-c1))
1542
1542
  );
1543
1543
  --_sf-hr-ue: var(
1544
- --_ctm-mob-dn-ps-sr-pe-tb-hr-ue,
1545
- var(--_ctm-tab-dn-ps-sr-pe-tb-hr-ue, var(--_ctm-dn-ps-sr-pe-tb-hr-ue))
1544
+ --_ctm-mob-dn-ps-sr-pe-tb-hr-se-ue,
1545
+ var(--_ctm-tab-dn-ps-sr-pe-tb-hr-se-ue, var(--_ctm-dn-ps-sr-pe-tb-hr-se-ue))
1546
1546
  );
1547
1547
 
1548
1548
  // for pading and width
package/dist/allocations.scss CHANGED
@@ -227,8 +227,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
227
227
  var(--_ctm-tab-dn-rm-bn-hr-se-in-c1, var(--_ctm-dn-rm-bn-hr-se-in-c1))
228
228
  );
229
229
  --_sf-hr-ue: var(
230
- --_ctm-mob-dn-rm-bn-hr-ue,
231
- var(--_ctm-tab-dn-rm-bn-hr-ue, var(--_ctm-dn-rm-bn-hr-ue))
230
+ --_ctm-mob-dn-rm-bn-hr-se-ue,
231
+ var(--_ctm-tab-dn-rm-bn-hr-se-ue, var(--_ctm-dn-rm-bn-hr-se-ue))
232
232
  );
233
233
 
234
234
  // for pading and width
@@ -323,7 +323,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
323
323
 
324
324
  &:hover .icon--hover {
325
325
  // opacity: 1;
326
- display: inline;
326
+ display: flex;
327
327
  }
328
328
 
329
329
  &:hover .icon--default {
@@ -441,8 +441,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
441
441
  var(--_ctm-tab-dn-ld-me-bn-hr-se-in-c1, var(--_ctm-dn-ld-me-bn-hr-se-in-c1))
442
442
  );
443
443
  --_sf-hr-ue: var(
444
- --_ctm-mob-dn-ld-me-bn-hr-ue,
445
- var(--_ctm-tab-dn-ld-me-bn-hr-ue, var(--_ctm-dn-ld-me-bn-hr-ue))
444
+ --_ctm-mob-dn-ld-me-bn-hr-se-ue,
445
+ var(--_ctm-tab-dn-ld-me-bn-hr-se-ue, var(--_ctm-dn-ld-me-bn-hr-se-ue))
446
446
  );
447
447
 
448
448
  // for pading and width
@@ -540,7 +540,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
540
540
 
541
541
  &:hover .icon--hover {
542
542
  // opacity: 1;
543
- display: inline;
543
+ display: flex;
544
544
  }
545
545
 
546
546
  &:hover .icon--default {