@db-ux/v-core-components 4.5.4 → 4.6.0
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/CHANGELOG.md +15 -0
- package/README.md +71 -0
- package/dist/db-ux.es.js +4642 -4515
- package/dist/db-ux.umd.js +1 -1
- package/dist/shared/model.d.ts +1 -1
- package/dist/utils/form-components.d.ts +1 -1
- package/dist/utils/form-components.spec.d.ts +1 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @db-ux/v-core-components
|
|
2
2
|
|
|
3
|
+
## 4.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- refactor: exclude whitelabel-theme from default bundle to reduce size and to align with "how to import a theme" - [see commit f272967](https://github.com/db-ux-design-system/core-web/commit/f272967acb7a37dc9b07d9786134e437b284e9b6)
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- fix: issue with tailwind duplicating some classes by using `@theme` inline - [see commit 92de4e6](https://github.com/db-ux-design-system/core-web/commit/92de4e6e5fdad3be5629d7457944d3b9b7396cf4)
|
|
12
|
+
|
|
13
|
+
- docs(vite): mentioning version 8 configuration in `README.md` file - [see commit 4c5fc92](https://github.com/db-ux-design-system/core-web/commit/4c5fc9266402d9585087f4738a1a800cff1515f1)
|
|
14
|
+
|
|
15
|
+
- fix(number input): prevent from clearing on intermediate decimal entry - [see commit aa85967](https://github.com/db-ux-design-system/core-web/commit/aa85967ffeaa685f6b647069d0e1d415d812dc87):
|
|
16
|
+
- fix(input,textarea): allow using `undefined` as `value`
|
|
17
|
+
|
|
3
18
|
## 4.5.4
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -49,6 +49,38 @@ import "@db-ux/core-components/build/styles/rollup.css";
|
|
|
49
49
|
|
|
50
50
|
</details>
|
|
51
51
|
|
|
52
|
+
### Vite 8
|
|
53
|
+
|
|
54
|
+
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:
|
|
55
|
+
|
|
56
|
+
```ts
|
|
57
|
+
// vite.config.ts
|
|
58
|
+
export default defineConfig({
|
|
59
|
+
build: {
|
|
60
|
+
cssMinify: "esbuild"
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
> 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):
|
|
66
|
+
|
|
67
|
+
```ts
|
|
68
|
+
// Note: You need to install the required packages first:
|
|
69
|
+
// npm install -D lightningcss browserslist
|
|
70
|
+
|
|
71
|
+
// vite.config.ts
|
|
72
|
+
import { browserslistToTargets } from "lightningcss";
|
|
73
|
+
import browserslist from "browserslist";
|
|
74
|
+
|
|
75
|
+
export default defineConfig({
|
|
76
|
+
css: {
|
|
77
|
+
lightningcss: {
|
|
78
|
+
targets: browserslistToTargets(browserslist(">= 0.5%, last 2 major versions, Firefox ESR, not dead"))
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
```
|
|
83
|
+
|
|
52
84
|
> **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.
|
|
53
85
|
|
|
54
86
|
### DB Theme
|
|
@@ -111,6 +143,45 @@ This will create or update `.github/copilot-instructions.md` with component docu
|
|
|
111
143
|
|
|
112
144
|
📖 **[Learn more about `@db-ux/agent-cli` node package](packages/agent-cli/README.md)**
|
|
113
145
|
|
|
146
|
+
## Code Quality
|
|
147
|
+
|
|
148
|
+
To enforce correct usage of DB UX Design System components in your Vue project, we provide the [`@db-ux/core-eslint-plugin`](https://www.npmjs.com/package/@db-ux/core-eslint-plugin) ESLint plugin.
|
|
149
|
+
|
|
150
|
+
### Installation
|
|
151
|
+
|
|
152
|
+
```shell
|
|
153
|
+
npm install eslint @db-ux/core-eslint-plugin vue-eslint-parser @typescript-eslint/parser --save-dev
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
### Setup
|
|
157
|
+
|
|
158
|
+
```js
|
|
159
|
+
// eslint.config.js
|
|
160
|
+
import dbUx from "@db-ux/core-eslint-plugin";
|
|
161
|
+
import vueParser from "vue-eslint-parser";
|
|
162
|
+
import tsParser from "@typescript-eslint/parser";
|
|
163
|
+
|
|
164
|
+
export default [
|
|
165
|
+
{
|
|
166
|
+
files: ["**/*.vue"],
|
|
167
|
+
languageOptions: {
|
|
168
|
+
parser: vueParser,
|
|
169
|
+
parserOptions: {
|
|
170
|
+
parser: tsParser,
|
|
171
|
+
ecmaVersion: "latest",
|
|
172
|
+
sourceType: "module"
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
plugins: {
|
|
176
|
+
"db-ux": dbUx
|
|
177
|
+
},
|
|
178
|
+
rules: dbUx.configs.recommended.rules
|
|
179
|
+
}
|
|
180
|
+
];
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
📖 **[Learn more about `@db-ux/core-eslint-plugin` node package](https://www.npmjs.com/package/@db-ux/core-eslint-plugin)**
|
|
184
|
+
|
|
114
185
|
## Deutsche Bahn brand
|
|
115
186
|
|
|
116
187
|
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.
|