Skip to content

Commit bcdd3b9

Browse files
mfranzkemfranzke
authored
refactor: prettier (#4079)
* refactor: prettier * refactor: prettier
1 parent 2cf1cb1 commit bcdd3b9

File tree

12 files changed

+436
-345
lines changed

12 files changed

+436
-345
lines changed

‎docs/migration/alpha-beta.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,21 @@
44

55
### Breaking Changes
66

7-
| Name | Description | Action |
8-
| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9-
| 🔄 renamed `Tonality` to `Density` | class names and data-attributes changed from <br/>`.db-ux-#{$tonality},[data-tonality="#{$tonality}"] {` to <br/>`.db-#{density},[data-density="#{density}"] {` | search `tonality` & replace with `density` |
10-
| ❌ removed `opacity` tokens | we use only 1 opacity (0.4) for all components | If you use some of the tokens like `--db-opacity-sm` you might run into issues with your layout |
11-
| 🔄 updated `border` tokens | we add all shirt-sizes `3xs`-`3xl` as tokens | If you use some of the tokens like `db-border-height-sm` you might run into issues with your layout, because the values behind it changed |
12-
| 🔄 moved `_font-sizes.scss` | We moved the file to another folder to align the same structure as icons or colors. We add `css` classes, you can use them by importing `@db-ux/core-foundations/scss/fonts/classes/all.css` | If you use some placeholder like `%db-overwrite-font-size-sm` you might need to import the `_font-sizes.scss` like this: `@use "@db-ux/core-foundations/build/scss/fonts";` |
7+
| Name | Description | Action |
8+
| ---------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9+
| 🔄 renamed `Tonality` to `Density` | class names and data-attributes changed from <br/>`.db-ux-#{$tonality},[data-tonality="#{$tonality}"] {` to <br/>`.db-#{density},[data-density="#{density}"] {` | search `tonality` & replace with `density` |
10+
| ❌ removed `opacity` tokens | we use only 1 opacity (0.4) for all components | If you use some of the tokens like `--db-opacity-sm` you might run into issues with your layout |
11+
| 🔄 updated `border` tokens | we add all shirt-sizes `3xs`-`3xl` as tokens | If you use some of the tokens like `db-border-height-sm` you might run into issues with your layout, because the values behind it changed |
12+
| 🔄 moved `_font-sizes.scss` | We moved the file to another folder to align the same structure as icons or colors. We add `css` classes, you can use them by importing `@db-ux/core-foundations/scss/fonts/classes/all.css` | If you use some placeholder like `%db-overwrite-font-size-sm` you might need to import the `_font-sizes.scss` like this: `@use "@db-ux/core-foundations/build/scss/fonts";` |
1313
| 🔄 ❗ refactored `colors` | All colors changed. We use color-palettes to generate speaking-names (check `@db-ux/core-foundations/scss/colors/_variables.scss` to see a list of available tokens). We removed `base` color, it was the same like `neutral`. Add different background level. | 1. Replace all `base` colors with `neutral`<br/>2. If you use the color class replace `db-bg-x` with `db-x-bg-lvl-1`<br/>3. Replace `border-strong`/ `border-weak` tokens with `contrast-high`/`contrast-low` |
14-
| 🔄 renamed timing variables | renamed `$db-transition-emotional-timing` to `$db-transition-timing-emotional` / `--db-transition-emotional-timing` to `--db-transition-timing-emotional` | Replace `transition-emotional-timing` by `transition-timing-emotional` |
14+
| 🔄 renamed timing variables | renamed `$db-transition-emotional-timing` to `$db-transition-timing-emotional` / `--db-transition-emotional-timing` to `--db-transition-timing-emotional` | Replace `transition-emotional-timing` by `transition-timing-emotional` |
1515

1616
### Internal
1717

18-
| Name | Description | Action |
19-
| --------------------------------- | ------------------------------------------------------------------------------------------ | ------ |
18+
| Name | Description | Action |
19+
| --------------------------------- | -------------------------------------------------------------------------------------------------------- | ------ |
2020
| ❌ removed `style-dictonary` | all variables will be generated in [theme-builder](https://github.com/db-ux-design-system/theme-builder) | --- |
21-
| ❌ removed `zeplin-styleguide.js` | we use `Figma` in the future | --- |
21+
| ❌ removed `zeplin-styleguide.js` | we use `Figma` in the future | --- |
2222

2323
## Components
2424

‎packages/components/src/components/tab-item/docs/Vue.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,12 @@ For general installation and configuration take a look at the [v-core-components
77
```vue App.vue
88
<!-- App.vue -->
99
<script>
10-
import { DBTabPanel, DBTabs, DBTabList, DBTabItem } from "@db-ux/v-core-components";
10+
import {
11+
DBTabPanel,
12+
DBTabs,
13+
DBTabList,
14+
DBTabItem
15+
} from "@db-ux/v-core-components";
1116
</script>
1217
1318
<template>

‎packages/components/src/components/tab-item/tab-item.scss

-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@ $with-icon-padding-calc: calc(
1111
#{form-components.$font-size-height}
1212
);
1313

14-
1514
.db-tab-item {
1615
position: relative;
1716
display: inline-flex;

‎packages/components/src/components/tab-list/docs/Vue.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,12 @@ For general installation and configuration take a look at the [v-core-components
77
```vue App.vue
88
<!-- App.vue -->
99
<script>
10-
import { DBTabPanel, DBTabs, DBTabList, DBTabItem } from "@db-ux/v-core-components";
10+
import {
11+
DBTabPanel,
12+
DBTabs,
13+
DBTabList,
14+
DBTabItem
15+
} from "@db-ux/v-core-components";
1116
</script>
1217
1318
<template>

‎packages/components/src/components/tab-panel/docs/Vue.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,12 @@ For general installation and configuration take a look at the [v-core-components
77
```vue App.vue
88
<!-- App.vue -->
99
<script>
10-
import { DBTabPanel, DBTabs, DBTabList, DBTabItem } from "@db-ux/v-core-components";
10+
import {
11+
DBTabPanel,
12+
DBTabs,
13+
DBTabList,
14+
DBTabItem
15+
} from "@db-ux/v-core-components";
1116
</script>
1217
1318
<template>

‎packages/components/src/components/tabs/docs/Vue.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,12 @@ For general installation and configuration take a look at the [v-core-components
77
```vue App.vue
88
<!-- App.vue -->
99
<script>
10-
import { DBTabPanel, DBTabs, DBTabList, DBTabItem } from "@db-ux/v-core-components";
10+
import {
11+
DBTabPanel,
12+
DBTabs,
13+
DBTabList,
14+
DBTabItem
15+
} from "@db-ux/v-core-components";
1116
</script>
1217
1318
<template>

0 commit comments

Comments
 (0)