@sc-360-v2/storefront-cms-library 0.4.26 → 0.4.28

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 (58) hide show
  1. package/dist/add-order.scss +14 -12
  2. package/dist/add-products-tab.scss +179 -105
  3. package/dist/allocationDetails.scss +2 -2
  4. package/dist/allocations.scss +6 -6
  5. package/dist/builder.js +1 -1
  6. package/dist/bundleDetails copy.scss +1431 -0
  7. package/dist/bundleDetails.scss +3054 -107
  8. package/dist/button.scss +5 -2
  9. package/dist/buy-for-tab-container.scss +2 -1
  10. package/dist/buy-for-tab.scss +32 -21
  11. package/dist/buyForHeaders.scss +4544 -4082
  12. package/dist/buyForPopup.scss +154 -117
  13. package/dist/cart-details.scss +1 -1
  14. package/dist/cart-products-sidebar.scss +18 -56
  15. package/dist/cart-summary.scss +14 -12
  16. package/dist/coupon.scss +85 -0
  17. package/dist/dropdownTemplate.scss +5 -0
  18. package/dist/embroider-template-1-v2.scss +597 -0
  19. package/dist/embroider-template-1.scss +14 -5
  20. package/dist/embroidery.scss +25 -2
  21. package/dist/filters.scss +50 -15
  22. package/dist/functions.js +1 -1
  23. package/dist/functions.scss +4 -0
  24. package/dist/icons.js +1 -1
  25. package/dist/index.js +1 -1
  26. package/dist/language-selector.scss +4 -1
  27. package/dist/layouter-pro.scss +8 -0
  28. package/dist/modal.scss +37 -27
  29. package/dist/multi-select-dropdown.scss +53 -41
  30. package/dist/option-bar.scss +2 -2
  31. package/dist/order-status.scss +18 -14
  32. package/dist/product-actions.scss +27 -27
  33. package/dist/product-image.scss +14 -4
  34. package/dist/product-options.scss +1 -0
  35. package/dist/product-price.scss +1910 -1437
  36. package/dist/product-sizechart.scss +5 -2
  37. package/dist/profile.scss +3 -3
  38. package/dist/quantity-selector.scss +6 -6
  39. package/dist/quick-order-pad.scss +106 -42
  40. package/dist/repeater-embla-controls.scss +4 -2
  41. package/dist/repeater.scss +3 -3
  42. package/dist/search.scss +11 -1
  43. package/dist/section.scss +9 -9
  44. package/dist/shipping-payments.scss +5 -0
  45. package/dist/stack.scss +13 -3
  46. package/dist/types/builder/elements/common.d.ts +1 -0
  47. package/dist/types/builder/elements/light-box-v2/index.d.ts +1 -0
  48. package/dist/types/builder/elements/section/index.d.ts +1 -0
  49. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +481 -0
  50. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +5 -0
  51. package/dist/types/builder/tools/element-edit/filters.d.ts +5 -0
  52. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -0
  53. package/dist/types/builder/tools/element-edit/productPrice.d.ts +2 -1
  54. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +2 -0
  55. package/dist/types/website/constants/data-connector-souces.d.ts +13 -6
  56. package/dist/variant-picker.scss +1 -0
  57. package/dist/website.js +1 -1
  58. package/package.json +1 -1
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -34,6 +34,7 @@ export declare enum SelectorKeysEnum {
34
34
  PRODUCT_CARD_NAME_DESIGN = "productCardNameDesign",
35
35
  PRODUCT_CARD_INFO_DESIGN = "productCardInfoDesign",
36
36
  PRODUCT_CARD_PRICE_DESIGN = "productCardPriceDesign",
37
+ PRODUCT_CARD_INFO = "productCardInfo",
37
38
  PRODUCT_PANEL_DESIGN = "productPanelDesign",
38
39
  PRODUCT_NAME_DESIGN = "productNameDesign",
39
40
  PRODUCT_INFO_DESIGN = "productInfoDesign",
@@ -277,6 +278,455 @@ export declare const getDefaultData: () => {
277
278
  selectorKey: SelectorKeysEnum;
278
279
  productCardWidget: {
279
280
  padding: any;
281
+ itemGap: {
282
+ value: CMSCSSUnitTypesEnums;
283
+ unit: CMSCSSUnitTypesEnums;
284
+ property: string;
285
+ propertyType: CMSElementEditTypes;
286
+ };
287
+ defaultState: {
288
+ backgroundColor: {
289
+ parentRef: string;
290
+ value?: any;
291
+ property?: any;
292
+ propertyType?: any;
293
+ isReadOnly?: boolean | undefined;
294
+ };
295
+ borderColor: {
296
+ parentRef: string;
297
+ value?: any;
298
+ property?: any;
299
+ propertyType?: any;
300
+ isReadOnly?: boolean | undefined;
301
+ };
302
+ borderStyle: {
303
+ parentRef: string;
304
+ value?: any;
305
+ property?: any;
306
+ propertyType?: any;
307
+ isReadOnly?: boolean | undefined;
308
+ };
309
+ borderPerSlide: {
310
+ parentRef: string;
311
+ isAll: boolean;
312
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
313
+ property: string;
314
+ iscss?: boolean | undefined;
315
+ propertyType?: any;
316
+ };
317
+ showBorder: {
318
+ value: boolean;
319
+ parentRef: string;
320
+ property?: any;
321
+ propertyType?: any;
322
+ isReadOnly?: boolean | undefined;
323
+ };
324
+ showShadow: {
325
+ parentRef: string;
326
+ value?: any;
327
+ property?: any;
328
+ propertyType?: any;
329
+ isReadOnly?: boolean | undefined;
330
+ };
331
+ shadowColor: {
332
+ parentRef: string;
333
+ value?: any;
334
+ property?: any;
335
+ propertyType?: any;
336
+ isReadOnly?: boolean | undefined;
337
+ };
338
+ blur: {
339
+ parentRef: string;
340
+ unit?: string | number | undefined;
341
+ value?: any;
342
+ property?: any;
343
+ propertyType?: any;
344
+ isReadOnly?: boolean | undefined;
345
+ };
346
+ spread: {
347
+ parentRef: string;
348
+ unit?: string | number | undefined;
349
+ value?: any;
350
+ property?: any;
351
+ propertyType?: any;
352
+ isReadOnly?: boolean | undefined;
353
+ };
354
+ angle: {
355
+ parentRef: string;
356
+ unit?: string | number | undefined;
357
+ value?: any;
358
+ property?: any;
359
+ propertyType?: any;
360
+ isReadOnly?: boolean | undefined;
361
+ };
362
+ borderRadius: {
363
+ parentRef: string;
364
+ isAll: boolean;
365
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
366
+ property: string;
367
+ iscss?: boolean | undefined;
368
+ propertyType?: any;
369
+ };
370
+ font: {
371
+ parentRef: string;
372
+ value?: any;
373
+ property?: any;
374
+ propertyType?: any;
375
+ isReadOnly?: boolean | undefined;
376
+ };
377
+ fontSize: {
378
+ parentRef: string;
379
+ unit?: string | number | undefined;
380
+ value?: any;
381
+ property?: any;
382
+ propertyType?: any;
383
+ isReadOnly?: boolean | undefined;
384
+ };
385
+ textColor: {
386
+ parentRef: string;
387
+ value?: any;
388
+ property?: any;
389
+ propertyType?: any;
390
+ isReadOnly?: boolean | undefined;
391
+ };
392
+ bold: {
393
+ value: string;
394
+ parentRef: string;
395
+ property?: any;
396
+ propertyType?: any;
397
+ isReadOnly?: boolean | undefined;
398
+ };
399
+ italic: {
400
+ parentRef: string;
401
+ value?: any;
402
+ property?: any;
403
+ propertyType?: any;
404
+ isReadOnly?: boolean | undefined;
405
+ };
406
+ linethrough: {
407
+ parentRef: string;
408
+ value?: any;
409
+ property?: any;
410
+ propertyType?: any;
411
+ isReadOnly?: boolean | undefined;
412
+ };
413
+ underline: {
414
+ parentRef: string;
415
+ value?: any;
416
+ property?: any;
417
+ propertyType?: any;
418
+ isReadOnly?: boolean | undefined;
419
+ };
420
+ textAlign: {
421
+ parentRef: string;
422
+ value?: any;
423
+ property?: any;
424
+ propertyType?: any;
425
+ isReadOnly?: boolean | undefined;
426
+ };
427
+ characterSpacing: {
428
+ parentRef: string;
429
+ unit?: string | number | undefined;
430
+ value?: any;
431
+ property?: any;
432
+ propertyType?: any;
433
+ isReadOnly?: boolean | undefined;
434
+ };
435
+ lineHeight: {
436
+ parentRef: string;
437
+ unit?: string | number | undefined;
438
+ value?: any;
439
+ property?: any;
440
+ propertyType?: any;
441
+ isReadOnly?: boolean | undefined;
442
+ };
443
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
444
+ showIcon: {
445
+ parentRef: string;
446
+ value?: any;
447
+ property?: any;
448
+ propertyType?: any;
449
+ isReadOnly?: boolean | undefined;
450
+ };
451
+ iconSize: {
452
+ parentRef: string;
453
+ unit?: string | number | undefined;
454
+ value?: any;
455
+ property?: any;
456
+ propertyType?: any;
457
+ isReadOnly?: boolean | undefined;
458
+ };
459
+ iconColor: {
460
+ parentRef: string;
461
+ value?: any;
462
+ property?: any;
463
+ propertyType?: any;
464
+ isReadOnly?: boolean | undefined;
465
+ };
466
+ buttonStyle: {
467
+ parentRef: string;
468
+ propertyType: CMSElementEditTypes;
469
+ };
470
+ buttonText: {
471
+ value: string;
472
+ property: string;
473
+ propertyType: CMSElementEditTypes;
474
+ };
475
+ iconPadding: {
476
+ value: number;
477
+ property: string;
478
+ parentRef: string;
479
+ propertyType: CMSElementEditTypes;
480
+ };
481
+ iconPosition: {
482
+ parentRef: string;
483
+ propertyType: CMSElementEditTypes;
484
+ };
485
+ iconAndTextSpacing: {
486
+ property: string;
487
+ unit: number;
488
+ parentRef: string;
489
+ propertyType: CMSElementEditTypes;
490
+ };
491
+ alignment: {
492
+ property: string;
493
+ parentRef: string;
494
+ propertyType: CMSElementEditTypes;
495
+ };
496
+ buttonType: {
497
+ value: string;
498
+ propertyType: CMSElementEditTypes;
499
+ };
500
+ width: {
501
+ value: string;
502
+ unit: number;
503
+ };
504
+ padding: any;
505
+ selectorKey: SelectorKeysEnum;
506
+ };
507
+ hoverState: {
508
+ backgroundColor: {
509
+ parentRef: string;
510
+ value?: any;
511
+ property?: any;
512
+ propertyType?: any;
513
+ isReadOnly?: boolean | undefined;
514
+ };
515
+ borderColor: {
516
+ parentRef: string;
517
+ value?: any;
518
+ property?: any;
519
+ propertyType?: any;
520
+ isReadOnly?: boolean | undefined;
521
+ };
522
+ borderStyle: {
523
+ parentRef: string;
524
+ value?: any;
525
+ property?: any;
526
+ propertyType?: any;
527
+ isReadOnly?: boolean | undefined;
528
+ };
529
+ borderPerSlide: {
530
+ parentRef: string;
531
+ isAll: boolean;
532
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
533
+ property: string;
534
+ iscss?: boolean | undefined;
535
+ propertyType?: any;
536
+ };
537
+ showBorder: {
538
+ value: boolean;
539
+ parentRef: string;
540
+ property?: any;
541
+ propertyType?: any;
542
+ isReadOnly?: boolean | undefined;
543
+ };
544
+ showShadow: {
545
+ parentRef: string;
546
+ value?: any;
547
+ property?: any;
548
+ propertyType?: any;
549
+ isReadOnly?: boolean | undefined;
550
+ };
551
+ shadowColor: {
552
+ parentRef: string;
553
+ value?: any;
554
+ property?: any;
555
+ propertyType?: any;
556
+ isReadOnly?: boolean | undefined;
557
+ };
558
+ blur: {
559
+ parentRef: string;
560
+ unit?: string | number | undefined;
561
+ value?: any;
562
+ property?: any;
563
+ propertyType?: any;
564
+ isReadOnly?: boolean | undefined;
565
+ };
566
+ spread: {
567
+ parentRef: string;
568
+ unit?: string | number | undefined;
569
+ value?: any;
570
+ property?: any;
571
+ propertyType?: any;
572
+ isReadOnly?: boolean | undefined;
573
+ };
574
+ angle: {
575
+ parentRef: string;
576
+ unit?: string | number | undefined;
577
+ value?: any;
578
+ property?: any;
579
+ propertyType?: any;
580
+ isReadOnly?: boolean | undefined;
581
+ };
582
+ borderRadius: {
583
+ parentRef: string;
584
+ isAll: boolean;
585
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
586
+ property: string;
587
+ iscss?: boolean | undefined;
588
+ propertyType?: any;
589
+ };
590
+ font: {
591
+ parentRef: string;
592
+ value?: any;
593
+ property?: any;
594
+ propertyType?: any;
595
+ isReadOnly?: boolean | undefined;
596
+ };
597
+ fontSize: {
598
+ parentRef: string;
599
+ unit?: string | number | undefined;
600
+ value?: any;
601
+ property?: any;
602
+ propertyType?: any;
603
+ isReadOnly?: boolean | undefined;
604
+ };
605
+ textColor: {
606
+ parentRef: string;
607
+ value?: any;
608
+ property?: any;
609
+ propertyType?: any;
610
+ isReadOnly?: boolean | undefined;
611
+ };
612
+ bold: {
613
+ value: string;
614
+ parentRef: string;
615
+ property?: any;
616
+ propertyType?: any;
617
+ isReadOnly?: boolean | undefined;
618
+ };
619
+ italic: {
620
+ parentRef: string;
621
+ value?: any;
622
+ property?: any;
623
+ propertyType?: any;
624
+ isReadOnly?: boolean | undefined;
625
+ };
626
+ linethrough: {
627
+ parentRef: string;
628
+ value?: any;
629
+ property?: any;
630
+ propertyType?: any;
631
+ isReadOnly?: boolean | undefined;
632
+ };
633
+ underline: {
634
+ parentRef: string;
635
+ value?: any;
636
+ property?: any;
637
+ propertyType?: any;
638
+ isReadOnly?: boolean | undefined;
639
+ };
640
+ textAlign: {
641
+ parentRef: string;
642
+ value?: any;
643
+ property?: any;
644
+ propertyType?: any;
645
+ isReadOnly?: boolean | undefined;
646
+ };
647
+ characterSpacing: {
648
+ parentRef: string;
649
+ unit?: string | number | undefined;
650
+ value?: any;
651
+ property?: any;
652
+ propertyType?: any;
653
+ isReadOnly?: boolean | undefined;
654
+ };
655
+ lineHeight: {
656
+ parentRef: string;
657
+ unit?: string | number | undefined;
658
+ value?: any;
659
+ property?: any;
660
+ propertyType?: any;
661
+ isReadOnly?: boolean | undefined;
662
+ };
663
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
664
+ showIcon: {
665
+ parentRef: string;
666
+ value?: any;
667
+ property?: any;
668
+ propertyType?: any;
669
+ isReadOnly?: boolean | undefined;
670
+ };
671
+ iconSize: {
672
+ parentRef: string;
673
+ unit?: string | number | undefined;
674
+ value?: any;
675
+ property?: any;
676
+ propertyType?: any;
677
+ isReadOnly?: boolean | undefined;
678
+ };
679
+ iconColor: {
680
+ parentRef: string;
681
+ value?: any;
682
+ property?: any;
683
+ propertyType?: any;
684
+ isReadOnly?: boolean | undefined;
685
+ };
686
+ buttonStyle: {
687
+ parentRef: string;
688
+ propertyType: CMSElementEditTypes;
689
+ };
690
+ buttonText: {
691
+ value: string;
692
+ property: string;
693
+ propertyType: CMSElementEditTypes;
694
+ };
695
+ iconPadding: {
696
+ value: number;
697
+ property: string;
698
+ parentRef: string;
699
+ propertyType: CMSElementEditTypes;
700
+ };
701
+ iconPosition: {
702
+ parentRef: string;
703
+ propertyType: CMSElementEditTypes;
704
+ };
705
+ iconAndTextSpacing: {
706
+ property: string;
707
+ unit: number;
708
+ parentRef: string;
709
+ propertyType: CMSElementEditTypes;
710
+ };
711
+ alignment: {
712
+ property: string;
713
+ parentRef: string;
714
+ propertyType: CMSElementEditTypes;
715
+ };
716
+ buttonType: {
717
+ value: string;
718
+ propertyType: CMSElementEditTypes;
719
+ };
720
+ width: {
721
+ value: string;
722
+ unit: number;
723
+ };
724
+ padding: any;
725
+ selectorKey: SelectorKeysEnum;
726
+ };
727
+ selectedState: {
728
+ selectorKey: SelectorKeysEnum;
729
+ };
280
730
  borderColor: CMSIBCommonInterface;
281
731
  borderStyle: CMSIBCommonInterface;
282
732
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -399,6 +849,37 @@ export declare const getDefaultData: () => {
399
849
  backgroundColor: CMSIBCommonInterface;
400
850
  selectorKey: SelectorKeysEnum;
401
851
  };
852
+ productCardInfo: {
853
+ padding: any;
854
+ borderColor: CMSIBCommonInterface;
855
+ borderStyle: CMSIBCommonInterface;
856
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
857
+ showBorder: CMSIBCommonInterface;
858
+ showShadow: CMSIBCommonInterface;
859
+ shadowColor: CMSIBCommonInterface;
860
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
861
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
862
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
863
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
864
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
865
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
866
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
867
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
868
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
869
+ theme: CMSIBCommonInterface;
870
+ font: CMSIBCommonInterface;
871
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
872
+ textColor: CMSIBCommonInterface;
873
+ bold: CMSIBCommonInterface;
874
+ italic: CMSIBCommonInterface;
875
+ linethrough: CMSIBCommonInterface;
876
+ underline: CMSIBCommonInterface;
877
+ textAlign: CMSIBCommonInterface;
878
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
879
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
880
+ backgroundColor: CMSIBCommonInterface;
881
+ selectorKey: SelectorKeysEnum;
882
+ };
402
883
  };
403
884
  productDetails: {
404
885
  selectorKey: SelectorKeysEnum;
package/dist/types/builder/tools/element-edit/bundleDetails.d.ts CHANGED
@@ -557,6 +557,11 @@ export declare const getDefaultData: () => {
557
557
  selectorKey: SelectorKeysEnum;
558
558
  };
559
559
  };
560
+ variantPickerDesign: {
561
+ selectorKey: SelectorKeysEnum;
562
+ variantLayout: any;
563
+ variantDesign: any;
564
+ };
560
565
  };
561
566
  };
562
567
  content: {
package/dist/types/builder/tools/element-edit/filters.d.ts CHANGED
@@ -59,6 +59,10 @@ interface selfDesignInterface {
59
59
  selectorKey: string;
60
60
  [key: string]: any;
61
61
  };
62
+ searchBar: {
63
+ selectorKey: string;
64
+ [key: string]: any;
65
+ };
62
66
  }
63
67
  export declare enum SelectorKeysEnum {
64
68
  LAYOUT = "layout",
@@ -84,6 +88,7 @@ export declare enum SelectorKeysEnum {
84
88
  CHIP_BUTTON_DEFAULT_STATE = "selectedItemDefaultState",
85
89
  CHIP_BUTTON_HOVER_STATE = "selectedItemHoverState",
86
90
  OPTION_STYLE = "optionStyle",
91
+ SEARCH_BAR = "searchBar",
87
92
  MORE_BUTTON = "moreButton",
88
93
  MORE_BUTTON_DEFAULT_STATE = "moreButtonDefaultState",
89
94
  MORE_BUTTON_HOVER_STATE = "moreButtonHoverState"
package/dist/types/builder/tools/element-edit/language-menu.d.ts CHANGED
@@ -103,6 +103,7 @@ export declare enum selfEnums {
103
103
  MINI_CART_TEXT = "miniSearchText",
104
104
  DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
105
105
  WIDGET_STYLE = "widgetStyle",
106
+ WIDGET_DROPDOWN = "widgetDropdown",
106
107
  OPTION_STYLE = "optionStyle",
107
108
  HOVER_STATE = "hover",
108
109
  SELECTED_STATE = "selected",
package/dist/types/builder/tools/element-edit/productPrice.d.ts CHANGED
@@ -23,7 +23,8 @@ export declare enum SelectorKeysEnum {
23
23
  LABELS = "labels",
24
24
  INPUTS = "inputs",
25
25
  DEFAULT_STATE = "defaultState",
26
- SELECTED_STATE = "selected"
26
+ SELECTED_STATE = "selected",
27
+ DIVIDER = "divider"
27
28
  }
28
29
  export interface selfLayoutInterface {
29
30
  selectorKey: string;
package/dist/types/builder/tools/element-edit/variantPicker.d.ts CHANGED
@@ -104,6 +104,7 @@ interface selfLayoutInterface {
104
104
  groupPadding: CMSIBCommonInterface;
105
105
  groupHeaderAndOptionSpacing: CMSIBCommonInterface;
106
106
  };
107
+ [key: string]: any;
107
108
  }
108
109
  export declare const ControlsInstances: {
109
110
  optionSelection: {
@@ -1121,6 +1122,7 @@ interface selfDesignInterface {
1121
1122
  selectorKey: string;
1122
1123
  [key: string]: any;
1123
1124
  };
1125
+ [key: string]: any;
1124
1126
  }
1125
1127
  export declare enum SelfEnums {
1126
1128
  LAYOUT = "layout",
package/dist/types/website/constants/data-connector-souces.d.ts CHANGED
@@ -281,13 +281,20 @@ export declare const dataConnectorApiOptions: ({
281
281
  label: string;
282
282
  apiKey: dataConnectorapis;
283
283
  apiControls: {
284
- sorting: never[];
285
- filterRules: {};
286
- noOfItemsToLoad: null;
287
- itemsToLoad: null;
284
+ manual: {
285
+ includeRecords: never[];
286
+ excludeRecords: never[];
287
+ selectAll: boolean;
288
+ };
289
+ dynamic: {};
290
+ type: string;
291
+ sorting: {
292
+ option: null;
293
+ }[];
294
+ noOfItemsToLoad: string;
295
+ itemsToLoad: number;
288
296
  showAllItems: boolean;
289
- includeRecords: never[];
290
- excludeRecords: never[];
297
+ aggregations: never[];
291
298
  };
292
299
  payload: {
293
300
  searchKeywords: string;
package/dist/variant-picker.scss CHANGED
@@ -95,6 +95,7 @@ $minWidth: 70px;
95
95
  .select__group {
96
96
  display: flex;
97
97
  flex-direction: row;
98
+ align-items: center;
98
99
  gap: var(
99
100
  --_ctm-mob-lt-sh-te-dy-se-im-sg,
100
101
  var(--_ctm-tab-lt-sh-te-dy-se-im-sg, var(--_ctm-lt-sh-te-dy-se-im-sg))