@sc-360-v2/storefront-cms-library 0.4.99 → 0.5.1

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 (99) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/amount-estimator.scss +1083 -1083
  3. package/dist/animation-control.scss +23 -23
  4. package/dist/badge.scss +388 -388
  5. package/dist/brand.scss +93 -93
  6. package/dist/breadcrumbs.scss +802 -802
  7. package/dist/builder.js +1 -1
  8. package/dist/bulk-variant-picker copy.scss +1121 -1121
  9. package/dist/bundleDetails copy.scss +1431 -1431
  10. package/dist/button copy.scss +271 -271
  11. package/dist/buy-for-tab-container.scss +90 -90
  12. package/dist/buy-for-tabs-container-item.scss +80 -80
  13. package/dist/cart-products-sidebar.scss +211 -211
  14. package/dist/cart-wrapper.scss +127 -127
  15. package/dist/cartGrouping.scss +89 -89
  16. package/dist/category.scss +73 -73
  17. package/dist/categoryDetails.scss +61 -61
  18. package/dist/categoryWidget.scss +34 -34
  19. package/dist/checkbox-radio.scss +124 -124
  20. package/dist/code-temp.scss +58 -58
  21. package/dist/common-element.scss +35 -35
  22. package/dist/confirmationModal.scss +139 -139
  23. package/dist/custom-fonts.scss +100 -100
  24. package/dist/embed-temp.scss +72 -72
  25. package/dist/embroider-preview-element.scss +94 -94
  26. package/dist/embroider-template-1.scss +482 -482
  27. package/dist/emtpy-templates.scss +165 -165
  28. package/dist/faq.scss +564 -564
  29. package/dist/fb-dropdown.scss +125 -125
  30. package/dist/filter-results.scss +323 -323
  31. package/dist/flex-text-editor.scss +271 -271
  32. package/dist/form-zindex-module.scss +24 -24
  33. package/dist/global-styles.scss +86 -86
  34. package/dist/grid.scss +119 -119
  35. package/dist/hotspot.scss +397 -397
  36. package/dist/icon-library.scss +74 -74
  37. package/dist/image-for-product.scss +21 -21
  38. package/dist/item-stock.scss +87 -87
  39. package/dist/layouter-pro.scss +88 -88
  40. package/dist/light-box-v2.scss +105 -105
  41. package/dist/lightbox.scss +78 -78
  42. package/dist/line.scss +166 -166
  43. package/dist/loader.scss +37 -37
  44. package/dist/marchandiserSets.scss +60 -60
  45. package/dist/mega-menu-container.scss +99 -99
  46. package/dist/menu-item.scss +19 -19
  47. package/dist/menu.scss +162 -162
  48. package/dist/my-wishlist.scss +17 -17
  49. package/dist/option-bar.scss +845 -845
  50. package/dist/order-processing.scss +61 -61
  51. package/dist/order-status.scss +46 -16
  52. package/dist/overflow-module.scss +63 -63
  53. package/dist/past-orders.scss +975 -975
  54. package/dist/payment-methods.scss +289 -289
  55. package/dist/pickup-locations.scss +1167 -1167
  56. package/dist/position-module.scss +95 -95
  57. package/dist/prefix-list.scss +86 -86
  58. package/dist/product-actions copy.scss +2765 -2765
  59. package/dist/product-customizations.scss +149 -149
  60. package/dist/product-image copy.scss +787 -787
  61. package/dist/product-inventory.scss +1378 -1378
  62. package/dist/product-promotions.scss +2759 -2759
  63. package/dist/product.scss +97 -97
  64. package/dist/productDetails.scss +70 -70
  65. package/dist/quota-details.scss +263 -263
  66. package/dist/quotes.scss +737 -737
  67. package/dist/repeater copy.scss +635 -635
  68. package/dist/responsive-behaviour.scss +29 -29
  69. package/dist/rfqs.scss +736 -736
  70. package/dist/search-results-heading.scss +279 -279
  71. package/dist/shareCartSideBar.scss +254 -254
  72. package/dist/shipping-estimator.scss +41 -41
  73. package/dist/simple-list.scss +259 -259
  74. package/dist/social.scss +276 -276
  75. package/dist/sort.scss +89 -89
  76. package/dist/stack.scss +129 -129
  77. package/dist/static-text.scss +52 -52
  78. package/dist/stockStatus.scss +64 -64
  79. package/dist/store-locations.scss +1398 -1398
  80. package/dist/sub-category.scss +74 -74
  81. package/dist/submit-quote.scss +275 -275
  82. package/dist/tab-container-item.scss +80 -80
  83. package/dist/tab-container.scss +89 -89
  84. package/dist/tab-v2.scss +583 -583
  85. package/dist/table-common.scss +506 -506
  86. package/dist/table.scss +685 -685
  87. package/dist/tabs.scss +395 -395
  88. package/dist/text-temp-v2.scss +139 -139
  89. package/dist/text-temp.scss +109 -109
  90. package/dist/toaster.scss +350 -350
  91. package/dist/toggle-button.scss +32 -32
  92. package/dist/transform-properties-module.scss +20 -20
  93. package/dist/types/builder/tools/element-edit/addOrder.d.ts +13 -1
  94. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +190 -15
  95. package/dist/user-elements copy.scss +1437 -1437
  96. package/dist/video.scss +476 -476
  97. package/dist/widget.scss +148 -148
  98. package/dist/wishlist-overlay.scss +48 -48
  99. package/package.json +1 -1
package/dist/emtpy-templates.scss CHANGED
@@ -1,165 +1,165 @@
1
- .empty_template {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- height: 100%;
7
- width: 100%;
8
- text-align: center;
9
-
10
- h3 {
11
- font-size: 16px;
12
- color: var(--_gray-900);
13
- font-weight: 600;
14
- margin-bottom: 10px;
15
- }
16
- p {
17
- font-size: 12px;
18
- color: var(--_gray-600);
19
- }
20
- }
21
-
22
- .empty_cart_wrapper {
23
- display: flex;
24
- flex-direction: column;
25
- // align-items: center;
26
- justify-content: start;
27
- width: 100%;
28
- // gap: 6px;
29
- margin-top: 24px;
30
- img {
31
- max-width: 100px;
32
- max-height: 100px;
33
- }
34
-
35
- .empty_msg_title {
36
- font-weight: 700;
37
- font-size: 24px;
38
- line-height: 32px;
39
- padding-bottom: 8px;
40
- }
41
-
42
- .empty_msg_desc {
43
- font-size: 14px;
44
- line-height: 20px;
45
- font-weight: 500;
46
- }
47
- .empty_cart_actions {
48
- gap: 12px;
49
- margin-top: 24px;
50
- .empty_cart_template_actions {
51
- display: flex;
52
- gap: 24px;
53
- margin-top: 24px;
54
- .primary_btn {
55
- color: var(--_thm-cs-tt-ls-as);
56
- font-weight: 400;
57
- font-size: 14px;
58
- &:hover {
59
- text-decoration: underline;
60
- }
61
- }
62
- }
63
- .empty_crt_btn {
64
- padding: 12px 24px;
65
- border-radius: 4px;
66
- font-weight: 600px;
67
- display: inline-flex;
68
- align-items: center;
69
- gap: 8px;
70
-
71
- span {
72
- display: flex;
73
- }
74
-
75
- .label {
76
- color: var(--_thm-py-bs-dt-se-tt-cr);
77
- font-size: 16px;
78
- }
79
- svg path {
80
- stroke: var(--_thm-py-bs-dt-se-tt-cr);
81
- }
82
- }
83
- }
84
- }
85
-
86
- // loading styles
87
- .loader_empty_template {
88
- width: 82px;
89
- height: 18px;
90
- position: relative;
91
- margin-bottom: 12px;
92
- }
93
- .loader_empty_template::before,
94
- .loader_empty_template::after {
95
- content: "";
96
- position: absolute;
97
- left: 50%;
98
- transform: translate(-50%, 10%);
99
- top: 0;
100
- background: var(--_gray-500);
101
- width: 10px;
102
- height: 10px;
103
- border-radius: 50%;
104
- animation: jump_loader 0.5s ease-in infinite alternate;
105
- }
106
-
107
- .loader_empty_template::after {
108
- background: #0000;
109
- color: var(--_gray-400);
110
- top: 100%;
111
- box-shadow:
112
- 32px -20px,
113
- -32px -20px;
114
- animation: split_loader 0.5s ease-out infinite alternate;
115
- }
116
-
117
- // loding data with icon using in bulk order pad and quick order pad
118
- .data__loading__wrapper {
119
- width: 100%;
120
- height: 100%;
121
- display: flex;
122
- align-items: center;
123
- justify-content: center;
124
- .loading__container {
125
- max-width: 500px;
126
- display: flex;
127
- flex-direction: column;
128
- justify-content: center;
129
- align-items: center;
130
- gap: 16px;
131
- .loading__spinner {
132
- width: 40px;
133
- height: 40px;
134
- border: 4px solid var(--_gray-200);
135
- border-top: 4px solid var(--_primary-400);
136
- border-radius: 50%;
137
- animation: spin 1s linear infinite;
138
- }
139
- .text {
140
- color: var(--_gray-600);
141
- font-size: 14px;
142
- }
143
- }
144
- }
145
-
146
- @keyframes split_loader {
147
- 0% {
148
- box-shadow:
149
- 8px -20px,
150
- -8px -20px;
151
- }
152
- 100% {
153
- box-shadow:
154
- 32px -20px,
155
- -32px -20px;
156
- }
157
- }
158
- @keyframes jump_loader {
159
- 0% {
160
- transform: translate(-50%, -100%);
161
- }
162
- 100% {
163
- transform: translate(-50%, 10%);
164
- }
165
- }
1
+ .empty_template {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ height: 100%;
7
+ width: 100%;
8
+ text-align: center;
9
+
10
+ h3 {
11
+ font-size: 16px;
12
+ color: var(--_gray-900);
13
+ font-weight: 600;
14
+ margin-bottom: 10px;
15
+ }
16
+ p {
17
+ font-size: 12px;
18
+ color: var(--_gray-600);
19
+ }
20
+ }
21
+
22
+ .empty_cart_wrapper {
23
+ display: flex;
24
+ flex-direction: column;
25
+ // align-items: center;
26
+ justify-content: start;
27
+ width: 100%;
28
+ // gap: 6px;
29
+ margin-top: 24px;
30
+ img {
31
+ max-width: 100px;
32
+ max-height: 100px;
33
+ }
34
+
35
+ .empty_msg_title {
36
+ font-weight: 700;
37
+ font-size: 24px;
38
+ line-height: 32px;
39
+ padding-bottom: 8px;
40
+ }
41
+
42
+ .empty_msg_desc {
43
+ font-size: 14px;
44
+ line-height: 20px;
45
+ font-weight: 500;
46
+ }
47
+ .empty_cart_actions {
48
+ gap: 12px;
49
+ margin-top: 24px;
50
+ .empty_cart_template_actions {
51
+ display: flex;
52
+ gap: 24px;
53
+ margin-top: 24px;
54
+ .primary_btn {
55
+ color: var(--_thm-cs-tt-ls-as);
56
+ font-weight: 400;
57
+ font-size: 14px;
58
+ &:hover {
59
+ text-decoration: underline;
60
+ }
61
+ }
62
+ }
63
+ .empty_crt_btn {
64
+ padding: 12px 24px;
65
+ border-radius: 4px;
66
+ font-weight: 600px;
67
+ display: inline-flex;
68
+ align-items: center;
69
+ gap: 8px;
70
+
71
+ span {
72
+ display: flex;
73
+ }
74
+
75
+ .label {
76
+ color: var(--_thm-py-bs-dt-se-tt-cr);
77
+ font-size: 16px;
78
+ }
79
+ svg path {
80
+ stroke: var(--_thm-py-bs-dt-se-tt-cr);
81
+ }
82
+ }
83
+ }
84
+ }
85
+
86
+ // loading styles
87
+ .loader_empty_template {
88
+ width: 82px;
89
+ height: 18px;
90
+ position: relative;
91
+ margin-bottom: 12px;
92
+ }
93
+ .loader_empty_template::before,
94
+ .loader_empty_template::after {
95
+ content: "";
96
+ position: absolute;
97
+ left: 50%;
98
+ transform: translate(-50%, 10%);
99
+ top: 0;
100
+ background: var(--_gray-500);
101
+ width: 10px;
102
+ height: 10px;
103
+ border-radius: 50%;
104
+ animation: jump_loader 0.5s ease-in infinite alternate;
105
+ }
106
+
107
+ .loader_empty_template::after {
108
+ background: #0000;
109
+ color: var(--_gray-400);
110
+ top: 100%;
111
+ box-shadow:
112
+ 32px -20px,
113
+ -32px -20px;
114
+ animation: split_loader 0.5s ease-out infinite alternate;
115
+ }
116
+
117
+ // loding data with icon using in bulk order pad and quick order pad
118
+ .data__loading__wrapper {
119
+ width: 100%;
120
+ height: 100%;
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ .loading__container {
125
+ max-width: 500px;
126
+ display: flex;
127
+ flex-direction: column;
128
+ justify-content: center;
129
+ align-items: center;
130
+ gap: 16px;
131
+ .loading__spinner {
132
+ width: 40px;
133
+ height: 40px;
134
+ border: 4px solid var(--_gray-200);
135
+ border-top: 4px solid var(--_primary-400);
136
+ border-radius: 50%;
137
+ animation: spin 1s linear infinite;
138
+ }
139
+ .text {
140
+ color: var(--_gray-600);
141
+ font-size: 14px;
142
+ }
143
+ }
144
+ }
145
+
146
+ @keyframes split_loader {
147
+ 0% {
148
+ box-shadow:
149
+ 8px -20px,
150
+ -8px -20px;
151
+ }
152
+ 100% {
153
+ box-shadow:
154
+ 32px -20px,
155
+ -32px -20px;
156
+ }
157
+ }
158
+ @keyframes jump_loader {
159
+ 0% {
160
+ transform: translate(-50%, -100%);
161
+ }
162
+ 100% {
163
+ transform: translate(-50%, 10%);
164
+ }
165
+ }