@db-ux/core-foundations 4.6.1 → 4.7.0

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 (9) hide show
  1. package/CHANGELOG.md +26 -21
  2. package/build/styles/bundle.css +72 -28
  3. package/build/styles/defaults/default-icons.css +1 -1
  4. package/build/styles/defaults/default-required.css +1 -1
  5. package/build/styles/density/classes/all.css +126 -45
  6. package/build/styles/density/classes/expressive.css +42 -15
  7. package/build/styles/density/classes/functional.css +42 -15
  8. package/build/styles/density/classes/regular.css +42 -15
  9. package/package.json +4 -4
package/build/styles/density/classes/all.css CHANGED
@@ -37,11 +37,6 @@
37
37
  --db-spacing-fixed-2xl: var(--db-spacing-fixed-expressive-2xl);
38
38
  --db-spacing-fixed-3xl: var(--db-spacing-fixed-expressive-3xl);
39
39
  /* stylelint-disable-next-line media-query-no-invalid */
40
- /* stylelint-disable-next-line at-rule-empty-line-before */
41
- /* stylelint-disable-next-line media-query-no-invalid */
42
- /* stylelint-disable-next-line at-rule-empty-line-before */
43
- /* stylelint-disable-next-line media-query-no-invalid */
44
- /* stylelint-disable-next-line at-rule-empty-line-before */
45
40
  }
46
41
  @media (width <= 48em) {
47
42
  .db-density-expressive,
@@ -57,6 +52,11 @@
57
52
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-expressive-mobile-3xl);
58
53
  }
59
54
  }
55
+ .db-density-expressive,
56
+ [data-density=expressive] {
57
+ /* stylelint-disable-next-line at-rule-empty-line-before */
58
+ /* stylelint-disable-next-line media-query-no-invalid */
59
+ }
60
60
  @media (48em < width <= 64em) {
61
61
  .db-density-expressive,
62
62
  [data-density=expressive] {
@@ -71,6 +71,11 @@
71
71
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-expressive-tablet-3xl);
72
72
  }
73
73
  }
74
+ .db-density-expressive,
75
+ [data-density=expressive] {
76
+ /* stylelint-disable-next-line at-rule-empty-line-before */
77
+ /* stylelint-disable-next-line media-query-no-invalid */
78
+ }
74
79
  @media (64em < width) {
75
80
  .db-density-expressive,
76
81
  [data-density=expressive] {
@@ -85,6 +90,10 @@
85
90
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-expressive-desktop-3xl);
86
91
  }
87
92
  }
93
+ .db-density-expressive,
94
+ [data-density=expressive] {
95
+ /* stylelint-disable-next-line at-rule-empty-line-before */
96
+ }
88
97
 
89
98
  .db-density-regular,
90
99
  [data-density=regular] {
@@ -107,11 +116,6 @@
107
116
  --db-spacing-fixed-2xl: var(--db-spacing-fixed-regular-2xl);
108
117
  --db-spacing-fixed-3xl: var(--db-spacing-fixed-regular-3xl);
109
118
  /* stylelint-disable-next-line media-query-no-invalid */
110
- /* stylelint-disable-next-line at-rule-empty-line-before */
111
- /* stylelint-disable-next-line media-query-no-invalid */
112
- /* stylelint-disable-next-line at-rule-empty-line-before */
113
- /* stylelint-disable-next-line media-query-no-invalid */
114
- /* stylelint-disable-next-line at-rule-empty-line-before */
115
119
  }
116
120
  @media (width <= 48em) {
117
121
  .db-density-regular,
@@ -127,6 +131,11 @@
127
131
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-mobile-3xl);
128
132
  }
129
133
  }
134
+ .db-density-regular,
135
+ [data-density=regular] {
136
+ /* stylelint-disable-next-line at-rule-empty-line-before */
137
+ /* stylelint-disable-next-line media-query-no-invalid */
138
+ }
130
139
  @media (48em < width <= 64em) {
131
140
  .db-density-regular,
132
141
  [data-density=regular] {
@@ -141,6 +150,11 @@
141
150
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-tablet-3xl);
142
151
  }
143
152
  }
153
+ .db-density-regular,
154
+ [data-density=regular] {
155
+ /* stylelint-disable-next-line at-rule-empty-line-before */
156
+ /* stylelint-disable-next-line media-query-no-invalid */
157
+ }
144
158
  @media (64em < width) {
145
159
  .db-density-regular,
146
160
  [data-density=regular] {
@@ -155,6 +169,10 @@
155
169
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-desktop-3xl);
156
170
  }
157
171
  }
172
+ .db-density-regular,
173
+ [data-density=regular] {
174
+ /* stylelint-disable-next-line at-rule-empty-line-before */
175
+ }
158
176
 
159
177
  .db-density-functional,
160
178
  [data-density=functional] {
@@ -177,11 +195,6 @@
177
195
  --db-spacing-fixed-2xl: var(--db-spacing-fixed-functional-2xl);
178
196
  --db-spacing-fixed-3xl: var(--db-spacing-fixed-functional-3xl);
179
197
  /* stylelint-disable-next-line media-query-no-invalid */
180
- /* stylelint-disable-next-line at-rule-empty-line-before */
181
- /* stylelint-disable-next-line media-query-no-invalid */
182
- /* stylelint-disable-next-line at-rule-empty-line-before */
183
- /* stylelint-disable-next-line media-query-no-invalid */
184
- /* stylelint-disable-next-line at-rule-empty-line-before */
185
198
  }
186
199
  @media (width <= 48em) {
187
200
  .db-density-functional,
@@ -197,6 +210,11 @@
197
210
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-functional-mobile-3xl);
198
211
  }
199
212
  }
213
+ .db-density-functional,
214
+ [data-density=functional] {
215
+ /* stylelint-disable-next-line at-rule-empty-line-before */
216
+ /* stylelint-disable-next-line media-query-no-invalid */
217
+ }
200
218
  @media (48em < width <= 64em) {
201
219
  .db-density-functional,
202
220
  [data-density=functional] {
@@ -211,6 +229,11 @@
211
229
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-functional-tablet-3xl);
212
230
  }
213
231
  }
232
+ .db-density-functional,
233
+ [data-density=functional] {
234
+ /* stylelint-disable-next-line at-rule-empty-line-before */
235
+ /* stylelint-disable-next-line media-query-no-invalid */
236
+ }
214
237
  @media (64em < width) {
215
238
  .db-density-functional,
216
239
  [data-density=functional] {
@@ -225,15 +248,14 @@
225
248
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-functional-desktop-3xl);
226
249
  }
227
250
  }
251
+ .db-density-functional,
252
+ [data-density=functional] {
253
+ /* stylelint-disable-next-line at-rule-empty-line-before */
254
+ }
228
255
 
229
256
  .db-density-expressive,
230
257
  [data-density=expressive] {
231
258
  /* stylelint-disable-next-line media-query-no-invalid */
232
- /* stylelint-disable-next-line at-rule-empty-line-before */
233
- /* stylelint-disable-next-line media-query-no-invalid */
234
- /* stylelint-disable-next-line at-rule-empty-line-before */
235
- /* stylelint-disable-next-line media-query-no-invalid */
236
- /* stylelint-disable-next-line at-rule-empty-line-before */
237
259
  }
238
260
  @media (width <= 48em) {
239
261
  .db-density-expressive,
@@ -267,6 +289,11 @@
267
289
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-mobile-headline-3xl);
268
290
  }
269
291
  }
292
+ .db-density-expressive,
293
+ [data-density=expressive] {
294
+ /* stylelint-disable-next-line at-rule-empty-line-before */
295
+ /* stylelint-disable-next-line media-query-no-invalid */
296
+ }
270
297
  @media (48em < width <= 64em) {
271
298
  .db-density-expressive,
272
299
  [data-density=expressive] {
@@ -299,6 +326,11 @@
299
326
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-tablet-headline-3xl);
300
327
  }
301
328
  }
329
+ .db-density-expressive,
330
+ [data-density=expressive] {
331
+ /* stylelint-disable-next-line at-rule-empty-line-before */
332
+ /* stylelint-disable-next-line media-query-no-invalid */
333
+ }
302
334
  @media (64em < width) {
303
335
  .db-density-expressive,
304
336
  [data-density=expressive] {
@@ -331,15 +363,14 @@
331
363
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-desktop-headline-3xl);
332
364
  }
333
365
  }
334
-
335
366
  .db-density-expressive,
336
367
  [data-density=expressive] {
337
- /* stylelint-disable-next-line media-query-no-invalid */
338
- /* stylelint-disable-next-line at-rule-empty-line-before */
339
- /* stylelint-disable-next-line media-query-no-invalid */
340
368
  /* stylelint-disable-next-line at-rule-empty-line-before */
369
+ }
370
+
371
+ .db-density-expressive,
372
+ [data-density=expressive] {
341
373
  /* stylelint-disable-next-line media-query-no-invalid */
342
- /* stylelint-disable-next-line at-rule-empty-line-before */
343
374
  }
344
375
  @media (width <= 48em) {
345
376
  .db-density-expressive,
@@ -373,6 +404,11 @@
373
404
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-mobile-body-3xl);
374
405
  }
375
406
  }
407
+ .db-density-expressive,
408
+ [data-density=expressive] {
409
+ /* stylelint-disable-next-line at-rule-empty-line-before */
410
+ /* stylelint-disable-next-line media-query-no-invalid */
411
+ }
376
412
  @media (48em < width <= 64em) {
377
413
  .db-density-expressive,
378
414
  [data-density=expressive] {
@@ -405,6 +441,11 @@
405
441
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-tablet-body-3xl);
406
442
  }
407
443
  }
444
+ .db-density-expressive,
445
+ [data-density=expressive] {
446
+ /* stylelint-disable-next-line at-rule-empty-line-before */
447
+ /* stylelint-disable-next-line media-query-no-invalid */
448
+ }
408
449
  @media (64em < width) {
409
450
  .db-density-expressive,
410
451
  [data-density=expressive] {
@@ -437,15 +478,14 @@
437
478
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-desktop-body-3xl);
438
479
  }
439
480
  }
481
+ .db-density-expressive,
482
+ [data-density=expressive] {
483
+ /* stylelint-disable-next-line at-rule-empty-line-before */
484
+ }
440
485
 
441
486
  .db-density-regular,
442
487
  [data-density=regular] {
443
488
  /* stylelint-disable-next-line media-query-no-invalid */
444
- /* stylelint-disable-next-line at-rule-empty-line-before */
445
- /* stylelint-disable-next-line media-query-no-invalid */
446
- /* stylelint-disable-next-line at-rule-empty-line-before */
447
- /* stylelint-disable-next-line media-query-no-invalid */
448
- /* stylelint-disable-next-line at-rule-empty-line-before */
449
489
  }
450
490
  @media (width <= 48em) {
451
491
  .db-density-regular,
@@ -479,6 +519,11 @@
479
519
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-headline-3xl);
480
520
  }
481
521
  }
522
+ .db-density-regular,
523
+ [data-density=regular] {
524
+ /* stylelint-disable-next-line at-rule-empty-line-before */
525
+ /* stylelint-disable-next-line media-query-no-invalid */
526
+ }
482
527
  @media (48em < width <= 64em) {
483
528
  .db-density-regular,
484
529
  [data-density=regular] {
@@ -511,6 +556,11 @@
511
556
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-headline-3xl);
512
557
  }
513
558
  }
559
+ .db-density-regular,
560
+ [data-density=regular] {
561
+ /* stylelint-disable-next-line at-rule-empty-line-before */
562
+ /* stylelint-disable-next-line media-query-no-invalid */
563
+ }
514
564
  @media (64em < width) {
515
565
  .db-density-regular,
516
566
  [data-density=regular] {
@@ -543,15 +593,14 @@
543
593
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-desktop-headline-3xl);
544
594
  }
545
595
  }
546
-
547
596
  .db-density-regular,
548
597
  [data-density=regular] {
549
- /* stylelint-disable-next-line media-query-no-invalid */
550
- /* stylelint-disable-next-line at-rule-empty-line-before */
551
- /* stylelint-disable-next-line media-query-no-invalid */
552
598
  /* stylelint-disable-next-line at-rule-empty-line-before */
599
+ }
600
+
601
+ .db-density-regular,
602
+ [data-density=regular] {
553
603
  /* stylelint-disable-next-line media-query-no-invalid */
554
- /* stylelint-disable-next-line at-rule-empty-line-before */
555
604
  }
556
605
  @media (width <= 48em) {
557
606
  .db-density-regular,
@@ -585,6 +634,11 @@
585
634
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-body-3xl);
586
635
  }
587
636
  }
637
+ .db-density-regular,
638
+ [data-density=regular] {
639
+ /* stylelint-disable-next-line at-rule-empty-line-before */
640
+ /* stylelint-disable-next-line media-query-no-invalid */
641
+ }
588
642
  @media (48em < width <= 64em) {
589
643
  .db-density-regular,
590
644
  [data-density=regular] {
@@ -617,6 +671,11 @@
617
671
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-body-3xl);
618
672
  }
619
673
  }
674
+ .db-density-regular,
675
+ [data-density=regular] {
676
+ /* stylelint-disable-next-line at-rule-empty-line-before */
677
+ /* stylelint-disable-next-line media-query-no-invalid */
678
+ }
620
679
  @media (64em < width) {
621
680
  .db-density-regular,
622
681
  [data-density=regular] {
@@ -649,15 +708,14 @@
649
708
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-desktop-body-3xl);
650
709
  }
651
710
  }
711
+ .db-density-regular,
712
+ [data-density=regular] {
713
+ /* stylelint-disable-next-line at-rule-empty-line-before */
714
+ }
652
715
 
653
716
  .db-density-functional,
654
717
  [data-density=functional] {
655
718
  /* stylelint-disable-next-line media-query-no-invalid */
656
- /* stylelint-disable-next-line at-rule-empty-line-before */
657
- /* stylelint-disable-next-line media-query-no-invalid */
658
- /* stylelint-disable-next-line at-rule-empty-line-before */
659
- /* stylelint-disable-next-line media-query-no-invalid */
660
- /* stylelint-disable-next-line at-rule-empty-line-before */
661
719
  }
662
720
  @media (width <= 48em) {
663
721
  .db-density-functional,
@@ -691,6 +749,11 @@
691
749
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-functional-mobile-headline-3xl);
692
750
  }
693
751
  }
752
+ .db-density-functional,
753
+ [data-density=functional] {
754
+ /* stylelint-disable-next-line at-rule-empty-line-before */
755
+ /* stylelint-disable-next-line media-query-no-invalid */
756
+ }
694
757
  @media (48em < width <= 64em) {
695
758
  .db-density-functional,
696
759
  [data-density=functional] {
@@ -723,6 +786,11 @@
723
786
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-functional-tablet-headline-3xl);
724
787
  }
725
788
  }
789
+ .db-density-functional,
790
+ [data-density=functional] {
791
+ /* stylelint-disable-next-line at-rule-empty-line-before */
792
+ /* stylelint-disable-next-line media-query-no-invalid */
793
+ }
726
794
  @media (64em < width) {
727
795
  .db-density-functional,
728
796
  [data-density=functional] {
@@ -755,15 +823,14 @@
755
823
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-functional-desktop-headline-3xl);
756
824
  }
757
825
  }
758
-
759
826
  .db-density-functional,
760
827
  [data-density=functional] {
761
- /* stylelint-disable-next-line media-query-no-invalid */
762
- /* stylelint-disable-next-line at-rule-empty-line-before */
763
- /* stylelint-disable-next-line media-query-no-invalid */
764
828
  /* stylelint-disable-next-line at-rule-empty-line-before */
829
+ }
830
+
831
+ .db-density-functional,
832
+ [data-density=functional] {
765
833
  /* stylelint-disable-next-line media-query-no-invalid */
766
- /* stylelint-disable-next-line at-rule-empty-line-before */
767
834
  }
768
835
  @media (width <= 48em) {
769
836
  .db-density-functional,
@@ -797,6 +864,11 @@
797
864
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-mobile-body-3xl);
798
865
  }
799
866
  }
867
+ .db-density-functional,
868
+ [data-density=functional] {
869
+ /* stylelint-disable-next-line at-rule-empty-line-before */
870
+ /* stylelint-disable-next-line media-query-no-invalid */
871
+ }
800
872
  @media (48em < width <= 64em) {
801
873
  .db-density-functional,
802
874
  [data-density=functional] {
@@ -829,6 +901,11 @@
829
901
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-tablet-body-3xl);
830
902
  }
831
903
  }
904
+ .db-density-functional,
905
+ [data-density=functional] {
906
+ /* stylelint-disable-next-line at-rule-empty-line-before */
907
+ /* stylelint-disable-next-line media-query-no-invalid */
908
+ }
832
909
  @media (64em < width) {
833
910
  .db-density-functional,
834
911
  [data-density=functional] {
@@ -861,6 +938,10 @@
861
938
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-desktop-body-3xl);
862
939
  }
863
940
  }
941
+ .db-density-functional,
942
+ [data-density=functional] {
943
+ /* stylelint-disable-next-line at-rule-empty-line-before */
944
+ }
864
945
 
865
946
  .db-density-functional,
866
947
  [data-density=functional] {
package/build/styles/density/classes/expressive.css CHANGED
@@ -33,11 +33,6 @@
33
33
  --db-spacing-fixed-2xl: var(--db-spacing-fixed-expressive-2xl);
34
34
  --db-spacing-fixed-3xl: var(--db-spacing-fixed-expressive-3xl);
35
35
  /* stylelint-disable-next-line media-query-no-invalid */
36
- /* stylelint-disable-next-line at-rule-empty-line-before */
37
- /* stylelint-disable-next-line media-query-no-invalid */
38
- /* stylelint-disable-next-line at-rule-empty-line-before */
39
- /* stylelint-disable-next-line media-query-no-invalid */
40
- /* stylelint-disable-next-line at-rule-empty-line-before */
41
36
  }
42
37
  @media (width <= 48em) {
43
38
  .db-density-expressive,
@@ -53,6 +48,11 @@
53
48
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-expressive-mobile-3xl);
54
49
  }
55
50
  }
51
+ .db-density-expressive,
52
+ [data-density=expressive] {
53
+ /* stylelint-disable-next-line at-rule-empty-line-before */
54
+ /* stylelint-disable-next-line media-query-no-invalid */
55
+ }
56
56
  @media (48em < width <= 64em) {
57
57
  .db-density-expressive,
58
58
  [data-density=expressive] {
@@ -67,6 +67,11 @@
67
67
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-expressive-tablet-3xl);
68
68
  }
69
69
  }
70
+ .db-density-expressive,
71
+ [data-density=expressive] {
72
+ /* stylelint-disable-next-line at-rule-empty-line-before */
73
+ /* stylelint-disable-next-line media-query-no-invalid */
74
+ }
70
75
  @media (64em < width) {
71
76
  .db-density-expressive,
72
77
  [data-density=expressive] {
@@ -81,15 +86,14 @@
81
86
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-expressive-desktop-3xl);
82
87
  }
83
88
  }
84
-
85
89
  .db-density-expressive,
86
90
  [data-density=expressive] {
87
- /* stylelint-disable-next-line media-query-no-invalid */
88
- /* stylelint-disable-next-line at-rule-empty-line-before */
89
- /* stylelint-disable-next-line media-query-no-invalid */
90
91
  /* stylelint-disable-next-line at-rule-empty-line-before */
92
+ }
93
+
94
+ .db-density-expressive,
95
+ [data-density=expressive] {
91
96
  /* stylelint-disable-next-line media-query-no-invalid */
92
- /* stylelint-disable-next-line at-rule-empty-line-before */
93
97
  }
94
98
  @media (width <= 48em) {
95
99
  .db-density-expressive,
@@ -123,6 +127,11 @@
123
127
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-mobile-headline-3xl);
124
128
  }
125
129
  }
130
+ .db-density-expressive,
131
+ [data-density=expressive] {
132
+ /* stylelint-disable-next-line at-rule-empty-line-before */
133
+ /* stylelint-disable-next-line media-query-no-invalid */
134
+ }
126
135
  @media (48em < width <= 64em) {
127
136
  .db-density-expressive,
128
137
  [data-density=expressive] {
@@ -155,6 +164,11 @@
155
164
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-tablet-headline-3xl);
156
165
  }
157
166
  }
167
+ .db-density-expressive,
168
+ [data-density=expressive] {
169
+ /* stylelint-disable-next-line at-rule-empty-line-before */
170
+ /* stylelint-disable-next-line media-query-no-invalid */
171
+ }
158
172
  @media (64em < width) {
159
173
  .db-density-expressive,
160
174
  [data-density=expressive] {
@@ -187,15 +201,14 @@
187
201
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-desktop-headline-3xl);
188
202
  }
189
203
  }
190
-
191
204
  .db-density-expressive,
192
205
  [data-density=expressive] {
193
- /* stylelint-disable-next-line media-query-no-invalid */
194
- /* stylelint-disable-next-line at-rule-empty-line-before */
195
- /* stylelint-disable-next-line media-query-no-invalid */
196
206
  /* stylelint-disable-next-line at-rule-empty-line-before */
207
+ }
208
+
209
+ .db-density-expressive,
210
+ [data-density=expressive] {
197
211
  /* stylelint-disable-next-line media-query-no-invalid */
198
- /* stylelint-disable-next-line at-rule-empty-line-before */
199
212
  }
200
213
  @media (width <= 48em) {
201
214
  .db-density-expressive,
@@ -229,6 +242,11 @@
229
242
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-mobile-body-3xl);
230
243
  }
231
244
  }
245
+ .db-density-expressive,
246
+ [data-density=expressive] {
247
+ /* stylelint-disable-next-line at-rule-empty-line-before */
248
+ /* stylelint-disable-next-line media-query-no-invalid */
249
+ }
232
250
  @media (48em < width <= 64em) {
233
251
  .db-density-expressive,
234
252
  [data-density=expressive] {
@@ -261,6 +279,11 @@
261
279
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-tablet-body-3xl);
262
280
  }
263
281
  }
282
+ .db-density-expressive,
283
+ [data-density=expressive] {
284
+ /* stylelint-disable-next-line at-rule-empty-line-before */
285
+ /* stylelint-disable-next-line media-query-no-invalid */
286
+ }
264
287
  @media (64em < width) {
265
288
  .db-density-expressive,
266
289
  [data-density=expressive] {
@@ -293,3 +316,7 @@
293
316
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-expressive-desktop-body-3xl);
294
317
  }
295
318
  }
319
+ .db-density-expressive,
320
+ [data-density=expressive] {
321
+ /* stylelint-disable-next-line at-rule-empty-line-before */
322
+ }
package/build/styles/density/classes/functional.css CHANGED
@@ -33,11 +33,6 @@
33
33
  --db-spacing-fixed-2xl: var(--db-spacing-fixed-functional-2xl);
34
34
  --db-spacing-fixed-3xl: var(--db-spacing-fixed-functional-3xl);
35
35
  /* stylelint-disable-next-line media-query-no-invalid */
36
- /* stylelint-disable-next-line at-rule-empty-line-before */
37
- /* stylelint-disable-next-line media-query-no-invalid */
38
- /* stylelint-disable-next-line at-rule-empty-line-before */
39
- /* stylelint-disable-next-line media-query-no-invalid */
40
- /* stylelint-disable-next-line at-rule-empty-line-before */
41
36
  }
42
37
  @media (width <= 48em) {
43
38
  .db-density-functional,
@@ -53,6 +48,11 @@
53
48
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-functional-mobile-3xl);
54
49
  }
55
50
  }
51
+ .db-density-functional,
52
+ [data-density=functional] {
53
+ /* stylelint-disable-next-line at-rule-empty-line-before */
54
+ /* stylelint-disable-next-line media-query-no-invalid */
55
+ }
56
56
  @media (48em < width <= 64em) {
57
57
  .db-density-functional,
58
58
  [data-density=functional] {
@@ -67,6 +67,11 @@
67
67
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-functional-tablet-3xl);
68
68
  }
69
69
  }
70
+ .db-density-functional,
71
+ [data-density=functional] {
72
+ /* stylelint-disable-next-line at-rule-empty-line-before */
73
+ /* stylelint-disable-next-line media-query-no-invalid */
74
+ }
70
75
  @media (64em < width) {
71
76
  .db-density-functional,
72
77
  [data-density=functional] {
@@ -81,15 +86,14 @@
81
86
  --db-spacing-responsive-3xl: var(--db-spacing-responsive-functional-desktop-3xl);
82
87
  }
83
88
  }
84
-
85
89
  .db-density-functional,
86
90
  [data-density=functional] {
87
- /* stylelint-disable-next-line media-query-no-invalid */
88
- /* stylelint-disable-next-line at-rule-empty-line-before */
89
- /* stylelint-disable-next-line media-query-no-invalid */
90
91
  /* stylelint-disable-next-line at-rule-empty-line-before */
92
+ }
93
+
94
+ .db-density-functional,
95
+ [data-density=functional] {
91
96
  /* stylelint-disable-next-line media-query-no-invalid */
92
- /* stylelint-disable-next-line at-rule-empty-line-before */
93
97
  }
94
98
  @media (width <= 48em) {
95
99
  .db-density-functional,
@@ -123,6 +127,11 @@
123
127
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-functional-mobile-headline-3xl);
124
128
  }
125
129
  }
130
+ .db-density-functional,
131
+ [data-density=functional] {
132
+ /* stylelint-disable-next-line at-rule-empty-line-before */
133
+ /* stylelint-disable-next-line media-query-no-invalid */
134
+ }
126
135
  @media (48em < width <= 64em) {
127
136
  .db-density-functional,
128
137
  [data-density=functional] {
@@ -155,6 +164,11 @@
155
164
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-functional-tablet-headline-3xl);
156
165
  }
157
166
  }
167
+ .db-density-functional,
168
+ [data-density=functional] {
169
+ /* stylelint-disable-next-line at-rule-empty-line-before */
170
+ /* stylelint-disable-next-line media-query-no-invalid */
171
+ }
158
172
  @media (64em < width) {
159
173
  .db-density-functional,
160
174
  [data-density=functional] {
@@ -187,15 +201,14 @@
187
201
  --db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-functional-desktop-headline-3xl);
188
202
  }
189
203
  }
190
-
191
204
  .db-density-functional,
192
205
  [data-density=functional] {
193
- /* stylelint-disable-next-line media-query-no-invalid */
194
- /* stylelint-disable-next-line at-rule-empty-line-before */
195
- /* stylelint-disable-next-line media-query-no-invalid */
196
206
  /* stylelint-disable-next-line at-rule-empty-line-before */
207
+ }
208
+
209
+ .db-density-functional,
210
+ [data-density=functional] {
197
211
  /* stylelint-disable-next-line media-query-no-invalid */
198
- /* stylelint-disable-next-line at-rule-empty-line-before */
199
212
  }
200
213
  @media (width <= 48em) {
201
214
  .db-density-functional,
@@ -229,6 +242,11 @@
229
242
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-mobile-body-3xl);
230
243
  }
231
244
  }
245
+ .db-density-functional,
246
+ [data-density=functional] {
247
+ /* stylelint-disable-next-line at-rule-empty-line-before */
248
+ /* stylelint-disable-next-line media-query-no-invalid */
249
+ }
232
250
  @media (48em < width <= 64em) {
233
251
  .db-density-functional,
234
252
  [data-density=functional] {
@@ -261,6 +279,11 @@
261
279
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-tablet-body-3xl);
262
280
  }
263
281
  }
282
+ .db-density-functional,
283
+ [data-density=functional] {
284
+ /* stylelint-disable-next-line at-rule-empty-line-before */
285
+ /* stylelint-disable-next-line media-query-no-invalid */
286
+ }
264
287
  @media (64em < width) {
265
288
  .db-density-functional,
266
289
  [data-density=functional] {
@@ -293,6 +316,10 @@
293
316
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-desktop-body-3xl);
294
317
  }
295
318
  }
319
+ .db-density-functional,
320
+ [data-density=functional] {
321
+ /* stylelint-disable-next-line at-rule-empty-line-before */
322
+ }
296
323
 
297
324
  .db-density-functional,
298
325
  [data-density=functional] {