@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 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 when being used with the code that we're provide 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.
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-60-default);
48
- background-color: var(--db-adaptive-bg-basic-level-1-default);
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) !important;
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) !important;
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
  }
@@ -43,7 +43,6 @@
43
43
  @extend %resize-textarea;
44
44
  @extend %scrollbar;
45
45
 
46
- cursor: auto;
47
46
  overflow-y: scroll;
48
47
 
49
48
  // we don't have icons in textarea so we can overwrite it here