@db-ux/core-foundations 1.1.1 → 2.0.0-0-custom-select-16b8cce

package/README.md

@@ -9,9 +9,9 @@ A library containing all tokens (colors, spacings, font formatting, etc.) and as
 
 We currently support:
 
-- [CSS](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=css)
-- [SCSS](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=scss)
-- [Tailwind](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=tailwind)
+- [CSS](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=css)
+- [SCSS](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=scss)
+- [Tailwind](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=tailwind)
 
 ## Install
 
@@ -198,7 +198,7 @@ In HTML:
 
 ### Tailwind
 
-Check the required imports for [CSS](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=css) to enable all tokens and defaults.
+Check the required imports for [CSS](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=css) to enable all tokens and defaults.
 
 #### Tailwind v4
 
@@ -332,7 +332,7 @@ We provide a [CLI tool](https://github.com/db-ux-design-system/core-web/blob/mai
 
 ## Deutsche Bahn brand
 
-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.
+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.
 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.
 
 For any usage outside of Deutsche Bahn websites and applications you aren't allowed to use any Deutsche Bahn brand and

package/assets/icons/LICENCES.json

@@ -95,6 +95,12 @@
 		"licence": "https://lucide.dev/license#lucide-license",
 		"origin": "x"
 	},
+	{
+		"name": "circular_arrows.svg",
+		"type": "lucide",
+		"licence": "https://lucide.dev/license#lucide-license",
+		"origin": "refresh-cw"
+	},
 	{
 		"name": "check.svg",
 		"type": "lucide",

package/assets/icons/circular_arrows.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M8 16H3v5"/></svg>

package/build/all-icons.js

@@ -1,28 +1,2 @@
 /* This file was generated */
-export const ALL_ICONS = [
-    'arrow_down',
-    'arrow_left',
-    'arrow_right',
-    'arrow_up',
-    'arrow_up_right',
-    'brand',
-    'calendar',
-    'check',
-    'check_circle',
-    'chevron_down',
-    'chevron_left',
-    'chevron_right',
-    'chevron_up',
-    'clock',
-    'cross',
-    'cross_circle',
-    'exclamation_mark_circle',
-    'exclamation_mark_triangle',
-    'information_circle',
-    'magnifying_glass',
-    'menu',
-    'minus',
-    'plus',
-    'resize_handle_corner',
-    'x_placeholder'
-];
+export const ALL_ICONS = ["arrow_down", "arrow_left", "arrow_right", "arrow_up", "arrow_up_right", "brand", "calendar", "check-circle", "check", "check_circle", "chevron_down", "chevron_left", "chevron_right", "chevron_up", "circle", "circular_arrows", "clock", "cross", "cross_circle", "exclamation_mark_circle", "exclamation_mark_triangle", "information_circle", "magnifying_glass", "menu", "minus", "plus", "resize_handle_corner", "x_placeholder"];

package/build/base-icon-types.d.ts

@@ -1 +1 @@
-export type BaseIconTypes = 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'arrow_up_right' | 'brand' | 'calendar' | 'check' | 'check_circle' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock' | 'cross' | 'cross_circle' | 'exclamation_mark_circle' | 'exclamation_mark_triangle' | 'information_circle' | 'magnifying_glass' | 'menu' | 'minus' | 'plus' | 'resize_handle_corner' | 'x_placeholder';
+export type BaseIconTypes = "arrow_down" | "arrow_left" | "arrow_right" | "arrow_up" | "arrow_up_right" | "brand" | "calendar" | "check-circle" | "check" | "check_circle" | "chevron_down" | "chevron_left" | "chevron_right" | "chevron_up" | "circle" | "circular_arrows" | "clock" | "cross" | "cross_circle" | "exclamation_mark_circle" | "exclamation_mark_triangle" | "information_circle" | "magnifying_glass" | "menu" | "minus" | "plus" | "resize_handle_corner" | "x_placeholder";

package/build/styles/absolute.css

@@ -197,7 +197,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
 /* Border */
 /* Transitions */
 /* Use this file if you want the default color and density in your project */
-:is(a,
+:not([data-disable-focus=true]):is(a,
 button,
 input,
 textarea,
@@ -208,7 +208,7 @@ select,
   outline-offset: var(--db-border-height-xs);
   box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
 }
-:not([type=radio], [role=switch]):is(a,
+:not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
 button,
 input,
 textarea,
@@ -218,7 +218,7 @@ select,
   border-radius: var(--db-border-radius-xs);
 }
 @media screen and (prefers-reduced-motion: no-preference) {
-  :is(a,
+  :not([data-disable-focus=true]):is(a,
   button,
   input,
   textarea,
@@ -561,7 +561,7 @@ a:has(code) {
   /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
 }
 a:has(code):hover:not(:disabled, [aria-disabled=true]) {
-  cursor: pointer;
+  cursor: var(--db-overwrite-cursor, pointer);
   color: var(--db-adaptive-on-bg-inverted-hovered);
 }
 a:has(code):hover:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input) {
@@ -571,7 +571,7 @@ a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
   cursor: pointer;
 }
 a:has(code):active:not(:disabled, [aria-disabled=true]) {
-  cursor: pointer;
+  cursor: var(--db-overwrite-cursor, pointer);
   color: var(--db-adaptive-on-bg-inverted-pressed);
 }
 a:has(code):active:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):active:not(:disabled, [aria-disabled=true]):is(input) {
@@ -611,7 +611,7 @@ blockquote {
 }
 .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]),
 [data-interactive=elevation]:hover:not(:disabled, [aria-disabled=true]) {
-  cursor: pointer;
+  cursor: var(--db-overwrite-cursor, pointer);
   box-shadow: var(--db-elevation-lg);
 }
 .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(input),
@@ -626,7 +626,7 @@ blockquote {
 }
 .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]),
 [data-interactive=elevation]:active:not(:disabled, [aria-disabled=true]) {
-  cursor: pointer;
+  cursor: var(--db-overwrite-cursor, pointer);
   box-shadow: var(--db-elevation-sm);
 }
 .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(input),

package/build/styles/animation/_animations.scss

@@ -95,3 +95,9 @@
 		);
 	}
 }
+
+@keyframes rotate {
+	100% {
+		transform: rotate(1turn);
+	}
+}

package/build/styles/colors/_default-color-scheme.scss

@@ -1179,14 +1179,18 @@
 
 @mixin get-color-scheme-light {
 	--db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
-	--db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
-	--db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
+	--db-scrollbar-button-vertical-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
+	--db-scrollbar-button-vertical-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
+	--db-scrollbar-button-horizontal-decrement: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMUExQzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEgOS4wMDNhLjYuNiAwIDAgMS0uNTk3LjU5Ny42Mi42MiAwIDAgMS0uNDE4LS4xOEw0LjA4IDYuNDE4QS42LjYgMCAwIDEgMy45IDZhLjU2LjU2IDAgMCAxIC4xMzItLjM3Mkw3LjA4NSAyLjU4YS41NC41NCAwIDAgMSAuNDE4LS4xOC42LjYgMCAwIDEgLjU1LjgzMy42LjYgMCAwIDEtLjEzMi4yMDFMNS4zNTMgNiA3LjkyIDguNTY1YS42Mi42MiAwIDAgMSAuMTc5LjQzOCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
+	--db-scrollbar-button-horizontal-increment: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMUExQzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkgOS4wMDRjMCAuMzE4LjI1OS41OTYuNTk3LjU5NmEuNjIuNjIgMCAwIDAgLjQxOC0uMThMNy45MiA2LjQxOUEuNi42IDAgMCAwIDguMSA2YS41NC41NCAwIDAgMC0uMTgtLjQxN0w0LjkxNiAyLjU3OWEuNTQuNTQgMCAwIDAtLjQxOC0uMTc5LjYuNiAwIDAgMC0uNTk3LjU5N2MwIC4xNi4wNi4zMTguMTc5LjQzN0w2LjY0NyA2IDQuMDc5IDguNTY2YS42Mi42MiAwIDAgMC0uMTguNDM4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
 }
 
 @mixin get-color-scheme-dark {
 	--db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
-	--db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
-	--db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
+	--db-scrollbar-button-vertical-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
+	--db-scrollbar-button-vertical-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
+	--db-scrollbar-button-horizontal-decrement: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEgOS4wMDNhLjYuNiAwIDAgMS0uNTk3LjU5Ny42Mi42MiAwIDAgMS0uNDE4LS4xOEw0LjA4IDYuNDE4QS42LjYgMCAwIDEgMy45IDZhLjU2LjU2IDAgMCAxIC4xMzItLjM3Mkw3LjA4NSAyLjU4YS41NC41NCAwIDAgMSAuNDE4LS4xOC42LjYgMCAwIDEgLjU1LjgzMy42LjYgMCAwIDEtLjEzMi4yMDFMNS4zNTMgNiA3LjkyIDguNTY1YS42Mi42MiAwIDAgMSAuMTc5LjQzOCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=");
+	--db-scrollbar-button-horizontal-increment: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkgOS4wMDRjMCAuMzE4LjI1OS41OTYuNTk3LjU5NmEuNjIuNjIgMCAwIDAgLjQxOC0uMThMNy45MiA2LjQxOUEuNi42IDAgMCAwIDguMSA2YS41NC41NCAwIDAgMC0uMTgtLjQxN0w0LjkxNiAyLjU3OWEuNTQuNTQgMCAwIDAtLjQxOC0uMTc5LjYuNiAwIDAgMC0uNTk3LjU5N2MwIC4xNi4wNi4zMTguMTc5LjQzN0w2LjY0NyA2IDQuMDc5IDguNTY2YS42Mi42MiAwIDAgMC0uMTguNDM4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==");
 }
 
 @mixin get-additional-color-scheme {

package/build/styles/defaults/default-code.css

@@ -90,4 +90,4 @@ blockquote{--db-adaptive-bg-basic-level-1-default:var(
   	--db-neutral-on-origin-hovered
   );--db-adaptive-on-origin-pressed:var(
   	--db-neutral-on-origin-pressed
-  );background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:after,blockquote:before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}pre:has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding:var(--db-spacing-fixed-xs)}a:has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code):hover:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:pointer}a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input),a:has(code):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code):active:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:pointer}a:has(code):active:not(:disabled,[aria-disabled=true]):is(input),a:has(code):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code)>code{color:inherit}code{background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}
+  );background-color:var(--db-neutral-bg-basic-transparent-semi-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}blockquote:after,blockquote:before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}pre:has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding:var(--db-spacing-fixed-xs)}a:has(code){background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default)}a:has(code):hover:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-hovered);cursor:var(--db-overwrite-cursor,pointer)}a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input),a:has(code):hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code):hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code):active:not(:disabled,[aria-disabled=true]){color:var(--db-adaptive-on-bg-inverted-pressed);cursor:var(--db-overwrite-cursor,pointer)}a:has(code):active:not(:disabled,[aria-disabled=true]):is(input),a:has(code):active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}a:has(code):active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),a:has(code):active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}a:has(code)>code{color:inherit}code{background-color:var(--db-adaptive-bg-inverted-contrast-max-default);color:var(--db-adaptive-on-bg-inverted-default);padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}

package/build/styles/defaults/default-elevation.css

@@ -1 +1 @@
-.db-interactive-elevation,[data-interactive=elevation]{box-shadow:var(--db-elevation-md);cursor:pointer}@media screen and (prefers-reduced-motion:no-preference){.db-interactive-elevation,[data-interactive=elevation]{transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-lg);cursor:pointer}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-sm);cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}
+.db-interactive-elevation,[data-interactive=elevation]{box-shadow:var(--db-elevation-md);cursor:pointer}@media screen and (prefers-reduced-motion:no-preference){.db-interactive-elevation,[data-interactive=elevation]{transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional)}}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-lg);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]){box-shadow:var(--db-elevation-sm);cursor:var(--db-overwrite-cursor,pointer)}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(textarea),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(textarea){cursor:auto}.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),.db-interactive-elevation:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled,[aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}

package/build/styles/defaults/default-required.css

@@ -1 +1 @@
-@charset "UTF-8";:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-height-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-80-default));outline-offset:var(--db-border-height-xs)}:not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media screen and (prefers-reduced-motion:no-preference){:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}:root{font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md)}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-family:inherit;font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}
+@charset "UTF-8";:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color,transparent);outline:var(--db-border-height-2xs) solid var(--db-focus-outline-color,var(--db-informational-on-bg-basic-emphasis-80-default));outline-offset:var(--db-border-height-xs)}:not([data-disable-focus=true]):not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media screen and (prefers-reduced-motion:no-preference){:not([data-disable-focus=true]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition:outline var(--db-transition-duration-extra-fast),box-shadow var(--db-transition-duration-extra-fast)}}:root{font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md)}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-family:inherit;font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){list-style-type:"• ";padding-inline-start:var(--db-spacing-fixed-md)}:where(ul) li::marker{color:var(--db-brand-origin-default)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style-type:"";margin:0;padding:0}fieldset{border:0}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}