@db-ux/core-components 4.5.4-mcp-e4cd7e6 → 4.5.4-mcp-server-standalone-debb5c1

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.
Files changed (2) hide show
  1. package/README.md +30 -0
  2. package/package.json +3 -3
package/README.md CHANGED
@@ -71,6 +71,36 @@ Or within your JavaScript files, with the related bundler as a prefix (in this c
71
71
  import "@db-ux/core-components/build/styles/rollup.css";
72
72
  ```
73
73
 
74
+ > **Vite 8 Note:** 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). We might provide a specific configuration necessary to mitigate those problems in the near future. To keep CSS output stable in the meantime, configure `vite.config.ts` like this:
75
+
76
+ ```ts
77
+ // vite.config.ts
78
+ export default defineConfig({
79
+ build: {
80
+ cssMinify: "esbuild"
81
+ }
82
+ });
83
+ ```
84
+
85
+ > Alternatively, you could define a [browserslist](https://browsersl.ist/) based on your individual browser support strategy — which might be totally different from the list Vite 8 defines by default (targeting browsers from the early 2020s):
86
+
87
+ ```ts
88
+ // Note: You need to install the required packages first:
89
+ // npm install -D lightningcss browserslist
90
+
91
+ // vite.config.ts
92
+ import { browserslistToTargets } from "lightningcss";
93
+ import browserslist from "browserslist";
94
+
95
+ export default defineConfig({
96
+ css: {
97
+ lightningcss: {
98
+ targets: browserslistToTargets(browserslist(">= 0.5%, last 2 major versions, Firefox ESR, not dead"))
99
+ }
100
+ }
101
+ });
102
+ ```
103
+
74
104
  ### DB Theme
75
105
 
76
106
  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).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-components",
3
- "version": "4.5.4-mcp-e4cd7e6",
3
+ "version": "4.5.4-mcp-server-standalone-debb5c1",
4
4
  "type": "module",
5
5
  "description": "General technical components (styling, fonts and icons) out of DB UX Design System (Version 3)",
6
6
  "repository": {
@@ -50,14 +50,14 @@
50
50
  "test": "vitest run --config vitest.config.ts"
51
51
  },
52
52
  "dependencies": {
53
- "@db-ux/core-foundations": "4.5.4-mcp-e4cd7e6"
53
+ "@db-ux/core-foundations": "4.5.4-mcp-server-standalone-debb5c1"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@builder.io/eslint-plugin-mitosis": "0.0.17",
57
57
  "@builder.io/mitosis": "0.13.0",
58
58
  "@builder.io/mitosis-cli": "0.13.0",
59
59
  "@prettier/sync": "^0.6.1",
60
- "@typescript-eslint/eslint-plugin": "8.57.1",
60
+ "@typescript-eslint/eslint-plugin": "8.57.2",
61
61
  "cpr": "3.0.1",
62
62
  "cssnano": "7.1.3",
63
63
  "hygen": "6.2.11",