@db-ux/core-foundations 3.1.2 → 3.1.3-tooltip-local-testing-34210c8

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 (8) hide show
  1. package/build/styles/fonts/_font-sizes.scss +4 -0
  2. package/build/styles/helpers/_a11y.scss +1 -0
  3. package/build/styles/helpers/_divider.scss +1 -1
  4. package/build/styles/helpers/_focus.scss +1 -0
  5. package/build/styles/helpers/classes/all.css +8 -8
  6. package/build/styles/helpers/classes/divider.css +8 -8
  7. package/build/styles/icons/_icon-helpers.scss +4 -1
  8. package/package.json +1 -1
package/build/styles/fonts/_font-sizes.scss CHANGED
@@ -4,7 +4,9 @@
4
4
  /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
5
5
  @layer #{helpers.$layer-variables} {
6
6
  /* Those variables are only for components to calculate heights and change icons */
7
+ // stylelint-disable-next-line no-invalid-position-declaration
7
8
  --db-icon-font-weight: var(--db-base-body-icon-weight-#{$size});
9
+ // stylelint-disable-next-line no-invalid-position-declaration
8
10
  --db-icon-font-size: var(--db-base-body-icon-font-size-#{$size});
9
11
  }
10
12
  }
@@ -17,7 +19,9 @@
17
19
  /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
18
20
  @layer #{helpers.$layer-variables} {
19
21
  /* Those variables are only for components to calculate heights and change icons */
22
+ // stylelint-disable-next-line no-invalid-position-declaration
20
23
  --db-icon-font-weight: var(--db-base-headline-icon-weight-#{$size});
24
+ // stylelint-disable-next-line no-invalid-position-declaration
21
25
  --db-icon-font-size: var(--db-base-headline-icon-font-size-#{$size});
22
26
  }
23
27
  }
package/build/styles/helpers/_a11y.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  %a11y-visually-hidden {
2
+ // stylelint-disable-next-line property-no-deprecated
2
3
  clip: rect(0, 0, 0, 0) !important;
3
4
  overflow: hidden !important;
4
5
  white-space: nowrap !important;
package/build/styles/helpers/_divider.scss CHANGED
@@ -44,7 +44,7 @@
44
44
  @media (forced-colors: active) {
45
45
  // border is the better implementation, but border height changes in windows based on pixel density
46
46
  // we use it as a fallback for color contrast
47
- /* stylelint-disable-next-line db-ux/use-border-color */
47
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
48
48
  border: variables.$db-border-width-3xs solid var(--db-divider-bg-color);
49
49
  }
50
50
  }
package/build/styles/helpers/_focus.scss CHANGED
@@ -12,6 +12,7 @@
12
12
  var(--db-focus-box-shadow-bg-color, transparent);
13
13
 
14
14
  @media screen and (prefers-reduced-motion: no-preference) {
15
+ // stylelint-disable-next-line no-invalid-position-declaration
15
16
  transition:
16
17
  outline #{variables.$db-transition-duration-extra-fast},
17
18
  box-shadow #{variables.$db-transition-duration-extra-fast};
package/build/styles/helpers/classes/all.css CHANGED
@@ -82,7 +82,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
82
82
  @media (forced-colors: active) {
83
83
  .db-divider-top-before,
84
84
  [data-divider=top-before] {
85
- /* stylelint-disable-next-line db-ux/use-border-color */
85
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
86
86
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
87
87
  }
88
88
  }
@@ -109,7 +109,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
109
109
  @media (forced-colors: active) {
110
110
  .db-divider-top-after,
111
111
  [data-divider=top-after] {
112
- /* stylelint-disable-next-line db-ux/use-border-color */
112
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
113
113
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
114
114
  }
115
115
  }
@@ -136,7 +136,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
136
136
  @media (forced-colors: active) {
137
137
  .db-divider-bottom-before,
138
138
  [data-divider=bottom-before] {
139
- /* stylelint-disable-next-line db-ux/use-border-color */
139
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
140
140
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
141
141
  }
142
142
  }
@@ -163,7 +163,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
163
163
  @media (forced-colors: active) {
164
164
  .db-divider-bottom-after,
165
165
  [data-divider=bottom-after] {
166
- /* stylelint-disable-next-line db-ux/use-border-color */
166
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
167
167
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
168
168
  }
169
169
  }
@@ -190,7 +190,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
190
190
  @media (forced-colors: active) {
191
191
  .db-divider-left-before,
192
192
  [data-divider=left-before] {
193
- /* stylelint-disable-next-line db-ux/use-border-color */
193
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
194
194
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
195
195
  }
196
196
  }
@@ -217,7 +217,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
217
217
  @media (forced-colors: active) {
218
218
  .db-divider-left-after,
219
219
  [data-divider=left-after] {
220
- /* stylelint-disable-next-line db-ux/use-border-color */
220
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
221
221
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
222
222
  }
223
223
  }
@@ -243,7 +243,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
243
243
  @media (forced-colors: active) {
244
244
  .db-divider-right-before,
245
245
  [data-divider=right-before] {
246
- /* stylelint-disable-next-line db-ux/use-border-color */
246
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
247
247
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
248
248
  }
249
249
  }
@@ -269,7 +269,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
269
269
  @media (forced-colors: active) {
270
270
  .db-divider-right-after,
271
271
  [data-divider=right-after] {
272
- /* stylelint-disable-next-line db-ux/use-border-color */
272
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
273
273
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
274
274
  }
275
275
  }
package/build/styles/helpers/classes/divider.css CHANGED
@@ -65,7 +65,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
65
65
  @media (forced-colors: active) {
66
66
  .db-divider-top-before,
67
67
  [data-divider=top-before] {
68
- /* stylelint-disable-next-line db-ux/use-border-color */
68
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
69
69
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
70
70
  }
71
71
  }
@@ -92,7 +92,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
92
92
  @media (forced-colors: active) {
93
93
  .db-divider-top-after,
94
94
  [data-divider=top-after] {
95
- /* stylelint-disable-next-line db-ux/use-border-color */
95
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
96
96
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
97
97
  }
98
98
  }
@@ -119,7 +119,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
119
119
  @media (forced-colors: active) {
120
120
  .db-divider-bottom-before,
121
121
  [data-divider=bottom-before] {
122
- /* stylelint-disable-next-line db-ux/use-border-color */
122
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
123
123
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
124
124
  }
125
125
  }
@@ -146,7 +146,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
146
146
  @media (forced-colors: active) {
147
147
  .db-divider-bottom-after,
148
148
  [data-divider=bottom-after] {
149
- /* stylelint-disable-next-line db-ux/use-border-color */
149
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
150
150
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
151
151
  }
152
152
  }
@@ -173,7 +173,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
173
173
  @media (forced-colors: active) {
174
174
  .db-divider-left-before,
175
175
  [data-divider=left-before] {
176
- /* stylelint-disable-next-line db-ux/use-border-color */
176
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
177
177
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
178
178
  }
179
179
  }
@@ -200,7 +200,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
200
200
  @media (forced-colors: active) {
201
201
  .db-divider-left-after,
202
202
  [data-divider=left-after] {
203
- /* stylelint-disable-next-line db-ux/use-border-color */
203
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
204
204
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
205
205
  }
206
206
  }
@@ -226,7 +226,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
226
226
  @media (forced-colors: active) {
227
227
  .db-divider-right-before,
228
228
  [data-divider=right-before] {
229
- /* stylelint-disable-next-line db-ux/use-border-color */
229
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
230
230
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
231
231
  }
232
232
  }
@@ -252,7 +252,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
252
252
  @media (forced-colors: active) {
253
253
  .db-divider-right-after,
254
254
  [data-divider=right-after] {
255
- /* stylelint-disable-next-line db-ux/use-border-color */
255
+ /* stylelint-disable-next-line no-invalid-position-declaration, db-ux/use-border-color */
256
256
  border: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
257
257
  }
258
258
  }
package/build/styles/icons/_icon-helpers.scss CHANGED
@@ -43,8 +43,9 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
43
43
  content: $icon;
44
44
 
45
45
  // Hiding icon from screenreaders, https://www.w3.org/TR/css-content-3/#alt
46
- // TODO: remove the @support wrapper as soon as we drop our partly-support for Firefox < version 128 (Enterprise ESR / Extended Support Release; expected to end in 2025, September / https://whattrainisitnow.com/calendar/)
46
+ // TODO: remove the @support wrapper as soon as we drop our partly-support for Firefox < version 128 (Enterprise ESR / Extended Support Release; expected to end in 2026, March / https://whattrainisitnow.com/calendar/)
47
47
  @supports (content: ""/"") {
48
+ // stylelint-disable-next-line no-invalid-position-declaration
48
49
  content: $icon / "";
49
50
  }
50
51
  }
@@ -156,10 +157,12 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
156
157
  @include icon-content($default-icon-content); // TODO: ONLY FOR data-icon
157
158
 
158
159
  // Hiding icon from screenreaders
160
+ // stylelint-disable-next-line media-type-no-deprecated
159
161
  @media aural {
160
162
  content: none;
161
163
  }
162
164
 
165
+ // stylelint-disable-next-line media-type-no-deprecated
163
166
  @media speech {
164
167
  content: none;
165
168
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "3.1.2",
3
+ "version": "3.1.3-tooltip-local-testing-34210c8",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {