@db-ux/core-foundations 4.5.4 → 4.6.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 (111) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +16 -69
  3. package/agent/_instructions.md +84 -0
  4. package/agent/tailwind/Variables.md +11 -9
  5. package/build/styles/bundle.css +4820 -0
  6. package/build/styles/{index.scss → bundle.scss} +5 -0
  7. package/build/styles/colors/_default-color-mappings.scss +3461 -3472
  8. package/build/styles/colors/_placeholder.scss +155 -159
  9. package/build/styles/colors/classes/all.css +2499 -2601
  10. package/build/styles/colors/classes/blue.css +147 -185
  11. package/build/styles/colors/classes/brand.css +147 -185
  12. package/build/styles/colors/classes/burgundy.css +147 -185
  13. package/build/styles/colors/classes/critical.css +147 -185
  14. package/build/styles/colors/classes/cyan.css +147 -185
  15. package/build/styles/colors/classes/green.css +147 -185
  16. package/build/styles/colors/classes/informational.css +147 -185
  17. package/build/styles/colors/classes/light-green.css +147 -185
  18. package/build/styles/colors/classes/neutral.css +147 -185
  19. package/build/styles/colors/classes/orange.css +147 -185
  20. package/build/styles/colors/classes/pink.css +147 -185
  21. package/build/styles/colors/classes/red.css +147 -185
  22. package/build/styles/colors/classes/successful.css +147 -185
  23. package/build/styles/colors/classes/turquoise.css +147 -185
  24. package/build/styles/colors/classes/violet.css +147 -185
  25. package/build/styles/colors/classes/warning.css +147 -185
  26. package/build/styles/colors/classes/yellow.css +147 -185
  27. package/build/styles/defaults/default-code.css +97 -97
  28. package/build/styles/defaults/default-container-properties.css +1 -0
  29. package/build/styles/defaults/default-container-variables.css +1 -0
  30. package/build/styles/defaults/default-elevation.css +1 -1
  31. package/build/styles/defaults/default-fonts.css +1 -1
  32. package/build/styles/defaults/default-icons.css +1 -1
  33. package/build/styles/defaults/default-properties.css +1 -0
  34. package/build/styles/defaults/default-required.css +1 -1
  35. package/build/styles/defaults/default-required.scss +13 -16
  36. package/build/styles/defaults/default-root.css +97 -97
  37. package/build/styles/defaults/default-variables.css +1 -0
  38. package/build/styles/density/_scaling-placeholder.scss +51 -54
  39. package/build/styles/density/_typography-placeholder.scss +54 -60
  40. package/build/styles/density/classes/all.css +759 -907
  41. package/build/styles/density/classes/expressive.css +255 -377
  42. package/build/styles/density/classes/functional.css +255 -377
  43. package/build/styles/density/classes/regular.css +255 -377
  44. package/build/styles/fonts/_font-sizes.scss +10 -16
  45. package/build/styles/fonts/absolute.scss +1 -1
  46. package/build/styles/fonts/classes/all.css +54 -214
  47. package/build/styles/fonts/classes/body/2xl.css +3 -95
  48. package/build/styles/fonts/classes/body/2xs.css +3 -95
  49. package/build/styles/fonts/classes/body/3xl.css +3 -95
  50. package/build/styles/fonts/classes/body/3xs.css +3 -95
  51. package/build/styles/fonts/classes/body/all.css +27 -151
  52. package/build/styles/fonts/classes/body/lg.css +3 -95
  53. package/build/styles/fonts/classes/body/md.css +3 -95
  54. package/build/styles/fonts/classes/body/sm.css +3 -95
  55. package/build/styles/fonts/classes/body/xl.css +3 -95
  56. package/build/styles/fonts/classes/body/xs.css +3 -95
  57. package/build/styles/fonts/classes/headline/2xl.css +3 -95
  58. package/build/styles/fonts/classes/headline/2xs.css +3 -95
  59. package/build/styles/fonts/classes/headline/3xl.css +3 -95
  60. package/build/styles/fonts/classes/headline/3xs.css +3 -95
  61. package/build/styles/fonts/classes/headline/all.css +27 -151
  62. package/build/styles/fonts/classes/headline/lg.css +3 -95
  63. package/build/styles/fonts/classes/headline/md.css +3 -95
  64. package/build/styles/fonts/classes/headline/sm.css +3 -95
  65. package/build/styles/fonts/classes/headline/xl.css +3 -95
  66. package/build/styles/fonts/classes/headline/xs.css +3 -95
  67. package/build/styles/fonts/relative.scss +1 -1
  68. package/build/styles/fonts/rollup.scss +1 -1
  69. package/build/styles/fonts/webpack.scss +1 -1
  70. package/build/styles/helpers/_index.scss +0 -1
  71. package/build/styles/helpers/classes/all.css +0 -34
  72. package/build/styles/helpers/classes/divider.css +0 -34
  73. package/build/styles/helpers/classes/focus.css +0 -34
  74. package/build/styles/icons/absolute.css +1 -1
  75. package/build/styles/icons/absolute.scss +1 -1
  76. package/build/styles/icons/relative.css +1 -1
  77. package/build/styles/icons/relative.scss +1 -1
  78. package/build/styles/icons/rollup.css +1 -1
  79. package/build/styles/icons/rollup.scss +1 -1
  80. package/build/styles/icons/webpack.css +1 -1
  81. package/build/styles/icons/webpack.scss +1 -1
  82. package/build/styles/theme/absolute.css +1 -0
  83. package/build/styles/theme/relative.css +1 -0
  84. package/build/styles/{defaults/default-theme.scss → theme/relative.scss} +3 -6
  85. package/build/styles/theme/rollup.css +1 -0
  86. package/build/styles/theme/webpack.css +1 -0
  87. package/build/tailwind/theme/colors.css +1 -2953
  88. package/build/tailwind/theme/colors.scss +1 -10
  89. package/build/tailwind/theme/dimensions.css +77 -160
  90. package/package.json +4 -4
  91. package/build/styles/absolute.css +0 -10635
  92. package/build/styles/defaults/default-theme.css +0 -97
  93. package/build/styles/helpers/_layer.scss +0 -1
  94. package/build/styles/index.css +0 -4907
  95. package/build/styles/relative.css +0 -10635
  96. package/build/styles/relative.scss +0 -4
  97. package/build/styles/rollup.css +0 -10635
  98. package/build/styles/webpack.css +0 -10635
  99. package/build/tailwind/theme/_variables.scss +0 -77
  100. package/build/tailwind/theme/dimensions.scss +0 -17
  101. /package/build/styles/defaults/{_default-container-properties.scss → default-container-properties.scss} +0 -0
  102. /package/build/styles/defaults/{_default-container-variables.scss → default-container-variables.scss} +0 -0
  103. /package/build/styles/defaults/{_default-properties.scss → default-properties.scss} +0 -0
  104. /package/build/styles/defaults/{_default-variables.scss → default-variables.scss} +0 -0
  105. /package/build/styles/{_absolute.assets-paths.scss → theme/_absolute.assets-paths.scss} +0 -0
  106. /package/build/styles/{_default.assets-paths.scss → theme/_default.assets-paths.scss} +0 -0
  107. /package/build/styles/{_rollup.assets-paths.scss → theme/_rollup.assets-paths.scss} +0 -0
  108. /package/build/styles/{_webpack.assets-paths.scss → theme/_webpack.assets-paths.scss} +0 -0
  109. /package/build/styles/{absolute.scss → theme/absolute.scss} +0 -0
  110. /package/build/styles/{rollup.scss → theme/rollup.scss} +0 -0
  111. /package/build/styles/{webpack.scss → theme/webpack.scss} +0 -0
package/build/styles/fonts/classes/body/3xl.css CHANGED
@@ -1,100 +1,8 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
2
  .db-font-size-3xl,
39
3
  [data-font-size="3xl"] {
40
4
  font: var(--db-type-body-3xl);
41
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
5
+ /* Those variables are only for components to calculate heights and change icons */
6
+ --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
7
+ --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
42
8
  }
43
- @layer variables {
44
- .db-font-size-3xl,
45
- [data-font-size="3xl"] {
46
- /* Those variables are only for components to calculate heights and change icons */
47
- --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
48
- --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
49
- }
50
- }
51
-
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
- @layer variables {}
57
-
58
- @layer variables {}
59
-
60
- @layer variables {}
61
-
62
- @layer variables {}
63
-
64
- @layer variables {}
65
-
66
- @layer variables {}
67
-
68
- @layer variables {}
69
-
70
- @layer variables {}
71
-
72
- @layer variables {}
73
-
74
- @layer variables {}
75
-
76
- @layer variables {}
77
-
78
- @layer variables {}
79
-
80
- @layer variables {}
81
-
82
- @layer variables {}
83
-
84
- @layer variables {}
85
-
86
- @layer variables {}
87
-
88
- @layer variables {}
89
-
90
- @layer variables {}
91
-
92
- @layer variables {}
93
-
94
- @layer variables {}
95
-
96
- @layer variables {}
97
-
98
- @layer variables {}
99
-
100
- @layer variables {}
package/build/styles/fonts/classes/body/3xs.css CHANGED
@@ -1,100 +1,8 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
- @layer variables {}
39
-
40
- @layer variables {}
41
-
42
- @layer variables {}
43
-
44
- @layer variables {}
45
-
46
- @layer variables {}
47
-
48
- @layer variables {}
49
-
50
- @layer variables {}
51
-
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
- @layer variables {}
57
-
58
- @layer variables {}
59
-
60
- @layer variables {}
61
-
62
- @layer variables {}
63
-
64
- @layer variables {}
65
-
66
- @layer variables {}
67
-
68
- @layer variables {}
69
-
70
- @layer variables {}
71
-
72
- @layer variables {}
73
-
74
- @layer variables {}
75
-
76
- @layer variables {}
77
-
78
- @layer variables {}
79
-
80
- @layer variables {}
81
-
82
- @layer variables {}
83
-
84
- @layer variables {}
85
-
86
2
  .db-font-size-3xs,
87
3
  [data-font-size="3xs"] {
88
4
  font: var(--db-type-body-3xs);
89
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
5
+ /* Those variables are only for components to calculate heights and change icons */
6
+ --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
7
+ --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
90
8
  }
91
- @layer variables {
92
- .db-font-size-3xs,
93
- [data-font-size="3xs"] {
94
- /* Those variables are only for components to calculate heights and change icons */
95
- --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
96
- --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
97
- }
98
- }
99
-
100
- @layer variables {}
package/build/styles/fonts/classes/body/all.css CHANGED
@@ -1,196 +1,72 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
2
  .db-font-size-3xl,
39
3
  [data-font-size="3xl"] {
40
4
  font: var(--db-type-body-3xl);
41
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
42
- }
43
- @layer variables {
44
- .db-font-size-3xl,
45
- [data-font-size="3xl"] {
46
- /* Those variables are only for components to calculate heights and change icons */
47
- --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
48
- --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
49
- }
5
+ /* Those variables are only for components to calculate heights and change icons */
6
+ --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
7
+ --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
50
8
  }
51
9
 
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
10
  .db-font-size-2xl,
57
11
  [data-font-size="2xl"] {
58
12
  font: var(--db-type-body-2xl);
59
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
60
- }
61
- @layer variables {
62
- .db-font-size-2xl,
63
- [data-font-size="2xl"] {
64
- /* Those variables are only for components to calculate heights and change icons */
65
- --db-icon-font-weight: var(--db-base-body-icon-weight-2xl);
66
- --db-icon-font-size: var(--db-base-body-icon-font-size-2xl);
67
- }
13
+ /* Those variables are only for components to calculate heights and change icons */
14
+ --db-icon-font-weight: var(--db-base-body-icon-weight-2xl);
15
+ --db-icon-font-size: var(--db-base-body-icon-font-size-2xl);
68
16
  }
69
17
 
70
- @layer variables {}
71
-
72
- @layer variables {}
73
-
74
18
  .db-font-size-xl,
75
19
  [data-font-size=xl] {
76
20
  font: var(--db-type-body-xl);
77
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
78
- }
79
- @layer variables {
80
- .db-font-size-xl,
81
- [data-font-size=xl] {
82
- /* Those variables are only for components to calculate heights and change icons */
83
- --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
84
- --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
85
- }
21
+ /* Those variables are only for components to calculate heights and change icons */
22
+ --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
23
+ --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
86
24
  }
87
25
 
88
- @layer variables {}
89
-
90
- @layer variables {}
91
-
92
26
  .db-font-size-lg,
93
27
  [data-font-size=lg] {
94
28
  font: var(--db-type-body-lg);
95
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
96
- }
97
- @layer variables {
98
- .db-font-size-lg,
99
- [data-font-size=lg] {
100
- /* Those variables are only for components to calculate heights and change icons */
101
- --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
102
- --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
103
- }
29
+ /* Those variables are only for components to calculate heights and change icons */
30
+ --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
31
+ --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
104
32
  }
105
33
 
106
- @layer variables {}
107
-
108
- @layer variables {}
109
-
110
34
  .db-font-size-md,
111
35
  [data-font-size=md] {
112
36
  font: var(--db-type-body-md);
113
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
114
- }
115
- @layer variables {
116
- .db-font-size-md,
117
- [data-font-size=md] {
118
- /* Those variables are only for components to calculate heights and change icons */
119
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
120
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
121
- }
37
+ /* Those variables are only for components to calculate heights and change icons */
38
+ --db-icon-font-weight: var(--db-base-body-icon-weight-md);
39
+ --db-icon-font-size: var(--db-base-body-icon-font-size-md);
122
40
  }
123
41
 
124
- @layer variables {}
125
-
126
- @layer variables {}
127
-
128
42
  .db-font-size-sm,
129
43
  [data-font-size=sm] {
130
44
  font: var(--db-type-body-sm);
131
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
45
+ /* Those variables are only for components to calculate heights and change icons */
46
+ --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
47
+ --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
132
48
  }
133
- @layer variables {
134
- .db-font-size-sm,
135
- [data-font-size=sm] {
136
- /* Those variables are only for components to calculate heights and change icons */
137
- --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
138
- --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
139
- }
140
- }
141
-
142
- @layer variables {}
143
-
144
- @layer variables {}
145
49
 
146
50
  .db-font-size-xs,
147
51
  [data-font-size=xs] {
148
52
  font: var(--db-type-body-xs);
149
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
53
+ /* Those variables are only for components to calculate heights and change icons */
54
+ --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
55
+ --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
150
56
  }
151
- @layer variables {
152
- .db-font-size-xs,
153
- [data-font-size=xs] {
154
- /* Those variables are only for components to calculate heights and change icons */
155
- --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
156
- --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
157
- }
158
- }
159
-
160
- @layer variables {}
161
-
162
- @layer variables {}
163
57
 
164
58
  .db-font-size-2xs,
165
59
  [data-font-size="2xs"] {
166
60
  font: var(--db-type-body-2xs);
167
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
61
+ /* Those variables are only for components to calculate heights and change icons */
62
+ --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
63
+ --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
168
64
  }
169
- @layer variables {
170
- .db-font-size-2xs,
171
- [data-font-size="2xs"] {
172
- /* Those variables are only for components to calculate heights and change icons */
173
- --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
174
- --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
175
- }
176
- }
177
-
178
- @layer variables {}
179
-
180
- @layer variables {}
181
65
 
182
66
  .db-font-size-3xs,
183
67
  [data-font-size="3xs"] {
184
68
  font: var(--db-type-body-3xs);
185
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
69
+ /* Those variables are only for components to calculate heights and change icons */
70
+ --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
71
+ --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
186
72
  }
187
- @layer variables {
188
- .db-font-size-3xs,
189
- [data-font-size="3xs"] {
190
- /* Those variables are only for components to calculate heights and change icons */
191
- --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
192
- --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
193
- }
194
- }
195
-
196
- @layer variables {}
package/build/styles/fonts/classes/body/lg.css CHANGED
@@ -1,100 +1,8 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
- @layer variables {}
39
-
40
- @layer variables {}
41
-
42
- @layer variables {}
43
-
44
- @layer variables {}
45
-
46
- @layer variables {}
47
-
48
- @layer variables {}
49
-
50
- @layer variables {}
51
-
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
2
  .db-font-size-lg,
57
3
  [data-font-size=lg] {
58
4
  font: var(--db-type-body-lg);
59
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
5
+ /* Those variables are only for components to calculate heights and change icons */
6
+ --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
7
+ --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
60
8
  }
61
- @layer variables {
62
- .db-font-size-lg,
63
- [data-font-size=lg] {
64
- /* Those variables are only for components to calculate heights and change icons */
65
- --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
66
- --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
67
- }
68
- }
69
-
70
- @layer variables {}
71
-
72
- @layer variables {}
73
-
74
- @layer variables {}
75
-
76
- @layer variables {}
77
-
78
- @layer variables {}
79
-
80
- @layer variables {}
81
-
82
- @layer variables {}
83
-
84
- @layer variables {}
85
-
86
- @layer variables {}
87
-
88
- @layer variables {}
89
-
90
- @layer variables {}
91
-
92
- @layer variables {}
93
-
94
- @layer variables {}
95
-
96
- @layer variables {}
97
-
98
- @layer variables {}
99
-
100
- @layer variables {}
package/build/styles/fonts/classes/body/md.css CHANGED
@@ -1,100 +1,8 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
- @layer variables {}
39
-
40
- @layer variables {}
41
-
42
- @layer variables {}
43
-
44
- @layer variables {}
45
-
46
- @layer variables {}
47
-
48
- @layer variables {}
49
-
50
- @layer variables {}
51
-
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
- @layer variables {}
57
-
58
- @layer variables {}
59
-
60
- @layer variables {}
61
-
62
2
  .db-font-size-md,
63
3
  [data-font-size=md] {
64
4
  font: var(--db-type-body-md);
65
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
5
+ /* Those variables are only for components to calculate heights and change icons */
6
+ --db-icon-font-weight: var(--db-base-body-icon-weight-md);
7
+ --db-icon-font-size: var(--db-base-body-icon-font-size-md);
66
8
  }
67
- @layer variables {
68
- .db-font-size-md,
69
- [data-font-size=md] {
70
- /* Those variables are only for components to calculate heights and change icons */
71
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
72
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
73
- }
74
- }
75
-
76
- @layer variables {}
77
-
78
- @layer variables {}
79
-
80
- @layer variables {}
81
-
82
- @layer variables {}
83
-
84
- @layer variables {}
85
-
86
- @layer variables {}
87
-
88
- @layer variables {}
89
-
90
- @layer variables {}
91
-
92
- @layer variables {}
93
-
94
- @layer variables {}
95
-
96
- @layer variables {}
97
-
98
- @layer variables {}
99
-
100
- @layer variables {}