@db-ux/react-core-components 4.5.4-mcp-server-migrate-tool-test-1-eb724df → 4.5.4-postcss-a42fe67
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.
- package/README.md +62 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -44,7 +44,9 @@ import "@db-ux/core-components/build/styles/rollup.css";
|
|
|
44
44
|
|
|
45
45
|
</details>
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
### Vite 8
|
|
48
|
+
|
|
49
|
+
Starting with Vite 8, the default CSS minifier was changed to [LightningCSS](https://lightningcss.dev/), which provides buggy transformations for modern CSS features used by the DB UX Design System (e.g. `light-dark()` CSS function). To keep CSS output stable, configure `vite.config.ts` like this:
|
|
48
50
|
|
|
49
51
|
```ts
|
|
50
52
|
// vite.config.ts
|
|
@@ -76,6 +78,27 @@ export default defineConfig({
|
|
|
76
78
|
|
|
77
79
|
> **Note:** The `@db-ux/core-components/build/styles/relative` file contains optional and all components styles. If you consider performance issues see [@db-ux/core-components](https://www.npmjs.com/package/@db-ux/core-components) for more information.
|
|
78
80
|
|
|
81
|
+
### Next 16
|
|
82
|
+
|
|
83
|
+
Starting with Next 16, the default CSS minifier was changed to [LightningCSS](https://lightningcss.dev/), which provides buggy transformations for modern CSS features used by the DB UX Design System (e.g. `light-dark()` CSS function). We might provide a specific configuration necessary to mitigate those problems in the near future. To keep CSS output stable in the meantime, configure `next.config.ts` like this:
|
|
84
|
+
|
|
85
|
+
````ts
|
|
86
|
+
// next.config.ts
|
|
87
|
+
|
|
88
|
+
import type { NextConfig } from 'next'
|
|
89
|
+
|
|
90
|
+
const nextConfig: NextConfig = {
|
|
91
|
+
experimental: {
|
|
92
|
+
useLightningcss: true,
|
|
93
|
+
lightningCssFeatures: {
|
|
94
|
+
exclude: ['light-dark'],
|
|
95
|
+
},
|
|
96
|
+
},
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export default nextConfig
|
|
100
|
+
````
|
|
101
|
+
|
|
79
102
|
### DB Theme
|
|
80
103
|
|
|
81
104
|
In case that you're building a website or application for Deutsche Bahn, you'll additionally have to install the DB Theme via the [`@db-ux/db-theme`](https://www.npmjs.com/package/@db-ux/db-theme) node package (even also available as an inner source node package, as described within that packages README).
|
|
@@ -105,6 +128,44 @@ This will create or update `.github/copilot-instructions.md` with component docu
|
|
|
105
128
|
|
|
106
129
|
📖 **[Learn more about `@db-ux/agent-cli` node package](packages/agent-cli/README.md)**
|
|
107
130
|
|
|
131
|
+
## Code Quality
|
|
132
|
+
|
|
133
|
+
To enforce correct usage of DB UX Design System components in your React project, we provide the [`@db-ux/core-eslint-plugin`](https://www.npmjs.com/package/@db-ux/core-eslint-plugin) ESLint plugin.
|
|
134
|
+
|
|
135
|
+
### Installation
|
|
136
|
+
|
|
137
|
+
```shell
|
|
138
|
+
npm install eslint @db-ux/core-eslint-plugin @typescript-eslint/parser --save-dev
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
### Setup
|
|
142
|
+
|
|
143
|
+
```js
|
|
144
|
+
// eslint.config.js
|
|
145
|
+
import dbUx from "@db-ux/core-eslint-plugin";
|
|
146
|
+
import tsParser from "@typescript-eslint/parser";
|
|
147
|
+
|
|
148
|
+
export default [
|
|
149
|
+
{
|
|
150
|
+
files: ["**/*.ts", "**/*.tsx"],
|
|
151
|
+
languageOptions: {
|
|
152
|
+
parser: tsParser,
|
|
153
|
+
parserOptions: {
|
|
154
|
+
ecmaVersion: "latest",
|
|
155
|
+
sourceType: "module",
|
|
156
|
+
ecmaFeatures: { jsx: true }
|
|
157
|
+
}
|
|
158
|
+
},
|
|
159
|
+
plugins: {
|
|
160
|
+
"db-ux": dbUx
|
|
161
|
+
},
|
|
162
|
+
rules: dbUx.configs.recommended.rules
|
|
163
|
+
}
|
|
164
|
+
];
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
📖 **[Learn more about `@db-ux/core-eslint-plugin` node package](https://www.npmjs.com/package/@db-ux/core-eslint-plugin)**
|
|
168
|
+
|
|
108
169
|
## Deutsche Bahn brand
|
|
109
170
|
|
|
110
171
|
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.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/react-core-components",
|
|
3
|
-
"version": "4.5.4-
|
|
3
|
+
"version": "4.5.4-postcss-a42fe67",
|
|
4
4
|
"description": "React components for @db-ux/core-components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
"sideEffects": false,
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@db-ux/core-components": "4.5.4-
|
|
45
|
-
"@db-ux/core-foundations": "4.5.4-
|
|
44
|
+
"@db-ux/core-components": "4.5.4-postcss-a42fe67",
|
|
45
|
+
"@db-ux/core-foundations": "4.5.4-postcss-a42fe67"
|
|
46
46
|
}
|
|
47
47
|
}
|