@sc-360-v2/storefront-cms-library 0.5.55 → 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 (111) hide show
  1. package/dist/add-order.scss +50 -4
  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/builder.js +1 -1
  14. package/dist/bulk-variant-picker.scss +246 -0
  15. package/dist/bundle.scss +239 -28
  16. package/dist/bundleDetails.scss +295 -0
  17. package/dist/button copy.scss +2 -2
  18. package/dist/button.scss +17 -4
  19. package/dist/buy-for-tab.scss +54 -0
  20. package/dist/buyForHeaders.scss +629 -0
  21. package/dist/cart-details.scss +317 -0
  22. package/dist/cart-summary.scss +189 -0
  23. package/dist/cart.scss +16 -0
  24. package/dist/cartAttributes.scss +118 -0
  25. package/dist/cartDropdownOverlay.scss +21 -0
  26. package/dist/category-groups-element.scss +15 -0
  27. package/dist/category-groups-product-image.scss +84 -0
  28. package/dist/category-groups-product-options.scss +87 -0
  29. package/dist/category-groups-product-price.scss +700 -0
  30. package/dist/category-groups-quota-details.scss +84 -0
  31. package/dist/checkout.scss +918 -0
  32. package/dist/countdown.scss +80 -0
  33. package/dist/coupon.scss +138 -0
  34. package/dist/embroider-template-1-v2.scss +34 -0
  35. package/dist/embroider-template-1.scss +501 -482
  36. package/dist/embroidery.scss +7 -0
  37. package/dist/faq.scss +28 -0
  38. package/dist/filter-results.scss +361 -323
  39. package/dist/filters.scss +288 -0
  40. package/dist/gallery-slider-temp.scss +24 -0
  41. package/dist/global-styles.scss +23 -0
  42. package/dist/hotspot.scss +23 -4
  43. package/dist/icon-list.scss +3 -0
  44. package/dist/item-stock.scss +6 -0
  45. package/dist/kitDetails.scss +358 -0
  46. package/dist/kits.scss +4 -0
  47. package/dist/language-selector.scss +9 -1
  48. package/dist/last-x-orders.scss +24 -0
  49. package/dist/login.scss +108 -0
  50. package/dist/map.scss +46 -0
  51. package/dist/mega-menu.scss +69 -8
  52. package/dist/menu-v2.scss +123 -5
  53. package/dist/menu.scss +12 -0
  54. package/dist/my-templates.scss +3 -0
  55. package/dist/option-bar.scss +38 -0
  56. package/dist/order-status.scss +60 -5
  57. package/dist/past-orders.scss +50 -0
  58. package/dist/payment-methods.scss +307 -289
  59. package/dist/pickup-locations.scss +184 -0
  60. package/dist/product-actions.scss +195 -0
  61. package/dist/product-basic-elements.scss +8 -0
  62. package/dist/product-customizations.scss +155 -149
  63. package/dist/product-highlights.scss +12 -0
  64. package/dist/product-image-allocation.scss +38 -0
  65. package/dist/product-image-bundles.scss +47 -0
  66. package/dist/product-image.scss +48 -0
  67. package/dist/product-inventory.scss +240 -0
  68. package/dist/product-labels.scss +12 -0
  69. package/dist/product-options.scss +58 -0
  70. package/dist/product-price.scss +416 -1
  71. package/dist/product-promotions.scss +456 -0
  72. package/dist/product-sizechart.scss +91 -0
  73. package/dist/profile.scss +165 -42
  74. package/dist/quantity-selector.scss +62 -0
  75. package/dist/quick-inventory-check.scss +24 -0
  76. package/dist/quick-links.scss +16 -0
  77. package/dist/quick-order-pad.scss +71 -0
  78. package/dist/quotes.scss +766 -737
  79. package/dist/repeater.scss +19 -0
  80. package/dist/rfqs.scss +29 -0
  81. package/dist/scroll.scss +28 -0
  82. package/dist/search-results-heading.scss +36 -0
  83. package/dist/search.scss +43 -0
  84. package/dist/shipping-payments.scss +48 -0
  85. package/dist/simple-list.scss +12 -0
  86. package/dist/social.scss +12 -0
  87. package/dist/spotlight.scss +48 -0
  88. package/dist/stockStatus.scss +3 -0
  89. package/dist/store-locations.scss +188 -0
  90. package/dist/tab-v2.scss +24 -0
  91. package/dist/table-common.scss +78 -0
  92. package/dist/table.scss +81 -0
  93. package/dist/tabs.scss +440 -395
  94. package/dist/theme-classes.scss +49 -0
  95. package/dist/toaster.scss +392 -350
  96. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +15 -15
  97. package/dist/types/builder/tools/element-edit/bundle.d.ts +20 -10
  98. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +15 -15
  99. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +225 -0
  100. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +35 -35
  101. package/dist/types/builder/tools/element-edit/coupon.d.ts +10 -10
  102. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +233 -31
  103. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +33 -0
  104. package/dist/types/builder/tools/element-edit/profile.d.ts +7 -0
  105. package/dist/types/builder/tools/element-edit/scroll.d.ts +18 -0
  106. package/dist/types/builder/tools/element-edit/video.d.ts +15 -0
  107. package/dist/uom-selector.scss +112 -0
  108. package/dist/user-elements.scss +168 -0
  109. package/dist/variant-picker.scss +217 -0
  110. package/dist/volume-pricing.scss +192 -0
  111. package/package.json +131 -131
package/dist/option-bar.scss CHANGED
@@ -156,6 +156,18 @@
156
156
  --_ctm-mob-dn-tb-hr-se-ft-fy,
157
157
  var(--_ctm-tab-dn-tb-hr-se-ft-fy, var(--_ctm-dn-tb-hr-se-ft-fy))
158
158
  );
159
+ --_sf-hr-tt-tm: var(
160
+ --_ctm-mob-dn-tb-hr-se-tt-tm,
161
+ var(--_ctm-tab-dn-tb-hr-se-tt-tm, var(--_ctm-dn-tb-hr-se-tt-tm))
162
+ );
163
+ --_sf-hr-wd-wp: var(
164
+ --_ctm-mob-dn-tb-hr-se-wd-wp,
165
+ var(--_ctm-tab-dn-tb-hr-se-wd-wp, var(--_ctm-dn-tb-hr-se-wd-wp))
166
+ );
167
+ --_sf-hr-wd-bk: var(
168
+ --_ctm-mob-dn-tb-hr-se-wd-bk,
169
+ var(--_ctm-tab-dn-tb-hr-se-wd-bk, var(--_ctm-dn-tb-hr-se-wd-bk))
170
+ );
159
171
  --_sf-hr-ft-se: var(
160
172
  --_ctm-mob-dn-tb-hr-se-ft-se,
161
173
  var(--_ctm-tab-dn-tb-hr-se-ft-se, var(--_ctm-dn-tb-hr-se-ft-se))
@@ -249,6 +261,13 @@
249
261
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-tb-dt-se-cr));
250
262
 
251
263
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-tb-dt-se-ft-fy));
264
+ text-transform: var(--_sf-hr-tt-tm, prepareMediaVariable(--_ctm-dn-tb-dt-se-tt-tm));
265
+ word-wrap: var(--_sf-hr-wd-wp, prepareMediaVariable(--_ctm-dn-tb-dt-se-wd-wp));
266
+ word-break: var(--_sf-hr-wd-bk, prepareMediaVariable(--_ctm-dn-tb-dt-se-wd-bk));
267
+ &.flex__overflow {
268
+ white-space: normal;
269
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
270
+ }
252
271
 
253
272
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-tb-dt-se-ft-se));
254
273
 
@@ -327,6 +346,18 @@
327
346
  --_ctm-mob-dn-tb-sd-se-ft-fy,
328
347
  var(--_ctm-tab-dn-tb-sd-se-ft-fy, var(--_ctm-dn-tb-sd-se-ft-fy))
329
348
  );
349
+ --_sf-sd-tt-tm: var(
350
+ --_ctm-mob-dn-tb-sd-se-tt-tm,
351
+ var(--_ctm-tab-dn-tb-sd-se-tt-tm, var(--_ctm-dn-tb-sd-se-tt-tm))
352
+ );
353
+ --_sf-sd-wd-wp: var(
354
+ --_ctm-mob-dn-tb-sd-se-wd-wp,
355
+ var(--_ctm-tab-dn-tb-sd-se-wd-wp, var(--_ctm-dn-tb-sd-se-wd-wp))
356
+ );
357
+ --_sf-sd-wd-bk: var(
358
+ --_ctm-mob-dn-tb-sd-se-wd-bk,
359
+ var(--_ctm-tab-dn-tb-sd-se-wd-bk, var(--_ctm-dn-tb-sd-se-wd-bk))
360
+ );
330
361
  --_sf-sd-ft-se: var(
331
362
  --_ctm-mob-dn-tb-sd-se-ft-se,
332
363
  var(--_ctm-tab-dn-tb-sd-se-ft-se, var(--_ctm-dn-tb-sd-se-ft-se))
@@ -416,6 +447,13 @@
416
447
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-tb-dt-se-cr));
417
448
 
418
449
  font-family: var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-tb-dt-se-ft-fy));
450
+ text-transform: var(--_sf-sd-tt-tm, prepareMediaVariable(--_ctm-dn-tb-dt-se-tt-tm));
451
+ word-wrap: var(--_sf-sd-wd-wp, prepareMediaVariable(--_ctm-dn-tb-dt-se-wd-wp));
452
+ word-break: var(--_sf-sd-wd-bk, prepareMediaVariable(--_ctm-dn-tb-dt-se-wd-bk));
453
+ &.flex__overflow {
454
+ white-space: normal;
455
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
456
+ }
419
457
 
420
458
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-tb-dt-se-ft-se));
421
459
 
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))
@@ -771,10 +775,6 @@ $defaultValues: (
771
775
  // color: var(--_gray-900);
772
776
  // line-height: 30px;
773
777
  line-height: prepareMediaVariable(--_ctm-dn-or-io-or-id-le-ht, 24px);
774
- // The order number and its status badge are the two items this gap spaces.
775
- display: inline-flex;
776
- align-items: center;
777
- gap: prepareMediaVariable(--_ctm-dn-or-io-or-id-im-gp, 0);
778
778
  font-family: var(
779
779
  --_ctm-mob-dn-or-io-or-id-ft-fy,
780
780
  var(--_ctm-tab-dn-or-io-or-id-ft-fy, var(--_ctm-dn-or-io-or-id-ft-fy))
@@ -831,7 +831,11 @@ $defaultValues: (
831
831
  }
832
832
 
833
833
  .status {
834
- margin-left: 6px;
834
+ // Order Id > Item Gap spaces the badge from the number. Deliberately a
835
+ // margin rather than a flex `gap` on `.order_number_id`: a flex parent
836
+ // blockifies this badge and the parent's text-decoration would then paint
837
+ // through it, with the `text-decoration: none` below unable to stop it.
838
+ margin-left: prepareMediaVariable(--_ctm-dn-or-io-or-id-im-gp, 6px);
835
839
  padding: 2px 8px;
836
840
  border-radius: 4px;
837
841
  font-size: 12px;
@@ -840,6 +844,8 @@ $defaultValues: (
840
844
  // background-color: #eff8ff;
841
845
  // @include BgColorLighter(var(--_thm-cs-at-py), 5%);
842
846
  // color: var(--_thm-cs-at-py);
847
+ text-decoration: none;
848
+ font-style: normal;
843
849
 
844
850
  display: inline-flex;
845
851
  align-items: center;
@@ -907,6 +913,10 @@ $defaultValues: (
907
913
  --_ctm-mob-dn-or-io-or-de-ft-fy,
908
914
  var(--_ctm-tab-dn-or-io-or-de-ft-fy, var(--_ctm-dn-or-io-or-de-ft-fy))
909
915
  );
916
+ &.flex__overflow {
917
+ white-space: normal;
918
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
919
+ }
910
920
  font-size: var(
911
921
  --_ctm-mob-dn-or-io-or-de-ft-se,
912
922
  var(--_ctm-tab-dn-or-io-or-de-ft-se, var(--_ctm-dn-or-io-or-de-ft-se))
@@ -954,6 +964,10 @@ $defaultValues: (
954
964
  .expected_delivery {
955
965
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht);
956
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
+ }
957
971
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
958
972
  // font-size: 16px;
959
973
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -977,6 +991,10 @@ $defaultValues: (
977
991
  .total_amount {
978
992
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
979
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
+ }
980
998
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
981
999
  // font-size: 16px;
982
1000
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1062,6 +1080,10 @@ $defaultValues: (
1062
1080
  .sgmd_details {
1063
1081
  line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
1064
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
+ }
1065
1087
  font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
1066
1088
  // font-size: 16px;
1067
1089
  color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
@@ -1507,6 +1529,9 @@ $defaultValues: (
1507
1529
  .cart_item_accordion_title {
1508
1530
  color: var(--_thm-ty-p1-tt-cr);
1509
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);
1510
1535
  font-size: var(--_thm-ty-p2-ft-se);
1511
1536
  font-weight: var(--_thm-ty-p2-bd);
1512
1537
  font-style: var(--_thm-ty-p2-ic);
@@ -1558,6 +1583,27 @@ $defaultValues: (
1558
1583
  var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1559
1584
  )
1560
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
+ );
1561
1607
  font-size: var(
1562
1608
  --_ctm-mob-dn-pt-pe-ss-ft-se,
1563
1609
  var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
@@ -2106,6 +2152,12 @@ $defaultValues: (
2106
2152
  font-style: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-se-ic);
2107
2153
  text-align: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-an);
2108
2154
  padding: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-pg);
2155
+ text-transform: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-tm);
2156
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-wr);
2157
+ word-break: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-bk);
2158
+ &#{$overflowSelector} {
2159
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
2160
+ }
2109
2161
  }
2110
2162
  .break_up_amount {
2111
2163
  line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht-dc);
@@ -2119,6 +2171,9 @@ $defaultValues: (
2119
2171
  font-style: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-se-ic-dc);
2120
2172
  text-align: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-an-dc);
2121
2173
  padding: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-pg-dc);
2174
+ text-transform: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-tm-dc);
2175
+ word-wrap: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-wr-dc);
2176
+ word-break: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-wd-bk-dc);
2122
2177
  }
2123
2178
  }
2124
2179
  }
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);