@db-ux/core-foundations 4.5.2 → 4.5.4
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.
- package/CHANGELOG.md +10 -1
- package/build/styles/_screen-sizes.scss +3 -3
- package/build/styles/absolute.css +11 -11
- package/build/styles/defaults/default-elevation.css +1 -1
- package/build/styles/defaults/default-elevation.scss +1 -1
- package/build/styles/defaults/default-required.css +1 -1
- package/build/styles/defaults/default-root.css +1 -1
- package/build/styles/density/classes/all.css +27 -27
- package/build/styles/density/classes/expressive.css +9 -9
- package/build/styles/density/classes/functional.css +9 -9
- package/build/styles/density/classes/regular.css +9 -9
- package/build/styles/helpers/_focus.scss +1 -1
- package/build/styles/helpers/classes/all.css +1 -1
- package/build/styles/helpers/classes/focus.css +1 -1
- package/build/styles/index.css +11 -11
- package/build/styles/relative.css +11 -11
- package/build/styles/rollup.css +11 -11
- package/build/styles/webpack.css +11 -11
- package/package.json +2 -2
|
@@ -259,7 +259,7 @@ select,
|
|
|
259
259
|
outline-offset: var(--db-border-width-xs);
|
|
260
260
|
box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
|
|
261
261
|
}
|
|
262
|
-
@media
|
|
262
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
263
263
|
:not([data-disable-focus=true]):is(a,
|
|
264
264
|
button,
|
|
265
265
|
input,
|
|
@@ -6131,7 +6131,7 @@ code {
|
|
|
6131
6131
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6132
6132
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6133
6133
|
}
|
|
6134
|
-
@media
|
|
6134
|
+
@media (width <= 48em) {
|
|
6135
6135
|
:root,
|
|
6136
6136
|
:host {
|
|
6137
6137
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-mobile-3xs);
|
|
@@ -6145,7 +6145,7 @@ code {
|
|
|
6145
6145
|
--db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-mobile-3xl);
|
|
6146
6146
|
}
|
|
6147
6147
|
}
|
|
6148
|
-
@media
|
|
6148
|
+
@media (48em < width <= 64em) {
|
|
6149
6149
|
:root,
|
|
6150
6150
|
:host {
|
|
6151
6151
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-tablet-3xs);
|
|
@@ -6159,7 +6159,7 @@ code {
|
|
|
6159
6159
|
--db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-tablet-3xl);
|
|
6160
6160
|
}
|
|
6161
6161
|
}
|
|
6162
|
-
@media
|
|
6162
|
+
@media (64em < width) {
|
|
6163
6163
|
:root,
|
|
6164
6164
|
:host {
|
|
6165
6165
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-desktop-3xs);
|
|
@@ -6195,7 +6195,7 @@ code {
|
|
|
6195
6195
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6196
6196
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6197
6197
|
}
|
|
6198
|
-
@media
|
|
6198
|
+
@media (width <= 48em) {
|
|
6199
6199
|
:root,
|
|
6200
6200
|
:host {
|
|
6201
6201
|
--db-type-headline-3xs: var(--db-typography-regular-mobile-headline-3xs);
|
|
@@ -6227,7 +6227,7 @@ code {
|
|
|
6227
6227
|
--db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-headline-3xl);
|
|
6228
6228
|
}
|
|
6229
6229
|
}
|
|
6230
|
-
@media
|
|
6230
|
+
@media (48em < width <= 64em) {
|
|
6231
6231
|
:root,
|
|
6232
6232
|
:host {
|
|
6233
6233
|
--db-type-headline-3xs: var(--db-typography-regular-tablet-headline-3xs);
|
|
@@ -6259,7 +6259,7 @@ code {
|
|
|
6259
6259
|
--db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-headline-3xl);
|
|
6260
6260
|
}
|
|
6261
6261
|
}
|
|
6262
|
-
@media
|
|
6262
|
+
@media (64em < width) {
|
|
6263
6263
|
:root,
|
|
6264
6264
|
:host {
|
|
6265
6265
|
--db-type-headline-3xs: var(--db-typography-regular-desktop-headline-3xs);
|
|
@@ -6307,7 +6307,7 @@ code {
|
|
|
6307
6307
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6308
6308
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6309
6309
|
}
|
|
6310
|
-
@media
|
|
6310
|
+
@media (width <= 48em) {
|
|
6311
6311
|
:root,
|
|
6312
6312
|
:host {
|
|
6313
6313
|
--db-type-body-3xs: var(--db-typography-regular-mobile-body-3xs);
|
|
@@ -6339,7 +6339,7 @@ code {
|
|
|
6339
6339
|
--db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-body-3xl);
|
|
6340
6340
|
}
|
|
6341
6341
|
}
|
|
6342
|
-
@media
|
|
6342
|
+
@media (48em < width <= 64em) {
|
|
6343
6343
|
:root,
|
|
6344
6344
|
:host {
|
|
6345
6345
|
--db-type-body-3xs: var(--db-typography-regular-tablet-body-3xs);
|
|
@@ -6371,7 +6371,7 @@ code {
|
|
|
6371
6371
|
--db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-body-3xl);
|
|
6372
6372
|
}
|
|
6373
6373
|
}
|
|
6374
|
-
@media
|
|
6374
|
+
@media (64em < width) {
|
|
6375
6375
|
:root,
|
|
6376
6376
|
:host {
|
|
6377
6377
|
--db-type-body-3xs: var(--db-typography-regular-desktop-body-3xs);
|
|
@@ -6416,7 +6416,7 @@ code {
|
|
|
6416
6416
|
box-shadow: var(--db-elevation-md);
|
|
6417
6417
|
/* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
|
|
6418
6418
|
}
|
|
6419
|
-
@media
|
|
6419
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
6420
6420
|
.db-interactive-elevation,
|
|
6421
6421
|
[data-interactive=elevation] {
|
|
6422
6422
|
transition: box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);
|
package/build/styles/rollup.css
CHANGED
|
@@ -259,7 +259,7 @@ select,
|
|
|
259
259
|
outline-offset: var(--db-border-width-xs);
|
|
260
260
|
box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
|
|
261
261
|
}
|
|
262
|
-
@media
|
|
262
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
263
263
|
:not([data-disable-focus=true]):is(a,
|
|
264
264
|
button,
|
|
265
265
|
input,
|
|
@@ -6131,7 +6131,7 @@ code {
|
|
|
6131
6131
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6132
6132
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6133
6133
|
}
|
|
6134
|
-
@media
|
|
6134
|
+
@media (width <= 48em) {
|
|
6135
6135
|
:root,
|
|
6136
6136
|
:host {
|
|
6137
6137
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-mobile-3xs);
|
|
@@ -6145,7 +6145,7 @@ code {
|
|
|
6145
6145
|
--db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-mobile-3xl);
|
|
6146
6146
|
}
|
|
6147
6147
|
}
|
|
6148
|
-
@media
|
|
6148
|
+
@media (48em < width <= 64em) {
|
|
6149
6149
|
:root,
|
|
6150
6150
|
:host {
|
|
6151
6151
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-tablet-3xs);
|
|
@@ -6159,7 +6159,7 @@ code {
|
|
|
6159
6159
|
--db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-tablet-3xl);
|
|
6160
6160
|
}
|
|
6161
6161
|
}
|
|
6162
|
-
@media
|
|
6162
|
+
@media (64em < width) {
|
|
6163
6163
|
:root,
|
|
6164
6164
|
:host {
|
|
6165
6165
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-desktop-3xs);
|
|
@@ -6195,7 +6195,7 @@ code {
|
|
|
6195
6195
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6196
6196
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6197
6197
|
}
|
|
6198
|
-
@media
|
|
6198
|
+
@media (width <= 48em) {
|
|
6199
6199
|
:root,
|
|
6200
6200
|
:host {
|
|
6201
6201
|
--db-type-headline-3xs: var(--db-typography-regular-mobile-headline-3xs);
|
|
@@ -6227,7 +6227,7 @@ code {
|
|
|
6227
6227
|
--db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-headline-3xl);
|
|
6228
6228
|
}
|
|
6229
6229
|
}
|
|
6230
|
-
@media
|
|
6230
|
+
@media (48em < width <= 64em) {
|
|
6231
6231
|
:root,
|
|
6232
6232
|
:host {
|
|
6233
6233
|
--db-type-headline-3xs: var(--db-typography-regular-tablet-headline-3xs);
|
|
@@ -6259,7 +6259,7 @@ code {
|
|
|
6259
6259
|
--db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-headline-3xl);
|
|
6260
6260
|
}
|
|
6261
6261
|
}
|
|
6262
|
-
@media
|
|
6262
|
+
@media (64em < width) {
|
|
6263
6263
|
:root,
|
|
6264
6264
|
:host {
|
|
6265
6265
|
--db-type-headline-3xs: var(--db-typography-regular-desktop-headline-3xs);
|
|
@@ -6307,7 +6307,7 @@ code {
|
|
|
6307
6307
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6308
6308
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6309
6309
|
}
|
|
6310
|
-
@media
|
|
6310
|
+
@media (width <= 48em) {
|
|
6311
6311
|
:root,
|
|
6312
6312
|
:host {
|
|
6313
6313
|
--db-type-body-3xs: var(--db-typography-regular-mobile-body-3xs);
|
|
@@ -6339,7 +6339,7 @@ code {
|
|
|
6339
6339
|
--db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-body-3xl);
|
|
6340
6340
|
}
|
|
6341
6341
|
}
|
|
6342
|
-
@media
|
|
6342
|
+
@media (48em < width <= 64em) {
|
|
6343
6343
|
:root,
|
|
6344
6344
|
:host {
|
|
6345
6345
|
--db-type-body-3xs: var(--db-typography-regular-tablet-body-3xs);
|
|
@@ -6371,7 +6371,7 @@ code {
|
|
|
6371
6371
|
--db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-body-3xl);
|
|
6372
6372
|
}
|
|
6373
6373
|
}
|
|
6374
|
-
@media
|
|
6374
|
+
@media (64em < width) {
|
|
6375
6375
|
:root,
|
|
6376
6376
|
:host {
|
|
6377
6377
|
--db-type-body-3xs: var(--db-typography-regular-desktop-body-3xs);
|
|
@@ -6416,7 +6416,7 @@ code {
|
|
|
6416
6416
|
box-shadow: var(--db-elevation-md);
|
|
6417
6417
|
/* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
|
|
6418
6418
|
}
|
|
6419
|
-
@media
|
|
6419
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
6420
6420
|
.db-interactive-elevation,
|
|
6421
6421
|
[data-interactive=elevation] {
|
|
6422
6422
|
transition: box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);
|
package/build/styles/webpack.css
CHANGED
|
@@ -259,7 +259,7 @@ select,
|
|
|
259
259
|
outline-offset: var(--db-border-width-xs);
|
|
260
260
|
box-shadow: 0 0 0 var(--db-border-width-xs) var(--db-focus-box-shadow-bg-color, transparent);
|
|
261
261
|
}
|
|
262
|
-
@media
|
|
262
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
263
263
|
:not([data-disable-focus=true]):is(a,
|
|
264
264
|
button,
|
|
265
265
|
input,
|
|
@@ -6131,7 +6131,7 @@ code {
|
|
|
6131
6131
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6132
6132
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6133
6133
|
}
|
|
6134
|
-
@media
|
|
6134
|
+
@media (width <= 48em) {
|
|
6135
6135
|
:root,
|
|
6136
6136
|
:host {
|
|
6137
6137
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-mobile-3xs);
|
|
@@ -6145,7 +6145,7 @@ code {
|
|
|
6145
6145
|
--db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-mobile-3xl);
|
|
6146
6146
|
}
|
|
6147
6147
|
}
|
|
6148
|
-
@media
|
|
6148
|
+
@media (48em < width <= 64em) {
|
|
6149
6149
|
:root,
|
|
6150
6150
|
:host {
|
|
6151
6151
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-tablet-3xs);
|
|
@@ -6159,7 +6159,7 @@ code {
|
|
|
6159
6159
|
--db-spacing-responsive-3xl: var(--db-spacing-responsive-regular-tablet-3xl);
|
|
6160
6160
|
}
|
|
6161
6161
|
}
|
|
6162
|
-
@media
|
|
6162
|
+
@media (64em < width) {
|
|
6163
6163
|
:root,
|
|
6164
6164
|
:host {
|
|
6165
6165
|
--db-spacing-responsive-3xs: var(--db-spacing-responsive-regular-desktop-3xs);
|
|
@@ -6195,7 +6195,7 @@ code {
|
|
|
6195
6195
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6196
6196
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6197
6197
|
}
|
|
6198
|
-
@media
|
|
6198
|
+
@media (width <= 48em) {
|
|
6199
6199
|
:root,
|
|
6200
6200
|
:host {
|
|
6201
6201
|
--db-type-headline-3xs: var(--db-typography-regular-mobile-headline-3xs);
|
|
@@ -6227,7 +6227,7 @@ code {
|
|
|
6227
6227
|
--db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-headline-3xl);
|
|
6228
6228
|
}
|
|
6229
6229
|
}
|
|
6230
|
-
@media
|
|
6230
|
+
@media (48em < width <= 64em) {
|
|
6231
6231
|
:root,
|
|
6232
6232
|
:host {
|
|
6233
6233
|
--db-type-headline-3xs: var(--db-typography-regular-tablet-headline-3xs);
|
|
@@ -6259,7 +6259,7 @@ code {
|
|
|
6259
6259
|
--db-base-headline-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-headline-3xl);
|
|
6260
6260
|
}
|
|
6261
6261
|
}
|
|
6262
|
-
@media
|
|
6262
|
+
@media (64em < width) {
|
|
6263
6263
|
:root,
|
|
6264
6264
|
:host {
|
|
6265
6265
|
--db-type-headline-3xs: var(--db-typography-regular-desktop-headline-3xs);
|
|
@@ -6307,7 +6307,7 @@ code {
|
|
|
6307
6307
|
/* stylelint-disable-next-line media-query-no-invalid */
|
|
6308
6308
|
/* stylelint-disable-next-line at-rule-empty-line-before */
|
|
6309
6309
|
}
|
|
6310
|
-
@media
|
|
6310
|
+
@media (width <= 48em) {
|
|
6311
6311
|
:root,
|
|
6312
6312
|
:host {
|
|
6313
6313
|
--db-type-body-3xs: var(--db-typography-regular-mobile-body-3xs);
|
|
@@ -6339,7 +6339,7 @@ code {
|
|
|
6339
6339
|
--db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-mobile-body-3xl);
|
|
6340
6340
|
}
|
|
6341
6341
|
}
|
|
6342
|
-
@media
|
|
6342
|
+
@media (48em < width <= 64em) {
|
|
6343
6343
|
:root,
|
|
6344
6344
|
:host {
|
|
6345
6345
|
--db-type-body-3xs: var(--db-typography-regular-tablet-body-3xs);
|
|
@@ -6371,7 +6371,7 @@ code {
|
|
|
6371
6371
|
--db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-regular-tablet-body-3xl);
|
|
6372
6372
|
}
|
|
6373
6373
|
}
|
|
6374
|
-
@media
|
|
6374
|
+
@media (64em < width) {
|
|
6375
6375
|
:root,
|
|
6376
6376
|
:host {
|
|
6377
6377
|
--db-type-body-3xs: var(--db-typography-regular-desktop-body-3xs);
|
|
@@ -6416,7 +6416,7 @@ code {
|
|
|
6416
6416
|
box-shadow: var(--db-elevation-md);
|
|
6417
6417
|
/* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
|
|
6418
6418
|
}
|
|
6419
|
-
@media
|
|
6419
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
6420
6420
|
.db-interactive-elevation,
|
|
6421
6421
|
[data-interactive=elevation] {
|
|
6422
6422
|
transition: box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/core-foundations",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
|
|
6
6
|
"repository": {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@db-ux/icon-font-tools": "0.3.6",
|
|
54
54
|
"@playwright/test": "1.58.2",
|
|
55
55
|
"cpr": "3.0.1",
|
|
56
|
-
"cssnano": "7.1.
|
|
56
|
+
"cssnano": "7.1.3",
|
|
57
57
|
"glob": "13.0.6",
|
|
58
58
|
"nodemon": "3.1.14",
|
|
59
59
|
"prettier": "3.8.1",
|