@sc-360-v2/storefront-cms-library 0.3.37 → 0.3.39

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 (42) hide show
  1. package/dist/add-order.scss +234 -24
  2. package/dist/add-products-tab.scss +388 -0
  3. package/dist/allocationDetails copy.scss +757 -0
  4. package/dist/allocationDetails.scss +405 -35
  5. package/dist/badge.scss +84 -82
  6. package/dist/builder.js +1 -1
  7. package/dist/bulk-order-pad.scss +29 -32
  8. package/dist/cart-details.scss +54 -57
  9. package/dist/cart-products-sidebar.scss +113 -83
  10. package/dist/cart-summary.scss +2 -2
  11. package/dist/cartAttributes.scss +180 -182
  12. package/dist/cartDropdownOverlay.scss +49 -27
  13. package/dist/checkout.scss +127 -38
  14. package/dist/customization-tree.scss +42 -10
  15. package/dist/dropdownTemplate.scss +36 -26
  16. package/dist/employee-bulk-order.scss +101 -5
  17. package/dist/empty-states.scss +66 -66
  18. package/dist/functions.scss +7 -5
  19. package/dist/icons.js +1 -1
  20. package/dist/index.js +1 -1
  21. package/dist/item-stock.scss +27 -28
  22. package/dist/loader.scss +0 -55
  23. package/dist/menu-v2.scss +2 -2
  24. package/dist/modal.scss +104 -75
  25. package/dist/overflow-module.scss +21 -22
  26. package/dist/past-orders.scss +272 -258
  27. package/dist/payment-methods.scss +70 -71
  28. package/dist/prefix-list.scss +1 -0
  29. package/dist/product-actions.scss +68 -68
  30. package/dist/product-image.scss +4 -8
  31. package/dist/product-sizechart.scss +13 -13
  32. package/dist/quick-links.scss +47 -48
  33. package/dist/quick-order-pad.scss +51 -51
  34. package/dist/quotes.scss +118 -116
  35. package/dist/rfqs.scss +118 -116
  36. package/dist/types/builder/elements/add-products-tab/index.d.ts +46 -0
  37. package/dist/types/builder/enums/index.d.ts +2 -0
  38. package/dist/types/builder/index.d.ts +2 -1
  39. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +418 -0
  40. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  41. package/dist/widget.scss +1 -1
  42. package/package.json +1 -1
package/dist/empty-states.scss CHANGED
@@ -1,84 +1,84 @@
1
1
  .empty_template {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- height: 100%;
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ height: 100%;
7
+ width: 100%;
7
8
 
8
- h3 {
9
+ h3 {
9
10
  font-size: 16px;
10
11
  color: var(--_gray-900);
11
12
  font-weight: 600;
12
13
  margin-bottom: 10px;
13
- }
14
- p {
14
+ }
15
+ p {
15
16
  font-size: 12px;
16
17
  color: var(--_gray-600);
17
- }
18
+ }
18
19
  }
19
20
 
20
21
  .empty_cart_wrapper {
21
- display: flex;
22
- flex-direction: column;
23
- align-items: center;
24
- justify-content: center;
25
- width: 100%;
26
- gap: 6px;
27
- margin-top: 24px;
28
- img {
29
- max-width: 100px;
30
- max-height: 100px;
31
- }
22
+ display: flex;
23
+ flex-direction: column;
24
+ align-items: center;
25
+ justify-content: center;
26
+ width: 100%;
27
+ gap: 6px;
28
+ margin-top: 24px;
29
+ img {
30
+ max-width: 100px;
31
+ max-height: 100px;
32
+ }
32
33
 
33
- .empty_msg_title {
34
- font-family: "Lato";
35
- font-weight: 700;
36
- font-size: 24px;
37
- color: var(--_gray-900);
38
- line-height: 32px;
39
- margin-top: 24px;
40
- }
34
+ .empty_msg_title {
35
+ font-family: "Lato";
36
+ font-weight: 700;
37
+ font-size: 24px;
38
+ color: var(--_gray-900);
39
+ line-height: 32px;
40
+ margin-top: 24px;
41
+ }
41
42
 
42
- .empty_msg_desc {
43
- font-family: "Lato";
44
- font-size: 14px;
45
- line-height: 20px;
46
- color: var(--_gray-900);
47
- }
48
- .emtpy_cart_btn {
43
+ .empty_msg_desc {
44
+ font-family: "Lato";
45
+ font-size: 14px;
46
+ line-height: 20px;
47
+ color: var(--_gray-900);
48
+ }
49
+ .emtpy_cart_btn {
50
+ display: flex;
51
+ gap: 12px;
52
+ margin-top: 24px;
53
+ .empty_crt_btn {
54
+ padding: 12px 24px;
55
+ border-radius: 6px;
56
+ background-color: var(--_primary-400);
57
+ font-weight: 600px;
49
58
  display: flex;
50
- gap: 12px;
51
- margin-top: 24px;
52
- .empty_crt_btn {
53
- padding: 12px 24px;
54
- border-radius: 6px;
55
- background-color: var(--_primary-400);
56
- font-weight: 600px;
57
- display: flex;
58
- align-items: center;
59
- gap: 8px;
60
- &:hover {
61
- background-color: var(--_primary-500);
62
- }
63
- .label {
64
- color: var(--_base-white);
65
- font-size: 16px;
66
- }
67
- svg path {
68
- stroke: var(--_base-white);
69
- }
59
+ align-items: center;
60
+ gap: 8px;
61
+ &:hover {
62
+ background-color: var(--_primary-500);
70
63
  }
71
- .empty_wl_btn {
72
- padding: 12px 24px;
73
- border-radius: 6px;
74
- background-color: var(--_base-white);
75
- color: var(--_primary-400);
76
- font-weight: 500;
64
+ .label {
65
+ color: var(--_base-white);
77
66
  font-size: 16px;
78
- &:hover {
79
- background-color: var(--_gray-50);
80
- }
81
67
  }
82
-
68
+ svg path {
69
+ stroke: var(--_base-white);
70
+ }
71
+ }
72
+ .empty_wl_btn {
73
+ padding: 12px 24px;
74
+ border-radius: 6px;
75
+ background-color: var(--_base-white);
76
+ color: var(--_primary-400);
77
+ font-weight: 500;
78
+ font-size: 16px;
79
+ &:hover {
80
+ background-color: var(--_gray-50);
81
+ }
83
82
  }
84
- }
83
+ }
84
+ }
package/dist/functions.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  @use "sass:list";
2
2
  @use "sass:map";
3
+ @use "sass:meta";
4
+ @use "sass:string";
3
5
 
4
6
  // $breakPoints: (
5
7
  // desktop: (
@@ -36,7 +38,7 @@ $breakPointsV2: (
36
38
  );
37
39
 
38
40
  @function safe-map-get($map, $key) {
39
- @if $map != null and type-of($map) == "map" and map-has-key($map, $key) {
41
+ @if $map != null and meta.type-of($map) == "map" and map.has-key($map, $key) {
40
42
  @return map.get($map, $key);
41
43
  }
42
44
  @return null;
@@ -91,14 +93,14 @@ $breakPointsV2: (
91
93
  mobile: $mobile,
92
94
  );
93
95
  @if ($laptop != "optional") {
94
- $list: map-merge(
96
+ $list: map.merge(
95
97
  $list,
96
98
  (
97
99
  laptop: $laptop,
98
100
  )
99
101
  );
100
102
  } @else {
101
- $list: map-merge(
103
+ $list: map.merge(
102
104
  $list,
103
105
  (
104
106
  laptop: $desktop,
@@ -131,7 +133,7 @@ $breakPointsV2: (
131
133
  justify-content: space-between,
132
134
  gap: var(--_default-row-gap) var(--_default-col-gap),
133
135
  );
134
- $css: map-merge($css, $props);
136
+ $css: map.merge($css, $props);
135
137
  @return $css;
136
138
  }
137
139
 
@@ -197,7 +199,7 @@ $breakPointsV2: (
197
199
 
198
200
  @function prepareMediaVariable($full-var, $common: inherit) {
199
201
  $prefix: "--_ctm-";
200
- $core-name: str-slice($full-var, str-length($prefix) + 1); // removes --_ctm-
202
+ $core-name: string.slice($full-var, string.length($prefix) + 1); // removes --_ctm-
201
203
 
202
204
  $default-var: var(#{$full-var}, #{$common});
203
205
  $tab-var: var(#{$prefix}tab-#{$core-name}, #{$default-var});