diff --git a/packages/foundations/README.md b/packages/foundations/README.md index 2db42dd6fc6..0250f0609f0 100644 --- a/packages/foundations/README.md +++ b/packages/foundations/README.md @@ -5,7 +5,7 @@ [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com) -A library containing all tokens of [DB UX Design System (technical components)](https://github.com/db-ui/mono). +A library containing all tokens (colors, icons, variables) of [DB UX Design System (technical components)](https://github.com/db-ui/mono). We currently support: @@ -22,7 +22,7 @@ We currently support: The defaults for `db-ui-foundations.css` are: - [Tonality](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities): `regular` -- [Adaptive Coloring](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles): `neutral-0` +- [Adaptive Coloring](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles): `base` ### CSS diff --git a/packages/foundations/docs/Icons.md b/packages/foundations/docs/Icons.md index 11651c3b315..7104679ed64 100644 --- a/packages/foundations/docs/Icons.md +++ b/packages/foundations/docs/Icons.md @@ -4,7 +4,7 @@ - We auto generate these files out of `.svg` files. - A lot of our [components](../../components/readme) have an `icon` property you can pass in. -## How to include colors +## How to include icons For `CSS`, `SCSS` and `Tailwind` you don't have to include a specific file, just follow the documentation for [foundations](../../foundations/readme). diff --git a/showcases/patternhub/styles/globals.scss b/showcases/patternhub/styles/globals.scss index d74d06ac084..6e1c71d978d 100644 --- a/showcases/patternhub/styles/globals.scss +++ b/showcases/patternhub/styles/globals.scss @@ -177,7 +177,7 @@ div[class^="ch-"] { } %spacing { - @extend %db-warning-component; + @extend %db-successful-component; height: 100%; display: flex; justify-content: center; @@ -254,6 +254,7 @@ div[class^="ch-"] { .sizing { @extend %spacing; + @extend %db-warning-component; position: unset; block-size: variables.$db-sizing-md; inline-size: variables.$db-sizing-md;