@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.59

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 (98) hide show
  1. package/dist/add-order.scss +47 -0
  2. package/dist/add-products-tab-details.scss +250 -0
  3. package/dist/add-products-tab-uom-details.scss +105 -0
  4. package/dist/add-products-tab.scss +226 -0
  5. package/dist/allocation-header-quota-details.scss +84 -0
  6. package/dist/allocationDetails.scss +104 -0
  7. package/dist/allocations-quota-details.scss +66 -0
  8. package/dist/allocations.scss +110 -0
  9. package/dist/amount-estimator.scss +104 -0
  10. package/dist/badge.scss +12 -0
  11. package/dist/brand-basic-elements.scss +17 -0
  12. package/dist/breadcrumbs.scss +16 -0
  13. package/dist/bulk-variant-picker.scss +246 -0
  14. package/dist/bundle.scss +2778 -2584
  15. package/dist/bundleDetails.scss +295 -0
  16. package/dist/button.scss +15 -3
  17. package/dist/buy-for-tab.scss +54 -0
  18. package/dist/buyForHeaders.scss +629 -0
  19. package/dist/cart-details.scss +317 -0
  20. package/dist/cart-summary.scss +189 -0
  21. package/dist/cart.scss +16 -0
  22. package/dist/cartAttributes.scss +118 -0
  23. package/dist/cartDropdownOverlay.scss +21 -0
  24. package/dist/category-groups-element.scss +15 -0
  25. package/dist/category-groups-product-image.scss +84 -0
  26. package/dist/category-groups-product-options.scss +87 -0
  27. package/dist/category-groups-product-price.scss +700 -0
  28. package/dist/category-groups-quota-details.scss +84 -0
  29. package/dist/checkout.scss +918 -0
  30. package/dist/countdown.scss +80 -0
  31. package/dist/coupon.scss +138 -0
  32. package/dist/embroider-template-1-v2.scss +34 -0
  33. package/dist/embroider-template-1.scss +501 -482
  34. package/dist/embroidery.scss +7 -0
  35. package/dist/faq.scss +28 -0
  36. package/dist/filter-results.scss +361 -323
  37. package/dist/filters.scss +288 -0
  38. package/dist/gallery-slider-temp.scss +24 -0
  39. package/dist/global-styles.scss +23 -0
  40. package/dist/hotspot.scss +10 -0
  41. package/dist/icon-list.scss +3 -0
  42. package/dist/item-stock.scss +6 -0
  43. package/dist/kitDetails.scss +358 -0
  44. package/dist/kits.scss +4 -0
  45. package/dist/language-selector.scss +8 -0
  46. package/dist/last-x-orders.scss +24 -0
  47. package/dist/login.scss +108 -0
  48. package/dist/map.scss +46 -0
  49. package/dist/mega-menu.scss +67 -0
  50. package/dist/menu-v2.scss +122 -0
  51. package/dist/menu.scss +12 -0
  52. package/dist/my-templates.scss +3 -0
  53. package/dist/option-bar.scss +38 -0
  54. package/dist/order-status.scss +44 -0
  55. package/dist/past-orders.scss +50 -0
  56. package/dist/payment-methods.scss +307 -289
  57. package/dist/pickup-locations.scss +184 -0
  58. package/dist/product-actions.scss +195 -0
  59. package/dist/product-basic-elements.scss +8 -0
  60. package/dist/product-customizations.scss +155 -149
  61. package/dist/product-highlights.scss +12 -0
  62. package/dist/product-image-allocation.scss +38 -0
  63. package/dist/product-image-bundles.scss +47 -0
  64. package/dist/product-image.scss +48 -0
  65. package/dist/product-inventory.scss +240 -0
  66. package/dist/product-labels.scss +12 -0
  67. package/dist/product-options.scss +58 -0
  68. package/dist/product-price.scss +416 -1
  69. package/dist/product-promotions.scss +456 -0
  70. package/dist/product-sizechart.scss +91 -0
  71. package/dist/profile.scss +52 -0
  72. package/dist/quantity-selector.scss +62 -0
  73. package/dist/quick-inventory-check.scss +24 -0
  74. package/dist/quick-links.scss +16 -0
  75. package/dist/quick-order-pad.scss +71 -0
  76. package/dist/quotes.scss +766 -737
  77. package/dist/repeater.scss +19 -0
  78. package/dist/rfqs.scss +29 -0
  79. package/dist/scroll.scss +4 -0
  80. package/dist/search-results-heading.scss +36 -0
  81. package/dist/search.scss +43 -0
  82. package/dist/shipping-payments.scss +48 -0
  83. package/dist/simple-list.scss +12 -0
  84. package/dist/social.scss +12 -0
  85. package/dist/spotlight.scss +48 -0
  86. package/dist/stockStatus.scss +3 -0
  87. package/dist/store-locations.scss +188 -0
  88. package/dist/tab-v2.scss +24 -0
  89. package/dist/table-common.scss +78 -0
  90. package/dist/table.scss +81 -0
  91. package/dist/tabs.scss +440 -395
  92. package/dist/theme-classes.scss +49 -0
  93. package/dist/toaster.scss +392 -350
  94. package/dist/uom-selector.scss +112 -0
  95. package/dist/user-elements.scss +168 -0
  96. package/dist/variant-picker.scss +217 -0
  97. package/dist/volume-pricing.scss +192 -0
  98. package/package.json +1 -1
package/dist/order-status.scss CHANGED
@@ -717,6 +717,10 @@ $defaultValues: (
717
717
  --_ctm-mob-dn-or-io-or-ne-ft-fy,
718
718
  var(--_ctm-tab-dn-or-io-or-ne-ft-fy, var(--_ctm-dn-or-io-or-ne-ft-fy))
719
719
  );
720
+ &.flex__overflow {
721
+ white-space: normal;
722
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
723
+ }
720
724
  font-size: var(
721
725
  --_ctm-mob-dn-or-io-or-ne-ft-se,
722
726
  var(--_ctm-tab-dn-or-io-or-ne-ft-se, var(--_ctm-dn-or-io-or-ne-ft-se))
@@ -909,6 +913,10 @@ $defaultValues: (
909
913
  --_ctm-mob-dn-or-io-or-de-ft-fy,
910
914
  var(--_ctm-tab-dn-or-io-or-de-ft-fy, var(--_ctm-dn-or-io-or-de-ft-fy))
911
915
  );
916
+ &.flex__overflow {
917
+ white-space: normal;
918
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
919
+ }
912
920
  font-size: var(
913
921
  --_ctm-mob-dn-or-io-or-de-ft-se,
914
922
  var(--_ctm-tab-dn-or-io-or-de-ft-se, var(--_ctm-dn-or-io-or-de-ft-se))
@@ -956,6 +964,10 @@ $defaultValues: (
956
964
  .expected_delivery {
957
965
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht);
958
966
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
967
+ &.flex__overflow {
968
+ white-space: normal;
969
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
970
+ }
959
971
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
960
972
  // font-size: 16px;
961
973
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -979,6 +991,10 @@ $defaultValues: (
979
991
  .total_amount {
980
992
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
981
993
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
994
+ &.flex__overflow {
995
+ white-space: normal;
996
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
997
+ }
982
998
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
983
999
  // font-size: 16px;
984
1000
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1064,6 +1080,10 @@ $defaultValues: (
1064
1080
  .sgmd_details {
1065
1081
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
1066
1082
  font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
1083
+ &.flex__overflow {
1084
+ white-space: normal;
1085
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1086
+ }
1067
1087
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
1068
1088
  // font-size: 16px;
1069
1089
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1509,6 +1529,9 @@ $defaultValues: (
1509
1529
  .cart_item_accordion_title {
1510
1530
  color: var(--_thm-ty-p1-tt-cr);
1511
1531
  font-family: var(--_thm-ty-p2-ft-fy);
1532
+ text-transform: var(--_thm-ty-p2-tt-tm);
1533
+ word-wrap: var(--_thm-ty-p2-wd-wp);
1534
+ word-break: var(--_thm-ty-p2-wd-bk);
1512
1535
  font-size: var(--_thm-ty-p2-ft-se);
1513
1536
  font-weight: var(--_thm-ty-p2-bd);
1514
1537
  font-style: var(--_thm-ty-p2-ic);
@@ -1560,6 +1583,27 @@ $defaultValues: (
1560
1583
  var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1561
1584
  )
1562
1585
  );
1586
+ text-transform: var(
1587
+ --_sf-hr-tt-tm,
1588
+ var(
1589
+ --_ctm-mob-dn-pt-pe-ss-tt-tm,
1590
+ var(--_ctm-tab-dn-pt-pe-ss-tt-tm, var(--_ctm-dn-pt-pe-ss-tt-tm))
1591
+ )
1592
+ );
1593
+ word-wrap: var(
1594
+ --_sf-hr-wd-wp,
1595
+ var(
1596
+ --_ctm-mob-dn-pt-pe-ss-wd-wp,
1597
+ var(--_ctm-tab-dn-pt-pe-ss-wd-wp, var(--_ctm-dn-pt-pe-ss-wd-wp))
1598
+ )
1599
+ );
1600
+ word-break: var(
1601
+ --_sf-hr-wd-bk,
1602
+ var(
1603
+ --_ctm-mob-dn-pt-pe-ss-wd-bk,
1604
+ var(--_ctm-tab-dn-pt-pe-ss-wd-bk, var(--_ctm-dn-pt-pe-ss-wd-bk))
1605
+ )
1606
+ );
1563
1607
  font-size: var(
1564
1608
  --_ctm-mob-dn-pt-pe-ss-ft-se,
1565
1609
  var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
package/dist/past-orders.scss CHANGED
@@ -50,6 +50,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
50
50
  // background: #fff;
51
51
  //width: 349px;
52
52
  font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
53
+ text-transform: prepareMediaVariable(--_ctm-dn-wt-se-tt-tm);
54
+ word-wrap: prepareMediaVariable(--_ctm-dn-wt-se-wd-wp);
55
+ word-break: prepareMediaVariable(--_ctm-dn-wt-se-wd-bk);
56
+ &.flex__overflow {
57
+ white-space: normal;
58
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
59
+ }
53
60
  font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
54
61
  color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
55
62
  font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
@@ -81,6 +88,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
81
88
  // font-weight: 600;
82
89
  // line-height: 30px;
83
90
  font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
91
+ text-transform: prepareMediaVariable(--_ctm-dn-wt-se-tt-tm);
92
+ word-wrap: prepareMediaVariable(--_ctm-dn-wt-se-wd-wp);
93
+ word-break: prepareMediaVariable(--_ctm-dn-wt-se-wd-bk);
84
94
  font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
85
95
  color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
86
96
  font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
@@ -119,6 +129,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
119
129
  align-self: stretch;
120
130
 
121
131
  font-family: prepareMediaVariable(--_ctm-dn-im-se-ft-fy);
132
+ text-transform: prepareMediaVariable(--_ctm-dn-im-se-tt-tm);
133
+ word-wrap: prepareMediaVariable(--_ctm-dn-im-se-wd-wp);
134
+ word-break: prepareMediaVariable(--_ctm-dn-im-se-wd-bk);
135
+ &.flex__overflow {
136
+ white-space: normal;
137
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
138
+ }
122
139
  font-size: prepareMediaVariable(--_ctm-dn-im-se-ft-se);
123
140
  color: prepareMediaVariable(--_ctm-dn-im-se-cr);
124
141
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-ft-wt);
@@ -142,6 +159,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
142
159
  // line-height: 20px;
143
160
  flex: 1 0 0;
144
161
  font-family: prepareMediaVariable(--_ctm-dn-or-id-ft-fy);
162
+ text-transform: prepareMediaVariable(--_ctm-dn-or-id-tt-tm);
163
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-id-wd-wp);
164
+ word-break: prepareMediaVariable(--_ctm-dn-or-id-wd-bk);
145
165
  font-size: prepareMediaVariable(--_ctm-dn-or-id-ft-se);
146
166
  color: prepareMediaVariable(--_ctm-dn-or-id-cr);
147
167
  font-weight: prepareMediaVariable(--_ctm-dn-or-id-ft-wt);
@@ -373,6 +393,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
373
393
  // line-height: 18px;
374
394
  &[data-orderStatus="Submitted"] {
375
395
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-fy);
396
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-tt-tm);
397
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-wd-wp);
398
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-wd-bk);
376
399
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-se);
377
400
  color: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-cr);
378
401
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-sd-se-ft-wt);
@@ -384,6 +407,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
384
407
  }
385
408
  &[data-orderStatus="In Review"] {
386
409
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-fy);
410
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-tt-tm);
411
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-wd-wp);
412
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-wd-bk);
387
413
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-se);
388
414
  color: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-cr);
389
415
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-in-rw-se-ft-wt);
@@ -395,6 +421,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
395
421
  }
396
422
  &[data-orderStatus="Accepted"] {
397
423
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-fy);
424
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-tt-tm);
425
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-wd-wp);
426
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-wd-bk);
398
427
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-se);
399
428
  color: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-cr);
400
429
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-ad-se-ft-wt);
@@ -406,6 +435,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
406
435
  }
407
436
  &[data-orderStatus="Processing"] {
408
437
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-fy);
438
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-tt-tm);
439
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-wd-wp);
440
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-wd-bk);
409
441
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-se);
410
442
  color: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-cr);
411
443
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-pg-se-ft-wt);
@@ -417,6 +449,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
417
449
  }
418
450
  &[data-orderStatus="Partially Fulfilled"] {
419
451
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-fy);
452
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-tt-tm);
453
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-wd-wp);
454
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-wd-bk);
420
455
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-se);
421
456
  color: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-cr);
422
457
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-py-fd-se-ft-wt);
@@ -428,6 +463,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
428
463
  }
429
464
  &[data-orderStatus="Fulfilled"] {
430
465
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-fy);
466
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-tt-tm);
467
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-wd-wp);
468
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-wd-bk);
431
469
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-se);
432
470
  color: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-cr);
433
471
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-fd-se-ft-wt);
@@ -439,6 +477,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
439
477
  }
440
478
  &[data-orderStatus="Canceled"] {
441
479
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-fy);
480
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-tt-tm);
481
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-wd-wp);
482
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-wd-bk);
442
483
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-se);
443
484
  color: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-cr);
444
485
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-cd-se-ft-wt);
@@ -450,6 +491,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
450
491
  }
451
492
  &[data-orderStatus="Rejected"] {
452
493
  font-family: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-fy);
494
+ text-transform: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-tt-tm);
495
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-wd-wp);
496
+ word-break: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-wd-bk);
453
497
  font-size: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-se);
454
498
  color: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-cr);
455
499
  font-weight: prepareMediaVariable(--_ctm-dn-or-ss-rd-se-ft-wt);
@@ -470,6 +514,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
470
514
  flex: 1 0 0;
471
515
 
472
516
  font-family: prepareMediaVariable(--_ctm-dn-od-on-ft-fy);
517
+ text-transform: prepareMediaVariable(--_ctm-dn-od-on-tt-tm);
518
+ word-wrap: prepareMediaVariable(--_ctm-dn-od-on-wd-wp);
519
+ word-break: prepareMediaVariable(--_ctm-dn-od-on-wd-bk);
473
520
  font-size: prepareMediaVariable(--_ctm-dn-od-on-ft-se);
474
521
  color: prepareMediaVariable(--_ctm-dn-od-on-cr);
475
522
  font-weight: prepareMediaVariable(--_ctm-dn-od-on-ft-wt);
@@ -497,6 +544,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
497
544
  // line-height: 20px;
498
545
 
499
546
  font-family: prepareMediaVariable(--_ctm-dn-or-id-ft-fy);
547
+ text-transform: prepareMediaVariable(--_ctm-dn-or-id-tt-tm);
548
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-id-wd-wp);
549
+ word-break: prepareMediaVariable(--_ctm-dn-or-id-wd-bk);
500
550
  font-size: prepareMediaVariable(--_ctm-dn-or-id-ft-se);
501
551
  color: prepareMediaVariable(--_ctm-dn-or-id-cr);
502
552
  font-weight: prepareMediaVariable(--_ctm-dn-or-id-ft-wt);