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

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 (45) hide show
  1. package/dist/add-order.scss +8 -8
  2. package/dist/add-products-tab.scss +50 -0
  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 +4543 -4081
  12. package/dist/buyForPopup.scss +140 -116
  13. package/dist/cart-details.scss +1 -1
  14. package/dist/cart-products-sidebar.scss +18 -56
  15. package/dist/cart-summary.scss +12 -11
  16. package/dist/dropdownTemplate.scss +5 -0
  17. package/dist/functions.js +1 -1
  18. package/dist/functions.scss +4 -0
  19. package/dist/icons.js +1 -1
  20. package/dist/index.js +1 -1
  21. package/dist/language-selector.scss +4 -1
  22. package/dist/modal.scss +37 -27
  23. package/dist/multi-select-dropdown.scss +53 -41
  24. package/dist/option-bar.scss +2 -2
  25. package/dist/order-status.scss +18 -14
  26. package/dist/product-actions.scss +27 -27
  27. package/dist/product-price.scss +1910 -1437
  28. package/dist/product-sizechart.scss +5 -2
  29. package/dist/quantity-selector.scss +6 -6
  30. package/dist/quick-order-pad.scss +106 -42
  31. package/dist/repeater-embla-controls.scss +4 -2
  32. package/dist/repeater.scss +3 -3
  33. package/dist/search.scss +11 -1
  34. package/dist/section.scss +9 -9
  35. package/dist/shipping-payments.scss +5 -0
  36. package/dist/types/builder/elements/common.d.ts +1 -0
  37. package/dist/types/builder/elements/light-box-v2/index.d.ts +1 -0
  38. package/dist/types/builder/elements/section/index.d.ts +1 -0
  39. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +5 -0
  40. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -0
  41. package/dist/types/builder/tools/element-edit/productPrice.d.ts +2 -1
  42. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +2 -0
  43. package/dist/types/website/constants/data-connector-souces.d.ts +13 -6
  44. package/dist/website.js +1 -1
  45. package/package.json +1 -1
package/dist/button.scss CHANGED
@@ -106,7 +106,10 @@
106
106
  --_ctm-mob-dn-hr-se-in-c1,
107
107
  var(--_ctm-tab-dn-hr-se-in-c1, var(--_ctm-dn-hr-se-in-c1))
108
108
  );
109
- --_sf-hr-ue: var(--_ctm-mob-dn-hr-ue, var(--_ctm-tab-dn-hr-ue, var(--_ctm-dn-hr-ue)));
109
+ --_sf-hr-ue: var(
110
+ --_ctm-mob-dn-hr-se-ue,
111
+ var(--_ctm-tab-dn-hr-se-ue, var(--_ctm-dn-hr-se-ue))
112
+ );
110
113
 
111
114
  &[data-hover-show-shadow="false"] {
112
115
  --_hover-show-shadow: none;
@@ -208,7 +211,7 @@
208
211
 
209
212
  &:hover .icon--hover {
210
213
  // opacity: 1;
211
- display: inline;
214
+ display: flex;
212
215
  }
213
216
 
214
217
  &:hover .icon--default {
package/dist/buy-for-tab-container.scss CHANGED
@@ -11,7 +11,8 @@
11
11
 
12
12
  // width: 100%;
13
13
  // background: var(--_ctm-buyfo-dn-bd-cr);
14
-
14
+ width: 1200px;
15
+ margin: 0 auto;
15
16
  & > div {
16
17
  &.wrapper {
17
18
  width: 100%;
package/dist/buy-for-tab.scss CHANGED
@@ -10,6 +10,9 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
10
10
 
11
11
  [data-div-type="element"] {
12
12
  &[data-element-type="buyForWithTabs"] {
13
+ &[data-div-type="cms-buy-for-with-tabs-wrapper"] {
14
+ background-color: var(--_base-white);
15
+ }
13
16
  width: calc(
14
17
  1% *
15
18
  var(
@@ -128,6 +131,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
128
131
  display: var(--_d-flex);
129
132
  border-bottom: 1px solid var(--_gray-200);
130
133
  margin-bottom: 16px;
134
+ width: 1200px;
135
+ margin: 0 auto;
131
136
 
132
137
  &[data-hs-br="false"] {
133
138
  --_hide-btn-border: none;
@@ -156,6 +161,8 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
156
161
 
157
162
  &[data-ovf-vl="wrap"] {
158
163
  flex-wrap: wrap;
164
+ max-width: 1200px;
165
+ margin: 0 auto;
159
166
  }
160
167
  &[data-ovf-vl="no wrap"] {
161
168
  overflow-x: auto;
@@ -164,6 +171,7 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
164
171
  }
165
172
 
166
173
  & > button {
174
+ flex-basis: 33.3%;
167
175
  display: var(--_d-flex);
168
176
  padding-inline: var(
169
177
  --_ctm-mob-buy-lt-hl-pg,
@@ -448,16 +456,16 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
448
456
  // width: max-content;
449
457
 
450
458
  font-family: var(
451
- --_sf-buy-sd-ft-fy,
459
+ --_sf-buy-sd-ft-fy,
460
+ var(
461
+ --_sf-buy-hr-ft-fy,
452
462
  var(
453
- --_sf-buy-hr-ft-fy,
454
- var(
455
- --_ctm-mob-buy-dn-ts-ft-fy,
456
- var(--_ctm-tab-buy-dn-ts-ft-fy, var(--_ctm-buy-dn-ts-ft-fy))
457
- )
463
+ --_ctm-mob-buy-dn-ts-ft-fy,
464
+ var(--_ctm-tab-buy-dn-ts-ft-fy, var(--_ctm-buy-dn-ts-ft-fy))
458
465
  )
459
- ),
460
- sans-serif;
466
+ )
467
+ );
468
+
461
469
  font-size: var(
462
470
  --_sf-buy-sd-ft-sz,
463
471
  var(
@@ -508,16 +516,17 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
508
516
  )
509
517
  )
510
518
  );
511
- text-align: var(
512
- --_sf-buy-sd-ft-tln,
513
- var(
514
- --_sf-buy-hr-ft-tln,
515
- var(
516
- --_ctm-mob-buy-dn-ts-tt-an,
517
- var(--_ctm-tab-buy-dn-ts-tt-an, var(--_ctm-buy-dn-ts-tt-an))
518
- )
519
- )
520
- );
519
+ // text-align: var(
520
+ // --_sf-buy-sd-ft-tln,
521
+ // var(
522
+ // --_sf-buy-hr-ft-tln,
523
+ // var(
524
+ // --_ctm-mob-buy-dn-ts-tt-an,
525
+ // var(--_ctm-tab-buy-dn-ts-tt-an, var(--_ctm-buy-dn-ts-tt-an))
526
+ // )
527
+ // )
528
+ // );
529
+ text-align: center;
521
530
  letter-spacing: var(
522
531
  --_sf-buy-sd-ft-lts,
523
532
  var(
@@ -546,12 +555,14 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
546
555
  &.#{$tabBody} {
547
556
  display: var(--_d-flex);
548
557
  flex: 1 1 auto;
558
+ margin-top: 24px;
559
+ height: 100%;
549
560
 
550
561
  & > div {
551
562
  &.#{$tabBodyWrapper} {
552
- display: var(--_d-grid);
553
- grid-template-columns: 100%;
554
- grid-template-rows: 100%;
563
+ // display: var(--_d-grid);
564
+ // grid-template-columns: 100%;
565
+ // grid-template-rows: 100%;
555
566
  width: 100%;
556
567
  }
557
568
  }