@mekari/pixel3-avatar 0.0.1 → 0.0.3

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 (13) hide show
  1. package/dist/avatar-excess.d.mts +2 -1
  2. package/dist/avatar-excess.d.ts +2 -1
  3. package/dist/avatar-fallback.d.mts +2 -1
  4. package/dist/avatar-fallback.d.ts +2 -1
  5. package/dist/avatar-group.d.mts +3 -2
  6. package/dist/avatar-group.d.ts +3 -2
  7. package/dist/avatar-image.d.mts +2 -1
  8. package/dist/avatar-image.d.ts +2 -1
  9. package/dist/avatar.d.mts +5 -4
  10. package/dist/avatar.d.ts +5 -4
  11. package/dist/index.d.mts +1 -0
  12. package/dist/index.d.ts +1 -0
  13. package/package.json +4 -6
package/dist/avatar-excess.d.mts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as vue from 'vue';
2
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
3
 
3
4
  /**
4
5
  * MpAvatarExcess component used to display more label counter.
5
6
  */
6
- declare const MpAvatarExcess: vue.DefineComponent<{}, () => JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
+ declare const MpAvatarExcess: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
8
 
8
9
  export { MpAvatarExcess };
package/dist/avatar-excess.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as vue from 'vue';
2
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
3
 
3
4
  /**
4
5
  * MpAvatarExcess component used to display more label counter.
5
6
  */
6
- declare const MpAvatarExcess: vue.DefineComponent<{}, () => JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
+ declare const MpAvatarExcess: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
8
 
8
9
  export { MpAvatarExcess };
package/dist/avatar-fallback.d.mts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as vue from 'vue';
2
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
3
 
3
4
  /**
4
5
  * MpAvatarFallback component used to display fallback icon.
5
6
  */
6
- declare const MpAvatarFallback: vue.DefineComponent<{}, () => JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
+ declare const MpAvatarFallback: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
8
 
8
9
  export { MpAvatarFallback };
package/dist/avatar-fallback.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as vue from 'vue';
2
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
3
 
3
4
  /**
4
5
  * MpAvatarFallback component used to display fallback icon.
5
6
  */
6
- declare const MpAvatarFallback: vue.DefineComponent<{}, () => JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
+ declare const MpAvatarFallback: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
8
 
8
9
  export { MpAvatarFallback };
package/dist/avatar-group.d.mts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
1
2
  import * as vue from 'vue';
2
3
  import { AvatarSize } from './modules/avatar.types.mjs';
3
4
  import '@mekari/pixel3-utils';
@@ -24,7 +25,7 @@ declare const MpAvatarGroup: vue.DefineComponent<{
24
25
  borderColor: {
25
26
  type: vue.PropType<string | undefined>;
26
27
  };
27
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
28
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
28
29
  id: {
29
30
  type: vue.PropType<string | undefined>;
30
31
  };
@@ -47,8 +48,8 @@ declare const MpAvatarGroup: vue.DefineComponent<{
47
48
  onClick?: ((...args: any[]) => any) | undefined;
48
49
  }, {
49
50
  size: AvatarSize | undefined;
50
- max: number | undefined;
51
51
  spacing: number | undefined;
52
+ max: number | undefined;
52
53
  }, {}>;
53
54
 
54
55
  export { MpAvatarGroup };
package/dist/avatar-group.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
1
2
  import * as vue from 'vue';
2
3
  import { AvatarSize } from './modules/avatar.types.js';
3
4
  import '@mekari/pixel3-utils';
@@ -24,7 +25,7 @@ declare const MpAvatarGroup: vue.DefineComponent<{
24
25
  borderColor: {
25
26
  type: vue.PropType<string | undefined>;
26
27
  };
27
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
28
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
28
29
  id: {
29
30
  type: vue.PropType<string | undefined>;
30
31
  };
@@ -47,8 +48,8 @@ declare const MpAvatarGroup: vue.DefineComponent<{
47
48
  onClick?: ((...args: any[]) => any) | undefined;
48
49
  }, {
49
50
  size: AvatarSize | undefined;
50
- max: number | undefined;
51
51
  spacing: number | undefined;
52
+ max: number | undefined;
52
53
  }, {}>;
53
54
 
54
55
  export { MpAvatarGroup };
package/dist/avatar-image.d.mts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as vue from 'vue';
2
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
3
 
3
4
  /**
4
5
  * MpAvatarImage component used to display profile image.
5
6
  */
6
- declare const MpAvatarImage: vue.DefineComponent<{}, () => JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
+ declare const MpAvatarImage: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
8
 
8
9
  export { MpAvatarImage };
package/dist/avatar-image.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as vue from 'vue';
2
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
3
 
3
4
  /**
4
5
  * MpAvatarImage component used to display profile image.
5
6
  */
6
- declare const MpAvatarImage: vue.DefineComponent<{}, () => JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
+ declare const MpAvatarImage: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
7
8
 
8
9
  export { MpAvatarImage };
package/dist/avatar.d.mts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
1
2
  import * as vue from 'vue';
2
3
  import { AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.mjs';
3
4
  import '@mekari/pixel3-utils';
@@ -47,7 +48,7 @@ declare const MpAvatar: vue.DefineComponent<{
47
48
  type: vue.PropType<number | undefined>;
48
49
  default: number;
49
50
  };
50
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
51
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
51
52
  id: {
52
53
  type: vue.PropType<string | undefined>;
53
54
  };
@@ -92,11 +93,11 @@ declare const MpAvatar: vue.DefineComponent<{
92
93
  }>> & {
93
94
  onClick?: ((...args: any[]) => any) | undefined;
94
95
  }, {
95
- size: AvatarSize | undefined;
96
- spacing: number | undefined;
97
96
  name: string | undefined;
98
- hasBorder: boolean | undefined;
97
+ size: AvatarSize | undefined;
99
98
  variant: AvatarVariant | undefined;
99
+ hasBorder: boolean | undefined;
100
+ spacing: number | undefined;
100
101
  }, {}>;
101
102
 
102
103
  export { MpAvatar };
package/dist/avatar.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as vue_jsx_runtime from 'vue/jsx-runtime';
1
2
  import * as vue from 'vue';
2
3
  import { AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.js';
3
4
  import '@mekari/pixel3-utils';
@@ -47,7 +48,7 @@ declare const MpAvatar: vue.DefineComponent<{
47
48
  type: vue.PropType<number | undefined>;
48
49
  default: number;
49
50
  };
50
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
51
+ }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "click"[], "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
51
52
  id: {
52
53
  type: vue.PropType<string | undefined>;
53
54
  };
@@ -92,11 +93,11 @@ declare const MpAvatar: vue.DefineComponent<{
92
93
  }>> & {
93
94
  onClick?: ((...args: any[]) => any) | undefined;
94
95
  }, {
95
- size: AvatarSize | undefined;
96
- spacing: number | undefined;
97
96
  name: string | undefined;
98
- hasBorder: boolean | undefined;
97
+ size: AvatarSize | undefined;
99
98
  variant: AvatarVariant | undefined;
99
+ hasBorder: boolean | undefined;
100
+ spacing: number | undefined;
100
101
  }, {}>;
101
102
 
102
103
  export { MpAvatar };
package/dist/index.d.mts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { MpAvatar } from './avatar.mjs';
2
2
  export { MpAvatarGroup } from './avatar-group.mjs';
3
3
  export { AvatarGroupProps, AvatarProps, AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.mjs';
4
+ import 'vue/jsx-runtime';
4
5
  import 'vue';
5
6
  import '@mekari/pixel3-utils';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export { MpAvatar } from './avatar.js';
2
2
  export { MpAvatarGroup } from './avatar-group.js';
3
3
  export { AvatarGroupProps, AvatarProps, AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.js';
4
+ import 'vue/jsx-runtime';
4
5
  import 'vue';
5
6
  import '@mekari/pixel3-utils';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-avatar",
3
3
  "description": "Mekari Pixel 3 | Avatar component is used to display profile image, initial or fallback icon",
4
- "version": "0.0.1",
4
+ "version": "0.0.3",
5
5
  "license": "LGPL-3.0",
6
6
  "author": "Dirga Prakesha <dirga.prakesha@mekari.com>",
7
7
  "sideEffects": false,
@@ -10,9 +10,9 @@
10
10
  "dist"
11
11
  ],
12
12
  "dependencies": {
13
- "@mekari/pixel3-icon": "0.0.1",
14
- "@mekari/pixel3-styled-system": "0.0.1",
15
- "@mekari/pixel3-utils": "0.0.1"
13
+ "@mekari/pixel3-icon": "0.0.3",
14
+ "@mekari/pixel3-styled-system": "0.0.2",
15
+ "@mekari/pixel3-utils": "0.0.2"
16
16
  },
17
17
  "peerDependencies": {
18
18
  "vue": "^3.3.7"
@@ -36,12 +36,10 @@
36
36
  "scripts": {
37
37
  "clean": "rimraf dist .turbo",
38
38
  "build": "tsup && pnpm build:types",
39
- "build:css": "pnpm build && pnpm css:gen",
40
39
  "build:fast": "tsup",
41
40
  "build:types": "tsup src --dts-only",
42
41
  "build:external": "tsup src/index.tsx --external @acme-org/styled-system",
43
42
  "types:check": "tsc --noEmit",
44
- "css:gen": "panda cssgen --outfile dist/styles.css",
45
43
  "replace-config": "clean-package",
46
44
  "restore-config": "clean-package restore"
47
45
  }