@lumx/vue 3.20.1-alpha.5 → 3.20.1-alpha.7

package/package.json

@@ -1,121 +1,35 @@
 {
-  "author": {
-    "name": "LumApps"
+  "license": "MIT",
+  "name": "@lumx/vue",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lumapps/design-system.git"
+  },
+  "scripts": {
+    "start:storybook": "storybook dev -p 9000",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "vite build && cp package.json dist/"
   },
-  "bugs": {
-    "url": "https://github.com/lumapps/design-system/issues"
+  "module": "index.js",
+  "main": "index.js",
+  "installConfig": {
+    "hoistingLimits": "workspaces"
   },
-  "dependencies": {
-    "@lumx/core": "^3.20.1-alpha.5",
-    "@lumx/icons": "^3.20.1-alpha.5",
-    "vue-demi": "^0.14.10"
+  "publishConfig": {
+    "directory": "dist"
   },
+  "sideEffects": false,
+  "version": "3.20.1-alpha.7",
   "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-export-default-from": "^7.25.9",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
-    "@babel/plugin-proposal-private-methods": "^7.18.6",
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/plugin-syntax-jsx": "^7.27.1",
     "@babel/plugin-transform-react-jsx": "^7.27.1",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-typescript": "^7.26.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^19.0.2",
-    "@rollup/plugin-node-resolve": "16.0.0",
-    "@rollup/plugin-typescript": "^12.3.0",
-    "@rollup/pluginutils": "5.2.0",
-    "@storybook/addon-a11y": "^9.1.4",
-    "@storybook/addon-docs": "^9.1.4",
-    "@storybook/vue3-vite": "9.1.16",
-    "@testing-library/dom": "^9.3.4",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/user-event": "^14.4.3",
-    "@testing-library/vue": "^8.1.0",
-    "@types/body-scroll-lock": "^2.6.1",
-    "@types/classnames": "^2.2.9",
-    "@types/dom-view-transitions": "^1.0.5",
-    "@types/jest": "^29.2.1",
-    "@types/lodash": "^4.14.149",
+    "@storybook/vue3-vite": "^9.1.4",
     "@vitejs/plugin-vue": "^6.0.2",
-    "@vitejs/plugin-vue-jsx": "^5.1.2",
-    "@vitejs/plugin-vue2-jsx": "^1.1.1",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
-    "@vue/babel-plugin-jsx": "^2.0.1",
-    "@vue/babel-preset-jsx": "^1.4.0",
-    "@vue/composition-api": "1.7.2",
-    "autoprefixer": "^9.7.4",
-    "babel-jest": "29.1.2",
-    "babel-loader": "^8.0.6",
-    "eslint-plugin-storybook": "9.1.16",
-    "eslint-plugin-vue": "^10.5.0",
-    "focus-visible": "^5.0.2",
-    "glob": "^7.1.6",
-    "install-peers-cli": "^2.2.0",
-    "is-ci": "^2.0.0",
-    "jest": "29.1.2",
-    "jest-environment-jsdom": "29.1.2",
-    "node-notifier": "^10.0.1",
-    "rollup": "3.29.5",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-cleaner": "^1.0.0",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-ts-paths-resolve": "^1.7.1",
-    "rollup-plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
     "storybook": "^9.1.4",
     "typescript": "^5.4.3",
     "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.10",
-    "vue": "^3.4.27",
-    "vue2": "npm:vue@2.6",
-    "yargs": "^15.4.1"
-  },
-  "peerDependencies": {
-    "@vue/composition-api": "^1.1.2",
-    "lodash": "4.17.21",
-    "vue": "^2.6.0 || ^3.3.0"
-  },
-  "peerDependenciesMeta": {
-    "@vue/composition-api": {
-      "optional": true
-    }
-  },
-  "description": "The official LumApps Design System (LumX) for Vue applications",
-  "homepage": "https://github.com/lumapps/design-system",
-  "keywords": [
-    "Design System",
-    "LumApps",
-    "LumX",
-    "Vue"
-  ],
-  "license": "MIT",
-  "module": "index.js",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "name": "@lumx/vue",
-  "publishConfig": {
-    "directory": "dist",
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/lumapps/design-system.git"
-  },
-  "scripts": {
-    "start:storybook": "storybook dev -p 6007",
-    "build:storybook": "storybook build",
-    "test": "vue-demi-switch 3 && vitest",
-    "build": "vite build",
-    "storybook:vue3": "vue-demi-switch 3 && yarn start:storybook",
-    "storybook:vue2": "vue-demi-switch 2 vue2 && yarn start:storybook"
-  },
-  "sideEffects": false,
-  "version": "3.20.1-alpha.5"
+    "vue": "^3.5.25"
+  }
 }

package/src/Icon.stories.tsx

@@ -1,17 +0,0 @@
-import DefaultStory, { SizeAndShape as DefaultSizeAndShape } from '@lumx/core/js/components/Icon/Stories';
-
-import { Icon } from '.';
-
-export default {
-    title: 'LumX components/icon/Icon',
-    component: Icon,
-    ...DefaultStory,
-};
-
-export const SizeAndShape = {
-    ...DefaultSizeAndShape,
-    argTypes: {
-        hasShape: { control: false },
-        size: { control: false },
-    },
-};

package/src/Icon.test.tsx

@@ -1,9 +0,0 @@
-import { render } from '@testing-library/vue';
-import Tests from '@lumx/core/js/components/Icon/Tests';
-import { Icon, IconProps } from '.';
-
-describe(`<${Icon.displayName}>`, () => {
-    Tests((props: IconProps) => {
-        render(Icon, { props });
-    });
-});

package/src/Icon.tsx

@@ -1,48 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
-
-export default defineComponent({
-    name: 'Icon',
-    components: {
-        UI,
-    },
-    props: {
-        color: {
-            type: String,
-            required: false,
-        },
-        colorVariant: {
-            type: String,
-            required: false,
-        },
-        hasShape: {
-            type: Boolean,
-            required: false,
-        },
-        icon: {
-            type: String,
-            required: true,
-        },
-        size: {
-            type: String,
-            required: false,
-        },
-        alt: {
-            type: String,
-            required: false,
-        },
-        theme: {
-            type: String,
-            required: false,
-        },
-        className: {
-            type: String,
-            required: false,
-        },
-        // GenericProps may include other props, but these are the main ones from IconProps
-    },
-    // setup function removed; props are accessible via this.props in render
-    render() {
-        return <UI {...this.$props} />;
-    },
-});

package/src/components/icon/Icon.stories.tsx

@@ -1,17 +0,0 @@
-import DefaultStory, { SizeAndShape as DefaultSizeAndShape } from '@lumx/core/js/components/Icon/Stories';
-
-import { Icon } from '.';
-
-export default {
-    title: 'LumX components/icon/Icon',
-    component: Icon,
-    ...DefaultStory,
-};
-
-export const SizeAndShape = {
-    ...DefaultSizeAndShape,
-    argTypes: {
-        hasShape: { control: false },
-        size: { control: false },
-    },
-};

package/src/components/icon/Icon.test.tsx

@@ -1,9 +0,0 @@
-import { render } from '@testing-library/vue';
-import Tests from '@lumx/core/js/components/Icon/Tests';
-import { Icon, IconProps } from '.';
-
-describe(`<${Icon.displayName}>`, () => {
-    Tests((props: IconProps) => {
-        render(Icon, { props });
-    });
-});

package/src/components/icon/Icon.tsx

@@ -1,48 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
-
-export default defineComponent({
-    name: 'Icon',
-    components: {
-        UI,
-    },
-    props: {
-        color: {
-            type: String,
-            required: false,
-        },
-        colorVariant: {
-            type: String,
-            required: false,
-        },
-        hasShape: {
-            type: Boolean,
-            required: false,
-        },
-        icon: {
-            type: String,
-            required: true,
-        },
-        size: {
-            type: String,
-            required: false,
-        },
-        alt: {
-            type: String,
-            required: false,
-        },
-        theme: {
-            type: String,
-            required: false,
-        },
-        className: {
-            type: String,
-            required: false,
-        },
-        // GenericProps may include other props, but these are the main ones from IconProps
-    },
-    // setup function removed; props are accessible via this.props in render
-    render() {
-        return <UI {...this.$props} />;
-    },
-});

package/src/components/icon/index.ts

@@ -1,6 +0,0 @@
-import { IconProps } from '@lumx/core/js/components/Icon';
-
-import Icon from './Icon';
-
-export { Icon };
-export type { IconProps };

package/src/icon/Icon.stories.tsx

@@ -1,17 +0,0 @@
-import DefaultStory, { SizeAndShape as DefaultSizeAndShape } from '@lumx/core/js/components/Icon/Stories';
-
-import { Icon } from '.';
-
-export default {
-    title: 'LumX components/icon/Icon',
-    component: Icon,
-    ...DefaultStory,
-};
-
-export const SizeAndShape = {
-    ...DefaultSizeAndShape,
-    argTypes: {
-        hasShape: { control: false },
-        size: { control: false },
-    },
-};

package/src/icon/Icon.test.tsx

@@ -1,9 +0,0 @@
-import { render } from '@testing-library/vue';
-import Tests from '@lumx/core/js/components/Icon/Tests';
-import { Icon, IconProps } from '.';
-
-describe(`<${Icon.displayName}>`, () => {
-    Tests((props: IconProps) => {
-        render(Icon, { props });
-    });
-});

package/src/icon/Icon.tsx

@@ -1,48 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
-
-export default defineComponent({
-    name: 'Icon',
-    components: {
-        UI,
-    },
-    props: {
-        color: {
-            type: String,
-            required: false,
-        },
-        colorVariant: {
-            type: String,
-            required: false,
-        },
-        hasShape: {
-            type: Boolean,
-            required: false,
-        },
-        icon: {
-            type: String,
-            required: true,
-        },
-        size: {
-            type: String,
-            required: false,
-        },
-        alt: {
-            type: String,
-            required: false,
-        },
-        theme: {
-            type: String,
-            required: false,
-        },
-        className: {
-            type: String,
-            required: false,
-        },
-        // GenericProps may include other props, but these are the main ones from IconProps
-    },
-    // setup function removed; props are accessible via this.props in render
-    render() {
-        return <UI {...this.$props} />;
-    },
-});

package/src/icon/index.ts

@@ -1,6 +0,0 @@
-import { IconProps } from '@lumx/core/js/components/Icon';
-
-import Icon from './Icon';
-
-export { Icon };
-export type { IconProps };

package/src/index.ts

@@ -1,6 +0,0 @@
-import { IconProps } from '@lumx/core/js/components/Icon';
-
-import Icon from './Icon';
-
-export { Icon };
-export type { IconProps };