@db-ui/components - npm Package Compare versions

Comparing version 0.0.56 to 0.0.57-visual-test-905c14b

package.json

 {
   "name": "@db-ui/components",
-  "version": "0.0.56",
+  "version": "0.0.57-visual-test-905c14b",
   "description": "",
@@ -19,13 +19,14 @@ "repository": {
     "build": "npm-run-all -p build-components build-assets -s build-style:*",
+    "build-assets": "cpr src build -o -f \"(.ts|.tsx|.md|.html)$\"",
     "build-components": "npm-run-all build:mitosis -p build-components:*",
-    "build-components:directives": "cpr overrides/angular ../../output/angular -o",
     "build-components:docs": "react-docgen ../../output/react/src/components/**/*.tsx -o ../../output/docs.json -i *.spec.tsx",
-    "build-components:post": "node scripts/post-build/index.js",
-    "build-assets": "cpr src build -o -f \"(.ts|.tsx|.md|.html)$\"",
+    "build-components:post": "tsx scripts/post-build/index.ts",
     "build-style:01_sass": "sass src:build --no-source-map --load-path=node_modules/ --load-path=../../node_modules/ --future-deprecation=import",
     "build-style:02_postcss": "postcss build/**/*.css --replace",
-    "build:mitosis": "mitosis build",
-    "compile:angular": "mitosis build -c mitosis-angular.config.js && node -e \"require('./scripts/post-build/angular.js')(true)\" && npm run build-components:directives && cpr ../../output/tmp/angular/src ../../output/angular/src -o",
-    "compile:react": "mitosis build -c mitosis-react.config.js && node -e \"require('./scripts/post-build/react.js')(true)\" && cpr ../../output/tmp/react/src ../../output/react/src -o",
-    "compile:vue": "mitosis build -c mitosis-vue.config.js && node -e \"require('./scripts/post-build/vue.js')(true)\" && cpr ../../output/tmp/vue/vue3/src ../../output/vue/vue3/src -o",
+    "build:mitosis": "mitosis build -c configs/mitosis.config.js",
+    "compile:angular": "mitosis build -c configs/angular/mitosis.config.js && tsx scripts/exec/angular.ts && cpr ../../output/tmp/angular/src ../../output/angular/src -o",
+    "compile:react": "mitosis build -c configs/react/mitosis.config.js && tsx scripts/exec/react.ts && cpr ../../output/tmp/react/src ../../output/react/src -o",
+    "compile:stencil": "mitosis build -c configs/stencil/mitosis.config.js && tsx scripts/exec/stencil.ts && cpr ../../output/tmp/stencil/src ../../output/stencil/src -o",
+    "compile:vue": "mitosis build -c configs/vue/mitosis.config.js && tsx scripts/exec/vue.ts && cpr ../../output/tmp/vue/src ../../output/vue/src -o",
+    "copy-assets": "cpr ../foundations/assets build/assets -o",
     "copy-output": "npm-run-all copy:*",
@@ -36,25 +37,28 @@ "copy:outputs": "cpr build ../../build-outputs/components/build -o",
     "dev:angular": "nodemon --watch src --watch overrides -e tsx,ts -x \"npm run compile:angular\"",
-    "dev:html": "cpr ../foundations/assets build/assets -o && npm run build-assets && npm run build-style:01_sass && vite --open",
+    "dev:html": "npm run copy-assets && npm run build-assets && npm run build-style:01_sass && vite --open",
     "dev:react": "nodemon --watch src --watch overrides -e tsx,ts -x \"npm run compile:react\"",
     "dev:scss": "npm run build-style:01_sass -- --watch",
+    "dev:stencil": "nodemon --watch src --watch overrides -e tsx,ts -x \"npm run compile:stencil\"",
     "dev:vue": "nodemon --watch src --watch overrides -e tsx,ts -x \"npm run compile:vue\"",
     "generate:component": "hygen mitosis new",
     "generate:docs": "hygen update-docs new",
-    "generate:icon-types": "node scripts/generate-icon-types.js",
+    "generate:icon-types": "tsx ./scripts/generate-icon-types.ts",
+    "prepack": "npm run copy-assets",
     "start": "nodemon --watch src --watch scripts --watch overrides -e js,tsx,ts,scss,json -x \"npm run build\""
   },
   "dependencies": {
-    "@db-ui/foundations": "0.0.56"
+    "@db-ui/foundations": "0.0.57-visual-test-905c14b"
   },
   "devDependencies": {
-    "@builder.io/eslint-plugin-mitosis": "^0.0.15",
-    "@builder.io/mitosis": "^0.0.122",
-    "@builder.io/mitosis-cli": "^0.0.80",
-    "@react-docgen/cli": "^2.0.0",
+    "@builder.io/eslint-plugin-mitosis": "^0.0.16",
+    "@builder.io/mitosis": "^0.5.16",
+    "@builder.io/mitosis-cli": "^0.5.16",
+    "@react-docgen/cli": "^2.0.4",
     "cpr": "3.0.1",
-    "eslint": "^8.52.0",
+    "cssnano": "^7.0.6",
+    "eslint": "^8",
     "hygen": "^6.2.11",
-    "lit": "^2.8.0",
-    "nodemon": "3.0.1",
-    "sass": "^1.69.4"
+    "nodemon": "3.1.7",
+    "sass": "1.77.4",
+    "tsx": "^4.19.2"
   },
@@ -61,0 +65,0 @@ "publishConfig": {

README.md

@@ -8,3 +8,3 @@ # @db-ui/components
 
-A library containing all styles for components of [DB UX Design System (technical components)](https://github.com/db-ui/mono).
+A library containing all styles for components of [DB UX Design System v3](https://github.com/db-ui/mono).
 
@@ -20,2 +20,4 @@ > **Note**
 
+For additional information besides the frameworks see our [Getting started](https://github.com/db-ui/mono/tree/main/packages/components/docs/getting-started.md).
+
 ---
@@ -62,2 +64,28 @@
 
+### Optimize dependencies
+
+If you only need some of the components or some features from [`@db-ui/foundations`](https://www.npmjs.com/package/@db-ui/foundations), you shouldn't include `db-ui-42`.
+In the case you want to include only some components, and you could do it like this:
+
+```css
+/* The theme contains all prop required for components like spacings, colors, ... */
+@import "@db-ui/foundations/build/css/default-theme.css";
+/* The font include uses default font families based on your bundling paths (relative, absolute, webpack, rollup) */
+@import "@db-ui/foundations/build/css/fonts/include-rollup.css";
+/* The required styles will normalize css and add focus and default font to body */
+@import "@db-ui/foundations/build/css/init/required.css";
+/* The default root adds a default color space (neutral) and a density (regular) */
+@import "@db-ui/foundations/build/css/init/default-root.css";
+
+/* Optional: Add animations / transitions for components */
+@import "@db-ui/components/build/styles/component-animations.css";
+
+/* Optional: Add data-icon/data-icon-after to global attributes to enable icons for components */
+@import "@db-ui/foundations/build/css/icons/include-rollup.css";
+
+/* Optional: Add components */
+@import "@db-ui/components/build/components/button/button.css";
+@import "@db-ui/components/build/components/input/input.css";
+```
+
 ## Deutsche Bahn brand
@@ -64,0 +92,0 @@

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9853374

651.22%

Number of package files

2294

1795.87%

Lines of code

26031

150.66%

Number of lines in readme file

107

35.44%

Worsened metrics

Dev dependency count

11

10%

Number of low license alerts

1

Infinity%

License quality

80

-20%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  @db-ui/foundations@0.0.57-visual-test-905c14b
  (transitive)

• - Removed

  @csstools/normalize.css@12.1.1
  (transitive)

• - Removed

  @db-ui/foundations@0.0.56
  (transitive)

• Updated

  @db-ui/foundations@0.0.57-visual-test-905c14b