@sc-360-v2/storefront-cms-library 0.2.91 → 0.2.92

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 (16) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/bulk-order-pad.scss +307 -0
  3. package/dist/bundle.scss +409 -8
  4. package/dist/cart-details.scss +1 -1
  5. package/dist/icons.js +1 -1
  6. package/dist/index.js +1 -1
  7. package/dist/product-actions.scss +36 -0
  8. package/dist/product-image.scss +82 -0
  9. package/dist/quick-order-pad.scss +0 -86
  10. package/dist/repeater copy.scss +4 -0
  11. package/dist/repeater.scss +4 -0
  12. package/dist/types/builder/enums/index.d.ts +22 -0
  13. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  14. package/dist/widget.scss +1 -0
  15. package/package.json +1 -1
  16. package/dist/bundle-basic-elements.scss +0 -583
package/dist/bundle.scss CHANGED
@@ -203,8 +203,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
203
203
 
204
204
  .bundle-image-container {
205
205
  background-color: var(--_ctm-dn-pt-cd-dn-bd-cr);
206
- border: var(--_ctm-dn-pt-cd-dn-br-wh) var(--_ctm-dn-pt-cd-dn-br-se)
207
- var(--_ctm-dn-pt-cd-dn-br-cr);
206
+ border-width: var(--_ctm-dn-pt-cd-dn-br-wh);
207
+ border-style: var(--_ctm-dn-pt-cd-dn-br-se);
208
+ border-color: var(--_ctm-dn-pt-cd-dn-br-cr);
208
209
  border-radius: var(--_ctm-dn-pt-cd-dn-br-rs);
209
210
  box-shadow: var(--_ctm-dn-pt-cd-dn-sw-ae) var(--_ctm-dn-pt-cd-dn-sw-br)
210
211
  var(--_ctm-dn-pt-cd-dn-sw-sd) var(--_ctm-dn-pt-cd-dn-sw-cr);
@@ -283,6 +284,155 @@ $resizeActive: '[data-cms-element-resizer="true"]';
283
284
  }
284
285
  }
285
286
 
287
+ .single__bundle__category_slider {
288
+ display: flex;
289
+ flex-direction: column;
290
+ gap: 16px;
291
+
292
+ .category_bundle_wrapper {
293
+ display: flex;
294
+ flex-direction: column;
295
+ align-items: flex-start;
296
+ width: 100%;
297
+ height: 100%;
298
+ padding: 16px;
299
+ gap: var(--_ctm-lt-ig-tt-sg);
300
+ background-color: var(--_ctm-dn-te-cd-dn-bd-cr);
301
+ border-width: var(--_ctm-dn-te-cd-dn-br-wh);
302
+ border-style: var(--_ctm-dn-te-cd-dn-br-se);
303
+ border-color: var(--_ctm-dn-te-cd-dn-br-cr);
304
+ border-radius: var(--_ctm-dn-te-cd-dn-br-rs);
305
+ box-shadow: var(--_ctm-dn-te-cd-dn-sw-ae) var(--_ctm-dn-te-cd-dn-sw-br)
306
+ var(--_ctm-dn-te-cd-dn-sw-sd) var(--_ctm-dn-te-cd-dn-sw-cr);
307
+
308
+ .category_bundle_heading_wrapper {
309
+ display: flex;
310
+ flex-direction: row;
311
+ justify-content: space-between;
312
+ align-items: center;
313
+ width: 100%;
314
+
315
+ .category_bundle_name {
316
+ display: flex;
317
+ align-items: flex-start;
318
+ justify-content: flex-start;
319
+ font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
320
+ font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
321
+ color: var(--_ctm-dn-pt-ne-dn-cr);
322
+ font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
323
+ font-style: var(--_ctm-dn-pt-ne-dn-ft-se-ic);
324
+ text-decoration: var(--_ctm-dn-pt-ne-dn-ue);
325
+ text-align: var(--_ctm-dn-pt-ne-dn-tt-an);
326
+ letter-spacing: var(--_ctm-dn-pt-ne-dn-lr-sg);
327
+ line-height: var(--_ctm-dn-pt-ne-dn-le-ht);
328
+ background-color: var(--_ctm-dn-pt-ne-dn-bd-cr);
329
+ border-width: var(--_ctm-dn-pt-ne-dn-br-wh);
330
+ border-color: var(--_ctm-dn-pt-ne-dn-br-cr);
331
+ border-style: var(--_ctm-dn-pt-ne-dn-br-se);
332
+ border-radius: var(--_ctm-dn-pt-ne-dn-br-rs);
333
+ box-shadow: var(--_ctm-dn-pt-ne-dn-sw-ae) var(--_ctm-dn-pt-ne-dn-sw-br)
334
+ var(--_ctm-dn-pt-ne-dn-sw-sd) var(--_ctm-dn-pt-ne-dn-sw-cr);
335
+ }
336
+ }
337
+
338
+ .category-tile-content {
339
+ display: flex;
340
+ justify-content: center;
341
+ align-items: center;
342
+ flex: 1 1 auto;
343
+ width: 100%;
344
+
345
+ .category-tile {
346
+ display: grid;
347
+ row-gap: var(--_ctm-lt-te-rw-gp);
348
+ column-gap: var(--_ctm-lt-te-cn-gp);
349
+ padding: 10px;
350
+ box-sizing: border-box;
351
+ height: 100%;
352
+
353
+ .category-product-image-wrapper {
354
+ width: 100%;
355
+ height: 100%;
356
+ overflow: hidden;
357
+ display: flex;
358
+ justify-content: center;
359
+ align-items: center;
360
+ background-color: var(--_ctm-dn-te-cd-ie-dn-bd-cr);
361
+ border-width: var(--_ctm-dn-te-cd-ie-dn-br-wh);
362
+ border-color: var(--_ctm-dn-te-cd-ie-dn-br-cr);
363
+ border-style: var(--_ctm-dn-te-cd-ie-dn-br-se);
364
+ border-radius: var(--_ctm-dn-te-cd-ie-dn-br-rs);
365
+ box-shadow: var(--_ctm-dn-te-cd-ie-dn-sw-ae) var(--_ctm-dn-te-cd-ie-dn-sw-br)
366
+ var(--_ctm-dn-te-cd-ie-dn-sw-sd) var(--_ctm-dn-te-cd-ie-dn-sw-cr);
367
+
368
+ img {
369
+ max-height: 135px;
370
+ }
371
+ }
372
+
373
+ &.images-1 {
374
+ grid-template-columns: 1fr;
375
+ grid-template-rows: 1fr;
376
+ }
377
+
378
+ &.images-2 {
379
+ grid-template-columns: 1fr 1fr;
380
+ grid-template-rows: 1fr;
381
+ }
382
+
383
+ &.images-3 {
384
+ grid-template-columns: 1fr 1fr;
385
+ grid-template-rows: 1fr 1fr;
386
+
387
+ .product-image-wrapper:last-child {
388
+ grid-column: 1 / -1; // span both columns
389
+ }
390
+ }
391
+
392
+ &.images-4 {
393
+ grid-template-columns: 1fr 1fr;
394
+ grid-template-rows: 1fr 1fr;
395
+ }
396
+ }
397
+ }
398
+
399
+ .bundle_navigation_button {
400
+ display: flex;
401
+ padding: 16px 24px;
402
+ justify-content: center;
403
+ align-items: center;
404
+ gap: 12px;
405
+ align-self: stretch;
406
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
407
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
408
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
409
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
410
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
411
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
412
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
413
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
414
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
415
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
416
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
417
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
418
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
419
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
420
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
421
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
422
+
423
+ .icon {
424
+ svg {
425
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
426
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
427
+ path {
428
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
429
+ }
430
+ }
431
+ }
432
+ }
433
+ }
434
+ }
435
+
286
436
  .single__bundle_vertical_scroll_wrapper {
287
437
  display: flex;
288
438
  flex-direction: column;
@@ -306,7 +456,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
306
456
  gap: var(--_ctm-lt-ig-tt-sg);
307
457
  padding: 16px;
308
458
  width: 100%;
309
- background-color: var(--_ctm-dn-pt-cd-dn-bd-cr);
459
+ background-color: var(--_ctm-dn-lt-vw-cd-dn-bd-cr);
310
460
  border-width: var(--_ctm-dn-lt-vw-cd-dn-br-wh);
311
461
  border-style: var(--_ctm-dn-lt-vw-cd-dn-br-se);
312
462
  border-color: var(--_ctm-dn-lt-vw-cd-dn-br-cr);
@@ -385,17 +535,120 @@ $resizeActive: '[data-cms-element-resizer="true"]';
385
535
  }
386
536
  }
387
537
 
538
+ .single__category_bundle_vertical_scroll_wrapper {
539
+ display: flex;
540
+ flex-direction: column;
541
+ gap: var(--_ctm-lt-im-gp);
542
+ align-items: flex-start;
543
+ height: auto;
544
+
545
+ .single__category_bundle__vertical_scroll {
546
+ display: flex;
547
+ align-items: flex-start;
548
+ flex-direction: column;
549
+ gap: var(--_ctm-lt-im-gp);
550
+ height: auto;
551
+ max-height: var(--_ctm-lt-cr-ht);
552
+ overflow-y: auto;
553
+ width: 100%;
554
+
555
+ .category_vertical_card_wrapper {
556
+ display: flex;
557
+ align-items: start;
558
+ flex-direction: column;
559
+ gap: var(--_ctm-lt-ig-tt-sg);
560
+ padding: 16px;
561
+ width: 100%;
562
+ background-color: var(--_ctm-dn-lt-vw-cd-dn-bd-cr);
563
+ border-width: var(--_ctm-dn-lt-vw-cd-dn-br-wh);
564
+ border-style: var(--_ctm-dn-lt-vw-cd-dn-br-se);
565
+ border-color: var(--_ctm-dn-lt-vw-cd-dn-br-cr);
566
+ border-radius: var(--_ctm-dn-lt-vw-cd-dn-br-rs);
567
+ box-shadow: var(--_ctm-dn-lt-vw-cd-dn-sw-ae) var(--_ctm-dn-lt-vw-cd-dn-sw-br)
568
+ var(--_ctm-dn-lt-vw-cd-dn-sw-sd) var(--_ctm-dn-lt-vw-cd-dn-sw-cr);
569
+
570
+ .vertical_card_img_wrapper {
571
+ height: 100px;
572
+ display: flex;
573
+ gap: 16px;
574
+ width: 100%;
575
+
576
+ img {
577
+ width: 90px !important;
578
+ height: 100% !important;
579
+ }
580
+ }
581
+
582
+ .product_name {
583
+ display: flex;
584
+ flex: 1 0 0;
585
+ align-items: center;
586
+ justify-content: flex-start;
587
+ font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
588
+ font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
589
+ color: var(--_ctm-dn-pt-ne-dn-cr);
590
+ font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
591
+ font-style: var(--_ctm-dn-pt-ne-dn-ft-se-ic);
592
+ text-decoration: var(--_ctm-dn-pt-ne-dn-ue);
593
+ text-align: var(--_ctm-dn-pt-ne-dn-tt-an);
594
+ letter-spacing: var(--_ctm-dn-pt-ne-dn-lr-sg);
595
+ line-height: var(--_ctm-dn-pt-ne-dn-le-ht);
596
+ background-color: var(--_ctm-dn-pt-ne-dn-bd-cr);
597
+ border-width: var(--_ctm-dn-pt-ne-dn-br-wh);
598
+ border-color: var(--_ctm-dn-pt-ne-dn-br-cr);
599
+ border-style: var(--_ctm-dn-pt-ne-dn-br-se);
600
+ border-radius: var(--_ctm-dn-pt-ne-dn-br-rs);
601
+ box-shadow: var(--_ctm-dn-pt-ne-dn-sw-ae) var(--_ctm-dn-pt-ne-dn-sw-br)
602
+ var(--_ctm-dn-pt-ne-dn-sw-sd) var(--_ctm-dn-pt-ne-dn-sw-cr);
603
+ }
604
+ }
605
+ }
606
+
607
+ .bundle_navigation_button {
608
+ display: flex;
609
+ padding: 16px 24px;
610
+ justify-content: center;
611
+ align-items: center;
612
+ gap: 12px;
613
+ align-self: stretch;
614
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
615
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
616
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
617
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
618
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
619
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
620
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
621
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
622
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
623
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
624
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
625
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
626
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
627
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
628
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
629
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
630
+
631
+ .icon {
632
+ svg {
633
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
634
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
635
+ path {
636
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
637
+ }
638
+ }
639
+ }
640
+ }
641
+ }
642
+
388
643
  .single__bundle__grid_list {
389
644
  .tiles-grid-view {
390
645
  display: flex;
391
646
  flex-wrap: wrap;
392
- justify-content: center;
393
647
  gap: var(--_ctm-lt-im-sg);
394
648
 
395
649
  .tiles-container {
396
650
  display: flex;
397
651
  flex-wrap: wrap;
398
- padding: 10px;
399
652
  justify-content: center;
400
653
  gap: var(--_ctm-lt-im-sg);
401
654
 
@@ -424,7 +677,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
424
677
  height: 100%;
425
678
  .tile_bundle_name {
426
679
  display: flex;
427
- flex: 1 0 0;
428
680
  align-items: flex-start;
429
681
  justify-content: flex-start;
430
682
  font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
@@ -566,6 +818,156 @@ $resizeActive: '[data-cms-element-resizer="true"]';
566
818
  }
567
819
  }
568
820
  }
821
+
822
+ .single__bundle__category_grid {
823
+ display: flex;
824
+ flex-wrap: wrap;
825
+ align-items: center;
826
+ gap: var(--_ctm-lt-im-sg);
827
+
828
+ .category_bundle_wrapper {
829
+ display: flex;
830
+ flex-direction: column;
831
+ align-items: flex-start;
832
+ width: 350px;
833
+ align-self: stretch;
834
+ padding: 16px;
835
+ gap: var(--_ctm-lt-ig-tt-sg);
836
+ background-color: var(--_ctm-dn-te-cd-dn-bd-cr);
837
+ border-width: var(--_ctm-dn-te-cd-dn-br-wh);
838
+ border-style: var(--_ctm-dn-te-cd-dn-br-se);
839
+ border-color: var(--_ctm-dn-te-cd-dn-br-cr);
840
+ border-radius: var(--_ctm-dn-te-cd-dn-br-rs);
841
+ box-shadow: var(--_ctm-dn-te-cd-dn-sw-ae) var(--_ctm-dn-te-cd-dn-sw-br)
842
+ var(--_ctm-dn-te-cd-dn-sw-sd) var(--_ctm-dn-te-cd-dn-sw-cr);
843
+
844
+ .category_bundle_heading_wrapper {
845
+ display: flex;
846
+ flex-direction: row;
847
+ justify-content: space-between;
848
+ align-items: center;
849
+ width: 100%;
850
+
851
+ .category_bundle_name {
852
+ display: flex;
853
+ align-items: flex-start;
854
+ justify-content: flex-start;
855
+ font-family: var(--_ctm-dn-pt-ne-dn-ft-fy);
856
+ font-size: var(--_ctm-dn-pt-ne-dn-ft-se);
857
+ color: var(--_ctm-dn-pt-ne-dn-cr);
858
+ font-weight: var(--_ctm-dn-pt-ne-dn-ft-wt);
859
+ font-style: var(--_ctm-dn-pt-ne-dn-ft-se-ic);
860
+ text-decoration: var(--_ctm-dn-pt-ne-dn-ue);
861
+ text-align: var(--_ctm-dn-pt-ne-dn-tt-an);
862
+ letter-spacing: var(--_ctm-dn-pt-ne-dn-lr-sg);
863
+ line-height: var(--_ctm-dn-pt-ne-dn-le-ht);
864
+ background-color: var(--_ctm-dn-pt-ne-dn-bd-cr);
865
+ border-width: var(--_ctm-dn-pt-ne-dn-br-wh);
866
+ border-color: var(--_ctm-dn-pt-ne-dn-br-cr);
867
+ border-style: var(--_ctm-dn-pt-ne-dn-br-se);
868
+ border-radius: var(--_ctm-dn-pt-ne-dn-br-rs);
869
+ box-shadow: var(--_ctm-dn-pt-ne-dn-sw-ae) var(--_ctm-dn-pt-ne-dn-sw-br)
870
+ var(--_ctm-dn-pt-ne-dn-sw-sd) var(--_ctm-dn-pt-ne-dn-sw-cr);
871
+ }
872
+ }
873
+
874
+ .category-tile-content {
875
+ display: flex;
876
+ justify-content: center;
877
+ align-items: center;
878
+ flex: 1 1 auto;
879
+ width: 100%;
880
+
881
+ .category-tile {
882
+ display: grid;
883
+ row-gap: var(--_ctm-lt-te-rw-gp);
884
+ column-gap: var(--_ctm-lt-te-cn-gp);
885
+ padding: 10px;
886
+ box-sizing: border-box;
887
+ height: 100%;
888
+
889
+ .category-product-image-wrapper {
890
+ width: 100%;
891
+ height: 100%;
892
+ overflow: hidden;
893
+ display: flex;
894
+ justify-content: center;
895
+ align-items: center;
896
+ background-color: var(--_ctm-dn-te-cd-ie-dn-bd-cr);
897
+ border-width: var(--_ctm-dn-te-cd-ie-dn-br-wh);
898
+ border-color: var(--_ctm-dn-te-cd-ie-dn-br-cr);
899
+ border-style: var(--_ctm-dn-te-cd-ie-dn-br-se);
900
+ border-radius: var(--_ctm-dn-te-cd-ie-dn-br-rs);
901
+ box-shadow: var(--_ctm-dn-te-cd-ie-dn-sw-ae) var(--_ctm-dn-te-cd-ie-dn-sw-br)
902
+ var(--_ctm-dn-te-cd-ie-dn-sw-sd) var(--_ctm-dn-te-cd-ie-dn-sw-cr);
903
+
904
+ img {
905
+ max-height: 135px;
906
+ }
907
+ }
908
+
909
+ &.images-1 {
910
+ grid-template-columns: 1fr;
911
+ grid-template-rows: 1fr;
912
+ }
913
+
914
+ &.images-2 {
915
+ grid-template-columns: 1fr 1fr;
916
+ grid-template-rows: 1fr;
917
+ }
918
+
919
+ &.images-3 {
920
+ grid-template-columns: 1fr 1fr;
921
+ grid-template-rows: 1fr 1fr;
922
+
923
+ .product-image-wrapper:last-child {
924
+ grid-column: 1 / -1; // span both columns
925
+ }
926
+ }
927
+
928
+ &.images-4 {
929
+ grid-template-columns: 1fr 1fr;
930
+ grid-template-rows: 1fr 1fr;
931
+ }
932
+ }
933
+ }
934
+
935
+ .bundle_navigation_button {
936
+ display: flex;
937
+ padding: 16px 24px;
938
+ justify-content: center;
939
+ align-items: center;
940
+ gap: 12px;
941
+ align-self: stretch;
942
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
943
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
944
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
945
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
946
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
947
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
948
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
949
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
950
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
951
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
952
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
953
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
954
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
955
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
956
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
957
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
958
+
959
+ .icon {
960
+ svg {
961
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
962
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
963
+ path {
964
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
965
+ }
966
+ }
967
+ }
968
+ }
969
+ }
970
+ }
569
971
  }
570
972
 
571
973
  .multi__bundle_container {
@@ -585,7 +987,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
585
987
  cursor: pointer;
586
988
  .bundle_name__tag {
587
989
  display: flex;
588
- padding: 6px;
990
+ padding: 10px;
589
991
  font-family: var(--_ctm-dn-be-tg-dn-ft-fy);
590
992
  font-size: var(--_ctm-dn-be-tg-dn-ft-se);
591
993
  color: var(--_ctm-dn-be-tg-dn-cr);
@@ -612,7 +1014,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
612
1014
  .single__bundle__grid_list {
613
1015
  display: flex;
614
1016
  flex-wrap: wrap;
615
- justify-content: center;
616
1017
  gap: var(--_ctm-lt-im-sg);
617
1018
  }
618
1019
  }
package/dist/cart-details.scss CHANGED
@@ -288,7 +288,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
288
288
 
289
289
  .product_qty_wrapper {
290
290
  display: flex;
291
- width: 124px;
291
+ // width: 124px;
292
292
  flex-direction: column;
293
293
  align-items: flex-start;
294
294
  gap: 6px;