@db-ux/core-components 1.1.1 → 1.2.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.
- package/README.md +1 -1
- package/build/components/badge/badge.css +2 -2
- package/build/components/badge/badge.scss +1 -1
- package/build/components/tab-list/tab-list.css +2 -1
- package/build/components/textarea/textarea.css +2 -2
- package/build/components/textarea/textarea.scss +0 -1
- package/build/styles/absolute.css +2 -2
- package/build/styles/index.css +2 -2
- package/build/styles/internal/_scrollbar.scss +2 -1
- package/build/styles/internal/_tag-components.scss +16 -2
- package/build/styles/relative.css +2 -2
- package/build/styles/rollup.css +2 -2
- package/build/styles/webpack.css +2 -2
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -92,7 +92,7 @@ In the case you want to include only some components, and you could do it like t
|
|
|
92
92
|
|
|
93
93
|
## Deutsche Bahn brand
|
|
94
94
|
|
|
95
|
-
As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even
|
|
95
|
+
As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even if being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
|
|
96
96
|
Please have a look at our brand portal at <https://marketingportal.extranet.deutschebahn.com/> for any further questions and whom to contact on any brand issues.
|
|
97
97
|
|
|
98
98
|
For any usage outside of Deutsche Bahn websites and applications you aren't allowed to use any Deutsche Bahn brand and
|
|
@@ -44,8 +44,8 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.db-badge {
|
|
47
|
-
border-color: var(--db-adaptive-on-bg-basic-emphasis-
|
|
48
|
-
background-color: var(--db-adaptive-bg-basic-level-
|
|
47
|
+
border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
|
|
48
|
+
background-color: var(--db-adaptive-bg-basic-level-3-default);
|
|
49
49
|
color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
|
|
50
50
|
}
|
|
51
51
|
.db-badge::before, .db-badge::after {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
@extend %db-overwrite-font-size-2xs;
|
|
48
48
|
@extend %default-button;
|
|
49
49
|
|
|
50
|
-
@include tag-components.get-tag-colors();
|
|
50
|
+
@include tag-components.get-tag-colors("badge");
|
|
51
51
|
|
|
52
52
|
border-radius: variables.$db-border-radius-full;
|
|
53
53
|
padding-inline: variables.$db-spacing-fixed-2xs;
|
|
@@ -133,7 +133,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
|
|
|
133
133
|
background-color: var(--db-adaptive-bg-basic-transparent-hovered);
|
|
134
134
|
}
|
|
135
135
|
.db-tab-list > ul:read-only::-webkit-scrollbar-track, .db-tab-list > ul:read-only::-webkit-scrollbar-button:single-button {
|
|
136
|
-
background-color: var(--db-adaptive-bg-basic-level-1-default)
|
|
136
|
+
background-color: var(--db-adaptive-bg-basic-level-1-default);
|
|
137
137
|
}
|
|
138
138
|
.db-tab-list > ul::-webkit-scrollbar-track {
|
|
139
139
|
background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
|
|
@@ -155,6 +155,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
|
|
|
155
155
|
background-color: var(--db-adaptive-bg-basic-transparent-pressed);
|
|
156
156
|
}
|
|
157
157
|
.db-tab-list > ul::-webkit-scrollbar-button:single-button:vertical:decrement {
|
|
158
|
+
border-start-end-radius: var(--db-border-radius-xs);
|
|
158
159
|
background-image: var(--db-textarea-scrollbar-button-decrement);
|
|
159
160
|
}
|
|
160
161
|
.db-tab-list > ul::-webkit-scrollbar-button:single-button:vertical:increment {
|
|
@@ -178,7 +178,7 @@ textarea:is(input, textarea):not(:placeholder-shown),
|
|
|
178
178
|
background-color: var(--db-adaptive-bg-basic-transparent-hovered);
|
|
179
179
|
}
|
|
180
180
|
.db-textarea textarea:read-only::-webkit-scrollbar-track, .db-textarea textarea:read-only::-webkit-scrollbar-button:single-button {
|
|
181
|
-
background-color: var(--db-adaptive-bg-basic-level-1-default)
|
|
181
|
+
background-color: var(--db-adaptive-bg-basic-level-1-default);
|
|
182
182
|
}
|
|
183
183
|
.db-textarea textarea::-webkit-scrollbar-track {
|
|
184
184
|
background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
|
|
@@ -200,6 +200,7 @@ textarea:is(input, textarea):not(:placeholder-shown),
|
|
|
200
200
|
background-color: var(--db-adaptive-bg-basic-transparent-pressed);
|
|
201
201
|
}
|
|
202
202
|
.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement {
|
|
203
|
+
border-start-end-radius: var(--db-border-radius-xs);
|
|
203
204
|
background-image: var(--db-textarea-scrollbar-button-decrement);
|
|
204
205
|
}
|
|
205
206
|
.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment {
|
|
@@ -491,7 +492,6 @@ textarea:is(input, textarea):not(:placeholder-shown),
|
|
|
491
492
|
inset-inline-end: var(--db-spacing-fixed-sm);
|
|
492
493
|
}
|
|
493
494
|
.db-textarea textarea {
|
|
494
|
-
cursor: auto;
|
|
495
495
|
overflow-y: scroll;
|
|
496
496
|
padding-block: var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs);
|
|
497
497
|
}
|