@lumx/vue 3.19.1-alpha.7 → 3.20.1-alpha.0

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.
Files changed (11) hide show
  1. package/index.js +723 -2626
  2. package/package.json +7 -3
  3. package/src/Icon.tsx +50 -0
  4. package/src/components/icon/Icon.tsx +50 -0
  5. package/src/components/icon/index.ts +1 -1
  6. package/src/icon/Icon.tsx +50 -0
  7. package/src/icon/index.ts +1 -1
  8. package/src/index.ts +1 -1
  9. package/src/Icon.vue +0 -21
  10. package/src/components/icon/Icon.vue +0 -21
  11. package/src/icon/Icon.vue +0 -21
package/package.json CHANGED
@@ -6,8 +6,8 @@
6
6
  "url": "https://github.com/lumapps/design-system/issues"
7
7
  },
8
8
  "dependencies": {
9
- "@lumx/core": "^3.19.1-alpha.7",
10
- "@lumx/icons": "^3.19.1-alpha.7",
9
+ "@lumx/core": "^3.20.1-alpha.0",
10
+ "@lumx/icons": "^3.20.1-alpha.0",
11
11
  "vue-demi": "^0.14.10"
12
12
  },
13
13
  "devDependencies": {
@@ -42,6 +42,10 @@
42
42
  "@types/lodash": "^4.14.149",
43
43
  "@vitejs/plugin-vue": "^6.0.2",
44
44
  "@vitejs/plugin-vue-jsx": "^5.1.2",
45
+ "@vitejs/plugin-vue2-jsx": "^1.1.1",
46
+ "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
47
+ "@vue/babel-plugin-jsx": "^2.0.1",
48
+ "@vue/babel-preset-jsx": "^1.4.0",
45
49
  "@vue/composition-api": "1.7.2",
46
50
  "autoprefixer": "^9.7.4",
47
51
  "babel-jest": "29.1.2",
@@ -113,5 +117,5 @@
113
117
  "storybook:vue2": "vue-demi-switch 2 vue2 && yarn start:storybook"
114
118
  },
115
119
  "sideEffects": false,
116
- "version": "3.19.1-alpha.7"
120
+ "version": "3.20.1-alpha.0"
117
121
  }
package/src/Icon.tsx ADDED
@@ -0,0 +1,50 @@
1
+ import { defineComponent } from 'vue-demi';
2
+ import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
3
+
4
+ export default defineComponent({
5
+ name: 'Icon',
6
+ components: {
7
+ UI,
8
+ },
9
+ props: {
10
+ color: {
11
+ type: String,
12
+ required: false,
13
+ },
14
+ colorVariant: {
15
+ type: String,
16
+ required: false,
17
+ },
18
+ hasShape: {
19
+ type: Boolean,
20
+ required: false,
21
+ },
22
+ icon: {
23
+ type: String,
24
+ required: true,
25
+ },
26
+ size: {
27
+ type: String,
28
+ required: false,
29
+ },
30
+ alt: {
31
+ type: String,
32
+ required: false,
33
+ },
34
+ theme: {
35
+ type: String,
36
+ required: false,
37
+ },
38
+ className: {
39
+ type: String,
40
+ required: false,
41
+ },
42
+ // GenericProps may include other props, but these are the main ones from IconProps
43
+ },
44
+ setup(props: IconProps) {
45
+ return { props };
46
+ },
47
+ render() {
48
+ return <UI {...this.props} />;
49
+ },
50
+ });
package/src/components/icon/Icon.tsx ADDED
@@ -0,0 +1,50 @@
1
+ import { defineComponent } from 'vue-demi';
2
+ import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
3
+
4
+ export default defineComponent({
5
+ name: 'Icon',
6
+ components: {
7
+ UI,
8
+ },
9
+ props: {
10
+ color: {
11
+ type: String,
12
+ required: false,
13
+ },
14
+ colorVariant: {
15
+ type: String,
16
+ required: false,
17
+ },
18
+ hasShape: {
19
+ type: Boolean,
20
+ required: false,
21
+ },
22
+ icon: {
23
+ type: String,
24
+ required: true,
25
+ },
26
+ size: {
27
+ type: String,
28
+ required: false,
29
+ },
30
+ alt: {
31
+ type: String,
32
+ required: false,
33
+ },
34
+ theme: {
35
+ type: String,
36
+ required: false,
37
+ },
38
+ className: {
39
+ type: String,
40
+ required: false,
41
+ },
42
+ // GenericProps may include other props, but these are the main ones from IconProps
43
+ },
44
+ setup(props: IconProps) {
45
+ return { props };
46
+ },
47
+ render() {
48
+ return <UI {...this.props} />;
49
+ },
50
+ });
package/src/components/icon/index.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { IconProps } from '@lumx/core/js/components/Icon';
2
2
 
3
- import Icon from './Icon.vue';
3
+ import Icon from './Icon';
4
4
 
5
5
  export { Icon };
6
6
  export type { IconProps };
package/src/icon/Icon.tsx ADDED
@@ -0,0 +1,50 @@
1
+ import { defineComponent } from 'vue-demi';
2
+ import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
3
+
4
+ export default defineComponent({
5
+ name: 'Icon',
6
+ components: {
7
+ UI,
8
+ },
9
+ props: {
10
+ color: {
11
+ type: String,
12
+ required: false,
13
+ },
14
+ colorVariant: {
15
+ type: String,
16
+ required: false,
17
+ },
18
+ hasShape: {
19
+ type: Boolean,
20
+ required: false,
21
+ },
22
+ icon: {
23
+ type: String,
24
+ required: true,
25
+ },
26
+ size: {
27
+ type: String,
28
+ required: false,
29
+ },
30
+ alt: {
31
+ type: String,
32
+ required: false,
33
+ },
34
+ theme: {
35
+ type: String,
36
+ required: false,
37
+ },
38
+ className: {
39
+ type: String,
40
+ required: false,
41
+ },
42
+ // GenericProps may include other props, but these are the main ones from IconProps
43
+ },
44
+ setup(props: IconProps) {
45
+ return { props };
46
+ },
47
+ render() {
48
+ return <UI {...this.props} />;
49
+ },
50
+ });
package/src/icon/index.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { IconProps } from '@lumx/core/js/components/Icon';
2
2
 
3
- import Icon from './Icon.vue';
3
+ import Icon from './Icon';
4
4
 
5
5
  export { Icon };
6
6
  export type { IconProps };
package/src/index.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { IconProps } from '@lumx/core/js/components/Icon';
2
2
 
3
- import Icon from './Icon.vue';
3
+ import Icon from './Icon';
4
4
 
5
5
  export { Icon };
6
6
  export type { IconProps };
package/src/Icon.vue DELETED
@@ -1,21 +0,0 @@
1
- <script lang="ts">
2
- import { defineComponent, ref } from 'vue-demi';
3
- import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
4
-
5
- export default defineComponent({
6
- name: 'Icon',
7
- components: {
8
- UI,
9
- },
10
- setup(props: IconProps) {
11
- return { props };
12
- },
13
- });
14
- </script>
15
-
16
- <template>
17
- <UI
18
- v-bind="props"
19
- ref="iconRef"
20
- />
21
- </template>
package/src/components/icon/Icon.vue DELETED
@@ -1,21 +0,0 @@
1
- <script lang="ts">
2
- import { defineComponent, ref } from 'vue-demi';
3
- import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
4
-
5
- export default defineComponent({
6
- name: 'Icon',
7
- components: {
8
- UI,
9
- },
10
- setup(props: IconProps) {
11
- return { props };
12
- },
13
- });
14
- </script>
15
-
16
- <template>
17
- <UI
18
- v-bind="props"
19
- ref="iconRef"
20
- />
21
- </template>
package/src/icon/Icon.vue DELETED
@@ -1,21 +0,0 @@
1
- <script lang="ts">
2
- import { defineComponent, ref } from 'vue-demi';
3
- import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
4
-
5
- export default defineComponent({
6
- name: 'Icon',
7
- components: {
8
- UI,
9
- },
10
- setup(props: IconProps) {
11
- return { props };
12
- },
13
- });
14
- </script>
15
-
16
- <template>
17
- <UI
18
- v-bind="props"
19
- ref="iconRef"
20
- />
21
- </template>