@mekari/pixel3-tag 0.0.1 → 0.0.2
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.
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tag.d.mts +52 -5
- package/dist/tag.d.ts +52 -5
- package/package.json +3 -5
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/tag.props.ts":{"bytes":997,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.connects.ts":{"bytes":1211,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.hooks.ts":{"bytes":606,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/tag.connects.ts","kind":"import-statement","original":"./tag.connects"},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tag.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/tag.props.ts":{"bytes":997,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.connects.ts":{"bytes":1211,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.hooks.ts":{"bytes":606,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/tag.connects.ts","kind":"import-statement","original":"./tag.connects"},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tag.tsx":{"bytes":856,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tag.props.ts","kind":"import-statement","original":"./modules/tag.props"},{"path":"src/modules/tag.hooks.ts","kind":"import-statement","original":"./modules/tag.hooks"},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":163,"imports":[{"path":"src/tag.tsx","kind":"import-statement","original":"./tag"}],"format":"esm"},"src/modules/tag.types.ts":{"bytes":792,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":115},"src/tag.tsx":{"bytesInOutput":688},"src/modules/tag.props.ts":{"bytesInOutput":400},"src/modules/tag.hooks.ts":{"bytesInOutput":445},"src/modules/tag.connects.ts":{"bytesInOutput":1155}},"bytes":3959},"dist/tag.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tag.tsx","inputs":{"src/tag.tsx":{"bytesInOutput":803},"src/modules/tag.props.ts":{"bytesInOutput":400},"src/modules/tag.hooks.ts":{"bytesInOutput":445},"src/modules/tag.connects.ts":{"bytesInOutput":1155}},"bytes":3942},"dist/modules/tag.connects.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tag.connects.ts","inputs":{"src/modules/tag.connects.ts":{"bytesInOutput":1305}},"bytes":2330},"dist/modules/tag.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tag.hooks.ts","inputs":{"src/modules/tag.hooks.ts":{"bytesInOutput":580},"src/modules/tag.connects.ts":{"bytesInOutput":1153}},"bytes":2812},"dist/modules/tag.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tag.props.ts","inputs":{"src/modules/tag.props.ts":{"bytesInOutput":567}},"bytes":1509},"dist/modules/tag.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/tag.types.ts","inputs":{"src/modules/tag.types.ts":{"bytesInOutput":78}},"bytes":778}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/tag.props.ts":{"bytes":997,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.connects.ts":{"bytes":1211,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.hooks.ts":{"bytes":606,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/tag.connects.ts","kind":"import-statement","original":"./tag.connects"},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tag.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/tag.props.ts":{"bytes":997,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.connects.ts":{"bytes":1211,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tag.hooks.ts":{"bytes":606,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/tag.connects.ts","kind":"import-statement","original":"./tag.connects"},{"path":"./tag.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tag.tsx":{"bytes":856,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tag.props.ts","kind":"import-statement","original":"./modules/tag.props"},{"path":"src/modules/tag.hooks.ts","kind":"import-statement","original":"./modules/tag.hooks"},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":163,"imports":[{"path":"src/tag.tsx","kind":"import-statement","original":"./tag"}],"format":"esm"},"src/modules/tag.types.ts":{"bytes":792,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-OPTBEC5V.mjs","kind":"import-statement"},{"path":"dist/chunk-3TV3WMBK.mjs","kind":"import-statement"},{"path":"dist/chunk-SKG5Z6SC.mjs","kind":"import-statement"},{"path":"dist/chunk-Q6L3MIBC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTag"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":192},"dist/tag.mjs":{"imports":[{"path":"dist/chunk-OPTBEC5V.mjs","kind":"import-statement"},{"path":"dist/chunk-3TV3WMBK.mjs","kind":"import-statement"},{"path":"dist/chunk-SKG5Z6SC.mjs","kind":"import-statement"},{"path":"dist/chunk-Q6L3MIBC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTag"],"entryPoint":"src/tag.tsx","inputs":{},"bytes":192},"dist/chunk-OPTBEC5V.mjs":{"imports":[{"path":"dist/chunk-3TV3WMBK.mjs","kind":"import-statement"},{"path":"dist/chunk-Q6L3MIBC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpTag"],"inputs":{"src/tag.tsx":{"bytesInOutput":629}},"bytes":778},"dist/modules/tag.connects.mjs":{"imports":[{"path":"dist/chunk-SKG5Z6SC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["tagConnect"],"entryPoint":"src/modules/tag.connects.ts","inputs":{},"bytes":111},"dist/modules/tag.hooks.mjs":{"imports":[{"path":"dist/chunk-3TV3WMBK.mjs","kind":"import-statement"},{"path":"dist/chunk-SKG5Z6SC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTag"],"entryPoint":"src/modules/tag.hooks.ts","inputs":{},"bytes":135},"dist/chunk-3TV3WMBK.mjs":{"imports":[{"path":"dist/chunk-SKG5Z6SC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useTag"],"inputs":{"src/modules/tag.hooks.ts":{"bytesInOutput":379}},"bytes":532},"dist/chunk-SKG5Z6SC.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["tagConnect"],"inputs":{"src/modules/tag.connects.ts":{"bytesInOutput":1079}},"bytes":1186},"dist/modules/tag.props.mjs":{"imports":[{"path":"dist/chunk-Q6L3MIBC.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["tagEmits","tagProps"],"entryPoint":"src/modules/tag.props.ts","inputs":{},"bytes":131},"dist/chunk-Q6L3MIBC.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["tagEmits","tagProps"],"inputs":{"src/modules/tag.props.ts":{"bytesInOutput":368}},"bytes":432},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/tag.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/tag.types.ts","inputs":{"src/modules/tag.types.ts":{"bytesInOutput":0}},"bytes":0}}}
|
package/dist/tag.d.mts
CHANGED
|
@@ -1,12 +1,59 @@
|
|
|
1
|
-
import
|
|
2
|
-
import './modules/tag.types.mjs';
|
|
1
|
+
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
2
|
+
import { TagSize, TagVariant } from './modules/tag.types.mjs';
|
|
3
|
+
import * as vue from 'vue';
|
|
3
4
|
import '@mekari/pixel3-utils';
|
|
4
|
-
import 'vue';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* MpTag component used to display label that can optionally be selected and unselected or removed.
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
declare const MpTag: vue.DefineComponent<{
|
|
10
|
+
readonly as: {
|
|
11
|
+
readonly type: vue.PropType<keyof HTMLElementTagNameMap>;
|
|
12
|
+
readonly default: "button";
|
|
13
|
+
};
|
|
14
|
+
readonly id: {
|
|
15
|
+
readonly type: vue.PropType<string | undefined>;
|
|
16
|
+
};
|
|
17
|
+
readonly size: {
|
|
18
|
+
readonly type: vue.PropType<TagSize | undefined>;
|
|
19
|
+
readonly default: "md";
|
|
20
|
+
};
|
|
21
|
+
readonly variant: {
|
|
22
|
+
readonly type: vue.PropType<TagVariant | undefined>;
|
|
23
|
+
readonly default: "gray";
|
|
24
|
+
};
|
|
25
|
+
readonly isClosable: {
|
|
26
|
+
readonly type: vue.PropType<boolean | undefined>;
|
|
27
|
+
readonly default: false;
|
|
28
|
+
};
|
|
29
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "close")[], "click" | "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
30
|
+
readonly as: {
|
|
31
|
+
readonly type: vue.PropType<keyof HTMLElementTagNameMap>;
|
|
32
|
+
readonly default: "button";
|
|
33
|
+
};
|
|
34
|
+
readonly id: {
|
|
35
|
+
readonly type: vue.PropType<string | undefined>;
|
|
36
|
+
};
|
|
37
|
+
readonly size: {
|
|
38
|
+
readonly type: vue.PropType<TagSize | undefined>;
|
|
39
|
+
readonly default: "md";
|
|
40
|
+
};
|
|
41
|
+
readonly variant: {
|
|
42
|
+
readonly type: vue.PropType<TagVariant | undefined>;
|
|
43
|
+
readonly default: "gray";
|
|
44
|
+
};
|
|
45
|
+
readonly isClosable: {
|
|
46
|
+
readonly type: vue.PropType<boolean | undefined>;
|
|
47
|
+
readonly default: false;
|
|
48
|
+
};
|
|
49
|
+
}>> & {
|
|
50
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
51
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
52
|
+
}, {
|
|
53
|
+
readonly size: TagSize | undefined;
|
|
54
|
+
readonly variant: TagVariant | undefined;
|
|
55
|
+
readonly isClosable: boolean | undefined;
|
|
56
|
+
readonly as: keyof HTMLElementTagNameMap;
|
|
57
|
+
}, {}>;
|
|
11
58
|
|
|
12
59
|
export { MpTag };
|
package/dist/tag.d.ts
CHANGED
|
@@ -1,12 +1,59 @@
|
|
|
1
|
-
import
|
|
2
|
-
import './modules/tag.types.js';
|
|
1
|
+
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
2
|
+
import { TagSize, TagVariant } from './modules/tag.types.js';
|
|
3
|
+
import * as vue from 'vue';
|
|
3
4
|
import '@mekari/pixel3-utils';
|
|
4
|
-
import 'vue';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* MpTag component used to display label that can optionally be selected and unselected or removed.
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
declare const MpTag: vue.DefineComponent<{
|
|
10
|
+
readonly as: {
|
|
11
|
+
readonly type: vue.PropType<keyof HTMLElementTagNameMap>;
|
|
12
|
+
readonly default: "button";
|
|
13
|
+
};
|
|
14
|
+
readonly id: {
|
|
15
|
+
readonly type: vue.PropType<string | undefined>;
|
|
16
|
+
};
|
|
17
|
+
readonly size: {
|
|
18
|
+
readonly type: vue.PropType<TagSize | undefined>;
|
|
19
|
+
readonly default: "md";
|
|
20
|
+
};
|
|
21
|
+
readonly variant: {
|
|
22
|
+
readonly type: vue.PropType<TagVariant | undefined>;
|
|
23
|
+
readonly default: "gray";
|
|
24
|
+
};
|
|
25
|
+
readonly isClosable: {
|
|
26
|
+
readonly type: vue.PropType<boolean | undefined>;
|
|
27
|
+
readonly default: false;
|
|
28
|
+
};
|
|
29
|
+
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "close")[], "click" | "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
30
|
+
readonly as: {
|
|
31
|
+
readonly type: vue.PropType<keyof HTMLElementTagNameMap>;
|
|
32
|
+
readonly default: "button";
|
|
33
|
+
};
|
|
34
|
+
readonly id: {
|
|
35
|
+
readonly type: vue.PropType<string | undefined>;
|
|
36
|
+
};
|
|
37
|
+
readonly size: {
|
|
38
|
+
readonly type: vue.PropType<TagSize | undefined>;
|
|
39
|
+
readonly default: "md";
|
|
40
|
+
};
|
|
41
|
+
readonly variant: {
|
|
42
|
+
readonly type: vue.PropType<TagVariant | undefined>;
|
|
43
|
+
readonly default: "gray";
|
|
44
|
+
};
|
|
45
|
+
readonly isClosable: {
|
|
46
|
+
readonly type: vue.PropType<boolean | undefined>;
|
|
47
|
+
readonly default: false;
|
|
48
|
+
};
|
|
49
|
+
}>> & {
|
|
50
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
51
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
52
|
+
}, {
|
|
53
|
+
readonly size: TagSize | undefined;
|
|
54
|
+
readonly variant: TagVariant | undefined;
|
|
55
|
+
readonly isClosable: boolean | undefined;
|
|
56
|
+
readonly as: keyof HTMLElementTagNameMap;
|
|
57
|
+
}, {}>;
|
|
11
58
|
|
|
12
59
|
export { MpTag };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-tag",
|
|
3
3
|
"description": "Mekari Pixel 3 | Tag component is used to display label that can optionally be selected and unselected or removed",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.2",
|
|
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-button": "0.0.
|
|
13
|
+
"@mekari/pixel3-button": "0.0.2",
|
|
14
14
|
"@mekari/pixel3-styled-system": "0.0.1",
|
|
15
|
-
"@mekari/pixel3-utils": "0.0.
|
|
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
|
}
|