@mekari/pixel3-badge 0.0.15 → 0.0.16-dev.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.
package/dist/badge.d.mts CHANGED
@@ -6,20 +6,32 @@ declare const MpBadge: vue.DefineComponent<{
6
6
  type: vue.PropType<"sm" | "md" | undefined>;
7
7
  };
8
8
  variant: {
9
- type: vue.PropType<"solid" | "subtle" | undefined>;
9
+ type: vue.PropType<"solid" | "subtle">;
10
10
  };
11
11
  variantColor: {
12
- type: vue.PropType<"blue" | "green" | "orange" | "red" | "gray" | undefined>;
12
+ type: vue.PropType<"gray" | "blue" | "green" | "orange" | "red">;
13
+ };
14
+ for: {
15
+ type: vue.PropType<"additionalInformation" | "tableStatus" | "indicator">;
16
+ };
17
+ type: {
18
+ type: vue.PropType<"announcement" | "information" | "warning" | "completed" | "critical">;
13
19
  };
14
20
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
15
21
  size: {
16
22
  type: vue.PropType<"sm" | "md" | undefined>;
17
23
  };
18
24
  variant: {
19
- type: vue.PropType<"solid" | "subtle" | undefined>;
25
+ type: vue.PropType<"solid" | "subtle">;
20
26
  };
21
27
  variantColor: {
22
- type: vue.PropType<"blue" | "green" | "orange" | "red" | "gray" | undefined>;
28
+ type: vue.PropType<"gray" | "blue" | "green" | "orange" | "red">;
29
+ };
30
+ for: {
31
+ type: vue.PropType<"additionalInformation" | "tableStatus" | "indicator">;
32
+ };
33
+ type: {
34
+ type: vue.PropType<"announcement" | "information" | "warning" | "completed" | "critical">;
23
35
  };
24
36
  }>>, {}, {}>;
25
37
 
package/dist/badge.d.ts CHANGED
@@ -6,20 +6,32 @@ declare const MpBadge: vue.DefineComponent<{
6
6
  type: vue.PropType<"sm" | "md" | undefined>;
7
7
  };
8
8
  variant: {
9
- type: vue.PropType<"solid" | "subtle" | undefined>;
9
+ type: vue.PropType<"solid" | "subtle">;
10
10
  };
11
11
  variantColor: {
12
- type: vue.PropType<"blue" | "green" | "orange" | "red" | "gray" | undefined>;
12
+ type: vue.PropType<"gray" | "blue" | "green" | "orange" | "red">;
13
+ };
14
+ for: {
15
+ type: vue.PropType<"additionalInformation" | "tableStatus" | "indicator">;
16
+ };
17
+ type: {
18
+ type: vue.PropType<"announcement" | "information" | "warning" | "completed" | "critical">;
13
19
  };
14
20
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
15
21
  size: {
16
22
  type: vue.PropType<"sm" | "md" | undefined>;
17
23
  };
18
24
  variant: {
19
- type: vue.PropType<"solid" | "subtle" | undefined>;
25
+ type: vue.PropType<"solid" | "subtle">;
20
26
  };
21
27
  variantColor: {
22
- type: vue.PropType<"blue" | "green" | "orange" | "red" | "gray" | undefined>;
28
+ type: vue.PropType<"gray" | "blue" | "green" | "orange" | "red">;
29
+ };
30
+ for: {
31
+ type: vue.PropType<"additionalInformation" | "tableStatus" | "indicator">;
32
+ };
33
+ type: {
34
+ type: vue.PropType<"announcement" | "information" | "warning" | "completed" | "critical">;
23
35
  };
24
36
  }>>, {}, {}>;
25
37
 
package/dist/badge.js CHANGED
@@ -32,11 +32,19 @@ var badgeProps = {
32
32
  size: {
33
33
  type: String
34
34
  },
35
+ /** @deprecated Use `for` prop instead */
35
36
  variant: {
36
37
  type: String
37
38
  },
39
+ /** @deprecated Use `type` prop instead */
38
40
  variantColor: {
39
41
  type: String
42
+ },
43
+ for: {
44
+ type: String
45
+ },
46
+ type: {
47
+ type: String
40
48
  }
41
49
  };
42
50
 
@@ -47,7 +55,11 @@ function useBadge(props) {
47
55
  const rootProps = (0, import_vue.computed)(() => {
48
56
  return {
49
57
  "data-pixel-component": "MpBadge",
50
- class: (0, import_recipes.badgeRecipe)(props)
58
+ class: (0, import_recipes.badgeRecipe)({
59
+ ...props,
60
+ variant: props.for || props.variant,
61
+ variantColor: props.type || props.variantColor
62
+ })
51
63
  };
52
64
  });
53
65
  return {
@@ -67,7 +79,8 @@ var MpBadge = (0, import_vue3.defineComponent)({
67
79
  rootProps
68
80
  } = useBadge(props);
69
81
  return () => {
70
- return (0, import_vue2.createVNode)("span", rootProps.value, [slots.default()]);
82
+ var _a;
83
+ return (0, import_vue2.createVNode)("span", rootProps.value, [props.for === "indicator" ? null : (_a = slots.default) == null ? void 0 : _a.call(slots)]);
71
84
  };
72
85
  }
73
86
  });
package/dist/badge.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpBadge
3
- } from "./chunk-RRVN5RYN.mjs";
4
- import "./chunk-LLGOXWHO.mjs";
5
- import "./chunk-FNLEBEIE.mjs";
3
+ } from "./chunk-IPZIOE6I.mjs";
4
+ import "./chunk-MAY2TPAB.mjs";
5
+ import "./chunk-WYPDAYWQ.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  MpBadge
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  useBadge
3
- } from "./chunk-LLGOXWHO.mjs";
3
+ } from "./chunk-MAY2TPAB.mjs";
4
4
  import {
5
5
  badgeProps
6
- } from "./chunk-FNLEBEIE.mjs";
6
+ } from "./chunk-WYPDAYWQ.mjs";
7
7
 
8
8
  // src/badge.tsx
9
9
  import { createVNode as _createVNode } from "vue";
@@ -18,7 +18,8 @@ var MpBadge = defineComponent({
18
18
  rootProps
19
19
  } = useBadge(props);
20
20
  return () => {
21
- return _createVNode("span", rootProps.value, [slots.default()]);
21
+ var _a;
22
+ return _createVNode("span", rootProps.value, [props.for === "indicator" ? null : (_a = slots.default) == null ? void 0 : _a.call(slots)]);
22
23
  };
23
24
  }
24
25
  });
@@ -9,7 +9,11 @@ function useBadge(props) {
9
9
  const rootProps = computed(() => {
10
10
  return {
11
11
  "data-pixel-component": "MpBadge",
12
- class: badgeRecipe(props)
12
+ class: badgeRecipe({
13
+ ...props,
14
+ variant: props.for || props.variant,
15
+ variantColor: props.type || props.variantColor
16
+ })
13
17
  };
14
18
  });
15
19
  return {
@@ -3,11 +3,19 @@ var badgeProps = {
3
3
  size: {
4
4
  type: String
5
5
  },
6
+ /** @deprecated Use `for` prop instead */
6
7
  variant: {
7
8
  type: String
8
9
  },
10
+ /** @deprecated Use `type` prop instead */
9
11
  variantColor: {
10
12
  type: String
13
+ },
14
+ for: {
15
+ type: String
16
+ },
17
+ type: {
18
+ type: String
11
19
  }
12
20
  };
13
21
 
package/dist/index.js CHANGED
@@ -34,11 +34,19 @@ var badgeProps = {
34
34
  size: {
35
35
  type: String
36
36
  },
37
+ /** @deprecated Use `for` prop instead */
37
38
  variant: {
38
39
  type: String
39
40
  },
41
+ /** @deprecated Use `type` prop instead */
40
42
  variantColor: {
41
43
  type: String
44
+ },
45
+ for: {
46
+ type: String
47
+ },
48
+ type: {
49
+ type: String
42
50
  }
43
51
  };
44
52
 
@@ -49,7 +57,11 @@ function useBadge(props) {
49
57
  const rootProps = (0, import_vue.computed)(() => {
50
58
  return {
51
59
  "data-pixel-component": "MpBadge",
52
- class: (0, import_recipes.badgeRecipe)(props)
60
+ class: (0, import_recipes.badgeRecipe)({
61
+ ...props,
62
+ variant: props.for || props.variant,
63
+ variantColor: props.type || props.variantColor
64
+ })
53
65
  };
54
66
  });
55
67
  return {
@@ -69,7 +81,8 @@ var MpBadge = (0, import_vue3.defineComponent)({
69
81
  rootProps
70
82
  } = useBadge(props);
71
83
  return () => {
72
- return (0, import_vue2.createVNode)("span", rootProps.value, [slots.default()]);
84
+ var _a;
85
+ return (0, import_vue2.createVNode)("span", rootProps.value, [props.for === "indicator" ? null : (_a = slots.default) == null ? void 0 : _a.call(slots)]);
73
86
  };
74
87
  }
75
88
  });
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpBadge
3
- } from "./chunk-RRVN5RYN.mjs";
4
- import "./chunk-LLGOXWHO.mjs";
5
- import "./chunk-FNLEBEIE.mjs";
3
+ } from "./chunk-IPZIOE6I.mjs";
4
+ import "./chunk-MAY2TPAB.mjs";
5
+ import "./chunk-WYPDAYWQ.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  MpBadge
@@ -1 +1 @@
1
- {"inputs":{"src/modules/badge.props.ts":{"bytes":685,"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/badge.hooks.ts":{"bytes":442,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"./badge.props","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/badge.tsx":{"bytes":550,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/badge.props.ts","kind":"import-statement","original":"./modules/badge.props"},{"path":"src/modules/badge.hooks.ts","kind":"import-statement","original":"./modules/badge.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/badge.tsx","kind":"import-statement","original":"./badge"}],"format":"esm"}},"outputs":{"dist/badge.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/badge.tsx","inputs":{"src/badge.tsx":{"bytesInOutput":490},"src/modules/badge.props.ts":{"bytesInOutput":128},"src/modules/badge.hooks.ts":{"bytesInOutput":364}},"bytes":2070},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":119},"src/badge.tsx":{"bytesInOutput":365},"src/modules/badge.props.ts":{"bytesInOutput":128},"src/modules/badge.hooks.ts":{"bytesInOutput":364}},"bytes":2081},"dist/modules/badge.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/badge.hooks.ts","inputs":{"src/modules/badge.hooks.ts":{"bytesInOutput":509}},"bytes":1531},"dist/modules/badge.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/badge.props.ts","inputs":{"src/modules/badge.props.ts":{"bytesInOutput":277}},"bytes":1211}}}
1
+ {"inputs":{"src/modules/badge.props.ts":{"bytes":1230,"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/badge.hooks.ts":{"bytes":564,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"./badge.props","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/badge.tsx":{"bytes":564,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/badge.props.ts","kind":"import-statement","original":"./modules/badge.props"},{"path":"src/modules/badge.hooks.ts","kind":"import-statement","original":"./modules/badge.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/badge.tsx","kind":"import-statement","original":"./badge"}],"format":"esm"}},"outputs":{"dist/badge.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/badge.tsx","inputs":{"src/badge.tsx":{"bytesInOutput":578},"src/modules/badge.props.ts":{"bytesInOutput":280},"src/modules/badge.hooks.ts":{"bytesInOutput":486}},"bytes":2432},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":119},"src/badge.tsx":{"bytesInOutput":453},"src/modules/badge.props.ts":{"bytesInOutput":280},"src/modules/badge.hooks.ts":{"bytesInOutput":486}},"bytes":2443},"dist/modules/badge.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/badge.hooks.ts","inputs":{"src/modules/badge.hooks.ts":{"bytesInOutput":631}},"bytes":1653},"dist/modules/badge.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/badge.props.ts","inputs":{"src/modules/badge.props.ts":{"bytesInOutput":429}},"bytes":1363}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/badge.props.ts":{"bytes":685,"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/badge.hooks.ts":{"bytes":442,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"./badge.props","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/badge.tsx":{"bytes":550,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/badge.props.ts","kind":"import-statement","original":"./modules/badge.props"},{"path":"src/modules/badge.hooks.ts","kind":"import-statement","original":"./modules/badge.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/badge.tsx","kind":"import-statement","original":"./badge"}],"format":"esm"}},"outputs":{"dist/badge.mjs":{"imports":[{"path":"dist/chunk-RRVN5RYN.mjs","kind":"import-statement"},{"path":"dist/chunk-LLGOXWHO.mjs","kind":"import-statement"},{"path":"dist/chunk-FNLEBEIE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpBadge"],"entryPoint":"src/badge.tsx","inputs":{},"bytes":165},"dist/index.mjs":{"imports":[{"path":"dist/chunk-RRVN5RYN.mjs","kind":"import-statement"},{"path":"dist/chunk-LLGOXWHO.mjs","kind":"import-statement"},{"path":"dist/chunk-FNLEBEIE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpBadge"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":165},"dist/chunk-RRVN5RYN.mjs":{"imports":[{"path":"dist/chunk-LLGOXWHO.mjs","kind":"import-statement"},{"path":"dist/chunk-FNLEBEIE.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpBadge"],"inputs":{"src/badge.tsx":{"bytesInOutput":354}},"bytes":499},"dist/modules/badge.hooks.mjs":{"imports":[{"path":"dist/chunk-LLGOXWHO.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useBadge"],"entryPoint":"src/modules/badge.hooks.ts","inputs":{},"bytes":107},"dist/chunk-LLGOXWHO.mjs":{"imports":[{"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":["useBadge"],"inputs":{"src/modules/badge.hooks.ts":{"bytesInOutput":325}},"bytes":429},"dist/modules/badge.props.mjs":{"imports":[{"path":"dist/chunk-FNLEBEIE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["badgeProps"],"entryPoint":"src/modules/badge.props.ts","inputs":{},"bytes":111},"dist/chunk-FNLEBEIE.mjs":{"imports":[],"exports":["badgeProps"],"inputs":{"src/modules/badge.props.ts":{"bytesInOutput":128}},"bytes":184},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
1
+ {"inputs":{"src/modules/badge.props.ts":{"bytes":1230,"imports":[{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/badge.hooks.ts":{"bytes":564,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"./badge.props","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/badge.tsx":{"bytes":564,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/badge.props.ts","kind":"import-statement","original":"./modules/badge.props"},{"path":"src/modules/badge.hooks.ts","kind":"import-statement","original":"./modules/badge.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/badge.tsx","kind":"import-statement","original":"./badge"}],"format":"esm"}},"outputs":{"dist/badge.mjs":{"imports":[{"path":"dist/chunk-IPZIOE6I.mjs","kind":"import-statement"},{"path":"dist/chunk-MAY2TPAB.mjs","kind":"import-statement"},{"path":"dist/chunk-WYPDAYWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpBadge"],"entryPoint":"src/badge.tsx","inputs":{},"bytes":165},"dist/index.mjs":{"imports":[{"path":"dist/chunk-IPZIOE6I.mjs","kind":"import-statement"},{"path":"dist/chunk-MAY2TPAB.mjs","kind":"import-statement"},{"path":"dist/chunk-WYPDAYWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpBadge"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":165},"dist/chunk-IPZIOE6I.mjs":{"imports":[{"path":"dist/chunk-MAY2TPAB.mjs","kind":"import-statement"},{"path":"dist/chunk-WYPDAYWQ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpBadge"],"inputs":{"src/badge.tsx":{"bytesInOutput":442}},"bytes":587},"dist/modules/badge.hooks.mjs":{"imports":[{"path":"dist/chunk-MAY2TPAB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useBadge"],"entryPoint":"src/modules/badge.hooks.ts","inputs":{},"bytes":107},"dist/chunk-MAY2TPAB.mjs":{"imports":[{"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":["useBadge"],"inputs":{"src/modules/badge.hooks.ts":{"bytesInOutput":447}},"bytes":551},"dist/modules/badge.props.mjs":{"imports":[{"path":"dist/chunk-WYPDAYWQ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["badgeProps"],"entryPoint":"src/modules/badge.props.ts","inputs":{},"bytes":111},"dist/chunk-WYPDAYWQ.mjs":{"imports":[],"exports":["badgeProps"],"inputs":{"src/modules/badge.props.ts":{"bytesInOutput":280}},"bytes":336},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
@@ -30,7 +30,11 @@ function useBadge(props) {
30
30
  const rootProps = (0, import_vue.computed)(() => {
31
31
  return {
32
32
  "data-pixel-component": "MpBadge",
33
- class: (0, import_recipes.badgeRecipe)(props)
33
+ class: (0, import_recipes.badgeRecipe)({
34
+ ...props,
35
+ variant: props.for || props.variant,
36
+ variantColor: props.type || props.variantColor
37
+ })
34
38
  };
35
39
  });
36
40
  return {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useBadge
3
- } from "../chunk-LLGOXWHO.mjs";
3
+ } from "../chunk-MAY2TPAB.mjs";
4
4
  import "../chunk-QZ7VFGWC.mjs";
5
5
  export {
6
6
  useBadge
@@ -7,11 +7,19 @@ declare const badgeProps: {
7
7
  size: {
8
8
  type: PropType<"sm" | "md" | undefined>;
9
9
  };
10
+ /** @deprecated Use `for` prop instead */
10
11
  variant: {
11
- type: PropType<"solid" | "subtle" | undefined>;
12
+ type: PropType<"solid" | "subtle">;
12
13
  };
14
+ /** @deprecated Use `type` prop instead */
13
15
  variantColor: {
14
- type: PropType<"blue" | "green" | "orange" | "red" | "gray" | undefined>;
16
+ type: PropType<"gray" | "blue" | "green" | "orange" | "red">;
17
+ };
18
+ for: {
19
+ type: PropType<"additionalInformation" | "tableStatus" | "indicator">;
20
+ };
21
+ type: {
22
+ type: PropType<"announcement" | "information" | "warning" | "completed" | "critical">;
15
23
  };
16
24
  };
17
25
  type BadgeProps = ExtractPropTypes<typeof badgeProps>;
@@ -7,11 +7,19 @@ declare const badgeProps: {
7
7
  size: {
8
8
  type: PropType<"sm" | "md" | undefined>;
9
9
  };
10
+ /** @deprecated Use `for` prop instead */
10
11
  variant: {
11
- type: PropType<"solid" | "subtle" | undefined>;
12
+ type: PropType<"solid" | "subtle">;
12
13
  };
14
+ /** @deprecated Use `type` prop instead */
13
15
  variantColor: {
14
- type: PropType<"blue" | "green" | "orange" | "red" | "gray" | undefined>;
16
+ type: PropType<"gray" | "blue" | "green" | "orange" | "red">;
17
+ };
18
+ for: {
19
+ type: PropType<"additionalInformation" | "tableStatus" | "indicator">;
20
+ };
21
+ type: {
22
+ type: PropType<"announcement" | "information" | "warning" | "completed" | "critical">;
15
23
  };
16
24
  };
17
25
  type BadgeProps = ExtractPropTypes<typeof badgeProps>;
@@ -27,11 +27,19 @@ var badgeProps = {
27
27
  size: {
28
28
  type: String
29
29
  },
30
+ /** @deprecated Use `for` prop instead */
30
31
  variant: {
31
32
  type: String
32
33
  },
34
+ /** @deprecated Use `type` prop instead */
33
35
  variantColor: {
34
36
  type: String
37
+ },
38
+ for: {
39
+ type: String
40
+ },
41
+ type: {
42
+ type: String
35
43
  }
36
44
  };
37
45
  // Annotate the CommonJS export names for ESM import in node:
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  badgeProps
3
- } from "../chunk-FNLEBEIE.mjs";
3
+ } from "../chunk-WYPDAYWQ.mjs";
4
4
  import "../chunk-QZ7VFGWC.mjs";
5
5
  export {
6
6
  badgeProps
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-badge",
3
3
  "description": "Badge component for mekari pixel 3",
4
- "version": "0.0.15",
4
+ "version": "0.0.16-dev.0",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-styled-system": "0.1.1",
12
- "@mekari/pixel3-utils": "0.0.6"
11
+ "@mekari/pixel3-styled-system": "0.1.2-dev.0",
12
+ "@mekari/pixel3-utils": "0.0.7-dev.0"
13
13
  },
14
14
  "peerDependencies": {
15
15
  "vue": "^3.4.9"