@db-ux/core-foundations 1.1.0 → 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.
Files changed (26) hide show
  1. package/README.md +7 -6
  2. package/build/styles/absolute.css +0 -4
  3. package/build/styles/defaults/default-fonts.css +1 -1
  4. package/build/styles/defaults/default-root.css +1 -1
  5. package/build/styles/density/_densities.scss +4 -0
  6. package/build/styles/density/classes/all.css +5 -2
  7. package/build/styles/density/classes/expressive.css +0 -2
  8. package/build/styles/density/classes/functional.css +5 -2
  9. package/build/styles/density/classes/regular.css +0 -2
  10. package/build/styles/fonts/_font-sizes.scss +0 -2
  11. package/build/styles/fonts/classes/all.css +0 -18
  12. package/build/styles/fonts/classes/body/2xl.css +0 -2
  13. package/build/styles/fonts/classes/body/2xs.css +0 -2
  14. package/build/styles/fonts/classes/body/3xl.css +0 -2
  15. package/build/styles/fonts/classes/body/3xs.css +0 -2
  16. package/build/styles/fonts/classes/body/all.css +0 -18
  17. package/build/styles/fonts/classes/body/lg.css +0 -2
  18. package/build/styles/fonts/classes/body/md.css +0 -2
  19. package/build/styles/fonts/classes/body/sm.css +0 -2
  20. package/build/styles/fonts/classes/body/xl.css +0 -2
  21. package/build/styles/fonts/classes/body/xs.css +0 -2
  22. package/build/styles/index.css +0 -4
  23. package/build/styles/relative.css +0 -4
  24. package/build/styles/rollup.css +0 -4
  25. package/build/styles/webpack.css +0 -4
  26. package/package.json +4 -4
package/README.md CHANGED
@@ -9,9 +9,9 @@ A library containing all tokens (colors, spacings, font formatting, etc.) and as
9
9
 
10
10
  We currently support:
11
11
 
12
- - [CSS](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=css)
13
- - [SCSS](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=scss)
14
- - [Tailwind](https://db-ux-design-system.github.io/core-web/review/main/foundations/readme?current=tailwind)
12
+ - [CSS](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=css)
13
+ - [SCSS](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=scss)
14
+ - [Tailwind](https://design-system.deutschebahn.com/core-web/review/main/foundations/readme?current=tailwind)
15
15
 
16
16
  ## Install
17
17
 
@@ -198,7 +198,7 @@ In HTML:
198
198
 
199
199
  ### Tailwind
200
200
 
201
- 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.
201
+ 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.
202
202
 
203
203
  #### Tailwind v4
204
204
 
@@ -332,10 +332,11 @@ We provide a [CLI tool](https://github.com/db-ux-design-system/core-web/blob/mai
332
332
 
333
333
  ## Deutsche Bahn brand
334
334
 
335
- 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.
335
+ 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.
336
336
  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.
337
337
 
338
- You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn.
338
+ For any usage outside of Deutsche Bahn websites and applications you aren't allowed to use any Deutsche Bahn brand and
339
+ design assets as well as protected characteristics and trademarks, that for not including the DB Theme.
339
340
 
340
341
  ## Contributions
341
342
 
package/build/styles/absolute.css CHANGED
@@ -176,8 +176,6 @@ blockquote::before, blockquote::after {
176
176
  /* Those variables are only for components to calculate heights and change icons */
177
177
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
178
178
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
179
- --db-base-line-height: var(--db-type-body-line-height-md);
180
- --db-base-font-size: var(--db-type-body-font-size-md);
181
179
  line-height: var(--db-type-body-line-height-md);
182
180
  font-size: var(--db-type-body-font-size-md);
183
181
  }
@@ -187,8 +185,6 @@ code {
187
185
  /* Those variables are only for components to calculate heights and change icons */
188
186
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
189
187
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
190
- --db-base-line-height: var(--db-type-body-line-height-sm);
191
- --db-base-font-size: var(--db-type-body-font-size-sm);
192
188
  line-height: var(--db-type-body-line-height-sm);
193
189
  font-size: var(--db-type-body-font-size-sm);
194
190
  }
package/build/styles/defaults/default-fonts.css CHANGED
@@ -1,4 +1,4 @@
1
- code,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--db-font-family-head);font-weight:700;text-wrap:balance}:is(h1,h2,h3,h4,h5,h6)[data-variant=light]{font-weight:300}:is(h1,h2,h3,h4,h5,h6)[data-variant=regular]{font-weight:400}h1{font-size:var(--db-type-headline-font-size-xl);line-height:var(--db-type-headline-line-height-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(
1
+ code,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--db-font-family-head);font-weight:700;text-wrap:balance}:is(h1,h2,h3,h4,h5,h6)[data-variant=light]{font-weight:300}:is(h1,h2,h3,h4,h5,h6)[data-variant=regular]{font-weight:400}h1{font-size:var(--db-type-headline-font-size-xl);line-height:var(--db-type-headline-line-height-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(
2
2
  --db-base-headline-icon-font-size-xl
3
3
  );--db-icon-font-weight:var(
4
4
  --db-base-headline-icon-weight-xl
package/build/styles/defaults/default-root.css CHANGED
@@ -90,4 +90,4 @@
90
90
  --db-neutral-on-origin-hovered
91
91
  );--db-adaptive-on-origin-pressed:var(
92
92
  --db-neutral-on-origin-pressed
93
- );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)}}
93
+ );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);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/density/_densities.scss CHANGED
@@ -5,6 +5,10 @@
5
5
 
6
6
  @each $density in variables.$densities {
7
7
  %db-density-#{$density} {
8
+ @if ($density == "functional") {
9
+ --db-density-functional: 1;
10
+ }
11
+
8
12
  @extend %db-scaling-#{$density};
9
13
  @extend %db-typography-headline-#{$density};
10
14
  @extend %db-typography-body-#{$density};
package/build/styles/density/classes/all.css CHANGED
@@ -19,8 +19,6 @@
19
19
  /* Those variables are only for components to calculate heights and change icons */
20
20
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
21
21
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
22
- --db-base-line-height: var(--db-type-body-line-height-md);
23
- --db-base-font-size: var(--db-type-body-font-size-md);
24
22
  line-height: var(--db-type-body-line-height-md);
25
23
  font-size: var(--db-type-body-font-size-md);
26
24
  }
@@ -1031,3 +1029,8 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1031
1029
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-mobile-body-3xl);
1032
1030
  }
1033
1031
  }
1032
+
1033
+ .db-density-functional,
1034
+ [data-density=functional] {
1035
+ --db-density-functional: 1;
1036
+ }
package/build/styles/density/classes/expressive.css CHANGED
@@ -15,8 +15,6 @@
15
15
  /* Those variables are only for components to calculate heights and change icons */
16
16
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
17
17
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
18
- --db-base-line-height: var(--db-type-body-line-height-md);
19
- --db-base-font-size: var(--db-type-body-font-size-md);
20
18
  line-height: var(--db-type-body-line-height-md);
21
19
  font-size: var(--db-type-body-font-size-md);
22
20
  }
package/build/styles/density/classes/functional.css CHANGED
@@ -15,8 +15,6 @@
15
15
  /* Those variables are only for components to calculate heights and change icons */
16
16
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
17
17
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
18
- --db-base-line-height: var(--db-type-body-line-height-md);
19
- --db-base-font-size: var(--db-type-body-font-size-md);
20
18
  line-height: var(--db-type-body-line-height-md);
21
19
  font-size: var(--db-type-body-font-size-md);
22
20
  }
@@ -361,3 +359,8 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
361
359
  --db-base-body-icon-font-size-3xl: var(--db-base-icon-font-size-functional-mobile-body-3xl);
362
360
  }
363
361
  }
362
+
363
+ .db-density-functional,
364
+ [data-density=functional] {
365
+ --db-density-functional: 1;
366
+ }
package/build/styles/density/classes/regular.css CHANGED
@@ -15,8 +15,6 @@
15
15
  /* Those variables are only for components to calculate heights and change icons */
16
16
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
17
17
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
18
- --db-base-line-height: var(--db-type-body-line-height-md);
19
- --db-base-font-size: var(--db-type-body-font-size-md);
20
18
  line-height: var(--db-type-body-line-height-md);
21
19
  font-size: var(--db-type-body-font-size-md);
22
20
  }
package/build/styles/fonts/_font-sizes.scss CHANGED
@@ -2,8 +2,6 @@
2
2
  /* Those variables are only for components to calculate heights and change icons */
3
3
  --db-icon-font-weight: var(--db-base-body-icon-weight-#{$size});
4
4
  --db-icon-font-size: var(--db-base-body-icon-font-size-#{$size});
5
- --db-base-line-height: var(--db-type-body-line-height-#{$size});
6
- --db-base-font-size: var(--db-type-body-font-size-#{$size});
7
5
  }
8
6
 
9
7
  @mixin set-font-size($size) {
package/build/styles/fonts/classes/all.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
12
- --db-base-line-height: var(--db-type-body-line-height-3xl);
13
- --db-base-font-size: var(--db-type-body-font-size-3xl);
14
12
  line-height: var(--db-type-body-line-height-3xl);
15
13
  font-size: var(--db-type-body-font-size-3xl);
16
14
  }
@@ -29,8 +27,6 @@
29
27
  /* Those variables are only for components to calculate heights and change icons */
30
28
  --db-icon-font-weight: var(--db-base-body-icon-weight-2xl);
31
29
  --db-icon-font-size: var(--db-base-body-icon-font-size-2xl);
32
- --db-base-line-height: var(--db-type-body-line-height-2xl);
33
- --db-base-font-size: var(--db-type-body-font-size-2xl);
34
30
  line-height: var(--db-type-body-line-height-2xl);
35
31
  font-size: var(--db-type-body-font-size-2xl);
36
32
  }
@@ -49,8 +45,6 @@
49
45
  /* Those variables are only for components to calculate heights and change icons */
50
46
  --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
51
47
  --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
52
- --db-base-line-height: var(--db-type-body-line-height-xl);
53
- --db-base-font-size: var(--db-type-body-font-size-xl);
54
48
  line-height: var(--db-type-body-line-height-xl);
55
49
  font-size: var(--db-type-body-font-size-xl);
56
50
  }
@@ -69,8 +63,6 @@
69
63
  /* Those variables are only for components to calculate heights and change icons */
70
64
  --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
71
65
  --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
72
- --db-base-line-height: var(--db-type-body-line-height-lg);
73
- --db-base-font-size: var(--db-type-body-font-size-lg);
74
66
  line-height: var(--db-type-body-line-height-lg);
75
67
  font-size: var(--db-type-body-font-size-lg);
76
68
  }
@@ -89,8 +81,6 @@
89
81
  /* Those variables are only for components to calculate heights and change icons */
90
82
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
91
83
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
92
- --db-base-line-height: var(--db-type-body-line-height-md);
93
- --db-base-font-size: var(--db-type-body-font-size-md);
94
84
  line-height: var(--db-type-body-line-height-md);
95
85
  font-size: var(--db-type-body-font-size-md);
96
86
  }
@@ -109,8 +99,6 @@
109
99
  /* Those variables are only for components to calculate heights and change icons */
110
100
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
111
101
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
112
- --db-base-line-height: var(--db-type-body-line-height-sm);
113
- --db-base-font-size: var(--db-type-body-font-size-sm);
114
102
  line-height: var(--db-type-body-line-height-sm);
115
103
  font-size: var(--db-type-body-font-size-sm);
116
104
  }
@@ -129,8 +117,6 @@
129
117
  /* Those variables are only for components to calculate heights and change icons */
130
118
  --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
131
119
  --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
132
- --db-base-line-height: var(--db-type-body-line-height-xs);
133
- --db-base-font-size: var(--db-type-body-font-size-xs);
134
120
  line-height: var(--db-type-body-line-height-xs);
135
121
  font-size: var(--db-type-body-font-size-xs);
136
122
  }
@@ -149,8 +135,6 @@
149
135
  /* Those variables are only for components to calculate heights and change icons */
150
136
  --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
151
137
  --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
152
- --db-base-line-height: var(--db-type-body-line-height-2xs);
153
- --db-base-font-size: var(--db-type-body-font-size-2xs);
154
138
  line-height: var(--db-type-body-line-height-2xs);
155
139
  font-size: var(--db-type-body-font-size-2xs);
156
140
  }
@@ -169,8 +153,6 @@
169
153
  /* Those variables are only for components to calculate heights and change icons */
170
154
  --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
171
155
  --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
172
- --db-base-line-height: var(--db-type-body-line-height-3xs);
173
- --db-base-font-size: var(--db-type-body-font-size-3xs);
174
156
  line-height: var(--db-type-body-line-height-3xs);
175
157
  font-size: var(--db-type-body-font-size-3xs);
176
158
  }
package/build/styles/fonts/classes/body/2xl.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-2xl);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-2xl);
12
- --db-base-line-height: var(--db-type-body-line-height-2xl);
13
- --db-base-font-size: var(--db-type-body-font-size-2xl);
14
12
  line-height: var(--db-type-body-line-height-2xl);
15
13
  font-size: var(--db-type-body-font-size-2xl);
16
14
  }
package/build/styles/fonts/classes/body/2xs.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
12
- --db-base-line-height: var(--db-type-body-line-height-2xs);
13
- --db-base-font-size: var(--db-type-body-font-size-2xs);
14
12
  line-height: var(--db-type-body-line-height-2xs);
15
13
  font-size: var(--db-type-body-font-size-2xs);
16
14
  }
package/build/styles/fonts/classes/body/3xl.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
12
- --db-base-line-height: var(--db-type-body-line-height-3xl);
13
- --db-base-font-size: var(--db-type-body-font-size-3xl);
14
12
  line-height: var(--db-type-body-line-height-3xl);
15
13
  font-size: var(--db-type-body-font-size-3xl);
16
14
  }
package/build/styles/fonts/classes/body/3xs.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
12
- --db-base-line-height: var(--db-type-body-line-height-3xs);
13
- --db-base-font-size: var(--db-type-body-font-size-3xs);
14
12
  line-height: var(--db-type-body-line-height-3xs);
15
13
  font-size: var(--db-type-body-font-size-3xs);
16
14
  }
package/build/styles/fonts/classes/body/all.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-3xl);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-3xl);
12
- --db-base-line-height: var(--db-type-body-line-height-3xl);
13
- --db-base-font-size: var(--db-type-body-font-size-3xl);
14
12
  line-height: var(--db-type-body-line-height-3xl);
15
13
  font-size: var(--db-type-body-font-size-3xl);
16
14
  }
@@ -20,8 +18,6 @@
20
18
  /* Those variables are only for components to calculate heights and change icons */
21
19
  --db-icon-font-weight: var(--db-base-body-icon-weight-2xl);
22
20
  --db-icon-font-size: var(--db-base-body-icon-font-size-2xl);
23
- --db-base-line-height: var(--db-type-body-line-height-2xl);
24
- --db-base-font-size: var(--db-type-body-font-size-2xl);
25
21
  line-height: var(--db-type-body-line-height-2xl);
26
22
  font-size: var(--db-type-body-font-size-2xl);
27
23
  }
@@ -31,8 +27,6 @@
31
27
  /* Those variables are only for components to calculate heights and change icons */
32
28
  --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
33
29
  --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
34
- --db-base-line-height: var(--db-type-body-line-height-xl);
35
- --db-base-font-size: var(--db-type-body-font-size-xl);
36
30
  line-height: var(--db-type-body-line-height-xl);
37
31
  font-size: var(--db-type-body-font-size-xl);
38
32
  }
@@ -42,8 +36,6 @@
42
36
  /* Those variables are only for components to calculate heights and change icons */
43
37
  --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
44
38
  --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
45
- --db-base-line-height: var(--db-type-body-line-height-lg);
46
- --db-base-font-size: var(--db-type-body-font-size-lg);
47
39
  line-height: var(--db-type-body-line-height-lg);
48
40
  font-size: var(--db-type-body-font-size-lg);
49
41
  }
@@ -53,8 +45,6 @@
53
45
  /* Those variables are only for components to calculate heights and change icons */
54
46
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
55
47
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
56
- --db-base-line-height: var(--db-type-body-line-height-md);
57
- --db-base-font-size: var(--db-type-body-font-size-md);
58
48
  line-height: var(--db-type-body-line-height-md);
59
49
  font-size: var(--db-type-body-font-size-md);
60
50
  }
@@ -64,8 +54,6 @@
64
54
  /* Those variables are only for components to calculate heights and change icons */
65
55
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
66
56
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
67
- --db-base-line-height: var(--db-type-body-line-height-sm);
68
- --db-base-font-size: var(--db-type-body-font-size-sm);
69
57
  line-height: var(--db-type-body-line-height-sm);
70
58
  font-size: var(--db-type-body-font-size-sm);
71
59
  }
@@ -75,8 +63,6 @@
75
63
  /* Those variables are only for components to calculate heights and change icons */
76
64
  --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
77
65
  --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
78
- --db-base-line-height: var(--db-type-body-line-height-xs);
79
- --db-base-font-size: var(--db-type-body-font-size-xs);
80
66
  line-height: var(--db-type-body-line-height-xs);
81
67
  font-size: var(--db-type-body-font-size-xs);
82
68
  }
@@ -86,8 +72,6 @@
86
72
  /* Those variables are only for components to calculate heights and change icons */
87
73
  --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
88
74
  --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
89
- --db-base-line-height: var(--db-type-body-line-height-2xs);
90
- --db-base-font-size: var(--db-type-body-font-size-2xs);
91
75
  line-height: var(--db-type-body-line-height-2xs);
92
76
  font-size: var(--db-type-body-font-size-2xs);
93
77
  }
@@ -97,8 +81,6 @@
97
81
  /* Those variables are only for components to calculate heights and change icons */
98
82
  --db-icon-font-weight: var(--db-base-body-icon-weight-3xs);
99
83
  --db-icon-font-size: var(--db-base-body-icon-font-size-3xs);
100
- --db-base-line-height: var(--db-type-body-line-height-3xs);
101
- --db-base-font-size: var(--db-type-body-font-size-3xs);
102
84
  line-height: var(--db-type-body-line-height-3xs);
103
85
  font-size: var(--db-type-body-font-size-3xs);
104
86
  }
package/build/styles/fonts/classes/body/lg.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-lg);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-lg);
12
- --db-base-line-height: var(--db-type-body-line-height-lg);
13
- --db-base-font-size: var(--db-type-body-font-size-lg);
14
12
  line-height: var(--db-type-body-line-height-lg);
15
13
  font-size: var(--db-type-body-font-size-lg);
16
14
  }
package/build/styles/fonts/classes/body/md.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
12
- --db-base-line-height: var(--db-type-body-line-height-md);
13
- --db-base-font-size: var(--db-type-body-font-size-md);
14
12
  line-height: var(--db-type-body-line-height-md);
15
13
  font-size: var(--db-type-body-font-size-md);
16
14
  }
package/build/styles/fonts/classes/body/sm.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
12
- --db-base-line-height: var(--db-type-body-line-height-sm);
13
- --db-base-font-size: var(--db-type-body-font-size-sm);
14
12
  line-height: var(--db-type-body-line-height-sm);
15
13
  font-size: var(--db-type-body-font-size-sm);
16
14
  }
package/build/styles/fonts/classes/body/xl.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-xl);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-xl);
12
- --db-base-line-height: var(--db-type-body-line-height-xl);
13
- --db-base-font-size: var(--db-type-body-font-size-xl);
14
12
  line-height: var(--db-type-body-line-height-xl);
15
13
  font-size: var(--db-type-body-font-size-xl);
16
14
  }
package/build/styles/fonts/classes/body/xs.css CHANGED
@@ -9,8 +9,6 @@
9
9
  /* Those variables are only for components to calculate heights and change icons */
10
10
  --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
11
11
  --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
12
- --db-base-line-height: var(--db-type-body-line-height-xs);
13
- --db-base-font-size: var(--db-type-body-font-size-xs);
14
12
  line-height: var(--db-type-body-line-height-xs);
15
13
  font-size: var(--db-type-body-font-size-xs);
16
14
  }
package/build/styles/index.css CHANGED
@@ -176,8 +176,6 @@ blockquote::before, blockquote::after {
176
176
  /* Those variables are only for components to calculate heights and change icons */
177
177
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
178
178
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
179
- --db-base-line-height: var(--db-type-body-line-height-md);
180
- --db-base-font-size: var(--db-type-body-font-size-md);
181
179
  line-height: var(--db-type-body-line-height-md);
182
180
  font-size: var(--db-type-body-font-size-md);
183
181
  }
@@ -187,8 +185,6 @@ code {
187
185
  /* Those variables are only for components to calculate heights and change icons */
188
186
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
189
187
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
190
- --db-base-line-height: var(--db-type-body-line-height-sm);
191
- --db-base-font-size: var(--db-type-body-font-size-sm);
192
188
  line-height: var(--db-type-body-line-height-sm);
193
189
  font-size: var(--db-type-body-font-size-sm);
194
190
  }
package/build/styles/relative.css CHANGED
@@ -6415,8 +6415,6 @@ html:not(:has(> head > meta[name=color-scheme])) {
6415
6415
  /* Those variables are only for components to calculate heights and change icons */
6416
6416
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
6417
6417
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
6418
- --db-base-line-height: var(--db-type-body-line-height-md);
6419
- --db-base-font-size: var(--db-type-body-font-size-md);
6420
6418
  line-height: var(--db-type-body-line-height-md);
6421
6419
  font-size: var(--db-type-body-font-size-md);
6422
6420
  }
@@ -6426,8 +6424,6 @@ code {
6426
6424
  /* Those variables are only for components to calculate heights and change icons */
6427
6425
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
6428
6426
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
6429
- --db-base-line-height: var(--db-type-body-line-height-sm);
6430
- --db-base-font-size: var(--db-type-body-font-size-sm);
6431
6427
  line-height: var(--db-type-body-line-height-sm);
6432
6428
  font-size: var(--db-type-body-font-size-sm);
6433
6429
  }
package/build/styles/rollup.css CHANGED
@@ -176,8 +176,6 @@ blockquote::before, blockquote::after {
176
176
  /* Those variables are only for components to calculate heights and change icons */
177
177
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
178
178
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
179
- --db-base-line-height: var(--db-type-body-line-height-md);
180
- --db-base-font-size: var(--db-type-body-font-size-md);
181
179
  line-height: var(--db-type-body-line-height-md);
182
180
  font-size: var(--db-type-body-font-size-md);
183
181
  }
@@ -187,8 +185,6 @@ code {
187
185
  /* Those variables are only for components to calculate heights and change icons */
188
186
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
189
187
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
190
- --db-base-line-height: var(--db-type-body-line-height-sm);
191
- --db-base-font-size: var(--db-type-body-font-size-sm);
192
188
  line-height: var(--db-type-body-line-height-sm);
193
189
  font-size: var(--db-type-body-font-size-sm);
194
190
  }
package/build/styles/webpack.css CHANGED
@@ -176,8 +176,6 @@ blockquote::before, blockquote::after {
176
176
  /* Those variables are only for components to calculate heights and change icons */
177
177
  --db-icon-font-weight: var(--db-base-body-icon-weight-md);
178
178
  --db-icon-font-size: var(--db-base-body-icon-font-size-md);
179
- --db-base-line-height: var(--db-type-body-line-height-md);
180
- --db-base-font-size: var(--db-type-body-font-size-md);
181
179
  line-height: var(--db-type-body-line-height-md);
182
180
  font-size: var(--db-type-body-font-size-md);
183
181
  }
@@ -187,8 +185,6 @@ code {
187
185
  /* Those variables are only for components to calculate heights and change icons */
188
186
  --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
189
187
  --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
190
- --db-base-line-height: var(--db-type-body-line-height-sm);
191
- --db-base-font-size: var(--db-type-body-font-size-sm);
192
188
  line-height: var(--db-type-body-line-height-sm);
193
189
  font-size: var(--db-type-body-font-size-sm);
194
190
  }
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "https://github.com/db-ux-design-system/core-web.git"
8
+ "url": "git+https://github.com/db-ux-design-system/core-web.git"
9
9
  },
10
10
  "license": "DB Design License",
11
11
  "main": "./build/index.js",
@@ -51,11 +51,11 @@
51
51
  "dotenv": "^16.4.7",
52
52
  "glob": "11.0.1",
53
53
  "nodemon": "3.1.9",
54
- "prettier": "^3.5.1",
54
+ "prettier": "^3.5.3",
55
55
  "sass": "1.85.0",
56
56
  "tsx": "^4.19.3",
57
57
  "typescript": "^5.4.5",
58
- "vite": "^6.1.1"
58
+ "vite": "^6.2.2"
59
59
  },
60
60
  "publishConfig": {
61
61
  "registry": "https://registry.npmjs.org/",