@solid-design-system/components 1.3.13 → 1.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "1.3.13",
+  "version": "1.5.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"
@@ -48,25 +48,23 @@
     "build.cdn": "pnpm build.components && pnpm build.storybook && node ./scripts/node-version-components.cjs",
     "build.npm": "pnpm build.components && pnpm build.package && node ./scripts/node-version-components.cjs",
     "build.components": "vite build  --config vite.config.js",
-    "build.package": "vite build --config vite.config.package.js",
+    "build.package": "pnpm build.package/create-index && vite build --config vite.config.package.js && pnpm build.package/remove-index",
+    "build.package/create-index": "node scripts/node-generate-package-index.cjs && echo '✅ Index created'",
+    "build.package/remove-index": "node -e \"require('fs').unlinkSync('src/solid-components.package.ts')\" && echo '✅ Index removed'",
     "build.storybook": "storybook build --output-dir dist/storybook && cp dist/custom-elements.json dist/storybook/custom-elements.json",
     "build.chromatic": "pnpm build.storybook && pnpm ci.optimize-chromatic",
     "preview": "vite preview",
-    "fix": "pnpm lint.fix && pnpm format.fix",
-    "verify": "pnpm format.verify > /dev/null && pnpm lint.verify && pnpm ts.verify && pnpm build && echo '✅ Build verified' && pnpm ci.optimize-chromatic && echo '✅ Chromatic optimization verified' && pnpm test && echo '✅ Test verified'",
-    "format.fix": "prettier --write --loglevel warn .",
-    "format.verify": "prettier --check --loglevel warn . && echo '✅ Formatting verified'",
-    "lint.fix": "eslint src --max-warnings 0 --fix",
-    "lint.verify": "eslint src --max-warnings 0 && echo '✅ Linting verified'",
+    "verify": "pnpm ts.verify && pnpm build && echo '✅ Build verified' && pnpm ci.optimize-chromatic && echo '✅ Chromatic optimization verified' && pnpm test.verify && echo '✅ Test verified'",
     "ts.verify": "tsc --noEmit --project ./tsconfig.json && echo '✅ TypeScript verified'",
     "plop": "plop --plopfile scripts/plop/plopfile.js",
     "ci.optimize-chromatic": "node ./scripts/storybook/optimize-chromatic.cjs",
-    "test": "web-test-runner --group default",
+    "test": "pnpm build.components && web-test-runner --group default",
+    "test.verify": "web-test-runner --group default",
     "test.component": "web-test-runner -- --watch --group",
     "test.watch": "web-test-runner --watch --group default",
     "storybook": "storybook dev -p 6999",
     "chromatic": "npx chromatic -b build.chromatic",
-    "postversion": "pnpm build.npm",
+    "postversion": "pnpm build.npm && node scripts/node-write-sizes.mjs",
     "release": "semantic-release  --tagFormat 'components/${version}' -e semantic-release-monorepo",
     "release.dry": "semantic-release -d --tagFormat 'components/${version}' -e semantic-release-monorepo"
   },
@@ -82,22 +80,24 @@
     "@mariohamann/tailwindcss-var": "github:mariohamann/tailwindcss-var",
     "@mariohamann/wc-storybook-helpers": "^1.3.0",
     "@open-wc/testing": "^3.2.0",
+    "@open-wc/testing-helpers": "^2.3.0",
     "@remcovaes/web-test-runner-vite-plugin": "^1.1.5",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-essentials": "^7.0.20",
+    "@storybook/addon-interactions": "^7.0.26",
     "@storybook/addon-links": "^7.0.20",
     "@storybook/addon-mdx-gfm": "^7.0.20",
     "@storybook/addons": "^7.0.20",
     "@storybook/blocks": "^7.0.20",
+    "@storybook/jest": "^0.1.0",
+    "@storybook/testing-library": "^0.2.0",
     "@storybook/theming": "^7.0.20",
     "@storybook/web-components": "^7.0.20",
     "@storybook/web-components-vite": "^7.0.20",
     "@types/mocha": "^10.0.1",
     "@types/sinon": "^10.0.15",
-    "@typescript-eslint/eslint-plugin": "^5.59.9",
-    "@typescript-eslint/parser": "^5.59.9",
     "@web/test-runner": "^0.16.1",
     "@web/test-runner-commands": "^0.7.0",
     "@web/test-runner-playwright": "^0.10.1",
@@ -106,30 +106,19 @@
     "chromatic": "^6.18.2",
     "comment-parser": "^1.3.1",
     "cssnano": "^6.0.1",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-chai-expect": "^3.0.0",
-    "eslint-plugin-chai-friendly": "^0.7.2",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-lit": "^1.8.3",
-    "eslint-plugin-lit-a11y": "^2.4.1",
-    "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
-    "eslint-plugin-storybook": "^0.6.12",
-    "eslint-plugin-wc": "^1.5.0",
     "globby": "^13.1.4",
     "gzip-size": "^7.0.0",
     "html-format": "^1.1.2",
-    "husky": "^8.0.3",
     "jsonata": "^2.0.3",
     "lint-staged": "^13.2.2",
     "lit-html": "^2.7.4",
+    "minify-html-literals": "^1.3.5",
     "normalize.css": "^8.0.1",
     "plop": "^3.1.2",
     "postcss": "^8.4.24",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup-plugin-minify-html-literals": "^1.2.6",
     "rollup-plugin-summary": "^2.0.0",
     "semantic-release": "^19.0.5",
     "semantic-release-monorepo": "^7.0.5",
@@ -154,7 +143,7 @@
       [
         "@semantic-release/changelog",
         {
-          "changelogFile": "src/docs/General/changelog.mdx"
+          "changelogFile": "src/docs/General/Changelog.mdx"
         }
       ],
       [
@@ -168,7 +157,7 @@
         {
           "message": "chore(release/components): ${nextRelease.version} [skip actions]\n\n${nextRelease.notes}",
           "assets": [
-            "src/docs/General/changelog.mdx",
+            "src/docs/General/Changelog.mdx",
             "package.json"
           ]
         }
@@ -181,5 +170,11 @@
       ]
     ]
   },
-  "readme": "README.md"
+  "readme": "README.md",
+  "meta": {
+    "bundleSizeInKb": {
+      "uncompressed": 76,
+      "gzip": 21
+    }
+  }
 }

package/dist/components/es/library.js

@@ -1 +0,0 @@
-import r from"./library.system.js";let n=[r],t=[];function e(r){t.push(r)}function o(r){t=t.filter((n=>n!==r))}function a(r){return n.find((n=>n.name===r))}function i(r,e){s(r),n.push({name:r,resolver:e.resolver,mutator:e.mutator}),t.forEach((n=>{n.library===r&&n.setIcon()}))}function s(r){n=n.filter((n=>n.name!==r))}export{a as getIconLibrary,i as registerIconLibrary,s as unregisterIconLibrary,o as unwatchIcon,e as watchIcon};

package/dist/components/es/library.system.js

@@ -1 +0,0 @@
-const n={"chevron-down":'\n    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n    </svg>\n  ',"chevron-up":'\n    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n    </svg>\n  '},s={name:"system",resolver:s=>s in n?`data:image/svg+xml,${encodeURIComponent(n[s])}`:"",mutator:n=>n.setAttribute("fill","currentColor")};export{s as default,n as icons};

package/dist/versioned-components/es/library.js

@@ -1 +0,0 @@
-import r from"./library.system.js";let n=[r],t=[];function e(r){t.push(r)}function o(r){t=t.filter((n=>n!==r))}function a(r){return n.find((n=>n.name===r))}function i(r,e){s(r),n.push({name:r,resolver:e.resolver,mutator:e.mutator}),t.forEach((n=>{n.library===r&&n.setIcon()}))}function s(r){n=n.filter((n=>n.name!==r))}export{a as getIconLibrary,i as registerIconLibrary,s as unregisterIconLibrary,o as unwatchIcon,e as watchIcon};

package/dist/versioned-components/es/library.system.js

@@ -1 +0,0 @@
-const n={"chevron-down":'\n    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n    </svg>\n  ',"chevron-up":'\n    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n      <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n    </svg>\n  '},s={name:"system",resolver:s=>s in n?`data:image/svg+xml,${encodeURIComponent(n[s])}`:"",mutator:n=>n.setAttribute("fill","currentColor")};export{s as default,n as icons};