@sc-360-v2/storefront-cms-library 0.5.54 → 0.5.55

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 (106) hide show
  1. package/dist/add-products-tab-details.scss +3 -0
  2. package/dist/allocation-header-quota-details.scss +520 -0
  3. package/dist/allocationDetails.scss +608 -396
  4. package/dist/allocations-quota-details.scss +173 -170
  5. package/dist/allocations.scss +8 -112
  6. package/dist/amount-estimator.scss +1088 -1083
  7. package/dist/badge.scss +396 -388
  8. package/dist/breadcrumbs.scss +17 -0
  9. package/dist/builder.js +1 -1
  10. package/dist/bulk-variant-picker.scss +4 -0
  11. package/dist/bundle copy.scss +26 -0
  12. package/dist/bundle.scss +10 -0
  13. package/dist/bundleDetails.scss +14 -0
  14. package/dist/button copy.scss +2 -0
  15. package/dist/button.scss +2 -0
  16. package/dist/buyForHeaders.scss +19 -0
  17. package/dist/cart-details.scss +101 -18
  18. package/dist/cart-summary.scss +18 -0
  19. package/dist/cart.scss +2 -0
  20. package/dist/cartAttributes.scss +4 -0
  21. package/dist/category-groups-quota-details.scss +124 -38
  22. package/dist/checkout.scss +6 -0
  23. package/dist/countdown.scss +2 -0
  24. package/dist/coupon.scss +8 -0
  25. package/dist/embroidery.scss +2 -0
  26. package/dist/employee-bulk-order.scss +5 -0
  27. package/dist/faq.scss +9 -0
  28. package/dist/filters.scss +2 -0
  29. package/dist/form-zindex-module.scss +24 -24
  30. package/dist/gallery-slider-temp.scss +205 -14
  31. package/dist/hotspot.scss +4 -0
  32. package/dist/icon-list.scss +2 -0
  33. package/dist/kitDetails.scss +2 -0
  34. package/dist/kits.scss +2 -0
  35. package/dist/language-selector.scss +6 -4
  36. package/dist/last-x-orders.scss +5 -0
  37. package/dist/login.scss +14 -0
  38. package/dist/map.scss +6 -0
  39. package/dist/mega-menu.scss +41 -0
  40. package/dist/menu-v2.scss +83 -6
  41. package/dist/past-orders.scss +989 -975
  42. package/dist/pickup-locations.scss +1172 -1167
  43. package/dist/product-image-allocation.scss +59 -0
  44. package/dist/product-inventory.scss +1381 -1378
  45. package/dist/product-promotions.scss +2768 -2759
  46. package/dist/product-sizechart.scss +4 -0
  47. package/dist/profile.scss +8 -0
  48. package/dist/quantity-selector.scss +4 -0
  49. package/dist/quick-inventory-check.scss +5 -0
  50. package/dist/quick-order-pad.scss +5 -0
  51. package/dist/quota-details.scss +99 -15
  52. package/dist/repeater copy.scss +3 -0
  53. package/dist/repeater-grid-toggle.scss +2 -0
  54. package/dist/repeater-item.scss +2 -2
  55. package/dist/repeater.scss +2 -0
  56. package/dist/request-for-quotes.scss +1 -1
  57. package/dist/rfqs.scss +10 -0
  58. package/dist/scroll.scss +46 -0
  59. package/dist/search.scss +4 -0
  60. package/dist/shipping-payments.scss +4 -0
  61. package/dist/social.scss +5 -0
  62. package/dist/store-locations.scss +1402 -1398
  63. package/dist/tab-v2.scss +2 -0
  64. package/dist/table-common.scss +509 -506
  65. package/dist/table.scss +687 -685
  66. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +28 -0
  67. package/dist/types/builder/tools/element-edit/allocationDetails.d.ts +5 -0
  68. package/dist/types/builder/tools/element-edit/allocations.d.ts +1 -0
  69. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +5 -0
  70. package/dist/types/builder/tools/element-edit/bundle.d.ts +40 -0
  71. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +20 -0
  72. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +18 -0
  73. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +1 -0
  74. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +9 -0
  75. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +79 -1
  76. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +72 -0
  77. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +28 -0
  78. package/dist/types/builder/tools/element-edit/checkout.d.ts +1 -0
  79. package/dist/types/builder/tools/element-edit/common.d.ts +23 -0
  80. package/dist/types/builder/tools/element-edit/countdown.d.ts +1 -0
  81. package/dist/types/builder/tools/element-edit/coupon.d.ts +19 -0
  82. package/dist/types/builder/tools/element-edit/embroidery.d.ts +9 -0
  83. package/dist/types/builder/tools/element-edit/filterResults.d.ts +10 -0
  84. package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +19 -0
  85. package/dist/types/builder/tools/element-edit/icon-list.d.ts +9 -0
  86. package/dist/types/builder/tools/element-edit/iconInstace.d.ts +1 -0
  87. package/dist/types/builder/tools/element-edit/iconLibrary.d.ts +2 -7
  88. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +19 -0
  89. package/dist/types/builder/tools/element-edit/kits.d.ts +9 -0
  90. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +19 -0
  91. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +10 -0
  92. package/dist/types/builder/tools/element-edit/quotaDetails.d.ts +1 -0
  93. package/dist/types/builder/tools/element-edit/rfqs.d.ts +5 -0
  94. package/dist/types/builder/tools/element-edit/scroll.d.ts +1 -0
  95. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +2 -0
  96. package/dist/types/builder/tools/element-edit/social.d.ts +1 -0
  97. package/dist/types/builder/tools/element-edit/table.d.ts +1 -0
  98. package/dist/types/builder/tools/element-edit/tabs.d.ts +18 -0
  99. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +17 -0
  100. package/dist/types/builder/tools/element-edit/userElements.d.ts +5 -0
  101. package/dist/types/builder/tools/element-edit/video.d.ts +2 -0
  102. package/dist/user-elements.scss +10 -0
  103. package/dist/variant-picker.scss +2 -0
  104. package/dist/video.scss +2 -0
  105. package/dist/volume-pricing.scss +3 -0
  106. package/package.json +1 -1
@@ -304,6 +304,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
304
304
 
305
305
  path {
306
306
  stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-in-c1));
307
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
308
+ stroke-width: prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-se-wh, 1.25);
307
309
  }
308
310
  }
309
311
  }
@@ -649,22 +651,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
649
651
  text-overflow: ellipsis;
650
652
  }
651
653
 
652
- // Header Text > Text Transform and the word wrap/break pair that the
653
- // typography panel renders alongside it.
654
- text-transform: prepareMediaVariable(--_ctm-dn-hr-tt-tt-tm, none);
655
- word-wrap: prepareMediaVariable(--_ctm-dn-hr-tt-wd-wp, normal);
656
- word-break: prepareMediaVariable(--_ctm-dn-hr-tt-wd-bk, normal);
657
-
658
- // Header Text > Text Overflow. The renderer adds the class and
659
- // publishes the line count, since the control is `controls`.
660
- &.flex__overflow {
661
- display: -webkit-box;
662
- -webkit-box-orient: vertical;
663
- -webkit-line-clamp: var(--_sf-line-clamp, 1);
664
- overflow: hidden;
665
- text-overflow: ellipsis;
666
- }
667
-
668
654
  &:has(.est__dropdown__main) {
669
655
  max-width: 200px;
670
656
  }
@@ -708,24 +694,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
708
694
  );
709
695
  }
710
696
 
711
- // Table Row > Hover Background. Falls back to the default background
712
- // so a row that has no hover colour set does not go transparent.
713
- &:hover {
714
- background-color: var(
715
- --_ctm-mob-dn-te-rw-bd-cr-hr,
716
- var(
717
- --_ctm-tab-dn-te-rw-bd-cr-hr,
718
- var(
719
- --_ctm-dn-te-rw-bd-cr-hr,
720
- var(
721
- --_ctm-mob-dn-te-rw-bd-cr,
722
- var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
723
- )
724
- )
725
- )
726
- );
727
- }
728
-
729
697
  height: var(--_ctm-mob-lt-rw-ht, var(--_ctm-tab-lt-rw-ht, var(--_ctm-lt-rw-ht)));
730
698
 
731
699
  .td__col__divider {
@@ -873,53 +841,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
873
841
  );
874
842
  }
875
843
 
876
- // Border, radius and shadow for the pagination bar. None of these existed,
877
- // so the panel's new controls had nothing to paint.
878
- border-color: prepareMediaVariable(--_ctm-dn-pn-dt-se-br-cr);
879
- border-style: prepareMediaVariable(--_ctm-dn-pn-dt-se-br-se, none);
880
- border-width: prepareMediaVariable(--_ctm-dn-pn-dt-se-br-wh, 0);
881
- border-radius: prepareMediaVariable(--_ctm-dn-pn-dt-se-br-rs, 0);
882
- box-shadow: var(
883
- --_show-shadow,
884
- prepareMediaVariable(--_ctm-dn-pn-dt-se-sw-ae, 0)
885
- prepareMediaVariable(--_ctm-dn-pn-dt-se-sw-br, 0)
886
- prepareMediaVariable(--_ctm-dn-pn-dt-se-sw-sd, 0)
887
- prepareMediaVariable(--_ctm-dn-pn-dt-se-sw-cr, transparent)
888
- );
889
-
890
- &:hover {
891
- background-color: var(
892
- --_sf-bd-cr,
893
- prepareMediaVariable(
894
- --_ctm-dn-pn-hr-se-bd-cr,
895
- prepareMediaVariable(--_ctm-dn-pn-dt-se-bd-cr)
896
- )
897
- );
898
- border-color: prepareMediaVariable(
899
- --_ctm-dn-pn-hr-se-br-cr,
900
- prepareMediaVariable(--_ctm-dn-pn-dt-se-br-cr)
901
- );
902
- border-style: prepareMediaVariable(
903
- --_ctm-dn-pn-hr-se-br-se,
904
- prepareMediaVariable(--_ctm-dn-pn-dt-se-br-se, none)
905
- );
906
- border-width: prepareMediaVariable(
907
- --_ctm-dn-pn-hr-se-br-wh,
908
- prepareMediaVariable(--_ctm-dn-pn-dt-se-br-wh, 0)
909
- );
910
- border-radius: prepareMediaVariable(
911
- --_ctm-dn-pn-hr-se-br-rs,
912
- prepareMediaVariable(--_ctm-dn-pn-dt-se-br-rs, 0)
913
- );
914
- box-shadow: var(
915
- --_show-shadow,
916
- prepareMediaVariable(--_ctm-dn-pn-hr-se-sw-ae, 0)
917
- prepareMediaVariable(--_ctm-dn-pn-hr-se-sw-br, 0)
918
- prepareMediaVariable(--_ctm-dn-pn-hr-se-sw-sd, 0)
919
- prepareMediaVariable(--_ctm-dn-pn-hr-se-sw-cr, transparent)
920
- );
921
- }
922
-
923
844
  button {
924
845
  // Default glyph shows, hover glyph waits. Both are in the DOM so the
925
846
  // swap costs no re-render; when no hover icon is picked the renderer
@@ -951,24 +872,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
951
872
  height: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-se, 18px);
952
873
  path {
953
874
  stroke: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-c1, var(--_gray-500));
954
- }
955
- }
956
-
957
- &:hover svg {
958
- width: prepareMediaVariable(
959
- --_ctm-dn-pn-hr-se-in-se,
960
- prepareMediaVariable(--_ctm-dn-pn-dt-se-in-se, 18px)
961
- );
962
- height: prepareMediaVariable(
963
- --_ctm-dn-pn-hr-se-in-se,
964
- prepareMediaVariable(--_ctm-dn-pn-dt-se-in-se, 18px)
965
- );
966
- path {
967
- stroke: prepareMediaVariable(
968
- --_ctm-dn-pn-hr-se-in-c1,
969
- prepareMediaVariable(--_ctm-dn-pn-dt-se-in-c1, var(--_gray-500))
970
- );
971
- stroke: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-c1, var(--_gray-500));
875
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
876
+ stroke-width: prepareMediaVariable(--_ctm-dn-pn-dt-se-se-wh, 1.25);
972
877
  }
973
878
  }
974
879
 
@@ -1098,19 +1003,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1098
1003
  color: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-c1);
1099
1004
  font-size: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-se);
1100
1005
 
1101
- &:hover {
1102
- color: prepareMediaVariable(
1103
- --_ctm-dn-pn-hr-se-in-c1,
1104
- prepareMediaVariable(--_ctm-dn-pn-dt-se-in-c1)
1105
- );
1106
- font-size: prepareMediaVariable(
1107
- --_ctm-dn-pn-hr-se-in-se,
1108
- prepareMediaVariable(--_ctm-dn-pn-dt-se-in-se)
1109
- );
1110
- }
1111
- color: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-c1);
1112
- font-size: prepareMediaVariable(--_ctm-dn-pn-dt-se-in-se);
1113
-
1114
1006
  &:hover {
1115
1007
  color: prepareMediaVariable(
1116
1008
  --_ctm-dn-pn-hr-se-in-c1,
@@ -1399,6 +1291,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1399
1291
 
1400
1292
  path {
1401
1293
  stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-in-c1));
1294
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
1295
+ stroke-width: prepareMediaVariable(--_ctm-dn-ld-me-bn-dt-se-se-wh, 1.25);
1402
1296
  }
1403
1297
  }
1404
1298
  }
@@ -1640,6 +1534,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1640
1534
 
1641
1535
  path {
1642
1536
  stroke: var(--_sf-bmm-icn-str, prepareMediaVariable(--_ctm-dn-dn-st-dt-se-in-c1));
1537
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
1538
+ stroke-width: prepareMediaVariable(--_ctm-dn-dn-st-dt-se-se-wh, 1.25);
1643
1539
  }
1644
1540
  }
1645
1541
  }