@db-ux/core-foundations 1.0.0-test-13b991d

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

@@ -0,0 +1,137 @@
+/* Required styles to normalize default css */
+
+@use "../variables";
+@use "../colors";
+@use "../helpers";
+@use "../fonts";
+@use "../screen-sizes";
+
+@forward "../normalize";
+
+:root {
+	--db-breakpoint-xs: #{screen-sizes.$db-breakpoint-xs};
+	--db-breakpoint-sm: #{screen-sizes.$db-breakpoint-sm};
+	--db-breakpoint-md: #{screen-sizes.$db-breakpoint-md};
+	--db-breakpoint-lg: #{screen-sizes.$db-breakpoint-lg};
+
+	@extend %db-font-size-md;
+}
+
+// *! this is an opionionated (especially based on "enhancing" normalize.css) version of minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css
+html,
+body {
+	margin: 0;
+	padding: 0;
+}
+
+/* stylelint-disable selector-max-id */
+body,
+#root,
+#app {
+	block-size: inherit;
+}
+/* stylelint-enable selector-max-id */
+
+body {
+	font-family: var(--db-font-family-sans);
+}
+
+// Box sizing
+html {
+	box-sizing: var(--db-box-sizing, border-box);
+}
+
+// global
+* {
+	/*
+		we overwrite this for all elements to pass the correct sizes even for elements
+		which have a default font-size/line-height set
+	*/
+	font-size: inherit;
+	line-height: inherit;
+	font-family: inherit;
+}
+
+*,
+::before,
+::after {
+	box-sizing: inherit;
+}
+
+// Make sure every elements has the current color from container above
+body,
+button,
+input,
+textarea,
+summary,
+select,
+a {
+	color: inherit;
+}
+
+// Media
+img,
+embed,
+iframe,
+object,
+video {
+	block-size: auto;
+	max-inline-size: 100%;
+}
+
+// Iframe
+iframe {
+	border: 0;
+}
+
+// Focus styles
+:is(
+	a,
+	button,
+	input,
+	textarea,
+	summary,
+	select,
+	[tabindex]:not([tabindex="-1"])
+) {
+	&:focus-visible {
+		@extend %focus-placeholder;
+	}
+}
+
+// List style / https://marketingportal.extranet.deutschebahn.com/marketingportal/Marke-und-Design/Basiselemente/Typografie#Aufzaehlungszeichen-9693110
+:where(ul) {
+	padding-inline-start: variables.$db-spacing-fixed-md;
+	/* stylelint-disable-next-line declaration-property-value-no-unknown, no-irregular-whitespace */
+	list-style-type: "\2022"+ " ";
+
+	li::marker {
+		color: #{colors.$db-brand-origin-default};
+	}
+}
+
+// * Individual styles
+// Navigation lists
+nav,
+[role="navigation"] {
+	ol,
+	ul {
+		list-style-type: "";
+		margin: 0;
+		padding: 0;
+	}
+}
+
+// Block
+fieldset {
+	border: 0;
+}
+
+// details/summary box-sizing / https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/
+details {
+	> *,
+	> ::before,
+	> ::after {
+		box-sizing: var(--db-box-sizing, border-box);
+	}
+}

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

@@ -0,0 +1,93 @@
+:root{--db-adaptive-bg-basic-level-1-default:var(
+  	--db-neutral-bg-basic-level-1-default
+  );--db-adaptive-bg-basic-level-1-hovered:var(
+  	--db-neutral-bg-basic-level-1-hovered
+  );--db-adaptive-bg-basic-level-1-pressed:var(
+  	--db-neutral-bg-basic-level-1-pressed
+  );--db-adaptive-bg-basic-level-2-default:var(
+  	--db-neutral-bg-basic-level-2-default
+  );--db-adaptive-bg-basic-level-2-hovered:var(
+  	--db-neutral-bg-basic-level-2-hovered
+  );--db-adaptive-bg-basic-level-2-pressed:var(
+  	--db-neutral-bg-basic-level-2-pressed
+  );--db-adaptive-bg-basic-level-3-default:var(
+  	--db-neutral-bg-basic-level-3-default
+  );--db-adaptive-bg-basic-level-3-hovered:var(
+  	--db-neutral-bg-basic-level-3-hovered
+  );--db-adaptive-bg-basic-level-3-pressed:var(
+  	--db-neutral-bg-basic-level-3-pressed
+  );--db-adaptive-bg-basic-transparent-full-default:var(
+  	--db-neutral-bg-basic-transparent-full-default
+  );--db-adaptive-bg-basic-transparent-semi-default:var(
+  	--db-neutral-bg-basic-transparent-semi-default
+  );--db-adaptive-bg-basic-transparent-hovered:var(
+  	--db-neutral-bg-basic-transparent-hovered
+  );--db-adaptive-bg-basic-transparent-pressed:var(
+  	--db-neutral-bg-basic-transparent-pressed
+  );--db-adaptive-on-bg-basic-emphasis-100-default:var(
+  	--db-neutral-on-bg-basic-emphasis-100-default
+  );--db-adaptive-on-bg-basic-emphasis-100-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-100-hovered
+  );--db-adaptive-on-bg-basic-emphasis-100-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-100-pressed
+  );--db-adaptive-on-bg-basic-emphasis-90-default:var(
+  	--db-neutral-on-bg-basic-emphasis-90-default
+  );--db-adaptive-on-bg-basic-emphasis-90-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-90-hovered
+  );--db-adaptive-on-bg-basic-emphasis-90-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-90-pressed
+  );--db-adaptive-on-bg-basic-emphasis-80-default:var(
+  	--db-neutral-on-bg-basic-emphasis-80-default
+  );--db-adaptive-on-bg-basic-emphasis-80-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-80-hovered
+  );--db-adaptive-on-bg-basic-emphasis-80-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-80-pressed
+  );--db-adaptive-on-bg-basic-emphasis-70-default:var(
+  	--db-neutral-on-bg-basic-emphasis-70-default
+  );--db-adaptive-on-bg-basic-emphasis-70-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-70-hovered
+  );--db-adaptive-on-bg-basic-emphasis-70-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-70-pressed
+  );--db-adaptive-on-bg-basic-emphasis-60-default:var(
+  	--db-neutral-on-bg-basic-emphasis-60-default
+  );--db-adaptive-on-bg-basic-emphasis-60-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-60-hovered
+  );--db-adaptive-on-bg-basic-emphasis-60-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-60-pressed
+  );--db-adaptive-on-bg-basic-emphasis-50-default:var(
+  	--db-neutral-on-bg-basic-emphasis-50-default
+  );--db-adaptive-on-bg-basic-emphasis-50-hovered:var(
+  	--db-neutral-on-bg-basic-emphasis-50-hovered
+  );--db-adaptive-on-bg-basic-emphasis-50-pressed:var(
+  	--db-neutral-on-bg-basic-emphasis-50-pressed
+  );--db-adaptive-bg-inverted-contrast-max-default:var(
+  	--db-neutral-bg-inverted-contrast-max-default
+  );--db-adaptive-bg-inverted-contrast-max-hovered:var(
+  	--db-neutral-bg-inverted-contrast-max-hovered
+  );--db-adaptive-bg-inverted-contrast-max-pressed:var(
+  	--db-neutral-bg-inverted-contrast-max-pressed
+  );--db-adaptive-bg-inverted-contrast-high-default:var(
+  	--db-neutral-bg-inverted-contrast-high-default
+  );--db-adaptive-bg-inverted-contrast-high-hovered:var(
+  	--db-neutral-bg-inverted-contrast-high-hovered
+  );--db-adaptive-bg-inverted-contrast-high-pressed:var(
+  	--db-neutral-bg-inverted-contrast-high-pressed
+  );--db-adaptive-bg-inverted-contrast-low-default:var(
+  	--db-neutral-bg-inverted-contrast-low-default
+  );--db-adaptive-bg-inverted-contrast-low-hovered:var(
+  	--db-neutral-bg-inverted-contrast-low-hovered
+  );--db-adaptive-bg-inverted-contrast-low-pressed:var(
+  	--db-neutral-bg-inverted-contrast-low-pressed
+  );--db-adaptive-on-bg-inverted-default:var(
+  	--db-neutral-on-bg-inverted-default
+  );--db-adaptive-on-bg-inverted-hovered:var(
+  	--db-neutral-on-bg-inverted-hovered
+  );--db-adaptive-on-bg-inverted-pressed:var(
+  	--db-neutral-on-bg-inverted-pressed
+  );--db-adaptive-origin-default:var(--db-neutral-origin-default);--db-adaptive-origin-hovered:var(--db-neutral-origin-hovered);--db-adaptive-origin-pressed:var(--db-neutral-origin-pressed);--db-adaptive-on-origin-default:var(
+  	--db-neutral-on-origin-default
+  );--db-adaptive-on-origin-hovered:var(
+  	--db-neutral-on-origin-hovered
+  );--db-adaptive-on-origin-pressed:var(
+  	--db-neutral-on-origin-pressed
+  );background-color:var(--db-neutral-bg-basic-level-1-default);color:var(--db-neutral-on-bg-basic-emphasis-100-default)}:root:after,:root:before{--db-icon-color:var(--db-neutral-on-bg-basic-emphasis-100-default)}:root{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){:not([data-force-mobile]):root,[data-force-mobile=false]:root{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){:not([data-force-mobile]):root,[data-force-mobile=false]:root{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}:root{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-headline-3xl)}@media screen and (min-width:45em){:not([data-force-mobile]):root,[data-force-mobile=false]:root{--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-tablet-headline-3xl)}}@media screen and (min-width:64em){:not([data-force-mobile]):root,[data-force-mobile=false]:root{--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-desktop-headline-3xl)}}:root{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}@media screen and (min-width:45em){:not([data-force-mobile]):root,[data-force-mobile=false]:root{--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}@media screen and (min-width:64em){:not([data-force-mobile]):root,[data-force-mobile=false]:root{--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}

package/build/styles/defaults/default-root.scss

@@ -0,0 +1,9 @@
+/* Use this file if you want the default color and density in your project */
+@forward "../colors";
+@forward "../density";
+
+// Setup default styles for
+:root {
+	@extend %db-neutral-bg-basic-level-1;
+	@extend %db-density-regular;
+}