diff --git a/docs/migration/alpha-beta.md b/docs/migration/alpha-beta.md index 74e161de1081..61fe4c7ddd98 100644 --- a/docs/migration/alpha-beta.md +++ b/docs/migration/alpha-beta.md @@ -36,14 +36,14 @@ The prop labelVariant for form-components (input, checkbox, ...) has been rename | -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | 🔄 renamed `db-alert` to `db-notification` | renamed `alert` to `notification` and add/changed some additional properties | 1. Replace `DBAlert`, `db-alert` by `DBNotification` / `db-notification`
2. `Link` was removed, add a normal `a` or `DBLink` to the `slotLink`
3. `props.type` has been changed to `props.variant`
4. `onClick` has been changed to `onClose` | | 🔄 renamed `db-main-navigation` to `db-navigation` | renamed `main-navigation` to `navigation` | Replace `DBMainNavigation`, `db-main-navigation` by `DBNavigation` / `db-navigation` | -| 🔄 changed `db-button` variants | We renamed the variants for the button | `primary` ➡ `brand`
`solid` ➡ `filled`
`text` ➡ `ghost` | -| 🔄 changed `db-card` elevation | We replaced the box-shadow elevation with bg-level | 1. `props.elevation` ➡ `props.elevationLevel` (1,2,3)
2. `props.variant` ➡ `props.behaviour`
3. Removed card-image | +| 🔄 changed `db-button` variants | We renamed the variants for the button | `primary` ➡ `brand`
`solid` ➡ `filled`
`text` ➡ `ghost` | +| 🔄 changed `db-card` elevation | We replaced the box-shadow elevation with bg-level | 1. `props.elevation` ➡ `props.elevationLevel` (1,2,3)
2. `props.variant` ➡ `props.behaviour`
3. Removed card-image | | 🆕 valid/invalid message form-components | We add additional messages for `required` form-components like `DBInput` etc. | Use `validMessage="XXX"` and `invalidMessage="XXX"` to display the required information for form-components. Otherwise you will see a default message with a `TODO: ...` | -| 🔄 changed `db-link` variant | We renamed the variants for the link | `primary` ➡ `brand` | +| 🔄 changed `db-link` variant | We renamed the variants for the link | `primary` ➡ `brand` | | ❌ removed `data-variant="information/critical/..."` for form-components like `input`, `select` and `textarea` | We don't support the colors changes anymore. Use `required`, `pattern`, `min` etc. to trigger `user-valid` for green and red components | `data-variant` changes the label variant now | | 🔄 changed `db-accordion` title | We replaced `title` with `headlinePlain` because there is already a html default `title`, which caused trouble | Rename `title` to `headlinePlain` or use the slot `headline` | | ❌ removed prop `areaPopup` from `db-navigation-item` | We no longer support opening sub-navigations from via prop. | There is no alternative at the moment. | -| 🔄 changed `db-header` slot names | The slot names for "action" containers changed | 1. `callToAction` ➡ `primaryAction`
2. `actionBar` ➡ `secondaryAction` | +| 🔄 changed `db-header` slot names | The slot names for "action" containers changed | 1. `callToAction` ➡ `primaryAction`
2. `actionBar` ➡ `secondaryAction` | | 🔄 renamed `size` & `variant` in `db-section` | The properties `size` and `variant` in `db-section` were renamed to `spacing` & `width` to align it with other components | Search for every `db-section` and replace `size` with `spacing` and `variant` with `width` | ### React diff --git a/package-lock.json b/package-lock.json index e0a049ffaa3d..e25b4df5d915 100644 --- a/package-lock.json +++ b/package-lock.json @@ -76,7 +76,7 @@ "playwright-core": "1.56.1", "postcss": "8.5.6", "postcss-cli": "11.0.1", - "prettier": "3.6.2", + "prettier": "3.7.3", "prettier-plugin-organize-imports": "4.3.0", "prettier-plugin-pkg": "0.21.2", "publint": "0.3.15", @@ -42781,9 +42781,9 @@ } }, "node_modules/prettier": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.6.2.tgz", - "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==", + "version": "3.7.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.3.tgz", + "integrity": "sha512-QgODejq9K3OzoBbuyobZlUhznP5SKwPqp+6Q6xw6o8gnhr4O85L2U915iM2IDcfF2NPXVaM9zlo9tdwipnYwzg==", "dev": true, "license": "MIT", "bin": { @@ -56412,7 +56412,7 @@ "dotenv": "17.2.3", "glob": "11.1.0", "nodemon": "3.1.11", - "prettier": "3.6.2", + "prettier": "3.7.3", "sass": "1.85.0", "tsx": "4.21.0", "typescript": "5.9.3", @@ -57091,7 +57091,7 @@ "eslint-config-next": "16.0.7", "iframe-resizer": "5.5.7", "open-cli": "8.0.0", - "prettier": "3.6.2", + "prettier": "3.7.3", "sass": "1.85.0", "typescript": "5.9.3", "unist-util-visit": "5.0.0" diff --git a/package.json b/package.json index 8bf3dad5228e..8572ce1a3a7c 100644 --- a/package.json +++ b/package.json @@ -137,7 +137,7 @@ "playwright-core": "1.56.1", "postcss": "8.5.6", "postcss-cli": "11.0.1", - "prettier": "3.6.2", + "prettier": "3.7.3", "prettier-plugin-organize-imports": "4.3.0", "prettier-plugin-pkg": "0.21.2", "publint": "0.3.15", diff --git a/packages/agent-cli/CHANGELOG.md b/packages/agent-cli/CHANGELOG.md index 72a16ba56864..4a8e44f26f37 100644 --- a/packages/agent-cli/CHANGELOG.md +++ b/packages/agent-cli/CHANGELOG.md @@ -36,7 +36,7 @@ _version bump_ ### Patch Changes - chore: update instructions files for better copilot outputs - [see commit e4bc905](https://github.com/db-ux-design-system/core-web/commit/e4bc90508479387371d816d5776f9f568aa5fb82): - - fix: add some missing variables + - fix: add some missing variables ## 4.0.1 @@ -59,4 +59,4 @@ _version bump_ ### Patch Changes - enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package - [see commit 0233048](https://github.com/db-ux-design-system/core-web/commit/023304869e61f5a506dca66a22d69e5f3d70f4d0): - - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation + - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index a5925fb98b92..0454ef9314e9 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -31,14 +31,14 @@ _version bump_ - refactor(notification): update and simplify grid layout for block link variant - [see commit cb83f96](https://github.com/db-ux-design-system/core-web/commit/cb83f966eaf29c85b4cf0079750bdd563f216d6e) - fix(DBCustomSelect): properly announce selected options - [see commit 773edeb](https://github.com/db-ux-design-system/core-web/commit/773edeb943a085eb79e1c8d59059137b2830fbf0): - - feat(DBCustomSelect): introduce new property `selectedPrefix` + - feat(DBCustomSelect): introduce new property `selectedPrefix` ### Patch Changes - fix(DBCustomSelect): automatically handle form reset events - [see commit 6af5246](https://github.com/db-ux-design-system/core-web/commit/6af5246b3b2e6febdc6ff6342ba1a8eb10184d14): - - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed. - - This listener detects form resets and updates the component's internal value/checked state accordingly. - - > **Note**: This does not work for `ngModel` in Angular. + - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed. + - This listener detects form resets and updates the component's internal value/checked state accordingly. + - > **Note**: This does not work for `ngModel` in Angular. - fix(button): Replace fixed height with min-height for buttons to allow dynamic height adjustment when text wraps - [see commit d1fd2c4](https://github.com/db-ux-design-system/core-web/commit/d1fd2c4e58a5ed6f75fab44700cd2d93c7232474) @@ -61,7 +61,7 @@ _version bump_ ### Patch Changes - chore: update instructions files for better copilot outputs - [see commit e4bc905](https://github.com/db-ux-design-system/core-web/commit/e4bc90508479387371d816d5776f9f568aa5fb82): - - fix: add some missing variables + - fix: add some missing variables - fix(card): Remove the obsolete but harmful declaration regarding wrapping button and link styles. - [see commit 34c78df](https://github.com/db-ux-design-system/core-web/commit/34c78dffd4f43b0ac740574358b426a562e05cd0) @@ -76,9 +76,9 @@ _version bump_ ### Major Changes - feat: Switch stable rework - [see commit cb2deb0](https://github.com/db-ux-design-system/core-web/commit/cb2deb0f1c54900d1967483aea05d81279c02f59): - - **BREAKING CHANGE**: remove `emphasis` property - - introduce validation (invalid and valid) - - configurable label position + - **BREAKING CHANGE**: remove `emphasis` property + - introduce validation (invalid and valid) + - configurable label position - **BREAKING CHANGE**: refactor(Custom Select): renamed `ariaListLabel` property to `listLabel` - [see commit 966d5ad](https://github.com/db-ux-design-system/core-web/commit/966d5ad01f00d0ca1707cc316a63e2d431fff1e9) @@ -97,12 +97,12 @@ _version bump_ ### Patch Changes - fix(DBTabs): ensure navigation arrows appear correctly on window resize - [see commit 4e65e00](https://github.com/db-ux-design-system/core-web/commit/4e65e00d280cae18baee03b5a7a9b13eec063835): - - This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed. + - This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed. - fix(select): jumping placeholder for label above - [see commit 7ed8d22](https://github.com/db-ux-design-system/core-web/commit/7ed8d2225102e0e9044437e95917e11eef4bc73f) - enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package - [see commit 0233048](https://github.com/db-ux-design-system/core-web/commit/023304869e61f5a506dca66a22d69e5f3d70f4d0): - - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation + - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation ## 3.1.17 @@ -110,17 +110,17 @@ _version bump_ - fix: color mode for textarea resizer control set by color-mode-switch documentation UI component - [see commit 354e270](https://github.com/db-ux-design-system/core-web/commit/354e27029a4378288a97ed5e31b75c11758f0c01) - refactor: enabling `hidden` HTML attribute in every context in which we need to set overwriting styling declarations (`display`) - [see commit 4826455](https://github.com/db-ux-design-system/core-web/commit/4826455637590b6ae780afb93abb9effe9380342) - - @db-ux/core-foundations@3.1.17 + - @db-ux/core-foundations@3.1.17 ## 3.1.16 ### Patch Changes - a28eb71: fix(custom-select): keyboard navigation for option groups in single-select mode - [see commit 6d60bab](https://github.com/db-ux-design-system/core-web/commit/6d60bab2eb87f16a9ffa942085bffd658564769c): - - Fixes a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode. - - Now, all options are accessible via keyboard regardless of group boundaries. + - Fixes a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode. + - Now, all options are accessible via keyboard regardless of group boundaries. - fix: JS framework core-components packages are missing `@db-ux` dependencies - [see commit 49df866](https://github.com/db-ux-design-system/core-web/commit/49df866e753a9459f5acdca4ad1e19141b477471) - - @db-ux/core-foundations@3.1.16 + - @db-ux/core-foundations@3.1.16 ## 3.1.15 @@ -129,4 +129,4 @@ _version bump_ - 262964b: fix(Switch): double event firing with Angular signals - 262964b: fix(CustomSelect): tags remaining visible when form values are reset - 262964b: fix(CustomSelect): custom removeTagsTexts are not applied correctly - - @db-ux/core-foundations@3.1.15 + - @db-ux/core-foundations@3.1.15 diff --git a/packages/components/src/components/drawer/drawer.spec.tsx b/packages/components/src/components/drawer/drawer.spec.tsx index d11865373aef..54478d95c743 100644 --- a/packages/components/src/components/drawer/drawer.spec.tsx +++ b/packages/components/src/components/drawer/drawer.spec.tsx @@ -15,14 +15,13 @@ const testComponent = (viewport) => { await expect(component).toContainText('Test'); }); - test.fixme( - `should match screenshot for device ${viewport.name}`, - async ({ mount }) => { - const component = await mount(comp); - // TODO: Screenshots are not captured for top-layer - await expect(component).toHaveScreenshot(); - } - ); + test.fixme(`should match screenshot for device ${viewport.name}`, async ({ + mount + }) => { + const component = await mount(comp); + // TODO: Screenshots are not captured for top-layer + await expect(component).toHaveScreenshot(); + }); }; const testA11y = () => { diff --git a/packages/components/src/components/switch/switch.spec.tsx b/packages/components/src/components/switch/switch.spec.tsx index 64e812f6f12b..b7e9a4ad8fcb 100644 --- a/packages/components/src/components/switch/switch.spec.tsx +++ b/packages/components/src/components/switch/switch.spec.tsx @@ -36,7 +36,9 @@ test.describe('DBSwitch', () => { test('should toggle on ENTER key press', async ({ mount, page }) => { const component = await mount(Test Switch); - const input = component.locator('input[type="checkbox"][role="switch"]'); + const input = component.locator( + 'input[type="checkbox"][role="switch"]' + ); // Initially unchecked await expect(input).not.toBeChecked(); diff --git a/packages/components/src/utils/navigation.ts b/packages/components/src/utils/navigation.ts index 2c996a490c72..8b98be9d156d 100644 --- a/packages/components/src/utils/navigation.ts +++ b/packages/components/src/utils/navigation.ts @@ -13,7 +13,7 @@ export const isEventTargetNavigationItem = (event: unknown): boolean => { const { target } = event as { target: HTMLElement }; return Boolean( !target?.classList?.contains('db-navigation-item-expand-button') && - target?.parentElement?.classList.contains('db-navigation-item') + target?.parentElement?.classList.contains('db-navigation-item') ); }; diff --git a/packages/foundations/CHANGELOG.md b/packages/foundations/CHANGELOG.md index 9a7cc81d1539..5f0fb8cb70c1 100644 --- a/packages/foundations/CHANGELOG.md +++ b/packages/foundations/CHANGELOG.md @@ -37,28 +37,28 @@ _version bump_ ### Patch Changes - chore: update instructions files for better copilot outputs - [see commit e4bc905](https://github.com/db-ux-design-system/core-web/commit/e4bc90508479387371d816d5776f9f568aa5fb82): - - fix: add some missing variables + - fix: add some missing variables - fix(tailwind): add individual color theme files for all color variants - [see commit e8d58bd](https://github.com/db-ux-design-system/core-web/commit/e8d58bde01039a3d233105c2c72efa71c619c4b4): - - Create separate CSS files for each color - - Move colors.css to colors/ subdirectory with adaptive theme - - Add colors/index.css that imports all color variants - - Update theme/index.css to import from colors/index.css - - burgundy - - critical - - cyan - - green - - informational - - light-green - - neutral - - orange - - pink - - red - - successful - - turquoise - - violet - - warning - - yellow + - Create separate CSS files for each color + - Move colors.css to colors/ subdirectory with adaptive theme + - Add colors/index.css that imports all color variants + - Update theme/index.css to import from colors/index.css + - burgundy + - critical + - cyan + - green + - informational + - light-green + - neutral + - orange + - pink + - red + - successful + - turquoise + - violet + - warning + - yellow ## 4.0.1 @@ -85,7 +85,7 @@ _version bump_ ### Patch Changes - enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package - [see commit 0233048](https://github.com/db-ux-design-system/core-web/commit/023304869e61f5a506dca66a22d69e5f3d70f4d0): - - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation + - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation ## 3.1.17 diff --git a/packages/foundations/package.json b/packages/foundations/package.json index 3c5d88a94ae0..9b2f5c83b3ad 100644 --- a/packages/foundations/package.json +++ b/packages/foundations/package.json @@ -59,7 +59,7 @@ "dotenv": "17.2.3", "glob": "11.1.0", "nodemon": "3.1.11", - "prettier": "3.6.2", + "prettier": "3.7.3", "sass": "1.85.0", "tsx": "4.21.0", "typescript": "5.9.3", diff --git a/packages/stylelint/package.json b/packages/stylelint/package.json index 160093c7a8a1..223fa5ef590d 100644 --- a/packages/stylelint/package.json +++ b/packages/stylelint/package.json @@ -31,6 +31,9 @@ "copy:readme": "cpr README.md ../../build-outputs/stylelint/README.md -o", "test": "vitest run --config vitest.config.ts" }, + "peerDependencies": { + "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.0" + }, "devDependencies": { "postcss": "8.5.6", "postcss-html": "1.8.0", @@ -40,9 +43,6 @@ "typescript": "5.9.3", "vitest": "3.2.4" }, - "peerDependencies": { - "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.0" - }, "publishConfig": { "registry": "https://registry.npmjs.org/", "access": "public" diff --git a/showcases/patternhub/components/component-parser/data.ts b/showcases/patternhub/components/component-parser/data.ts index 2ef8805544d9..65b980240a14 100644 --- a/showcases/patternhub/components/component-parser/data.ts +++ b/showcases/patternhub/components/component-parser/data.ts @@ -5,7 +5,7 @@ export type ComponentParserType = { export type ComponentType = { index?: string | number; type?: /* Template hygen type */ - | 'stack' + | 'stack' | 'switch' | 'custom-select' | 'tab-panel' diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json index 17ffcdf4b84a..1fdc21e16d27 100644 --- a/showcases/patternhub/package.json +++ b/showcases/patternhub/package.json @@ -45,7 +45,7 @@ "eslint-config-next": "16.0.7", "iframe-resizer": "5.5.7", "open-cli": "8.0.0", - "prettier": "3.6.2", + "prettier": "3.7.3", "sass": "1.85.0", "typescript": "5.9.3", "unist-util-visit": "5.0.0"