@sc-360-v2/storefront-cms-library 0.5.37 → 0.5.38

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 (78) hide show
  1. package/dist/amount-estimator.scss +1083 -1083
  2. package/dist/animation-control.scss +23 -23
  3. package/dist/badge.scss +388 -388
  4. package/dist/brand-basic-elements.scss +3 -0
  5. package/dist/builder.js +1 -1
  6. package/dist/bulk-variant-picker copy.scss +1121 -1121
  7. package/dist/bundleDetails copy.scss +1431 -1431
  8. package/dist/button copy.scss +271 -271
  9. package/dist/buy-for-tabs-container-item.scss +80 -80
  10. package/dist/cart-products-sidebar.scss +211 -211
  11. package/dist/cart-wrapper.scss +127 -127
  12. package/dist/cartGrouping.scss +89 -89
  13. package/dist/category-groups-element.scss +10 -8
  14. package/dist/category-groups-product-options.scss +215 -0
  15. package/dist/categoryDetails.scss +61 -61
  16. package/dist/categoryWidget.scss +34 -34
  17. package/dist/checkbox-radio.scss +124 -124
  18. package/dist/common-element.scss +35 -35
  19. package/dist/confirmationModal.scss +139 -139
  20. package/dist/custom-fonts.scss +100 -100
  21. package/dist/embroider-preview-element.scss +94 -94
  22. package/dist/embroider-template-1.scss +482 -482
  23. package/dist/emtpy-templates.scss +165 -165
  24. package/dist/fb-dropdown.scss +125 -125
  25. package/dist/filter-results.scss +323 -323
  26. package/dist/flex-text-editor.scss +271 -271
  27. package/dist/form-zindex-module.scss +24 -24
  28. package/dist/hotspot.scss +2 -0
  29. package/dist/icon-library.scss +74 -74
  30. package/dist/image-for-product.scss +21 -21
  31. package/dist/lightbox.scss +78 -78
  32. package/dist/loader.scss +37 -37
  33. package/dist/menu-item.scss +19 -19
  34. package/dist/my-wishlist.scss +17 -17
  35. package/dist/order-processing.scss +61 -61
  36. package/dist/overflow-module.scss +63 -63
  37. package/dist/past-orders.scss +975 -975
  38. package/dist/payment-methods.scss +289 -289
  39. package/dist/pickup-locations.scss +1167 -1167
  40. package/dist/position-module.scss +95 -95
  41. package/dist/prefix-list.scss +86 -86
  42. package/dist/product-actions copy.scss +2765 -2765
  43. package/dist/product-basic-elements.scss +13 -5
  44. package/dist/product-customizations.scss +149 -149
  45. package/dist/product-image copy.scss +787 -787
  46. package/dist/product-inventory.scss +1378 -1378
  47. package/dist/product-promotions.scss +2759 -2759
  48. package/dist/quota-details.scss +8 -7
  49. package/dist/quotes.scss +737 -737
  50. package/dist/repeater copy.scss +635 -635
  51. package/dist/responsive-behaviour.scss +29 -29
  52. package/dist/rfqs.scss +736 -736
  53. package/dist/scroll.scss +48 -4
  54. package/dist/shareCartSideBar.scss +254 -254
  55. package/dist/shipping-estimator.scss +41 -41
  56. package/dist/sort.scss +89 -89
  57. package/dist/static-text.scss +52 -52
  58. package/dist/stockStatus.scss +64 -64
  59. package/dist/store-locations.scss +1398 -1398
  60. package/dist/sub-category.scss +74 -74
  61. package/dist/submit-quote.scss +275 -275
  62. package/dist/tab-container-item.scss +80 -80
  63. package/dist/tab-v2.scss +583 -583
  64. package/dist/table-common.scss +506 -506
  65. package/dist/table.scss +685 -685
  66. package/dist/tabs.scss +395 -395
  67. package/dist/text-temp.scss +109 -109
  68. package/dist/toaster.scss +350 -350
  69. package/dist/toggle-button.scss +32 -32
  70. package/dist/transform-properties-module.scss +20 -20
  71. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +5 -1
  72. package/dist/types/builder/tools/element-edit/icon-list.d.ts +303 -33
  73. package/dist/types/builder/tools/element-edit/scroll.d.ts +24 -1
  74. package/dist/user-elements copy.scss +1437 -1437
  75. package/dist/video.scss +476 -476
  76. package/dist/website.js +1 -1
  77. package/dist/wishlist-overlay.scss +48 -48
  78. package/package.json +1 -1
package/dist/toggle-button.scss CHANGED
@@ -1,32 +1,32 @@
1
- .toggle__button {
2
- position: relative;
3
- width: 36px;
4
- height: 20px;
5
- background-color: #d0d5dd;
6
- border-radius: 12px;
7
- cursor: pointer;
8
-
9
- .toggle__slider {
10
- position: absolute;
11
- top: 2px;
12
- left: 2px;
13
- transform: translateY(0%);
14
- width: 16px;
15
- height: 16px;
16
- background-color: #fff;
17
- border-radius: 50%;
18
- transition: transform 0.3s ease;
19
- fill: var(--_base-white);
20
- filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
21
- drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
22
- }
23
-
24
- &.toggle__active {
25
- background: #132067;
26
-
27
- .toggle__slider {
28
- top: 2px;
29
- transform: translateX(16px);
30
- }
31
- }
32
- }
1
+ .toggle__button {
2
+ position: relative;
3
+ width: 36px;
4
+ height: 20px;
5
+ background-color: #d0d5dd;
6
+ border-radius: 12px;
7
+ cursor: pointer;
8
+
9
+ .toggle__slider {
10
+ position: absolute;
11
+ top: 2px;
12
+ left: 2px;
13
+ transform: translateY(0%);
14
+ width: 16px;
15
+ height: 16px;
16
+ background-color: #fff;
17
+ border-radius: 50%;
18
+ transition: transform 0.3s ease;
19
+ fill: var(--_base-white);
20
+ filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
21
+ drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
22
+ }
23
+
24
+ &.toggle__active {
25
+ background: #132067;
26
+
27
+ .toggle__slider {
28
+ top: 2px;
29
+ transform: translateX(16px);
30
+ }
31
+ }
32
+ }
package/dist/transform-properties-module.scss CHANGED
@@ -1,20 +1,20 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
- @use "./prefix-list.scss" as *;
4
- $editorBodySelector: '[data-iframe-body="true"]';
5
- $sectionWrapper: '[data-div-type="cms-section-wrapper"]';
6
- $le: '[data-element-type="lightboxv2"]';
7
- $elementSelector: '[data-div-type="element"]';
8
- $gridSelector: '[data-div-type="grid"]';
9
- $var: "--_sf-transform-pr-vl";
10
-
11
- @mixin FlexElementTransformProps() {
12
- &:not(#{$editorBodySelector}) {
13
- :is(#{$sectionWrapper} *, #{$le} *) {
14
- &:is(#{$gridSelector}, #{$elementSelector}) {
15
- @include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
16
- transform: var(#{$var}, none);
17
- }
18
- }
19
- }
20
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./prefix-list.scss" as *;
4
+ $editorBodySelector: '[data-iframe-body="true"]';
5
+ $sectionWrapper: '[data-div-type="cms-section-wrapper"]';
6
+ $le: '[data-element-type="lightboxv2"]';
7
+ $elementSelector: '[data-div-type="element"]';
8
+ $gridSelector: '[data-div-type="grid"]';
9
+ $var: "--_sf-transform-pr-vl";
10
+
11
+ @mixin FlexElementTransformProps() {
12
+ &:not(#{$editorBodySelector}) {
13
+ :is(#{$sectionWrapper} *, #{$le} *) {
14
+ &:is(#{$gridSelector}, #{$elementSelector}) {
15
+ @include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
16
+ transform: var(#{$var}, none);
17
+ }
18
+ }
19
+ }
20
+ }
package/dist/types/builder/tools/element-edit/categoryGroups.d.ts CHANGED
@@ -2809,7 +2809,11 @@ export declare const getDefaultData: () => {
2809
2809
  productImage: {
2810
2810
  selectorKey: SelectorKeysEnum;
2811
2811
  productImageLayout: any;
2812
- productImageDesign: any;
2812
+ productImageDesign: {
2813
+ galleryWidgetStyle: any;
2814
+ itemStyle: any;
2815
+ paginationArrows: any;
2816
+ };
2813
2817
  productImageContent: any;
2814
2818
  };
2815
2819
  quotaDetails: {
package/dist/types/builder/tools/element-edit/icon-list.d.ts CHANGED
@@ -219,17 +219,107 @@ export declare const getDefaultData: () => {
219
219
  property: string;
220
220
  propertyType: CMSElementEditTypes;
221
221
  };
222
- theme: CMSIBCommonInterface;
223
- font: CMSIBCommonInterface;
224
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
225
- textColor: CMSIBCommonInterface;
226
- bold: CMSIBCommonInterface;
227
- italic: CMSIBCommonInterface;
228
- linethrough: CMSIBCommonInterface;
229
- underline: CMSIBCommonInterface;
230
- textAlign: CMSIBCommonInterface;
231
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
232
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
222
+ theme: {
223
+ value: string;
224
+ property: string;
225
+ propertyType: CMSElementEditTypes;
226
+ };
227
+ tag: {
228
+ value: string;
229
+ property: string;
230
+ propertyType: CMSElementEditTypes;
231
+ };
232
+ font: {
233
+ value: string;
234
+ property: string;
235
+ propertyType: CMSElementEditTypes;
236
+ parentRef: string;
237
+ };
238
+ fontSize: {
239
+ value: number;
240
+ unit: number;
241
+ property: string;
242
+ propertyType: CMSElementEditTypes;
243
+ parentRef: string;
244
+ };
245
+ textColor: {
246
+ value: {
247
+ hex: string;
248
+ rgb: {
249
+ r: string;
250
+ g: string;
251
+ b: string;
252
+ a: number;
253
+ };
254
+ };
255
+ property: string;
256
+ propertyType: CMSElementEditTypes;
257
+ parentRef: string;
258
+ };
259
+ textHighlight: {
260
+ value: {
261
+ hex: string;
262
+ rgb: {
263
+ r: string;
264
+ g: string;
265
+ b: string;
266
+ a: number;
267
+ };
268
+ };
269
+ property: string;
270
+ propertyType: CMSElementEditTypes;
271
+ };
272
+ bold: {
273
+ value: string;
274
+ property: string;
275
+ propertyType: CMSElementEditTypes;
276
+ parentRef: string;
277
+ };
278
+ italic: {
279
+ value: string;
280
+ property: string;
281
+ propertyType: CMSElementEditTypes;
282
+ parentRef: string;
283
+ };
284
+ linethrough: {
285
+ value: string;
286
+ property: string;
287
+ propertyType: CMSElementEditTypes;
288
+ parentRef: string;
289
+ };
290
+ underline: {
291
+ value: string;
292
+ property: string;
293
+ propertyType: CMSElementEditTypes;
294
+ parentRef: string;
295
+ };
296
+ textAlign: {
297
+ value: string;
298
+ property: string;
299
+ propertyType: CMSElementEditTypes;
300
+ parentRef: string;
301
+ };
302
+ characterSpacing: {
303
+ value: number;
304
+ unit: number;
305
+ property: string;
306
+ propertyType: CMSElementEditTypes;
307
+ parentRef: string;
308
+ };
309
+ lineHeight: {
310
+ value: number;
311
+ unit: number;
312
+ property: string;
313
+ propertyType: CMSElementEditTypes;
314
+ parentRef: string;
315
+ };
316
+ paragraphSpacing: {
317
+ value: number;
318
+ unit: number;
319
+ property: string;
320
+ propertyType: CMSElementEditTypes;
321
+ parentRef: string;
322
+ };
233
323
  selectorKey: SelectorKeysEnum;
234
324
  };
235
325
  hoverState: {
@@ -240,34 +330,214 @@ export declare const getDefaultData: () => {
240
330
  property: string;
241
331
  propertyType: CMSElementEditTypes;
242
332
  };
243
- theme: CMSIBCommonInterface;
244
- font: CMSIBCommonInterface;
245
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
246
- textColor: CMSIBCommonInterface;
247
- bold: CMSIBCommonInterface;
248
- italic: CMSIBCommonInterface;
249
- linethrough: CMSIBCommonInterface;
250
- underline: CMSIBCommonInterface;
251
- textAlign: CMSIBCommonInterface;
252
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
253
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
333
+ theme: {
334
+ value: string;
335
+ property: string;
336
+ propertyType: CMSElementEditTypes;
337
+ };
338
+ tag: {
339
+ value: string;
340
+ property: string;
341
+ propertyType: CMSElementEditTypes;
342
+ };
343
+ font: {
344
+ value: string;
345
+ property: string;
346
+ propertyType: CMSElementEditTypes;
347
+ parentRef: string;
348
+ };
349
+ fontSize: {
350
+ value: number;
351
+ unit: number;
352
+ property: string;
353
+ propertyType: CMSElementEditTypes;
354
+ parentRef: string;
355
+ };
356
+ textColor: {
357
+ value: {
358
+ hex: string;
359
+ rgb: {
360
+ r: string;
361
+ g: string;
362
+ b: string;
363
+ a: number;
364
+ };
365
+ };
366
+ property: string;
367
+ propertyType: CMSElementEditTypes;
368
+ parentRef: string;
369
+ };
370
+ textHighlight: {
371
+ value: {
372
+ hex: string;
373
+ rgb: {
374
+ r: string;
375
+ g: string;
376
+ b: string;
377
+ a: number;
378
+ };
379
+ };
380
+ property: string;
381
+ propertyType: CMSElementEditTypes;
382
+ };
383
+ bold: {
384
+ value: string;
385
+ property: string;
386
+ propertyType: CMSElementEditTypes;
387
+ parentRef: string;
388
+ };
389
+ italic: {
390
+ value: string;
391
+ property: string;
392
+ propertyType: CMSElementEditTypes;
393
+ parentRef: string;
394
+ };
395
+ linethrough: {
396
+ value: string;
397
+ property: string;
398
+ propertyType: CMSElementEditTypes;
399
+ parentRef: string;
400
+ };
401
+ underline: {
402
+ value: string;
403
+ property: string;
404
+ propertyType: CMSElementEditTypes;
405
+ parentRef: string;
406
+ };
407
+ textAlign: {
408
+ value: string;
409
+ property: string;
410
+ propertyType: CMSElementEditTypes;
411
+ parentRef: string;
412
+ };
413
+ characterSpacing: {
414
+ value: number;
415
+ unit: number;
416
+ property: string;
417
+ propertyType: CMSElementEditTypes;
418
+ parentRef: string;
419
+ };
420
+ lineHeight: {
421
+ value: number;
422
+ unit: number;
423
+ property: string;
424
+ propertyType: CMSElementEditTypes;
425
+ parentRef: string;
426
+ };
427
+ paragraphSpacing: {
428
+ value: number;
429
+ unit: number;
430
+ property: string;
431
+ propertyType: CMSElementEditTypes;
432
+ parentRef: string;
433
+ };
254
434
  selectorKey: SelectorKeysEnum;
255
435
  };
256
436
  };
257
437
  description: {
258
438
  wordWrap: CMSIBCommonInterface;
259
439
  wordBreak: CMSIBCommonInterface;
260
- theme: CMSIBCommonInterface;
261
- font: CMSIBCommonInterface;
262
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
263
- textColor: CMSIBCommonInterface;
264
- bold: CMSIBCommonInterface;
265
- italic: CMSIBCommonInterface;
266
- linethrough: CMSIBCommonInterface;
267
- underline: CMSIBCommonInterface;
268
- textAlign: CMSIBCommonInterface;
269
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
270
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
440
+ theme: {
441
+ value: string;
442
+ property: string;
443
+ propertyType: CMSElementEditTypes;
444
+ };
445
+ tag: {
446
+ value: string;
447
+ property: string;
448
+ propertyType: CMSElementEditTypes;
449
+ };
450
+ font: {
451
+ value: string;
452
+ property: string;
453
+ propertyType: CMSElementEditTypes;
454
+ parentRef: string;
455
+ };
456
+ fontSize: {
457
+ value: number;
458
+ unit: number;
459
+ property: string;
460
+ propertyType: CMSElementEditTypes;
461
+ parentRef: string;
462
+ };
463
+ textColor: {
464
+ value: {
465
+ hex: string;
466
+ rgb: {
467
+ r: string;
468
+ g: string;
469
+ b: string;
470
+ a: number;
471
+ };
472
+ };
473
+ property: string;
474
+ propertyType: CMSElementEditTypes;
475
+ parentRef: string;
476
+ };
477
+ textHighlight: {
478
+ value: {
479
+ hex: string;
480
+ rgb: {
481
+ r: string;
482
+ g: string;
483
+ b: string;
484
+ a: number;
485
+ };
486
+ };
487
+ property: string;
488
+ propertyType: CMSElementEditTypes;
489
+ };
490
+ bold: {
491
+ value: string;
492
+ property: string;
493
+ propertyType: CMSElementEditTypes;
494
+ parentRef: string;
495
+ };
496
+ italic: {
497
+ value: string;
498
+ property: string;
499
+ propertyType: CMSElementEditTypes;
500
+ parentRef: string;
501
+ };
502
+ linethrough: {
503
+ value: string;
504
+ property: string;
505
+ propertyType: CMSElementEditTypes;
506
+ parentRef: string;
507
+ };
508
+ underline: {
509
+ value: string;
510
+ property: string;
511
+ propertyType: CMSElementEditTypes;
512
+ parentRef: string;
513
+ };
514
+ textAlign: {
515
+ value: string;
516
+ property: string;
517
+ propertyType: CMSElementEditTypes;
518
+ parentRef: string;
519
+ };
520
+ characterSpacing: {
521
+ value: number;
522
+ unit: number;
523
+ property: string;
524
+ propertyType: CMSElementEditTypes;
525
+ parentRef: string;
526
+ };
527
+ lineHeight: {
528
+ value: number;
529
+ unit: number;
530
+ property: string;
531
+ propertyType: CMSElementEditTypes;
532
+ parentRef: string;
533
+ };
534
+ paragraphSpacing: {
535
+ value: number;
536
+ unit: number;
537
+ property: string;
538
+ propertyType: CMSElementEditTypes;
539
+ parentRef: string;
540
+ };
271
541
  selectorKey: SelectorKeysEnum;
272
542
  };
273
543
  textContainer: {
package/dist/types/builder/tools/element-edit/scroll.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { CMSElementEditTypes } from "../../enums";
1
+ import { CMSElementEditTypes, CMSCSSUnitTypesEnums } from "../../enums";
2
2
  import { CMSIBCommonInterface } from "../../interfaces/global";
3
3
  import { CMSElementEditPopupInterface } from "./common";
4
4
  export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
@@ -44,6 +44,7 @@ export declare enum SelectorKeysEnum {
44
44
  CONTENT = "content",
45
45
  SCROLL_CONTAINER = "scrollContainer",
46
46
  DIVIDER_STYLE = "dividerStyle",
47
+ ITEM_STYLE = "itemStyle",
47
48
  ITEM_1 = "item1",
48
49
  ITEM_2 = "item2",
49
50
  ITEM_3 = "item3"
@@ -164,7 +165,29 @@ export declare const getDefaultData: () => {
164
165
  };
165
166
  };
166
167
  defaultItem: {
168
+ padding: any;
169
+ itemGap: {
170
+ value: CMSCSSUnitTypesEnums;
171
+ unit: CMSCSSUnitTypesEnums;
172
+ property: string;
173
+ propertyType: CMSElementEditTypes;
174
+ };
175
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
176
+ showIcon: CMSIBCommonInterface | undefined;
177
+ iconSize: import("../../interfaces/global").CMSIBSizeInterface;
178
+ iconColor: CMSIBCommonInterface;
167
179
  theme: CMSIBCommonInterface;
180
+ backgroundColor: CMSIBCommonInterface;
181
+ showBorder: CMSIBCommonInterface;
182
+ borderStyle: CMSIBCommonInterface;
183
+ borderColor: CMSIBCommonInterface;
184
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
185
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
186
+ showShadow: CMSIBCommonInterface;
187
+ shadowColor: CMSIBCommonInterface;
188
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
189
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
190
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
168
191
  font: CMSIBCommonInterface;
169
192
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
170
193
  textColor: CMSIBCommonInterface;