demio-ui 4.0.3 ā 4.0.6
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 +122 -44
- package/dist/bundle-analysis.html +4949 -0
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +1 -7
- package/dist/cjs/types/src/icons/index.d.ts +10 -1
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +1 -7
- package/dist/esm/types/src/icons/index.d.ts +10 -1
- package/dist/types.d.ts +1051 -854
- package/package.json +23 -38
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "demio-ui",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
"import": "./dist/esm/index.js",
|
|
18
18
|
"require": "./dist/cjs/index.js"
|
|
19
19
|
},
|
|
20
|
-
"./
|
|
21
|
-
"./
|
|
20
|
+
"./css": "./dist/cjs/index.css",
|
|
21
|
+
"./dist/cjs/index.css": "./dist/cjs/index.css",
|
|
22
|
+
"./dist/esm/index.css": "./dist/cjs/index.css",
|
|
23
|
+
"./styles": "./dist/cjs/index.css",
|
|
24
|
+
"./index.css": "./dist/cjs/index.css"
|
|
22
25
|
},
|
|
23
|
-
"sideEffects": [
|
|
24
|
-
"*.css"
|
|
25
|
-
],
|
|
26
26
|
"files": [
|
|
27
27
|
"dist/**/*",
|
|
28
28
|
"README.md",
|
|
@@ -32,14 +32,8 @@
|
|
|
32
32
|
"lint-all": "npm run lint && npm run stylelint",
|
|
33
33
|
"fix": "npm run lint:fix && npm run stylelint:fix && npx pretty-quick --staged",
|
|
34
34
|
"build": "rollup -c --bundleConfigAsCjs",
|
|
35
|
-
"analyze": "
|
|
36
|
-
"
|
|
37
|
-
"analyze:detailed": "ROLLUP_ANALYZE=detailed npm run build",
|
|
38
|
-
"build:treeshake": "ROLLUP_TREESHAKE=true npm run build",
|
|
39
|
-
"size-check": "npm run build && echo 'š¦ Bundle Sizes:' && ls -lh dist/ && echo '\nš For detailed analysis run: npm run analyze'",
|
|
40
|
-
"analyze:svg": "echo 'š SVG Analysis:' && find src/icons -name '*.svg' -exec wc -c {} + | tail -1 && echo 'Icons count:' && find src/icons -name '*.svg' | wc -l",
|
|
41
|
-
"optimize:svg": "npx svgo -f src/icons -o src/icons --config=svgo.config.js",
|
|
42
|
-
"prepack": "npm run build",
|
|
35
|
+
"build:analyze": "npm run build && open dist/bundle-analysis.html",
|
|
36
|
+
"build:optimized": "NODE_ENV=production rollup -c --bundleConfigAsCjs",
|
|
43
37
|
"build-storybook": "storybook build",
|
|
44
38
|
"format": "prettier --write \"src/**/*.{ts, tsx, css}\"",
|
|
45
39
|
"lint": "eslint ./src/",
|
|
@@ -55,7 +49,11 @@
|
|
|
55
49
|
"preversion": "npm run lint-all",
|
|
56
50
|
"version": "npm run format && git add -A src",
|
|
57
51
|
"postversion": "git push && git push --tags --no-verify",
|
|
58
|
-
"chromatic": "chromatic --exit-zero-on-changes"
|
|
52
|
+
"chromatic": "chromatic --exit-zero-on-changes",
|
|
53
|
+
"bundle-size": "npm run build && echo 'Bundle size analysis:' && echo 'CJS bundle:' && du -h dist/cjs/index.js && echo 'ESM bundle:' && du -h dist/esm/index.js && echo 'CSS bundle:' && du -h dist/cjs/index.css && echo 'TypeScript definitions:' && du -h dist/types.d.ts",
|
|
54
|
+
"analyze-assets": "echo 'SVG Icons Analysis:' && find src/icons -name '*.svg' -exec ls -lh {} \\; | wc -l | xargs echo 'Total SVG files:' && echo 'SVG files by size:' && find src/icons -name '*.svg' -exec ls -lh {} \\; | sort -k5 -hr | head -10",
|
|
55
|
+
"analyze-all": "npm run bundle-size && echo '' && npm run analyze-assets",
|
|
56
|
+
"analyze-bundle": "node scripts/analyze-bundle.js"
|
|
59
57
|
},
|
|
60
58
|
"lint-staged": {
|
|
61
59
|
"*.{ts,tsx}": [
|
|
@@ -82,21 +80,12 @@
|
|
|
82
80
|
"@radix-ui/react-switch": "^1.0.3",
|
|
83
81
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
84
82
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
85
|
-
"
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
"
|
|
89
|
-
"react-
|
|
90
|
-
"react-select": "^5.
|
|
91
|
-
"react-easy-crop": "^5.0.0"
|
|
92
|
-
},
|
|
93
|
-
"peerDependenciesMeta": {
|
|
94
|
-
"react-easy-crop": {
|
|
95
|
-
"optional": true
|
|
96
|
-
},
|
|
97
|
-
"react-select": {
|
|
98
|
-
"optional": true
|
|
99
|
-
}
|
|
83
|
+
"@storybook/preset-react-webpack": "^8.6.10",
|
|
84
|
+
"@storybook/react": "^8.6.10",
|
|
85
|
+
"@storybook/react-webpack5": "^8.6.10",
|
|
86
|
+
"classnames": "^2.5.1",
|
|
87
|
+
"react-easy-crop": "^5.0.8",
|
|
88
|
+
"react-select": "^5.8.0"
|
|
100
89
|
},
|
|
101
90
|
"devDependencies": {
|
|
102
91
|
"@babel/core": "^7.23.7",
|
|
@@ -104,7 +93,6 @@
|
|
|
104
93
|
"@babel/preset-react": "^7.23.3",
|
|
105
94
|
"@babel/preset-typescript": "^7.23.3",
|
|
106
95
|
"@chromatic-com/storybook": "^3.2.2",
|
|
107
|
-
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
108
96
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
109
97
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
110
98
|
"@rollup/plugin-terser": "^0.4.4",
|
|
@@ -119,9 +107,6 @@
|
|
|
119
107
|
"@storybook/addon-webpack5-compiler-babel": "^3.0.3",
|
|
120
108
|
"@storybook/cli": "^8.6.10",
|
|
121
109
|
"@storybook/manager-api": "^8.6.10",
|
|
122
|
-
"@storybook/preset-react-webpack": "^8.6.10",
|
|
123
|
-
"@storybook/react": "^8.6.10",
|
|
124
|
-
"@storybook/react-webpack5": "^8.6.10",
|
|
125
110
|
"@storybook/test": "^8.6.10",
|
|
126
111
|
"@storybook/theming": "^8.6.10",
|
|
127
112
|
"@svgr/rollup": "^8.1.0",
|
|
@@ -147,7 +132,6 @@
|
|
|
147
132
|
"jest-environment-jsdom": "^29.7.0",
|
|
148
133
|
"lint-staged": "^15.2.0",
|
|
149
134
|
"postcss-import": "^16.0.0",
|
|
150
|
-
"postcss-preset-env": "^10.2.4",
|
|
151
135
|
"prettier": "^3.3.3",
|
|
152
136
|
"pretty-quick": "^4.0.0",
|
|
153
137
|
"react": "^18.2.0",
|
|
@@ -155,20 +139,21 @@
|
|
|
155
139
|
"react-dom": "^18.2.0",
|
|
156
140
|
"resize-observer-polyfill": "^1.5.1",
|
|
157
141
|
"rollup": "^4.9.2",
|
|
158
|
-
"rollup-plugin-analyzer": "^4.0.0",
|
|
159
142
|
"rollup-plugin-dts": "^6.1.0",
|
|
160
143
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
161
144
|
"rollup-plugin-postcss": "^4.0.2",
|
|
162
|
-
"rollup-plugin-svgo": "^2.0.0",
|
|
163
145
|
"rollup-plugin-visualizer": "^6.0.3",
|
|
164
146
|
"storybook": "^8.6.10",
|
|
165
147
|
"storybook-css-modules": "^1.0.8",
|
|
166
148
|
"stylelint": "^16.1.0",
|
|
167
149
|
"stylelint-config-standard": "^36.0.0",
|
|
168
|
-
"svgo": "^4.0.0",
|
|
169
150
|
"ts-node": "^10.9.2",
|
|
170
151
|
"tsconfig-paths-webpack-plugin": "^4.1.0",
|
|
171
152
|
"tslib": "^2.6.2",
|
|
172
153
|
"typescript": "^5.5.4"
|
|
154
|
+
},
|
|
155
|
+
"peerDependencies": {
|
|
156
|
+
"react": "^18.2.0",
|
|
157
|
+
"react-dom": "^18.2.0"
|
|
173
158
|
}
|
|
174
159
|
}
|