@sc-360-v2/storefront-cms-library 0.3.51 → 0.3.53

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 (52) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +67 -23
  3. package/dist/allocationDetails.scss +33 -36
  4. package/dist/allocations.scss +11 -7
  5. package/dist/badge.scss +1 -1
  6. package/dist/builder.js +1 -1
  7. package/dist/bulk-order-pad.scss +1 -1
  8. package/dist/bulk-variant-picker.scss +23 -21
  9. package/dist/button copy.scss +3 -2
  10. package/dist/button.scss +1 -1
  11. package/dist/buyForHeaders.scss +2 -1
  12. package/dist/checkout.scss +634 -817
  13. package/dist/container.scss +1 -1
  14. package/dist/employee-bulk-order.scss +295 -126
  15. package/dist/filters.scss +5 -3
  16. package/dist/grid.scss +1 -1
  17. package/dist/icon-list.scss +3 -3
  18. package/dist/icons.js +1 -1
  19. package/dist/image-temp.scss +1 -1
  20. package/dist/index.js +1 -1
  21. package/dist/item-stock.scss +1 -1
  22. package/dist/language-selector.scss +5 -5
  23. package/dist/layouter-pro-item.scss +1 -1
  24. package/dist/layouter-pro.scss +1 -1
  25. package/dist/menu-item.scss +1 -1
  26. package/dist/menu-v2.scss +5 -3
  27. package/dist/order-status.scss +1 -1
  28. package/dist/overflow-module.scss +1 -1
  29. package/dist/past-orders.scss +1 -1
  30. package/dist/payment-methods.scss +1 -1
  31. package/dist/position-module.scss +1 -1
  32. package/dist/prefix-list.scss +1 -1
  33. package/dist/product-actions.scss +19 -19
  34. package/dist/product-basic-elements.scss +13 -13
  35. package/dist/product-options.scss +7 -6
  36. package/dist/product-sizechart.scss +15 -9
  37. package/dist/profile.scss +1 -1
  38. package/dist/quantity-selector.scss +11 -11
  39. package/dist/quick-links.scss +1 -1
  40. package/dist/quotes.scss +1 -1
  41. package/dist/repeater.scss +5 -3
  42. package/dist/responsive-behaviour.scss +1 -1
  43. package/dist/rfqs.scss +1 -1
  44. package/dist/section.scss +1 -1
  45. package/dist/shipping-payments.scss +650 -491
  46. package/dist/stack.scss +1 -1
  47. package/dist/text-temp-v2.scss +3 -3
  48. package/dist/types/icons/cms-svg-icons.d.ts +1 -1
  49. package/dist/user-elements.scss +1 -1
  50. package/dist/variant-picker.scss +13 -16
  51. package/dist/video.scss +1 -1
  52. package/package.json +1 -1
@@ -409,7 +409,7 @@
409
409
  gap: 12px;
410
410
  display: flex;
411
411
  justify-content: center;
412
- padding: 12px;
412
+ padding: 0px 12px 12px 12px;
413
413
  min-height: 94px;
414
414
 
415
415
  @media (max-width: 500px) {
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "../functions.scss" as *;
3
+ @use "./functions.scss" as *;
4
4
 
5
5
  $minWidth: 70px;
6
6
 
@@ -31,10 +31,8 @@ $minWidth: 70px;
31
31
  .option__title {
32
32
  margin-bottom: 4px;
33
33
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
34
- font-family: var(
35
- --_ctm-mob-dn-on-te-ft-fy,
36
- var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
37
- ),
34
+ font-family:
35
+ var(--_ctm-mob-dn-on-te-ft-fy, var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))),
38
36
  sans-serif;
39
37
  font-size: var(
40
38
  --_ctm-mob-dn-on-te-ft-se,
@@ -118,7 +116,8 @@ $minWidth: 70px;
118
116
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
119
117
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
120
118
  );
121
- font-family: var(
119
+ font-family:
120
+ var(
122
121
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
123
122
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
124
123
  ),
@@ -624,7 +623,8 @@ $minWidth: 70px;
624
623
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
625
624
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
626
625
  );
627
- font-family: var(
626
+ font-family:
627
+ var(
628
628
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
629
629
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
630
630
  ),
@@ -754,10 +754,8 @@ $minWidth: 70px;
754
754
  // font is pending
755
755
 
756
756
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
757
- font-family: var(
758
- --_sf-hr-ft-fy,
759
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
760
- ),
757
+ font-family:
758
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)),
761
759
  sans-serif;
762
760
  font-size: var(
763
761
  --_sf-hr-ft-se,
@@ -999,10 +997,8 @@ $minWidth: 70px;
999
997
  // font is pending
1000
998
 
1001
999
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-cr));
1002
- font-family: var(
1003
- --_sf-sd-ft-fy,
1004
- prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)
1005
- ),
1000
+ font-family:
1001
+ var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-se-on-ve-se-dt-se-ft-fy)),
1006
1002
  sans-serif;
1007
1003
  font-size: var(
1008
1004
  --_sf-sd-ft-se,
@@ -1110,7 +1106,8 @@ $minWidth: 70px;
1110
1106
  .title {
1111
1107
  margin-bottom: 4px;
1112
1108
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
1113
- font-family: var(
1109
+ font-family:
1110
+ var(
1114
1111
  --_ctm-mob-dn-on-te-ft-fy,
1115
1112
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
1116
1113
  ),
@@ -2642,7 +2639,8 @@ $minWidth: 70px;
2642
2639
  var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
2643
2640
  );
2644
2641
 
2645
- font-family: var(
2642
+ font-family:
2643
+ var(
2646
2644
  --_ctm-mob-dn-hr-tt-ft-fy,
2647
2645
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
2648
2646
  ),
@@ -2708,7 +2706,8 @@ $minWidth: 70px;
2708
2706
  )
2709
2707
  );
2710
2708
 
2711
- font-family: var(
2709
+ font-family:
2710
+ var(
2712
2711
  --_sf-hr-ff,
2713
2712
  var(
2714
2713
  --_ctm-mob-dn-rw-tt-ft-fy,
@@ -2839,7 +2838,8 @@ $minWidth: 70px;
2839
2838
  )
2840
2839
  );
2841
2840
 
2842
- font-family: var(
2841
+ font-family:
2842
+ var(
2843
2843
  --_sf-hr-ff,
2844
2844
  var(
2845
2845
  --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -2943,7 +2943,8 @@ $minWidth: 70px;
2943
2943
  var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
2944
2944
  )
2945
2945
  );
2946
- font-family: var(
2946
+ font-family:
2947
+ var(
2947
2948
  --_sf-hr-ff,
2948
2949
  var(
2949
2950
  --_ctm-mob-dn-ld-me-bn-ft-fy,
@@ -3059,7 +3060,8 @@ $minWidth: 70px;
3059
3060
 
3060
3061
  &::placeholder {
3061
3062
  color: var(--_ctm-mob-dn-pr-tt-cr, var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr)));
3062
- font-family: var(
3063
+ font-family:
3064
+ var(
3063
3065
  --_ctm-mob-dn-pr-tt-ft-fy,
3064
3066
  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
3065
3067
  ),
@@ -1,7 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
 
4
- @use "../functions.scss" as *;
4
+ @use "./functions.scss" as *;
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="button"] {
@@ -197,7 +197,8 @@
197
197
  --_sf-hr-fc,
198
198
  var(--_ctm-mob-dn-dt-se-cr, var(--_ctm-tab-dn-dt-se-cr, var(--_ctm-dn-dt-se-cr)))
199
199
  );
200
- font-family: var(
200
+ font-family:
201
+ var(
201
202
  --_sf-hr-ff,
202
203
  var(
203
204
  --_ctm-mob-dn-dt-se-ft-fy,
package/dist/button.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
3
 
4
- @use "../functions.scss" as *;
4
+ @use "./functions.scss" as *;
5
5
 
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="button"] {
@@ -1152,10 +1152,11 @@
1152
1152
  background: #ffd700;
1153
1153
  border-radius: 4px;
1154
1154
  left: 12px;
1155
- padding: 2px 4px;
1155
+ padding: 2px 6px;
1156
1156
  line-height: normal;
1157
1157
  color: var(--_gray-900);
1158
1158
  font-weight: 400;
1159
+ font-size: 12px;
1159
1160
  }
1160
1161
  }
1161
1162