@sc-360-v2/storefront-cms-library 0.3.62 → 0.3.64

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 +9 -8
  2. package/dist/add-products-tab.scss +9 -8
  3. package/dist/badge.scss +87 -83
  4. package/dist/builder.js +1 -1
  5. package/dist/cart-details.scss +82 -22
  6. package/dist/cart-summary.scss +18 -144
  7. package/dist/cart-wrapper.scss +127 -0
  8. package/dist/cartDropdownOverlay.scss +58 -4
  9. package/dist/checkbox-radio.scss +105 -0
  10. package/dist/checkout.scss +96 -573
  11. package/dist/dropdownTemplate.scss +58 -4
  12. package/dist/icon-list.scss +25 -19
  13. package/dist/icons.js +1 -1
  14. package/dist/image-for-product.scss +19 -0
  15. package/dist/index.js +1 -1
  16. package/dist/item-stock.scss +27 -26
  17. package/dist/mega-menu-container.scss +96 -0
  18. package/dist/mega-menu.scss +832 -0
  19. package/dist/menu-v2.scss +30 -5
  20. package/dist/modal.scss +218 -8
  21. package/dist/myTemplates.scss +345 -20
  22. package/dist/order-status.scss +18 -15
  23. package/dist/past-orders.scss +279 -271
  24. package/dist/payment-methods.scss +72 -69
  25. package/dist/position-module.scss +2 -1
  26. package/dist/prefix-list.scss +3 -0
  27. package/dist/quick-links.scss +49 -46
  28. package/dist/quick-order-pad.scss +3 -0
  29. package/dist/quotes.scss +123 -117
  30. package/dist/rfqs.scss +123 -117
  31. package/dist/simple-list.scss +264 -0
  32. package/dist/submit-quote.scss +81 -113
  33. package/dist/templates.scss +299 -0
  34. package/dist/types/builder/elements/cart-wrapper/index.d.ts +44 -0
  35. package/dist/types/builder/elements/mega-menu/index.d.ts +47 -0
  36. package/dist/types/builder/elements/mega-menu-container/index.d.ts +44 -0
  37. package/dist/types/builder/elements/simple-list/index.d.ts +47 -0
  38. package/dist/types/builder/enums/index.d.ts +10 -1
  39. package/dist/types/builder/index.d.ts +5 -1
  40. package/dist/types/builder/tools/element-edit/cart-wrapper.d.ts +16 -0
  41. package/dist/types/builder/tools/element-edit/index.d.ts +8 -1
  42. package/dist/types/builder/tools/element-edit/mega-menu.d.ts +41 -0
  43. package/dist/types/builder/tools/element-edit/megaMenuContainer.d.ts +9 -0
  44. package/dist/types/builder/tools/element-edit/my-templates.d.ts +23 -0
  45. package/dist/types/builder/tools/element-edit/optionBar.d.ts +23 -0
  46. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +111 -50
  47. package/dist/types/builder/tools/element-edit/request-for-quote.d.ts +23 -0
  48. package/dist/types/builder/tools/element-edit/simple-list.d.ts +37 -0
  49. package/dist/types/website/constants/data-connectors.d.ts +18 -0
  50. package/dist/website.js +1 -1
  51. package/dist/widget.scss +7 -0
  52. package/package.json +1 -1
package/dist/dropdownTemplate.scss CHANGED
@@ -89,6 +89,11 @@
89
89
  .dropdown__icon {
90
90
  .icon {
91
91
  display: flex;
92
+ &:hover {
93
+ svg path {
94
+ stroke: var(--_gray-700);
95
+ }
96
+ }
92
97
  svg {
93
98
  width: 16px;
94
99
  height: 16px;
@@ -111,7 +116,7 @@
111
116
  }
112
117
  .dropdown__clear__icon {
113
118
  position: absolute;
114
- right: 32px;
119
+ right: 10px;
115
120
  .icon {
116
121
  display: flex;
117
122
  svg {
@@ -130,15 +135,15 @@
130
135
  .dropdown-menu {
131
136
  position: absolute;
132
137
  width: 100%;
133
- top: 38px;
138
+ top: 40px;
134
139
  left: 0px;
135
140
  right: 24px;
136
141
  background: white;
137
- border: 1px solid var(--_gray-100);
142
+ border: 1px solid var(--_gray-200);
138
143
  border-radius: 6px;
139
144
  max-height: 200px;
140
145
  // overflow-y: auto;
141
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
146
+ box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
142
147
  z-index: 10;
143
148
  min-width: 240px;
144
149
  max-height: 300px;
@@ -159,6 +164,55 @@
159
164
  gap: 4px;
160
165
  padding: 4px;
161
166
  }
167
+ .empty_message {
168
+ height: 200px;
169
+ display: flex;
170
+ justify-content: center;
171
+ align-items: center;
172
+ padding: 24px;
173
+ font-size: 16px;
174
+ font-weight: 500;
175
+ text-align: center;
176
+ .dots {
177
+ display: inline-flex;
178
+ width: 20px; /* fixed space so text doesn’t shift */
179
+ justify-content: space-between;
180
+ align-items: flex-end;
181
+ margin-left: 6px;
182
+ margin-bottom: -9px;
183
+ }
184
+
185
+ .dots span {
186
+ animation: blink 1.5s infinite;
187
+ opacity: 0;
188
+ width: 2px;
189
+ height: 2px;
190
+ border-radius: 50%;
191
+ background-color: var(--_gray-700);
192
+ }
193
+
194
+ .dots span:nth-child(1) {
195
+ animation-delay: 0s;
196
+ }
197
+ .dots span:nth-child(2) {
198
+ animation-delay: 0.3s;
199
+ }
200
+ .dots span:nth-child(3) {
201
+ animation-delay: 0.6s;
202
+ }
203
+
204
+ @keyframes blink {
205
+ 0% {
206
+ opacity: 0;
207
+ }
208
+ 50% {
209
+ opacity: 1;
210
+ }
211
+ 100% {
212
+ opacity: 0;
213
+ }
214
+ }
215
+ }
162
216
 
163
217
  .dropdown-opt {
164
218
  font-size: 14px;
package/dist/icon-list.scss CHANGED
@@ -227,28 +227,34 @@ $pos2: (
227
227
  }
228
228
  }
229
229
  & > .#{$text} {
230
- font-family:
231
- var(--_txt-ht-ff, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-fy)), sans-serif;
232
- font-size: var(--_txt-ht-fs, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-se));
233
- color: var(--_txt-ht-cr, prepareMediaVariable(--_ctm-dn-tt-dt-se-cr));
234
- font-weight: var(--_txt-ht-fw, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-wt));
235
- text-decoration: var(--_txt-ht-td, prepareMediaVariable(--_ctm-dn-tt-dt-se-ue));
236
- font-style: var(--_txt-ht-fst, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-se-ic));
237
- text-align: var(--_txt-ht-tl, prepareMediaVariable(--_ctm-dn-tt-dt-se-tt-an));
238
- letter-spacing: var(--_txt-ht-ls, prepareMediaVariable(--_ctm-dn-tt-dt-se-lr-sg));
239
- line-height: var(--_txt-ht-lt, prepareMediaVariable(--_ctm-dn-tt-dt-se-le-ht));
230
+ &,
231
+ * {
232
+ font-family:
233
+ var(--_txt-ht-ff, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-fy)), sans-serif;
234
+ font-size: var(--_txt-ht-fs, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-se));
235
+ color: var(--_txt-ht-cr, prepareMediaVariable(--_ctm-dn-tt-dt-se-cr));
236
+ font-weight: var(--_txt-ht-fw, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-wt));
237
+ text-decoration: var(--_txt-ht-td, prepareMediaVariable(--_ctm-dn-tt-dt-se-ue));
238
+ font-style: var(--_txt-ht-fst, prepareMediaVariable(--_ctm-dn-tt-dt-se-ft-se-ic));
239
+ text-align: var(--_txt-ht-tl, prepareMediaVariable(--_ctm-dn-tt-dt-se-tt-an));
240
+ letter-spacing: var(--_txt-ht-ls, prepareMediaVariable(--_ctm-dn-tt-dt-se-lr-sg));
241
+ line-height: var(--_txt-ht-lt, prepareMediaVariable(--_ctm-dn-tt-dt-se-le-ht));
242
+ }
240
243
  }
241
244
 
242
245
  & > .#{$desc} {
243
- font-family: prepareMediaVariable(--_ctm-dn-dn-ft-fy), sans-serif;
244
- font-size: prepareMediaVariable(--_ctm-dn-dn-ft-se);
245
- color: prepareMediaVariable(--_ctm-dn-dn-cr);
246
- font-weight: prepareMediaVariable(--_ctm-dn-dn-ft-wt);
247
- text-decoration: prepareMediaVariable(--_ctm-dn-dn-ue);
248
- font-style: prepareMediaVariable(--_ctm-dn-dn-ft-se-ic);
249
- text-align: #{prepareMediaVariable(--_ctm-dn-dn-tt-an)};
250
- letter-spacing: #{prepareMediaVariable(--_ctm-dn-dn-lr-sg)};
251
- line-height: #{prepareMediaVariable(--_ctm-dn-dn-le-ht)};
246
+ &,
247
+ * {
248
+ font-family: prepareMediaVariable(--_ctm-dn-dn-ft-fy), sans-serif;
249
+ font-size: prepareMediaVariable(--_ctm-dn-dn-ft-se);
250
+ color: prepareMediaVariable(--_ctm-dn-dn-cr);
251
+ font-weight: prepareMediaVariable(--_ctm-dn-dn-ft-wt);
252
+ text-decoration: prepareMediaVariable(--_ctm-dn-dn-ue);
253
+ font-style: prepareMediaVariable(--_ctm-dn-dn-ft-se-ic);
254
+ text-align: #{prepareMediaVariable(--_ctm-dn-dn-tt-an)};
255
+ letter-spacing: #{prepareMediaVariable(--_ctm-dn-dn-lr-sg)};
256
+ line-height: #{prepareMediaVariable(--_ctm-dn-dn-le-ht)};
257
+ }
252
258
  }
253
259
  a {
254
260
  color: inherit;