{"_id":"@allinpanel-ag/meteor-component-library","_rev":"2-c430eb7bcb72e6adc05a836d8796dab3","name":"@allinpanel-ag/meteor-component-library","dist-tags":{"latest":"4.13.1"},"versions":{"4.13.0":{"name":"@allinpanel-ag/meteor-component-library","version":"4.13.0","author":{"name":"shopware AG"},"_id":"@allinpanel-ag/meteor-component-library@4.13.0","maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"homepage":"https://github.com/allinpanel-org/meteor#readme","bugs":{"url":"https://github.com/allinpanel-org/meteor/issues"},"dist":{"shasum":"916a5f7686b6d08d3eb0518736a57fb56e3a10f5","tarball":"https://registry.npmjs.org/@allinpanel-ag/meteor-component-library/-/meteor-component-library-4.13.0.tgz","fileCount":4010,"integrity":"sha512-lFAeRx0Nyt7UVBoA5/WAUHTLvLCf98qFD+FOMTpaPIaWqTLumlbucKwMpuRzXbdJA9LVgS+RYrBTGo65qhcTUQ==","signatures":[{"sig":"MEQCIGkEYW9GmbOLLTX6M10/DiLCYGWsZm28Mvcj1TE6y+MKAiAbjvVCzuNUVeEsCxX9+Y7W5CHdSzOGmCbRFm1DrMJEIA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@allinpanel-ag%2fmeteor-component-library@4.13.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":33606020},"main":"dist/common/index.js","_from":"file:allinpanel-ag-meteor-component-library-4.13.0.tgz","types":"dist/esm/index.d.ts","module":"dist/esm/index.js","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js"},"./font.css":"./dist/fonts.css","./styles.css":"./dist/index.css"},"scripts":{"build":"run-p lint:types \"build-only {@}\" --","format":"prettier --write .","preview":"vite preview","lint:all":"npm run lint:eslint && npm run format:check && npm run lint:css","lint:css":"stylelint \"src/**/*.vue\"","storybook":"storybook dev -p 6006","test:unit":"vitest","build-only":"vite build","lint:types":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","prepublish":"npm run build-only","lint:eslint":"eslint .","format:check":"prettier . --check","lint:css:fix":"stylelint \"src/**/*.vue\" --fix","test:storybook":"test-storybook","build:storybook":"storybook build","lint:eslint:fix":"eslint . --fix"},"_npmUser":{"name":"xiaosong66","email":"1596363735@qq.com"},"_resolved":"/tmp/8dafe7b331cd1bfb3357790350f60449/allinpanel-ag-meteor-component-library-4.13.0.tgz","_integrity":"sha512-lFAeRx0Nyt7UVBoA5/WAUHTLvLCf98qFD+FOMTpaPIaWqTLumlbucKwMpuRzXbdJA9LVgS+RYrBTGo65qhcTUQ==","repository":{"url":"git+ssh://git@github.com/allinpanel-org/meteor.git","type":"git"},"_npmVersion":"10.8.2","description":"The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).","directories":{},"_nodeVersion":"20.19.2","dependencies":{"nanoid":"^5.0.7","date-fns":"4.1.0","inter-ui":"^3.19.3","vue-i18n":"^9.9.1","dompurify":"^3.2.4","@tiptap/pm":"^2.13.0","codemirror":"^6.0.1","focus-trap":"^7.6.4","date-fns-tz":"3.2.0","@vueuse/core":"^13.1.0","@tiptap/vue-3":"^2.13.0","convert-units":"^2.3.4","vue-codemirror6":"^1.3.8","@floating-ui/dom":"^1.7.0","@floating-ui/vue":"^1.1.6","vue-smooth-reflow":"^0.1.12","@vueuse/components":"^12.4.0","@tiptap/starter-kit":"^2.13.0","@testing-library/vue":"^8.1.0","@codemirror/lang-html":"^6.4.9","@storybook/addon-a11y":"^8.6.12","@tiptap/extension-link":"^2.13.0","@vuepic/vue-datepicker":"^10.0.0","@tiptap/extension-color":"^2.13.0","@tiptap/extension-table":"^2.13.0","@testing-library/jest-dom":"^6.6.3","@tiptap/extension-highlight":"^2.13.0","@tiptap/extension-list-item":"^2.13.0","@tiptap/extension-subscript":"^2.13.0","@tiptap/extension-table-row":"^2.13.0","@tiptap/extension-underline":"^2.13.0","@allinpanel-ag/meteor-tokens":"1.1.0","@tiptap/extension-table-cell":"^2.13.0","@tiptap/extension-text-align":"^2.13.0","@tiptap/extension-text-style":"^2.13.0","@tiptap/extension-bubble-menu":"^2.13.0","@tiptap/extension-bullet-list":"^2.13.0","@tiptap/extension-placeholder":"^2.13.0","@tiptap/extension-superscript":"^2.13.0","@allinpanel-ag/meteor-icon-kit":"5.5.0","@tiptap/extension-ordered-list":"^2.13.0","@tiptap/extension-table-header":"^2.13.0","@allinpanel-ag/meteor-admin-sdk":"6.1.0","@tiptap/extension-character-count":"^2.13.0"},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.69.5","vite":"^4.4.11","jsdom":"^22.1.0","eslint":"^9.20.1","vitest":"^3.0.5","globals":"^16.0.0","vue-tsc":"^2.2.4","prettier":"3.2.5","ts-morph":"^20.0.0","storybook":"^8.6.12","stylelint":"^16.10.0","@eslint/js":"^9.20.0","@vitest/ui":"^3.0.5","typescript":"~5.7.3","@types/node":"^18.18.5","http-server":"^14.1.1","@types/jsdom":"^21.1.3","npm-run-all2":"^6.1.1","postcss-html":"^1.7.0","@vue/tsconfig":"^0.7.0","flush-promises":"^1.0.2","@storybook/test":"^8.6.12","@storybook/vue3":"^8.6.12","@types/punycode":"^2.1.3","@vue/test-utils":"^2.4.2","vite-plugin-dts":"^4.5.0","@storybook/types":"^8.6.12","@tsconfig/node18":"^18.2.2","@storybook/blocks":"^8.6.12","eslint-plugin-vue":"^9.32.0","typescript-eslint":"^8.24.1","@storybook/theming":"^8.6.12","@vitejs/plugin-vue":"^4.4.0","jest-image-snapshot":"^6.4.0","storybook-dark-mode":"^4.0.2","@storybook/vue3-vite":"^8.6.12","@types/convert-units":"^2.3.11","eslint-plugin-vitest":"^0.5.4","vite-plugin-svgstring":"^1.0.0","@storybook/addon-links":"^8.6.12","@storybook/manager-api":"^8.6.12","@storybook/preview-api":"^8.6.12","@storybook/test-runner":"^0.22.0","eslint-config-prettier":"^10.1.1","eslint-plugin-storybook":"^0.11.3","stylelint-define-config":"^1.8.0","@storybook/addon-essentials":"^8.6.12","@testing-library/user-event":"^14.6.1","@storybook/addon-interactions":"^8.6.12","stylelint-config-standard-scss":"^13.1.0","@csstools/stylelint-formatter-github":"^1.0.0","@allinpanel-ag/stylelint-plugin-meteor":"2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/meteor-component-library_4.13.0_1749807381004_0.8384993503512801","host":"s3://npm-registry-packages-npm-production"}},"4.13.1":{"name":"@allinpanel-ag/meteor-component-library","version":"4.13.1","repository":{"type":"git","url":"git+ssh://git@github.com/allinpanel-org/meteor.git"},"author":{"name":"shopware AG"},"main":"dist/common/index.js","module":"dist/esm/index.js","types":"dist/esm/index.d.ts","exports":{".":{"types":"./dist/esm/index.d.ts","import":"./dist/esm/index.js"},"./styles.css":"./dist/index.css","./font.css":"./dist/fonts.css"},"dependencies":{"@codemirror/lang-html":"^6.4.9","@floating-ui/dom":"^1.7.0","@floating-ui/vue":"^1.1.6","@storybook/addon-a11y":"^8.6.12","@testing-library/jest-dom":"^6.6.3","@testing-library/vue":"^8.1.0","@tiptap/extension-bubble-menu":"^2.13.0","@tiptap/extension-bullet-list":"^2.13.0","@tiptap/extension-character-count":"^2.13.0","@tiptap/extension-color":"^2.13.0","@tiptap/extension-highlight":"^2.13.0","@tiptap/extension-link":"^2.13.0","@tiptap/extension-list-item":"^2.13.0","@tiptap/extension-ordered-list":"^2.13.0","@tiptap/extension-placeholder":"^2.13.0","@tiptap/extension-subscript":"^2.13.0","@tiptap/extension-superscript":"^2.13.0","@tiptap/extension-table":"^2.13.0","@tiptap/extension-table-cell":"^2.13.0","@tiptap/extension-table-header":"^2.13.0","@tiptap/extension-table-row":"^2.13.0","@tiptap/extension-text-align":"^2.13.0","@tiptap/extension-text-style":"^2.13.0","@tiptap/extension-underline":"^2.13.0","@tiptap/pm":"^2.13.0","@tiptap/starter-kit":"^2.13.0","@tiptap/vue-3":"^2.13.0","@vuepic/vue-datepicker":"^10.0.0","@vueuse/components":"^12.4.0","@vueuse/core":"^13.1.0","codemirror":"^6.0.1","convert-units":"^2.3.4","date-fns":"4.1.0","date-fns-tz":"3.2.0","dompurify":"^3.2.4","focus-trap":"^7.6.4","inter-ui":"^3.19.3","nanoid":"^5.0.7","vue-codemirror6":"^1.3.8","vue-i18n":"^9.9.1","vue-smooth-reflow":"^0.1.12","@allinpanel-ag/meteor-icon-kit":"5.5.1","@allinpanel-ag/meteor-tokens":"1.1.1","@allinpanel-ag/meteor-admin-sdk":"6.1.1"},"devDependencies":{"@csstools/stylelint-formatter-github":"^1.0.0","@eslint/js":"^9.20.0","@storybook/addon-essentials":"^8.6.12","@storybook/addon-interactions":"^8.6.12","@storybook/addon-links":"^8.6.12","@storybook/blocks":"^8.6.12","@storybook/manager-api":"^8.6.12","@storybook/preview-api":"^8.6.12","@storybook/test":"^8.6.12","@storybook/test-runner":"^0.22.0","@storybook/theming":"^8.6.12","@storybook/types":"^8.6.12","@storybook/vue3":"^8.6.12","@storybook/vue3-vite":"^8.6.12","@testing-library/user-event":"^14.6.1","@tsconfig/node18":"^18.2.2","@types/convert-units":"^2.3.11","@types/jsdom":"^21.1.3","@types/node":"^18.18.5","@types/punycode":"^2.1.3","@vitejs/plugin-vue":"^4.4.0","@vitest/ui":"^3.0.5","@vue/test-utils":"^2.4.2","@vue/tsconfig":"^0.7.0","eslint":"^9.20.1","eslint-config-prettier":"^10.1.1","eslint-plugin-storybook":"^0.11.3","eslint-plugin-vitest":"^0.5.4","eslint-plugin-vue":"^9.32.0","flush-promises":"^1.0.2","globals":"^16.0.0","http-server":"^14.1.1","jest-image-snapshot":"^6.4.0","jsdom":"^22.1.0","npm-run-all2":"^6.1.1","postcss-html":"^1.7.0","prettier":"3.2.5","sass":"^1.69.5","storybook":"^8.6.12","storybook-dark-mode":"^4.0.2","stylelint":"^16.10.0","stylelint-config-standard-scss":"^13.1.0","stylelint-define-config":"^1.8.0","ts-morph":"^20.0.0","typescript":"~5.7.3","typescript-eslint":"^8.24.1","vite":"^4.4.11","vite-plugin-dts":"^4.5.0","vite-plugin-svgstring":"^1.0.0","vitest":"^3.0.5","vue-tsc":"^2.2.4","@allinpanel-ag/stylelint-plugin-meteor":"2.0.1"},"scripts":{"build":"run-p lint:types \"build-only {@}\" --","preview":"vite preview","test:unit":"vitest","build-only":"vite build","lint:types":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint:all":"npm run lint:eslint && npm run format:check && npm run lint:css","lint:eslint":"eslint .","lint:eslint:fix":"eslint . --fix","lint:css":"stylelint \"src/**/*.vue\"","lint:css:fix":"stylelint \"src/**/*.vue\" --fix","format:check":"prettier . --check","format":"prettier --write .","storybook":"storybook dev -p 6006","build:storybook":"storybook build","test:storybook":"test-storybook","prepublish":"npm run build-only"},"_id":"@allinpanel-ag/meteor-component-library@4.13.1","description":"The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).","bugs":{"url":"https://github.com/allinpanel-org/meteor/issues"},"homepage":"https://github.com/allinpanel-org/meteor#readme","_integrity":"sha512-ABuDYya52zuUFv8CSIFIXRGZSFI8FJNihiwgIMmwKXOY1n4S5gjxkHuLH41i233Vhayc9Byeidh7sLCwxgwJyg==","_resolved":"/tmp/ed831e1262b7f0ba37ba41edfb7fd213/allinpanel-ag-meteor-component-library-4.13.1.tgz","_from":"file:allinpanel-ag-meteor-component-library-4.13.1.tgz","_nodeVersion":"20.19.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-ABuDYya52zuUFv8CSIFIXRGZSFI8FJNihiwgIMmwKXOY1n4S5gjxkHuLH41i233Vhayc9Byeidh7sLCwxgwJyg==","shasum":"62bf79a55d9be0563aaa76f000662c7bf8e584c8","tarball":"https://registry.npmjs.org/@allinpanel-ag/meteor-component-library/-/meteor-component-library-4.13.1.tgz","fileCount":4002,"unpackedSize":33591135,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@allinpanel-ag%2fmeteor-component-library@4.13.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDeBDzfpMEMGgcXXe9nFLjue5tLn1o8D/9b+8ihTSHOOwIhAKMoGvxlvruvJIjr/U4gjEhvgVjHDjariWkBYPFoZTDS"}]},"_npmUser":{"name":"xiaosong66","email":"1596363735@qq.com"},"directories":{},"maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/meteor-component-library_4.13.1_1749897607120_0.02237098273682503"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-13T09:36:20.943Z","modified":"2025-06-14T10:40:07.913Z","4.13.0":"2025-06-13T09:36:21.360Z","4.13.1":"2025-06-14T10:40:07.496Z"},"bugs":{"url":"https://github.com/allinpanel-org/meteor/issues"},"author":{"name":"shopware AG"},"homepage":"https://github.com/allinpanel-org/meteor#readme","repository":{"type":"git","url":"git+ssh://git@github.com/allinpanel-org/meteor.git"},"description":"The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).","maintainers":[{"name":"xiaosong66","email":"1596363735@qq.com"}],"readme":"# Meteor component library\n\nThe meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).\n\n- Perfect suitable for Shopware Apps\n- Matches the Shopware administration look and feel\n- Small bundle sizes with tree-shaking\n- Completely tested and [documented](https://meteor-component-library.vercel.app/) with Storybook\n\n## Requirements\n\nYou need a working **Vue 3 application** with the **i18n plugin** for the translations. The main translations (English and German) are bundled in the components. For other languages you need to add the snippets for the correct paths.\n\n## Installation\n\nAdd this package to your project:\n\n```cli\nnpm i @allinpanel-ag/meteor-component-library\n```\n\nImport the `style.css` for general styling and `font.css` for the Inter font in the root file of your application or in you root styling file.\n\n```js\nimport \"@allinpanel-ag/meteor-component-library/styles.css\";\nimport \"@allinpanel-ag/meteor-component-library/font.css\";\n```\n\nEach component works independently and can be imported directly from the root like this:\n\n```html\n<script>\n  import { MtButton } from \"@allinpanel-ag/meteor-component-library\";\n\n  export default {\n    components: {\n      \"mt-button\": MtButton,\n    },\n  };\n</script>\n```\n\n## Development\n\nThese guides are useful if you want to contribute this component library.\n\n### Project setup\n\n```shell\npnpm install\n```\n\n#### Compiles and hot-reloads for development\n\n```shell\npnpm run storybook\n```\n\n#### Compiles and minifies for production\n\n```shell\npnpm run build:storybook\n```\n\n#### Run your interaction tests (running Storybook instance is needed)\n\n```shell\npnpm run test:storybook\n```\n\n#### Lints and fixes files\n\n```shell\npnpm run lint:all\n```\n\n#### Build the bundled component library\n\n```shell\npnpm run build\n```\n\n### Writing interaction tests\n\nAll interaction tests are written in `component-name.interactive.stories.js` files. The title needs to be prefixed with `Interaction Tests/`. These interaction tests are hidden in the final build but are visible in the Storybook development watcher.\n\nExample:\n\n```js\nimport meta from \"./mt-button.stories\";\n\nexport default {\n  ...meta,\n  title: \"Interaction Tests/base/mt-button\",\n  component: MtButton,\n};\n```\n\n### Writing visual tests\n\nStories for visual tests need to start with `VisualTest`.\n\nExample:\n\n```js\nexport const VisualTestPrimaryVariant = {\n  name: \"Render the primary variant\",\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n\n    // your interaction test ...\n  },\n};\n```\n\nThe screenshot will be generated at the end of the Play function. If no Play function is defined then it will be created immediately.\n\nFor reduced flakiness all animations are automatically disabled from Playwright.\n","readmeFilename":"README.md"}