v0.7.x-to-v1.0.0.md

Migration Beta (0.7.x) ➡ 1.0.0

Packages

• @db-ui/foundations ➡️ @db-ux/core-foundations
• @db-ui/components ➡️ @db-ux/core-components
• @db-ui/migration ➡️ @db-ux/core-migration
• @db-ui/stylelint ➡️ @db-ux/core-stylelint
• @db-ui/ngx-components ➡️ @db-ux/ngx-core-components
• @db-ui/react-components ➡️ @db-ux/react-core-components
• @db-ui/v-components ➡️ @db-ux/v-core-components
• @db-ui/web-components ➡️ @db-ux/wc-core-components

Foundations

We update some classes and data--attributes to match with the "Appearances" inside Figma:

• data-color-scheme ➡️ data-mode - if you set a container to a fixed dark or light mode
• data-container-color ➡️ data-color - if you changed an adaptive color scheme
• ❌ data-color="XXX-bg-basic-level-[1|2|3]" - removed combination of background and adaptive color scheme

Components

We changed some properties for components to align with Figma properties:

Global

• Renamed all behaviour props to behavior

Accordion

• behaviour="default" ➡️ behavior="divider"

Badge

We updated the colors for the weak badge to match better with strong and the new origin badge.

Card

• behaviour="default" ➡️ behavior="static"

Tabs

We updated the colors for the weak tag to match better with strong and the new origin tag.

• behaviour ➡️ behavior

Tag

• behaviour ➡️ behavior

Tooltip

• variant="'with arrow'|'basic'" ➡️ showArrow="true|false" - Defaults to true

Automate migration via CLI

We provide a CLI tool to auto migrate your source code. Use this command in your repository:

npx @db-ux/core-migration --type=v007_v100 --src=./src

Please check the changes made in your codebase afterwards, as this is mainly a simple search & replace and there might be unexpected changes of similar wordings to our properties for any other methods, or further code occurrences that don't even refer to properties.