@vchasno/ui-kit 0.4.78 → 0.4.80
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 +16 -0
- package/README.md +31 -35
- package/package.json +21 -24
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [0.4.80] - 2026-01-09
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
- Loosen `engines` constraint to only require Node >=20 (removed upper bound and package manager restrictions that were affecting consumers)
|
|
15
|
+
|
|
16
|
+
## [0.4.79] - 2026-01-09
|
|
17
|
+
|
|
18
|
+
### Changed
|
|
19
|
+
|
|
20
|
+
- Remove jest configuration (will be replaced with vitest later)
|
|
21
|
+
- Allow only npm as package manager (added resolutions for jackspeak, removed yarn.lock)
|
|
22
|
+
- Remove 0.4 branch hack from CI
|
|
23
|
+
- Allow publishing only from master branch
|
|
24
|
+
- Cleanup README.md
|
|
25
|
+
|
|
10
26
|
## [0.4.77 - 0.4.78] - 2026-01-09
|
|
11
27
|
|
|
12
28
|
## Fixed
|
package/README.md
CHANGED
|
@@ -18,25 +18,31 @@ yarn add @vchasno/ui-kit
|
|
|
18
18
|
|
|
19
19
|
```jsx
|
|
20
20
|
// index.tsx
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
// Optional reset styles
|
|
22
23
|
import '@vchasno/ui-kit/dist/css/_base.css';
|
|
23
24
|
import '@vchasno/ui-kit/dist/css/_reset.css';
|
|
24
|
-
|
|
25
|
+
|
|
26
|
+
// Required main CSS which includes variables and styles
|
|
25
27
|
import '@vchasno/ui-kit/dist/css/vchasno-ui.css';
|
|
26
|
-
|
|
28
|
+
|
|
29
|
+
// Override theme if needed (more info in "Styling and customization" section)
|
|
27
30
|
import 'src/styles/_theme-override.css';
|
|
28
31
|
```
|
|
29
32
|
|
|
30
33
|
- using postcss @import statement
|
|
31
34
|
|
|
32
|
-
```
|
|
35
|
+
```css
|
|
33
36
|
/* globals.css */
|
|
34
|
-
|
|
37
|
+
|
|
38
|
+
/* Optional reset styles */
|
|
35
39
|
@import '@vchasno/ui-kit/dist/css/_base.css';
|
|
36
40
|
@import '@vchasno/ui-kit/dist/css/_reset.css';
|
|
37
|
-
|
|
41
|
+
|
|
42
|
+
/* Required main CSS which includes variables and styles */
|
|
38
43
|
@import '@vchasno/ui-kit/dist/css/vchasno-ui.css';
|
|
39
|
-
|
|
44
|
+
|
|
45
|
+
/* Override theme if needed (more info in "Styling and customization" section) */
|
|
40
46
|
@import './styles/_theme-override.css';
|
|
41
47
|
```
|
|
42
48
|
|
|
@@ -98,9 +104,8 @@ To customize styles you can use CSS variables and override them
|
|
|
98
104
|
```css
|
|
99
105
|
/* theme-override.css */
|
|
100
106
|
:root {
|
|
101
|
-
--vchasno-ui-transition-duration-sec: 0.5s;
|
|
107
|
+
--vchasno-ui-transition-duration-sec: 0.5s; /* default 0.3s */
|
|
102
108
|
}
|
|
103
|
-
|
|
104
109
|
```
|
|
105
110
|
|
|
106
111
|
... or more specific styles
|
|
@@ -108,7 +113,7 @@ To customize styles you can use CSS variables and override them
|
|
|
108
113
|
```css
|
|
109
114
|
/* button-override.css */
|
|
110
115
|
:global(.vchasno-ui-button.--sm) {
|
|
111
|
-
padding: 0 20px;
|
|
116
|
+
padding: 0 20px; /* default 0 15px */
|
|
112
117
|
}
|
|
113
118
|
```
|
|
114
119
|
|
|
@@ -159,30 +164,21 @@ npm run build-storybook
|
|
|
159
164
|
npm run build
|
|
160
165
|
```
|
|
161
166
|
|
|
162
|
-
### Publish new version
|
|
163
|
-
|
|
164
|
-
## 0.2 versions
|
|
165
|
-
|
|
166
|
-
Should develop in `v0.2` branch. All merge requests should be merged to `v0.2` branch
|
|
167
|
-
|
|
168
|
-
## 0.3 version
|
|
169
|
-
|
|
170
|
-
Should develop in `v0.3` branch. All merge requests should be merged to `v0.3` branch
|
|
171
|
-
|
|
172
|
-
## 0.4 version - latest
|
|
173
|
-
|
|
174
|
-
Should develop in `master` branch. All merge requests should be merged to `master` branch
|
|
175
|
-
|
|
176
167
|
## Publish version to npm registry
|
|
177
168
|
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
To publish new version:
|
|
181
|
-
|
|
182
|
-
1.
|
|
183
|
-
2.
|
|
184
|
-
3.
|
|
185
|
-
4.
|
|
186
|
-
5.
|
|
187
|
-
6.
|
|
188
|
-
|
|
169
|
+
Publishing to npm registry is only done through CI/CD pipeline.
|
|
170
|
+
|
|
171
|
+
To publish a new version:
|
|
172
|
+
|
|
173
|
+
1. Create a feature branch (e.g. `feature/new-component`)
|
|
174
|
+
2. Make your changes
|
|
175
|
+
3. Update CHANGELOG.md (see [Keep a Changelog](https://keepachangelog.com/en/1.0.0/))
|
|
176
|
+
4. Commit changes and create a merge request to `master`
|
|
177
|
+
5. After merge to `master`, checkout `master` and pull latest changes
|
|
178
|
+
6. Create a version tag by running one of:
|
|
179
|
+
- `npm version patch` - for bug fixes (0.0.x)
|
|
180
|
+
- `npm version minor` - for new features (0.x.0)
|
|
181
|
+
- `npm version major` - for breaking changes (x.0.0)
|
|
182
|
+
7. Push the tag: `git push --tags`
|
|
183
|
+
8. CI/CD pipeline will start the publish job
|
|
184
|
+
9. Manually confirm the publish stage in CI/CD to release to npm registry
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vchasno/ui-kit",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.80",
|
|
4
4
|
"description": "React UI components for Vchasno applications",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
"pub": "npm run build && npm login && npm publish --access public --scope=@vchasno",
|
|
24
24
|
"storybook": "storybook dev -p 6006",
|
|
25
25
|
"build-storybook": "storybook build",
|
|
26
|
-
"test": "jest --ci --coverage --collectCoverageFrom=src/components/**/*.{ts,tsx}",
|
|
27
26
|
"generate-component": "node scripts/generate-component.js"
|
|
28
27
|
},
|
|
29
28
|
"keywords": [
|
|
@@ -42,12 +41,11 @@
|
|
|
42
41
|
"@vchasno:registry": "https://registry.npmjs.org/"
|
|
43
42
|
},
|
|
44
43
|
"devDependencies": {
|
|
45
|
-
"@babel/preset-env": "
|
|
46
|
-
"@babel/preset-react": "
|
|
47
|
-
"@babel/preset-typescript": "
|
|
48
|
-
"@jest/globals": "29.7.0",
|
|
44
|
+
"@babel/preset-env": "7.25.7",
|
|
45
|
+
"@babel/preset-react": "7.25.7",
|
|
46
|
+
"@babel/preset-typescript": "7.25.7",
|
|
49
47
|
"@rollup/plugin-commonjs": "25.0.8",
|
|
50
|
-
"@rollup/plugin-image": "
|
|
48
|
+
"@rollup/plugin-image": "3.0.3",
|
|
51
49
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
52
50
|
"@storybook/addon-a11y": "8.5.0",
|
|
53
51
|
"@storybook/addon-essentials": "8.5.0",
|
|
@@ -61,20 +59,17 @@
|
|
|
61
59
|
"@storybook/test": "8.5.0",
|
|
62
60
|
"@swc/core": "1.10.7",
|
|
63
61
|
"@trivago/prettier-plugin-sort-imports": "4.3.0",
|
|
64
|
-
"@types/
|
|
65
|
-
"@types/react": "
|
|
66
|
-
"@
|
|
67
|
-
"@typescript-eslint/
|
|
68
|
-
"
|
|
69
|
-
"eslint": "
|
|
70
|
-
"eslint-
|
|
71
|
-
"eslint-plugin-
|
|
72
|
-
"eslint-plugin-react": "
|
|
73
|
-
"eslint-plugin-react-hooks": "~4.6.0",
|
|
74
|
-
"jest": "29.7.0",
|
|
75
|
-
"jest-environment-jsdom": "29.7.0",
|
|
62
|
+
"@types/react": "17.0.80",
|
|
63
|
+
"@types/react-dom": "17.0.25",
|
|
64
|
+
"@typescript-eslint/eslint-plugin": "7.18.0",
|
|
65
|
+
"@typescript-eslint/parser": "7.18.0",
|
|
66
|
+
"eslint": "8.56.0",
|
|
67
|
+
"eslint-config-prettier": "9.1.0",
|
|
68
|
+
"eslint-plugin-prettier": "5.1.3",
|
|
69
|
+
"eslint-plugin-react": "7.34.4",
|
|
70
|
+
"eslint-plugin-react-hooks": "4.6.2",
|
|
76
71
|
"postcss": "8.4.47",
|
|
77
|
-
"prettier": "
|
|
72
|
+
"prettier": "3.2.5",
|
|
78
73
|
"rimraf": "5.0.10",
|
|
79
74
|
"rollup": "4.30.1",
|
|
80
75
|
"rollup-plugin-copy": "3.5.0",
|
|
@@ -83,10 +78,9 @@
|
|
|
83
78
|
"rollup-plugin-postcss": "4.0.2",
|
|
84
79
|
"rollup-plugin-swc3": "0.12.1",
|
|
85
80
|
"storybook": "8.5.0",
|
|
86
|
-
"stylelint": "
|
|
87
|
-
"stylelint-config-idiomatic-order": "
|
|
88
|
-
"stylelint-config-standard": "
|
|
89
|
-
"ts-jest": "29.2.5",
|
|
81
|
+
"stylelint": "16.9.0",
|
|
82
|
+
"stylelint-config-idiomatic-order": "10.0.0",
|
|
83
|
+
"stylelint-config-standard": "36.0.1",
|
|
90
84
|
"ts-node": "10.9.2",
|
|
91
85
|
"tslib": "2.7.0",
|
|
92
86
|
"typescript": "5.7.3",
|
|
@@ -112,5 +106,8 @@
|
|
|
112
106
|
"react-snowfall": "2.2.0",
|
|
113
107
|
"react-text-mask": "5.5.0",
|
|
114
108
|
"react-toastify": "9.1.3"
|
|
109
|
+
},
|
|
110
|
+
"engines": {
|
|
111
|
+
"node": ">=20.0.0"
|
|
115
112
|
}
|
|
116
113
|
}
|