@sc-360-v2/storefront-cms-library 0.3.8 → 0.3.10

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 (14) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/bundle.scss +258 -1
  3. package/dist/common-element.scss +0 -6
  4. package/dist/filters.scss +3 -1
  5. package/dist/past-orders.scss +88 -0
  6. package/dist/product-sizechart.scss +1815 -0
  7. package/dist/profile.scss +441 -17
  8. package/dist/quantity-selector.scss +854 -210
  9. package/dist/shareCartSideBar.scss +177 -177
  10. package/dist/toggle-button.scss +12 -12
  11. package/dist/types/builder/interfaces/global.d.ts +21 -0
  12. package/dist/types/builder/utilities/global.d.ts +2 -1
  13. package/dist/widget.scss +1 -0
  14. package/package.json +1 -1
package/dist/bundle.scss CHANGED
@@ -249,6 +249,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
249
249
  }
250
250
 
251
251
  .bundle_navigation_button {
252
+ width: 100%;
252
253
  display: flex;
253
254
  padding: 16px 24px;
254
255
  justify-content: center;
@@ -282,6 +283,48 @@ $resizeActive: '[data-cms-element-resizer="true"]';
282
283
  }
283
284
  }
284
285
  }
286
+
287
+ a {
288
+ width: 100%;
289
+ display: flex;
290
+ align-items: center;
291
+
292
+ .bundle_navigation_button {
293
+ display: flex;
294
+ width: 100%;
295
+ padding: 16px 24px;
296
+ justify-content: center;
297
+ align-items: center;
298
+ gap: 12px;
299
+ align-self: stretch;
300
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
301
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
302
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
303
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
304
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
305
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
306
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
307
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
308
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
309
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
310
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
311
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
312
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
313
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
314
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
315
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
316
+
317
+ .icon {
318
+ svg {
319
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
320
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
321
+ path {
322
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
323
+ }
324
+ }
325
+ }
326
+ }
327
+ }
285
328
  }
286
329
 
287
330
  .single__bundle__category_slider {
@@ -397,6 +440,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
397
440
  }
398
441
 
399
442
  .bundle_navigation_button {
443
+ width: 100%;
400
444
  display: flex;
401
445
  padding: 16px 24px;
402
446
  justify-content: center;
@@ -430,6 +474,48 @@ $resizeActive: '[data-cms-element-resizer="true"]';
430
474
  }
431
475
  }
432
476
  }
477
+
478
+ a {
479
+ width: 100;
480
+ display: flex;
481
+ align-items: center;
482
+
483
+ .bundle_navigation_button {
484
+ width: 100%;
485
+ display: flex;
486
+ padding: 16px 24px;
487
+ justify-content: center;
488
+ align-items: center;
489
+ gap: 12px;
490
+ align-self: stretch;
491
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
492
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
493
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
494
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
495
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
496
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
497
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
498
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
499
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
500
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
501
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
502
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
503
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
504
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
505
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
506
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
507
+
508
+ .icon {
509
+ svg {
510
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
511
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
512
+ path {
513
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
514
+ }
515
+ }
516
+ }
517
+ }
518
+ }
433
519
  }
434
520
  }
435
521
 
@@ -500,6 +586,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
500
586
  }
501
587
 
502
588
  .bundle_navigation_button {
589
+ width: 100%;
503
590
  display: flex;
504
591
  padding: 16px 24px;
505
592
  justify-content: center;
@@ -533,6 +620,48 @@ $resizeActive: '[data-cms-element-resizer="true"]';
533
620
  }
534
621
  }
535
622
  }
623
+
624
+ a {
625
+ width: 100%;
626
+ display: flex;
627
+ align-items: center;
628
+
629
+ .bundle_navigation_button {
630
+ width: 100%;
631
+ display: flex;
632
+ padding: 16px 24px;
633
+ justify-content: center;
634
+ align-items: center;
635
+ gap: 12px;
636
+ align-self: stretch;
637
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
638
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
639
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
640
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
641
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
642
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
643
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
644
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
645
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
646
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
647
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
648
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
649
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
650
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
651
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
652
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
653
+
654
+ .icon {
655
+ svg {
656
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
657
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
658
+ path {
659
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
660
+ }
661
+ }
662
+ }
663
+ }
664
+ }
536
665
  }
537
666
 
538
667
  .single__category_bundle_vertical_scroll_wrapper {
@@ -605,6 +734,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
605
734
  }
606
735
 
607
736
  .bundle_navigation_button {
737
+ width: 100%;
608
738
  display: flex;
609
739
  padding: 16px 24px;
610
740
  justify-content: center;
@@ -638,6 +768,48 @@ $resizeActive: '[data-cms-element-resizer="true"]';
638
768
  }
639
769
  }
640
770
  }
771
+
772
+ a {
773
+ width: 100%;
774
+ display: flex;
775
+ align-items: center;
776
+
777
+ .bundle_navigation_button {
778
+ width: 100%;
779
+ display: flex;
780
+ padding: 16px 24px;
781
+ justify-content: center;
782
+ align-items: center;
783
+ gap: 12px;
784
+ align-self: stretch;
785
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
786
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
787
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
788
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
789
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
790
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
791
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
792
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
793
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
794
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
795
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
796
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
797
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
798
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
799
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
800
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
801
+
802
+ .icon {
803
+ svg {
804
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
805
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
806
+ path {
807
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
808
+ }
809
+ }
810
+ }
811
+ }
812
+ }
641
813
  }
642
814
 
643
815
  .single__bundle__grid_list {
@@ -780,13 +952,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
780
952
  }
781
953
 
782
954
  .bundle_navigation_button {
955
+ width: 100%;
783
956
  display: flex;
784
957
  padding: 16px 24px;
785
958
  justify-content: center;
786
959
  align-items: center;
787
960
  gap: 12px;
788
961
  align-self: stretch;
789
- text-transform: uppercase;
790
962
  font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
791
963
  font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
792
964
  color: var(--_ctm-dn-be-nn-bn-dn-cr);
@@ -814,6 +986,49 @@ $resizeActive: '[data-cms-element-resizer="true"]';
814
986
  }
815
987
  }
816
988
  }
989
+
990
+ a {
991
+ display: flex;
992
+ align-items: center;
993
+ width: 100%;
994
+
995
+ .bundle_navigation_button {
996
+ width: 100%;
997
+ display: flex;
998
+ padding: 16px 24px;
999
+ justify-content: center;
1000
+ align-items: center;
1001
+ gap: 12px;
1002
+ align-self: stretch;
1003
+ text-transform: uppercase;
1004
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1005
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1006
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
1007
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
1008
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
1009
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
1010
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
1011
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
1012
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
1013
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
1014
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
1015
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
1016
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
1017
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
1018
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
1019
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
1020
+
1021
+ .icon {
1022
+ svg {
1023
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
1024
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
1025
+ path {
1026
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
1027
+ }
1028
+ }
1029
+ }
1030
+ }
1031
+ }
817
1032
  }
818
1033
  }
819
1034
  }
@@ -933,6 +1148,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
933
1148
  }
934
1149
 
935
1150
  .bundle_navigation_button {
1151
+ width: 100%;
936
1152
  display: flex;
937
1153
  padding: 16px 24px;
938
1154
  justify-content: center;
@@ -966,6 +1182,47 @@ $resizeActive: '[data-cms-element-resizer="true"]';
966
1182
  }
967
1183
  }
968
1184
  }
1185
+ a {
1186
+ display: flex;
1187
+ align-items: center;
1188
+ width: 100%;
1189
+
1190
+ .bundle_navigation_button {
1191
+ width: 100%;
1192
+ display: flex;
1193
+ padding: 16px 24px;
1194
+ justify-content: center;
1195
+ align-items: center;
1196
+ gap: 12px;
1197
+ align-self: stretch;
1198
+ font-family: var(--_ctm-dn-be-nn-bn-dn-ft-fy);
1199
+ font-size: var(--_ctm-dn-be-nn-bn-dn-ft-se);
1200
+ color: var(--_ctm-dn-be-nn-bn-dn-cr);
1201
+ font-weight: var(--_ctm-dn-be-nn-bn-dn-ft-wt);
1202
+ font-style: var(--_ctm-dn-be-nn-bn-dn-ft-se-ic);
1203
+ text-decoration: var(--_ctm-dn-be-nn-bn-dn-ue);
1204
+ text-align: var(--_ctm-dn-be-nn-bn-dn-tt-an);
1205
+ letter-spacing: var(--_ctm-dn-be-nn-bn-dn-lr-sg);
1206
+ line-height: var(--_ctm-dn-be-nn-bn-dn-le-ht);
1207
+ background-color: var(--_ctm-dn-be-nn-bn-dn-bd-cr);
1208
+ border-width: var(--_ctm-dn-be-nn-bn-dn-br-wh);
1209
+ border-color: var(--_ctm-dn-be-nn-bn-dn-br-cr);
1210
+ border-style: var(--_ctm-dn-be-nn-bn-dn-br-se);
1211
+ border-radius: var(--_ctm-dn-be-nn-bn-dn-br-rs);
1212
+ box-shadow: var(--_ctm-dn-be-nn-bn-dn-sw-ae) var(--_ctm-dn-be-nn-bn-dn-sw-br)
1213
+ var(--_ctm-dn-be-nn-bn-dn-sw-sd) var(--_ctm-dn-be-nn-bn-dn-sw-cr);
1214
+
1215
+ .icon {
1216
+ svg {
1217
+ width: var(--_ctm-dn-be-nn-bn-dn-in-se);
1218
+ height: var(--_ctm-dn-be-nn-bn-dn-in-se);
1219
+ path {
1220
+ stroke: var(--_ctm-dn-be-nn-bn-dn-in-c1);
1221
+ }
1222
+ }
1223
+ }
1224
+ }
1225
+ }
969
1226
  }
970
1227
  }
971
1228
  }
package/dist/common-element.scss CHANGED
@@ -33,9 +33,3 @@ $es: '[data-div-type="element"]';
33
33
  // );
34
34
  }
35
35
  }
36
-
37
- .text-ellipsis {
38
- white-space: nowrap;
39
- overflow: hidden;
40
- text-overflow: ellipsis;
41
- }
package/dist/filters.scss CHANGED
@@ -69,6 +69,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
69
69
  }
70
70
 
71
71
  .filter_container {
72
+ width: 100%;
72
73
  //Filter Features Starts
73
74
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
74
75
  background-color: var(
@@ -94,7 +95,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
94
95
  }
95
96
 
96
97
  .product__filter {
97
- width: 250px;
98
+ // width: 250px;
99
+ width: 100%;
98
100
  // height: calc(100vh - 20px);
99
101
  padding: 10px;
100
102
  overflow-y: auto;
package/dist/past-orders.scss CHANGED
@@ -181,6 +181,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
181
181
  border-radius: ctm-var(dn-or-ss-sd-se-br-rs);
182
182
  box-shadow: ctm-var(dn-or-ss-sd-se-sw-ae) ctm-var(dn-or-ss-sd-se-sw-br)
183
183
  ctm-var(dn-or-ss-sd-se-sw-sd) ctm-var(dn-or-ss-sd-se-sw-cr);
184
+ .icon {
185
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
186
+ svg {
187
+ width: ctm-var(dn-or-ss-sd-se-in-se);
188
+ height: ctm-var(dn-or-ss-sd-se-in-se);
189
+
190
+ path {
191
+ stroke: ctm-var(dn-or-ss-sd-se-in-c1);
192
+ }
193
+ }
194
+ }
184
195
  }
185
196
  &[data-orderStatus="In Review"] {
186
197
  background-color: ctm-var(dn-or-ss-in-rw-se-bd-cr);
@@ -190,6 +201,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
190
201
  border-radius: ctm-var(dn-or-ss-in-rw-se-br-rs);
191
202
  box-shadow: ctm-var(dn-or-ss-in-rw-se-sw-ae) ctm-var(dn-or-ss-in-rw-se-sw-br)
192
203
  ctm-var(dn-or-ss-in-rw-se-sw-sd) ctm-var(dn-or-ss-in-rw-se-sw-cr);
204
+ .icon {
205
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
206
+ svg {
207
+ width: ctm-var(dn-or-ss-in-rw-se-in-se);
208
+ height: ctm-var(dn-or-ss-in-rw-se-in-se);
209
+
210
+ path {
211
+ stroke: ctm-var(dn-or-ss-in-rw-se-in-c1);
212
+ }
213
+ }
214
+ }
193
215
  }
194
216
  &[data-orderStatus="Accepted"] {
195
217
  background-color: ctm-var(dn-or-ss-ad-se-bd-cr);
@@ -199,6 +221,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
199
221
  border-radius: ctm-var(dn-or-ss-ad-se-br-rs);
200
222
  box-shadow: ctm-var(dn-or-ss-ad-se-sw-ae) ctm-var(dn-or-ss-ad-se-sw-br)
201
223
  ctm-var(dn-or-ss-ad-se-sw-sd) ctm-var(dn-or-ss-ad-se-sw-cr);
224
+ .icon {
225
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
226
+ svg {
227
+ width: ctm-var(dn-or-ss-ad-se-in-se);
228
+ height: ctm-var(dn-or-ss-ad-se-in-se);
229
+
230
+ path {
231
+ stroke: ctm-var(dn-or-ss-ad-se-in-c1);
232
+ }
233
+ }
234
+ }
202
235
  }
203
236
  &[data-orderStatus="Processing"] {
204
237
  background-color: ctm-var(dn-or-ss-pg-se-bd-cr);
@@ -208,6 +241,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
208
241
  border-radius: ctm-var(dn-or-ss-pg-se-br-rs);
209
242
  box-shadow: ctm-var(dn-or-ss-pg-se-sw-ae) ctm-var(dn-or-ss-pg-se-sw-br)
210
243
  ctm-var(dn-or-ss-pg-se-sw-sd) ctm-var(dn-or-ss-pg-se-sw-cr);
244
+ .icon {
245
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
246
+ svg {
247
+ width: ctm-var(dn-or-ss-pg-se-in-se);
248
+ height: ctm-var(dn-or-ss-pg-se-in-se);
249
+
250
+ path {
251
+ stroke: ctm-var(dn-or-ss-pg-se-in-c1);
252
+ }
253
+ }
254
+ }
211
255
  }
212
256
  &[data-orderStatus="Partially Fulfilled"] {
213
257
  background-color: ctm-var(dn-or-ss-py-fd-se-bd-cr);
@@ -217,6 +261,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
217
261
  border-radius: ctm-var(dn-or-ss-py-fd-se-br-rs);
218
262
  box-shadow: ctm-var(dn-or-ss-py-fd-se-sw-ae) ctm-var(dn-or-ss-py-fd-se-sw-br)
219
263
  ctm-var(dn-or-ss-py-fd-se-sw-sd) ctm-var(dn-or-ss-py-fd-se-sw-cr);
264
+ .icon {
265
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
266
+ svg {
267
+ width: ctm-var(dn-or-ss-py-fd-se-in-se);
268
+ height: ctm-var(dn-or-ss-py-fd-se-in-se);
269
+
270
+ path {
271
+ stroke: ctm-var(dn-or-ss-py-fd-se-in-c1);
272
+ }
273
+ }
274
+ }
220
275
  }
221
276
  &[data-orderStatus="Fulfilled"] {
222
277
  background-color: ctm-var(dn-or-ss-fd-se-bd-cr);
@@ -226,6 +281,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
226
281
  border-radius: ctm-var(dn-or-ss-fd-se-br-rs);
227
282
  box-shadow: ctm-var(dn-or-ss-fd-se-sw-ae) ctm-var(dn-or-ss-fd-se-sw-br)
228
283
  ctm-var(dn-or-ss-fd-se-sw-sd) ctm-var(dn-or-ss-fd-se-sw-cr);
284
+ .icon {
285
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
286
+ svg {
287
+ width: ctm-var(dn-or-ss-fd-se-in-se);
288
+ height: ctm-var(dn-or-ss-fd-se-in-se);
289
+
290
+ path {
291
+ stroke: ctm-var(dn-or-ss-fd-se-in-c1);
292
+ }
293
+ }
294
+ }
229
295
  }
230
296
  &[data-orderStatus="Canceled"] {
231
297
  background-color: ctm-var(dn-or-ss-cd-se-bd-cr);
@@ -235,6 +301,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
235
301
  border-radius: ctm-var(dn-or-ss-cd-se-br-rs);
236
302
  box-shadow: ctm-var(dn-or-ss-cd-se-sw-ae) ctm-var(dn-or-ss-cd-se-sw-br)
237
303
  ctm-var(dn-or-ss-cd-se-sw-sd) ctm-var(dn-or-ss-cd-se-sw-cr);
304
+ .icon {
305
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
306
+ svg {
307
+ width: ctm-var(dn-or-ss-cd-se-in-se);
308
+ height: ctm-var(dn-or-ss-cd-se-in-se);
309
+
310
+ path {
311
+ stroke: ctm-var(dn-or-ss-cd-se-in-c1);
312
+ }
313
+ }
314
+ }
238
315
  }
239
316
  &[data-orderStatus="Rejected"] {
240
317
  background-color: ctm-var(dn-or-ss-rd-se-bd-cr);
@@ -244,6 +321,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
244
321
  border-radius: ctm-var(dn-or-ss-rd-se-br-rs);
245
322
  box-shadow: ctm-var(dn-or-ss-rd-se-sw-ae) ctm-var(dn-or-ss-rd-se-sw-br)
246
323
  ctm-var(dn-or-ss-rd-se-sw-sd) ctm-var(dn-or-ss-rd-se-sw-cr);
324
+ .icon {
325
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
326
+ svg {
327
+ width: ctm-var(dn-or-ss-rd-se-in-se);
328
+ height: ctm-var(dn-or-ss-rd-se-in-se);
329
+
330
+ path {
331
+ stroke: ctm-var(dn-or-ss-rd-se-in-c1);
332
+ }
333
+ }
334
+ }
247
335
  }
248
336
 
249
337
  .order_status {