@openeuropa/bcl-description-list 0.4185.202512021245 → 0.4230.202512021730

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.
@@ -5,23 +5,47 @@ exports[`OE - Description List horizontal renders correctly 1`] = `
5
5
  <div
6
6
  class="bcl-description-list"
7
7
  >
8
+
9
+
8
10
  <dl
9
11
  class="mb-3 row"
10
12
  >
13
+
14
+
11
15
  <div
12
16
  class="col-md-3"
13
17
  >
18
+
19
+
20
+
21
+
14
22
  <dt>
23
+
24
+
15
25
  <div
16
26
  class="d-flex"
17
27
  >
28
+
29
+
30
+
31
+
32
+
33
+
34
+
18
35
  <svg
19
36
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
20
37
  >
38
+
39
+
21
40
  <use
22
41
  xlink:href="/icons.svg#geo-alt-fill"
23
42
  />
43
+
44
+
24
45
  </svg>
46
+
47
+
48
+
25
49
  <div>
26
50
  <p
27
51
  class="mb-0"
@@ -32,75 +56,162 @@ exports[`OE - Description List horizontal renders correctly 1`] = `
32
56
  </em>
33
57
  </p>
34
58
  </div>
59
+
60
+
35
61
  </div>
62
+
63
+
36
64
  </dt>
65
+
66
+
67
+
37
68
  </div>
69
+
70
+
38
71
  <div
39
72
  class="col"
40
73
  >
74
+
75
+
76
+
77
+
78
+
41
79
  <dd>
42
80
  <div>
43
81
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
44
82
  </div>
45
83
  </dd>
84
+
85
+
86
+
46
87
  </div>
88
+
89
+
47
90
  </dl>
91
+
92
+
48
93
  <dl
49
94
  class="mb-3 row"
50
95
  >
96
+
97
+
51
98
  <div
52
99
  class="col-md-3"
53
100
  >
101
+
102
+
103
+
104
+
54
105
  <dt>
106
+
107
+
55
108
  <div
56
109
  class="d-flex"
57
110
  >
58
111
  <div
59
112
  class="align-self-center"
60
113
  >
114
+
115
+
61
116
  <span
62
117
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
63
118
  />
119
+
120
+
64
121
  </div>
65
122
  <div>
66
123
  First title label
67
124
  </div>
125
+
126
+
68
127
  </div>
128
+
129
+
69
130
  </dt>
131
+
132
+
133
+
134
+
135
+
70
136
  <dt>
137
+
138
+
71
139
  <div
72
140
  class="d-flex"
73
141
  >
142
+
143
+
144
+
145
+
146
+
147
+
148
+
74
149
  <svg
75
150
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
76
151
  >
152
+
153
+
77
154
  <use
78
155
  xlink:href="/icons.svg#geo-alt-fill"
79
156
  />
157
+
158
+
80
159
  </svg>
160
+
161
+
162
+
81
163
  <div>
82
164
  Second title label
83
165
  </div>
166
+
167
+
84
168
  </div>
169
+
170
+
85
171
  </dt>
172
+
173
+
174
+
86
175
  </div>
176
+
177
+
87
178
  <div
88
179
  class="col"
89
180
  >
181
+
182
+
183
+
184
+
185
+
90
186
  <dd>
91
187
  <div>
92
188
  Description text goes here.
93
189
  </div>
94
190
  </dd>
191
+
192
+
193
+
95
194
  </div>
195
+
196
+
96
197
  </dl>
198
+
199
+
97
200
  <dl
98
201
  class="mb-3 row"
99
202
  >
203
+
204
+
100
205
  <div
101
206
  class="col-md-3"
102
207
  >
208
+
209
+
210
+
211
+
103
212
  <dt>
213
+
214
+
104
215
  <div
105
216
  class="d-flex"
106
217
  >
@@ -110,33 +221,74 @@ exports[`OE - Description List horizontal renders correctly 1`] = `
110
221
  label
111
222
  </strong>
112
223
  </div>
224
+
225
+
113
226
  </div>
227
+
228
+
114
229
  </dt>
230
+
231
+
232
+
115
233
  </div>
234
+
235
+
116
236
  <div
117
237
  class="col"
118
238
  >
239
+
240
+
241
+
242
+
243
+
119
244
  <dd>
120
245
  <div>
121
246
  Description text goes here.
122
247
  </div>
123
248
  </dd>
249
+
250
+
251
+
252
+
253
+
254
+
124
255
  <dd>
256
+
257
+
258
+
259
+
260
+
261
+
262
+
125
263
  <svg
126
264
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
127
265
  >
266
+
267
+
128
268
  <use
129
269
  xlink:href="/icons.svg#geo-alt-fill"
130
270
  />
271
+
272
+
131
273
  </svg>
274
+
275
+
276
+
132
277
  <div
133
278
  class="mb-0 d-inline-block"
134
279
  >
135
280
  Description text goes here.
136
281
  </div>
137
282
  </dd>
283
+
284
+
285
+
138
286
  </div>
287
+
288
+
139
289
  </dl>
290
+
291
+
140
292
  </div>
141
293
  </jest>
142
294
  `;
@@ -146,20 +298,42 @@ exports[`OE - Description List renders correctly 1`] = `
146
298
  <dl
147
299
  class="bcl-description-list"
148
300
  >
301
+
302
+
149
303
  <div
150
304
  class="mb-3"
151
305
  >
306
+
307
+
308
+
309
+
152
310
  <dt>
311
+
312
+
153
313
  <div
154
314
  class="d-flex"
155
315
  >
316
+
317
+
318
+
319
+
320
+
321
+
322
+
156
323
  <svg
157
324
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
158
325
  >
326
+
327
+
159
328
  <use
160
329
  xlink:href="/icons.svg#geo-alt-fill"
161
330
  />
331
+
332
+
162
333
  </svg>
334
+
335
+
336
+
163
337
  <div>
164
338
  <p
165
339
  class="mb-0"
@@ -170,59 +344,130 @@ exports[`OE - Description List renders correctly 1`] = `
170
344
  </em>
171
345
  </p>
172
346
  </div>
347
+
348
+
173
349
  </div>
350
+
351
+
174
352
  </dt>
353
+
354
+
355
+
356
+
357
+
358
+
175
359
  <dd>
176
360
  <div>
177
361
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
178
362
  </div>
179
363
  </dd>
364
+
365
+
366
+
180
367
  </div>
368
+
369
+
181
370
  <div
182
371
  class="mb-3"
183
372
  >
373
+
374
+
375
+
376
+
184
377
  <dt>
378
+
379
+
185
380
  <div
186
381
  class="d-flex"
187
382
  >
188
383
  <div
189
384
  class="align-self-center"
190
385
  >
386
+
387
+
191
388
  <span
192
389
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
193
390
  />
391
+
392
+
194
393
  </div>
195
394
  <div>
196
395
  First title label
197
396
  </div>
397
+
398
+
198
399
  </div>
400
+
401
+
199
402
  </dt>
403
+
404
+
405
+
406
+
407
+
200
408
  <dt>
409
+
410
+
201
411
  <div
202
412
  class="d-flex"
203
413
  >
414
+
415
+
416
+
417
+
418
+
419
+
420
+
204
421
  <svg
205
422
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
206
423
  >
424
+
425
+
207
426
  <use
208
427
  xlink:href="/icons.svg#geo-alt-fill"
209
428
  />
429
+
430
+
210
431
  </svg>
432
+
433
+
434
+
211
435
  <div>
212
436
  Second title label
213
437
  </div>
438
+
439
+
214
440
  </div>
441
+
442
+
215
443
  </dt>
444
+
445
+
446
+
447
+
448
+
449
+
216
450
  <dd>
217
451
  <div>
218
452
  Description text goes here.
219
453
  </div>
220
454
  </dd>
455
+
456
+
457
+
221
458
  </div>
459
+
460
+
222
461
  <div
223
462
  class="mb-3"
224
463
  >
464
+
465
+
466
+
467
+
225
468
  <dt>
469
+
470
+
226
471
  <div
227
472
  class="d-flex"
228
473
  >
@@ -232,28 +477,63 @@ exports[`OE - Description List renders correctly 1`] = `
232
477
  label
233
478
  </strong>
234
479
  </div>
480
+
481
+
235
482
  </div>
483
+
484
+
236
485
  </dt>
486
+
487
+
488
+
489
+
490
+
491
+
237
492
  <dd>
238
493
  <div>
239
494
  Description text goes here.
240
495
  </div>
241
496
  </dd>
497
+
498
+
499
+
500
+
501
+
502
+
242
503
  <dd>
504
+
505
+
506
+
507
+
508
+
509
+
510
+
243
511
  <svg
244
512
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
245
513
  >
514
+
515
+
246
516
  <use
247
517
  xlink:href="/icons.svg#geo-alt-fill"
248
518
  />
519
+
520
+
249
521
  </svg>
522
+
523
+
524
+
250
525
  <div
251
526
  class="mb-0 d-inline-block"
252
527
  >
253
528
  Description text goes here.
254
529
  </div>
255
530
  </dd>
531
+
532
+
533
+
256
534
  </div>
535
+
536
+
257
537
  </dl>
258
538
  </jest>
259
539
  `;
@@ -265,23 +545,49 @@ exports[`OE - Description List with title bordered renders correctly 1`] = `
265
545
  >
266
546
  Description list test title
267
547
  </h6>
548
+
549
+
550
+
551
+
268
552
  <dl
269
553
  class="bcl-description-list"
270
554
  >
555
+
556
+
271
557
  <div
272
558
  class="border-bottom pb-2-5 mb-2-5"
273
559
  >
560
+
561
+
562
+
563
+
274
564
  <dt>
565
+
566
+
275
567
  <div
276
568
  class="d-flex"
277
569
  >
570
+
571
+
572
+
573
+
574
+
575
+
576
+
278
577
  <svg
279
578
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
280
579
  >
580
+
581
+
281
582
  <use
282
583
  xlink:href="/icons.svg#geo-alt-fill"
283
584
  />
585
+
586
+
284
587
  </svg>
588
+
589
+
590
+
285
591
  <div>
286
592
  <p
287
593
  class="mb-0"
@@ -292,59 +598,130 @@ exports[`OE - Description List with title bordered renders correctly 1`] = `
292
598
  </em>
293
599
  </p>
294
600
  </div>
601
+
602
+
295
603
  </div>
604
+
605
+
296
606
  </dt>
607
+
608
+
609
+
610
+
611
+
612
+
297
613
  <dd>
298
614
  <div>
299
615
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
300
616
  </div>
301
617
  </dd>
618
+
619
+
620
+
302
621
  </div>
622
+
623
+
303
624
  <div
304
625
  class="border-bottom pb-2-5 mb-2-5"
305
626
  >
627
+
628
+
629
+
630
+
306
631
  <dt>
632
+
633
+
307
634
  <div
308
635
  class="d-flex"
309
636
  >
310
637
  <div
311
638
  class="align-self-center"
312
639
  >
640
+
641
+
313
642
  <span
314
643
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
315
644
  />
645
+
646
+
316
647
  </div>
317
648
  <div>
318
649
  First title label
319
650
  </div>
651
+
652
+
320
653
  </div>
654
+
655
+
321
656
  </dt>
657
+
658
+
659
+
660
+
661
+
322
662
  <dt>
663
+
664
+
323
665
  <div
324
666
  class="d-flex"
325
667
  >
668
+
669
+
670
+
671
+
672
+
673
+
674
+
326
675
  <svg
327
676
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
328
677
  >
678
+
679
+
329
680
  <use
330
681
  xlink:href="/icons.svg#geo-alt-fill"
331
682
  />
683
+
684
+
332
685
  </svg>
686
+
687
+
688
+
333
689
  <div>
334
690
  Second title label
335
691
  </div>
692
+
693
+
336
694
  </div>
695
+
696
+
337
697
  </dt>
698
+
699
+
700
+
701
+
702
+
703
+
338
704
  <dd>
339
705
  <div>
340
706
  Description text goes here.
341
707
  </div>
342
708
  </dd>
709
+
710
+
711
+
343
712
  </div>
713
+
714
+
344
715
  <div
345
716
  class="border-bottom pb-2-5 mb-2-5"
346
717
  >
718
+
719
+
720
+
721
+
347
722
  <dt>
723
+
724
+
348
725
  <div
349
726
  class="d-flex"
350
727
  >
@@ -354,28 +731,63 @@ exports[`OE - Description List with title bordered renders correctly 1`] = `
354
731
  label
355
732
  </strong>
356
733
  </div>
734
+
735
+
357
736
  </div>
737
+
738
+
358
739
  </dt>
740
+
741
+
742
+
743
+
744
+
745
+
359
746
  <dd>
360
747
  <div>
361
748
  Description text goes here.
362
749
  </div>
363
750
  </dd>
751
+
752
+
753
+
754
+
755
+
756
+
364
757
  <dd>
758
+
759
+
760
+
761
+
762
+
763
+
764
+
365
765
  <svg
366
766
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
367
767
  >
768
+
769
+
368
770
  <use
369
771
  xlink:href="/icons.svg#geo-alt-fill"
370
772
  />
773
+
774
+
371
775
  </svg>
776
+
777
+
778
+
372
779
  <div
373
780
  class="mb-0 d-inline-block"
374
781
  >
375
782
  Description text goes here.
376
783
  </div>
377
784
  </dd>
785
+
786
+
787
+
378
788
  </div>
789
+
790
+
379
791
  </dl>
380
792
  </jest>
381
793
  `;
@@ -387,26 +799,54 @@ exports[`OE - Description List with title horizontal and bordered renders correc
387
799
  >
388
800
  Description list test title
389
801
  </h6>
802
+
803
+
804
+
805
+
390
806
  <div
391
807
  class="bcl-description-list"
392
808
  >
809
+
810
+
393
811
  <dl
394
812
  class="border-bottom pb-2-5 mb-2-5 row"
395
813
  >
814
+
815
+
396
816
  <div
397
817
  class="col-md-3"
398
818
  >
819
+
820
+
821
+
822
+
399
823
  <dt>
824
+
825
+
400
826
  <div
401
827
  class="d-flex"
402
828
  >
829
+
830
+
831
+
832
+
833
+
834
+
835
+
403
836
  <svg
404
837
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
405
838
  >
839
+
840
+
406
841
  <use
407
842
  xlink:href="/icons.svg#geo-alt-fill"
408
843
  />
844
+
845
+
409
846
  </svg>
847
+
848
+
849
+
410
850
  <div>
411
851
  <p
412
852
  class="mb-0"
@@ -417,75 +857,162 @@ exports[`OE - Description List with title horizontal and bordered renders correc
417
857
  </em>
418
858
  </p>
419
859
  </div>
860
+
861
+
420
862
  </div>
863
+
864
+
421
865
  </dt>
866
+
867
+
868
+
422
869
  </div>
870
+
871
+
423
872
  <div
424
873
  class="col"
425
874
  >
875
+
876
+
877
+
878
+
879
+
426
880
  <dd>
427
881
  <div>
428
882
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
429
883
  </div>
430
884
  </dd>
885
+
886
+
887
+
431
888
  </div>
889
+
890
+
432
891
  </dl>
892
+
893
+
433
894
  <dl
434
895
  class="border-bottom pb-2-5 mb-2-5 row"
435
896
  >
897
+
898
+
436
899
  <div
437
900
  class="col-md-3"
438
901
  >
902
+
903
+
904
+
905
+
439
906
  <dt>
907
+
908
+
440
909
  <div
441
910
  class="d-flex"
442
911
  >
443
912
  <div
444
913
  class="align-self-center"
445
914
  >
915
+
916
+
446
917
  <span
447
918
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
448
919
  />
920
+
921
+
449
922
  </div>
450
923
  <div>
451
924
  First title label
452
925
  </div>
926
+
927
+
453
928
  </div>
929
+
930
+
454
931
  </dt>
932
+
933
+
934
+
935
+
936
+
455
937
  <dt>
938
+
939
+
456
940
  <div
457
941
  class="d-flex"
458
942
  >
943
+
944
+
945
+
946
+
947
+
948
+
949
+
459
950
  <svg
460
951
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
461
952
  >
953
+
954
+
462
955
  <use
463
956
  xlink:href="/icons.svg#geo-alt-fill"
464
957
  />
958
+
959
+
465
960
  </svg>
961
+
962
+
963
+
466
964
  <div>
467
965
  Second title label
468
966
  </div>
967
+
968
+
469
969
  </div>
970
+
971
+
470
972
  </dt>
973
+
974
+
975
+
471
976
  </div>
977
+
978
+
472
979
  <div
473
980
  class="col"
474
981
  >
982
+
983
+
984
+
985
+
986
+
475
987
  <dd>
476
988
  <div>
477
989
  Description text goes here.
478
990
  </div>
479
991
  </dd>
992
+
993
+
994
+
480
995
  </div>
996
+
997
+
481
998
  </dl>
999
+
1000
+
482
1001
  <dl
483
1002
  class="border-bottom pb-2-5 mb-2-5 row"
484
1003
  >
1004
+
1005
+
485
1006
  <div
486
1007
  class="col-md-3"
487
1008
  >
1009
+
1010
+
1011
+
1012
+
488
1013
  <dt>
1014
+
1015
+
489
1016
  <div
490
1017
  class="d-flex"
491
1018
  >
@@ -495,33 +1022,74 @@ exports[`OE - Description List with title horizontal and bordered renders correc
495
1022
  label
496
1023
  </strong>
497
1024
  </div>
1025
+
1026
+
498
1027
  </div>
1028
+
1029
+
499
1030
  </dt>
1031
+
1032
+
1033
+
500
1034
  </div>
1035
+
1036
+
501
1037
  <div
502
1038
  class="col"
503
1039
  >
1040
+
1041
+
1042
+
1043
+
1044
+
504
1045
  <dd>
505
1046
  <div>
506
1047
  Description text goes here.
507
1048
  </div>
508
1049
  </dd>
1050
+
1051
+
1052
+
1053
+
1054
+
1055
+
509
1056
  <dd>
1057
+
1058
+
1059
+
1060
+
1061
+
1062
+
1063
+
510
1064
  <svg
511
1065
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
512
1066
  >
1067
+
1068
+
513
1069
  <use
514
1070
  xlink:href="/icons.svg#geo-alt-fill"
515
1071
  />
1072
+
1073
+
516
1074
  </svg>
1075
+
1076
+
1077
+
517
1078
  <div
518
1079
  class="mb-0 d-inline-block"
519
1080
  >
520
1081
  Description text goes here.
521
1082
  </div>
522
1083
  </dd>
1084
+
1085
+
1086
+
523
1087
  </div>
1088
+
1089
+
524
1090
  </dl>
1091
+
1092
+
525
1093
  </div>
526
1094
  </jest>
527
1095
  `;
@@ -533,26 +1101,54 @@ exports[`OE - Description List with title horizontal renders correctly 1`] = `
533
1101
  >
534
1102
  Description list test title
535
1103
  </h6>
1104
+
1105
+
1106
+
1107
+
536
1108
  <div
537
1109
  class="bcl-description-list"
538
1110
  >
1111
+
1112
+
539
1113
  <dl
540
1114
  class="mb-3 row"
541
1115
  >
1116
+
1117
+
542
1118
  <div
543
1119
  class="col-md-3"
544
1120
  >
1121
+
1122
+
1123
+
1124
+
545
1125
  <dt>
1126
+
1127
+
546
1128
  <div
547
1129
  class="d-flex"
548
1130
  >
1131
+
1132
+
1133
+
1134
+
1135
+
1136
+
1137
+
549
1138
  <svg
550
1139
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
551
1140
  >
1141
+
1142
+
552
1143
  <use
553
1144
  xlink:href="/icons.svg#geo-alt-fill"
554
1145
  />
1146
+
1147
+
555
1148
  </svg>
1149
+
1150
+
1151
+
556
1152
  <div>
557
1153
  <p
558
1154
  class="mb-0"
@@ -563,75 +1159,162 @@ exports[`OE - Description List with title horizontal renders correctly 1`] = `
563
1159
  </em>
564
1160
  </p>
565
1161
  </div>
1162
+
1163
+
566
1164
  </div>
1165
+
1166
+
567
1167
  </dt>
1168
+
1169
+
1170
+
568
1171
  </div>
1172
+
1173
+
569
1174
  <div
570
1175
  class="col"
571
1176
  >
1177
+
1178
+
1179
+
1180
+
1181
+
572
1182
  <dd>
573
1183
  <div>
574
1184
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
575
1185
  </div>
576
1186
  </dd>
1187
+
1188
+
1189
+
577
1190
  </div>
1191
+
1192
+
578
1193
  </dl>
1194
+
1195
+
579
1196
  <dl
580
1197
  class="mb-3 row"
581
1198
  >
1199
+
1200
+
582
1201
  <div
583
1202
  class="col-md-3"
584
1203
  >
1204
+
1205
+
1206
+
1207
+
585
1208
  <dt>
1209
+
1210
+
586
1211
  <div
587
1212
  class="d-flex"
588
1213
  >
589
1214
  <div
590
1215
  class="align-self-center"
591
1216
  >
1217
+
1218
+
592
1219
  <span
593
1220
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
594
1221
  />
1222
+
1223
+
595
1224
  </div>
596
1225
  <div>
597
1226
  First title label
598
1227
  </div>
1228
+
1229
+
599
1230
  </div>
1231
+
1232
+
600
1233
  </dt>
1234
+
1235
+
1236
+
1237
+
1238
+
601
1239
  <dt>
1240
+
1241
+
602
1242
  <div
603
1243
  class="d-flex"
604
1244
  >
1245
+
1246
+
1247
+
1248
+
1249
+
1250
+
1251
+
605
1252
  <svg
606
1253
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
607
1254
  >
1255
+
1256
+
608
1257
  <use
609
1258
  xlink:href="/icons.svg#geo-alt-fill"
610
1259
  />
1260
+
1261
+
611
1262
  </svg>
1263
+
1264
+
1265
+
612
1266
  <div>
613
1267
  Second title label
614
1268
  </div>
1269
+
1270
+
615
1271
  </div>
1272
+
1273
+
616
1274
  </dt>
1275
+
1276
+
1277
+
617
1278
  </div>
1279
+
1280
+
618
1281
  <div
619
1282
  class="col"
620
1283
  >
1284
+
1285
+
1286
+
1287
+
1288
+
621
1289
  <dd>
622
1290
  <div>
623
1291
  Description text goes here.
624
1292
  </div>
625
1293
  </dd>
1294
+
1295
+
1296
+
626
1297
  </div>
1298
+
1299
+
627
1300
  </dl>
1301
+
1302
+
628
1303
  <dl
629
1304
  class="mb-3 row"
630
1305
  >
1306
+
1307
+
631
1308
  <div
632
1309
  class="col-md-3"
633
1310
  >
1311
+
1312
+
1313
+
1314
+
634
1315
  <dt>
1316
+
1317
+
635
1318
  <div
636
1319
  class="d-flex"
637
1320
  >
@@ -641,33 +1324,74 @@ exports[`OE - Description List with title horizontal renders correctly 1`] = `
641
1324
  label
642
1325
  </strong>
643
1326
  </div>
1327
+
1328
+
644
1329
  </div>
1330
+
1331
+
645
1332
  </dt>
1333
+
1334
+
1335
+
646
1336
  </div>
1337
+
1338
+
647
1339
  <div
648
1340
  class="col"
649
1341
  >
1342
+
1343
+
1344
+
1345
+
1346
+
650
1347
  <dd>
651
1348
  <div>
652
1349
  Description text goes here.
653
1350
  </div>
654
1351
  </dd>
1352
+
1353
+
1354
+
1355
+
1356
+
1357
+
655
1358
  <dd>
1359
+
1360
+
1361
+
1362
+
1363
+
1364
+
1365
+
656
1366
  <svg
657
1367
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
658
1368
  >
1369
+
1370
+
659
1371
  <use
660
1372
  xlink:href="/icons.svg#geo-alt-fill"
661
1373
  />
1374
+
1375
+
662
1376
  </svg>
1377
+
1378
+
1379
+
663
1380
  <div
664
1381
  class="mb-0 d-inline-block"
665
1382
  >
666
1383
  Description text goes here.
667
1384
  </div>
668
1385
  </dd>
1386
+
1387
+
1388
+
669
1389
  </div>
1390
+
1391
+
670
1392
  </dl>
1393
+
1394
+
671
1395
  </div>
672
1396
  </jest>
673
1397
  `;
@@ -679,26 +1403,54 @@ exports[`OE - Description List with title horizontal with different col size ren
679
1403
  >
680
1404
  Description list test title
681
1405
  </h6>
1406
+
1407
+
1408
+
1409
+
682
1410
  <div
683
1411
  class="bcl-description-list"
684
1412
  >
1413
+
1414
+
685
1415
  <dl
686
1416
  class="mb-3 row"
687
1417
  >
1418
+
1419
+
688
1420
  <div
689
1421
  class="col-md-3"
690
1422
  >
1423
+
1424
+
1425
+
1426
+
691
1427
  <dt>
1428
+
1429
+
692
1430
  <div
693
1431
  class="d-flex"
694
1432
  >
1433
+
1434
+
1435
+
1436
+
1437
+
1438
+
1439
+
695
1440
  <svg
696
1441
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
697
1442
  >
1443
+
1444
+
698
1445
  <use
699
1446
  xlink:href="/icons.svg#geo-alt-fill"
700
1447
  />
1448
+
1449
+
701
1450
  </svg>
1451
+
1452
+
1453
+
702
1454
  <div>
703
1455
  <p
704
1456
  class="mb-0"
@@ -709,75 +1461,162 @@ exports[`OE - Description List with title horizontal with different col size ren
709
1461
  </em>
710
1462
  </p>
711
1463
  </div>
1464
+
1465
+
712
1466
  </div>
1467
+
1468
+
713
1469
  </dt>
1470
+
1471
+
1472
+
714
1473
  </div>
1474
+
1475
+
715
1476
  <div
716
1477
  class="col"
717
1478
  >
1479
+
1480
+
1481
+
1482
+
1483
+
718
1484
  <dd>
719
1485
  <div>
720
1486
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
721
1487
  </div>
722
1488
  </dd>
1489
+
1490
+
1491
+
723
1492
  </div>
1493
+
1494
+
724
1495
  </dl>
1496
+
1497
+
725
1498
  <dl
726
1499
  class="mb-3 row"
727
1500
  >
1501
+
1502
+
728
1503
  <div
729
1504
  class="col-md-3"
730
1505
  >
1506
+
1507
+
1508
+
1509
+
731
1510
  <dt>
1511
+
1512
+
732
1513
  <div
733
1514
  class="d-flex"
734
1515
  >
735
1516
  <div
736
1517
  class="align-self-center"
737
1518
  >
1519
+
1520
+
738
1521
  <span
739
1522
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
740
1523
  />
1524
+
1525
+
741
1526
  </div>
742
1527
  <div>
743
1528
  First title label
744
1529
  </div>
1530
+
1531
+
745
1532
  </div>
1533
+
1534
+
746
1535
  </dt>
1536
+
1537
+
1538
+
1539
+
1540
+
747
1541
  <dt>
1542
+
1543
+
748
1544
  <div
749
1545
  class="d-flex"
750
1546
  >
1547
+
1548
+
1549
+
1550
+
1551
+
1552
+
1553
+
751
1554
  <svg
752
1555
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
753
1556
  >
1557
+
1558
+
754
1559
  <use
755
1560
  xlink:href="/icons.svg#geo-alt-fill"
756
1561
  />
1562
+
1563
+
757
1564
  </svg>
1565
+
1566
+
1567
+
758
1568
  <div>
759
1569
  Second title label
760
1570
  </div>
1571
+
1572
+
761
1573
  </div>
1574
+
1575
+
762
1576
  </dt>
1577
+
1578
+
1579
+
763
1580
  </div>
1581
+
1582
+
764
1583
  <div
765
1584
  class="col"
766
1585
  >
1586
+
1587
+
1588
+
1589
+
1590
+
767
1591
  <dd>
768
1592
  <div>
769
1593
  Description text goes here.
770
1594
  </div>
771
1595
  </dd>
1596
+
1597
+
1598
+
772
1599
  </div>
1600
+
1601
+
773
1602
  </dl>
1603
+
1604
+
774
1605
  <dl
775
1606
  class="mb-3 row"
776
1607
  >
1608
+
1609
+
777
1610
  <div
778
1611
  class="col-md-3"
779
1612
  >
1613
+
1614
+
1615
+
1616
+
780
1617
  <dt>
1618
+
1619
+
781
1620
  <div
782
1621
  class="d-flex"
783
1622
  >
@@ -787,33 +1626,74 @@ exports[`OE - Description List with title horizontal with different col size ren
787
1626
  label
788
1627
  </strong>
789
1628
  </div>
1629
+
1630
+
790
1631
  </div>
1632
+
1633
+
791
1634
  </dt>
1635
+
1636
+
1637
+
792
1638
  </div>
1639
+
1640
+
793
1641
  <div
794
1642
  class="col"
795
1643
  >
1644
+
1645
+
1646
+
1647
+
1648
+
796
1649
  <dd>
797
1650
  <div>
798
1651
  Description text goes here.
799
1652
  </div>
800
1653
  </dd>
1654
+
1655
+
1656
+
1657
+
1658
+
1659
+
801
1660
  <dd>
1661
+
1662
+
1663
+
1664
+
1665
+
1666
+
1667
+
802
1668
  <svg
803
1669
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
804
1670
  >
1671
+
1672
+
805
1673
  <use
806
1674
  xlink:href="/icons.svg#geo-alt-fill"
807
1675
  />
1676
+
1677
+
808
1678
  </svg>
1679
+
1680
+
1681
+
809
1682
  <div
810
1683
  class="mb-0 d-inline-block"
811
1684
  >
812
1685
  Description text goes here.
813
1686
  </div>
814
1687
  </dd>
1688
+
1689
+
1690
+
815
1691
  </div>
1692
+
1693
+
816
1694
  </dl>
1695
+
1696
+
817
1697
  </div>
818
1698
  </jest>
819
1699
  `;
@@ -825,23 +1705,49 @@ exports[`OE - Description List with title renders correctly 1`] = `
825
1705
  >
826
1706
  Description list test title
827
1707
  </h6>
1708
+
1709
+
1710
+
1711
+
828
1712
  <dl
829
1713
  class="bcl-description-list"
830
1714
  >
1715
+
1716
+
831
1717
  <div
832
1718
  class="mb-3"
833
1719
  >
1720
+
1721
+
1722
+
1723
+
834
1724
  <dt>
1725
+
1726
+
835
1727
  <div
836
1728
  class="d-flex"
837
1729
  >
1730
+
1731
+
1732
+
1733
+
1734
+
1735
+
1736
+
838
1737
  <svg
839
1738
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
840
1739
  >
1740
+
1741
+
841
1742
  <use
842
1743
  xlink:href="/icons.svg#geo-alt-fill"
843
1744
  />
1745
+
1746
+
844
1747
  </svg>
1748
+
1749
+
1750
+
845
1751
  <div>
846
1752
  <p
847
1753
  class="mb-0"
@@ -852,59 +1758,130 @@ exports[`OE - Description List with title renders correctly 1`] = `
852
1758
  </em>
853
1759
  </p>
854
1760
  </div>
1761
+
1762
+
855
1763
  </div>
1764
+
1765
+
856
1766
  </dt>
1767
+
1768
+
1769
+
1770
+
1771
+
1772
+
857
1773
  <dd>
858
1774
  <div>
859
1775
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
860
1776
  </div>
861
1777
  </dd>
1778
+
1779
+
1780
+
862
1781
  </div>
1782
+
1783
+
863
1784
  <div
864
1785
  class="mb-3"
865
1786
  >
1787
+
1788
+
1789
+
1790
+
866
1791
  <dt>
1792
+
1793
+
867
1794
  <div
868
1795
  class="d-flex"
869
1796
  >
870
1797
  <div
871
1798
  class="align-self-center"
872
1799
  >
1800
+
1801
+
873
1802
  <span
874
1803
  class="p-2 me-2 d-inline-block rounded-1 bg-success"
875
1804
  />
1805
+
1806
+
876
1807
  </div>
877
1808
  <div>
878
1809
  First title label
879
1810
  </div>
1811
+
1812
+
880
1813
  </div>
1814
+
1815
+
881
1816
  </dt>
1817
+
1818
+
1819
+
1820
+
1821
+
882
1822
  <dt>
1823
+
1824
+
883
1825
  <div
884
1826
  class="d-flex"
885
1827
  >
1828
+
1829
+
1830
+
1831
+
1832
+
1833
+
1834
+
886
1835
  <svg
887
1836
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
888
1837
  >
1838
+
1839
+
889
1840
  <use
890
1841
  xlink:href="/icons.svg#geo-alt-fill"
891
1842
  />
1843
+
1844
+
892
1845
  </svg>
1846
+
1847
+
1848
+
893
1849
  <div>
894
1850
  Second title label
895
1851
  </div>
1852
+
1853
+
896
1854
  </div>
1855
+
1856
+
897
1857
  </dt>
1858
+
1859
+
1860
+
1861
+
1862
+
1863
+
898
1864
  <dd>
899
1865
  <div>
900
1866
  Description text goes here.
901
1867
  </div>
902
1868
  </dd>
1869
+
1870
+
1871
+
903
1872
  </div>
1873
+
1874
+
904
1875
  <div
905
1876
  class="mb-3"
906
1877
  >
1878
+
1879
+
1880
+
1881
+
907
1882
  <dt>
1883
+
1884
+
908
1885
  <div
909
1886
  class="d-flex"
910
1887
  >
@@ -914,28 +1891,63 @@ exports[`OE - Description List with title renders correctly 1`] = `
914
1891
  label
915
1892
  </strong>
916
1893
  </div>
1894
+
1895
+
917
1896
  </div>
1897
+
1898
+
918
1899
  </dt>
1900
+
1901
+
1902
+
1903
+
1904
+
1905
+
919
1906
  <dd>
920
1907
  <div>
921
1908
  Description text goes here.
922
1909
  </div>
923
1910
  </dd>
1911
+
1912
+
1913
+
1914
+
1915
+
1916
+
924
1917
  <dd>
1918
+
1919
+
1920
+
1921
+
1922
+
1923
+
1924
+
925
1925
  <svg
926
1926
  class="me-2 align-self-center flex-shrink-0 bi icon--xs"
927
1927
  >
1928
+
1929
+
928
1930
  <use
929
1931
  xlink:href="/icons.svg#geo-alt-fill"
930
1932
  />
1933
+
1934
+
931
1935
  </svg>
1936
+
1937
+
1938
+
932
1939
  <div
933
1940
  class="mb-0 d-inline-block"
934
1941
  >
935
1942
  Description text goes here.
936
1943
  </div>
937
1944
  </dd>
1945
+
1946
+
1947
+
938
1948
  </div>
1949
+
1950
+
939
1951
  </dl>
940
1952
  </jest>
941
1953
  `;
@@ -945,10 +1957,18 @@ exports[`OE - Description List with title with inline icon renders correctly 1`]
945
1957
  <dl
946
1958
  class="bcl-description-list"
947
1959
  >
1960
+
1961
+
948
1962
  <div
949
1963
  class="mb-3"
950
1964
  >
1965
+
1966
+
1967
+
1968
+
951
1969
  <dt>
1970
+
1971
+
952
1972
  <div
953
1973
  class="d-flex"
954
1974
  >
@@ -966,8 +1986,18 @@ exports[`OE - Description List with title with inline icon renders correctly 1`]
966
1986
  </strong>
967
1987
  with inline icon
968
1988
  </div>
1989
+
1990
+
969
1991
  </div>
1992
+
1993
+
970
1994
  </dt>
1995
+
1996
+
1997
+
1998
+
1999
+
2000
+
971
2001
  <dd>
972
2002
  <div>
973
2003
  <svg
@@ -980,7 +2010,12 @@ exports[`OE - Description List with title with inline icon renders correctly 1`]
980
2010
  Description text goes here.
981
2011
  </div>
982
2012
  </dd>
2013
+
2014
+
2015
+
983
2016
  </div>
2017
+
2018
+
984
2019
  </dl>
985
2020
  </jest>
986
2021
  `;
@@ -990,26 +2025,58 @@ exports[`OE - Description List with title with new classes on definition icon re
990
2025
  <dl
991
2026
  class="bcl-description-list"
992
2027
  >
2028
+
2029
+
993
2030
  <div
994
2031
  class="mb-3"
995
2032
  >
2033
+
2034
+
2035
+
2036
+
996
2037
  <dt>
2038
+
2039
+
997
2040
  <div
998
2041
  class="d-flex"
999
2042
  >
1000
2043
  <div>
1001
2044
  Term title
1002
2045
  </div>
2046
+
2047
+
1003
2048
  </div>
2049
+
2050
+
1004
2051
  </dt>
2052
+
2053
+
2054
+
2055
+
2056
+
2057
+
1005
2058
  <dd>
2059
+
2060
+
2061
+
2062
+
2063
+
2064
+
2065
+
1006
2066
  <svg
1007
2067
  class="new-class me-2 align-self-center flex-shrink-0 bi icon--xs"
1008
2068
  >
2069
+
2070
+
1009
2071
  <use
1010
2072
  xlink:href="/icons.svg#geo-alt-fill"
1011
2073
  />
2074
+
2075
+
1012
2076
  </svg>
2077
+
2078
+
2079
+
1013
2080
  <div
1014
2081
  class="mb-0 d-inline-block"
1015
2082
  >
@@ -1023,7 +2090,12 @@ exports[`OE - Description List with title with new classes on definition icon re
1023
2090
  </p>
1024
2091
  </div>
1025
2092
  </dd>
2093
+
2094
+
2095
+
1026
2096
  </div>
2097
+
2098
+
1027
2099
  </dl>
1028
2100
  </jest>
1029
2101
  `;
@@ -1033,20 +2105,42 @@ exports[`OE - Description List with title with new classes on term icon renders
1033
2105
  <dl
1034
2106
  class="bcl-description-list"
1035
2107
  >
2108
+
2109
+
1036
2110
  <div
1037
2111
  class="mb-3"
1038
2112
  >
2113
+
2114
+
2115
+
2116
+
1039
2117
  <dt>
2118
+
2119
+
1040
2120
  <div
1041
2121
  class="d-flex"
1042
2122
  >
2123
+
2124
+
2125
+
2126
+
2127
+
2128
+
2129
+
1043
2130
  <svg
1044
2131
  class="new-class me-2 align-self-center flex-shrink-0 bi icon--xs"
1045
2132
  >
2133
+
2134
+
1046
2135
  <use
1047
2136
  xlink:href="/icons.svg#geo-alt-fill"
1048
2137
  />
2138
+
2139
+
1049
2140
  </svg>
2141
+
2142
+
2143
+
1050
2144
  <div>
1051
2145
  <p
1052
2146
  class="mb-0"
@@ -1057,14 +2151,29 @@ exports[`OE - Description List with title with new classes on term icon renders
1057
2151
  </em>
1058
2152
  </p>
1059
2153
  </div>
2154
+
2155
+
1060
2156
  </div>
2157
+
2158
+
1061
2159
  </dt>
2160
+
2161
+
2162
+
2163
+
2164
+
2165
+
1062
2166
  <dd>
1063
2167
  <div>
1064
2168
  Long Description text goes here.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dignissim, quam at sollicitudin volutpat, ipsum arcu maximus massa, quis egestas diam tellus vitae nulla.
1065
2169
  </div>
1066
2170
  </dd>
2171
+
2172
+
2173
+
1067
2174
  </div>
2175
+
2176
+
1068
2177
  </dl>
1069
2178
  </jest>
1070
2179
  `;