@mekari/pixel3-text 0.0.15 → 0.0.16-dev.1

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.
@@ -1,13 +1,14 @@
1
1
  import {
2
2
  __name,
3
3
  textProps
4
- } from "./chunk-MZIUREHG.mjs";
4
+ } from "./chunk-44P6O5OW.mjs";
5
5
 
6
6
  // src/text.tsx
7
7
  import { createVNode as _createVNode, isVNode as _isVNode } from "vue";
8
8
  import { defineComponent, computed } from "vue";
9
9
  import { token } from "@mekari/pixel3-styled-system/tokens";
10
10
  import { textRecipe } from "@mekari/pixel3-styled-system/recipes";
11
+ import { usePixelTheme } from "@mekari/pixel3-utils";
11
12
  function _isSlot(s) {
12
13
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !_isVNode(s);
13
14
  }
@@ -18,6 +19,9 @@ var MpText = defineComponent({
18
19
  setup(props, {
19
20
  slots
20
21
  }) {
22
+ const {
23
+ isNextTheme
24
+ } = usePixelTheme();
21
25
  const classes = computed(() => {
22
26
  return textRecipe({
23
27
  size: props.size,
@@ -40,13 +44,15 @@ var MpText = defineComponent({
40
44
  isStrike,
41
45
  isTextLink
42
46
  } = props;
47
+ const propColor = token(`colors.${color}`) || color;
48
+ const defaultColor = token(`colors.${isNextTheme.value ? "text.default" : "dark"}`);
43
49
  return _createVNode(Component, {
44
50
  "class": classes.value,
45
51
  "data-pixel-component": "MpText",
46
- "data-text-strike": isStrike ? true : void 0,
47
- "data-text-link": isTextLink ? true : void 0,
52
+ "data-text-strike": isStrike || void 0,
53
+ "data-text-link": isTextLink || void 0,
48
54
  "style": {
49
- "--mp-text-color": token(`colors.${color}`) || color,
55
+ "--mp-text-color": propColor || defaultColor,
50
56
  ...handleStyleTruncate()
51
57
  }
52
58
  }, _isSlot(children) ? children : {
@@ -17,7 +17,7 @@ var textProps = {
17
17
  },
18
18
  color: {
19
19
  type: String,
20
- default: "dark"
20
+ default: ""
21
21
  },
22
22
  lineClamp: {
23
23
  type: String,
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { MpText } from './text.mjs';
2
+ export { FontSize, FontWeight } from './modules/text.types.mjs';
2
3
  import 'vue/jsx-runtime';
3
4
  import '@mekari/pixel3-utils';
4
- import './modules/text.type.mjs';
5
5
  import 'vue';
6
6
  import '@mekari/pixel3-styled-system/tokens';
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { MpText } from './text.js';
2
+ export { FontSize, FontWeight } from './modules/text.types.js';
2
3
  import 'vue/jsx-runtime';
3
4
  import '@mekari/pixel3-utils';
4
- import './modules/text.type.js';
5
5
  import 'vue';
6
6
  import '@mekari/pixel3-styled-system/tokens';
package/dist/index.js CHANGED
@@ -47,7 +47,7 @@ var textProps = {
47
47
  },
48
48
  color: {
49
49
  type: String,
50
- default: "dark"
50
+ default: ""
51
51
  },
52
52
  lineClamp: {
53
53
  type: String,
@@ -65,6 +65,7 @@ var textProps = {
65
65
  };
66
66
 
67
67
  // src/text.tsx
68
+ var import_pixel3_utils = require("@mekari/pixel3-utils");
68
69
  function _isSlot(s) {
69
70
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue.isVNode)(s);
70
71
  }
@@ -75,6 +76,9 @@ var MpText = (0, import_vue2.defineComponent)({
75
76
  setup(props, {
76
77
  slots
77
78
  }) {
79
+ const {
80
+ isNextTheme
81
+ } = (0, import_pixel3_utils.usePixelTheme)();
78
82
  const classes = (0, import_vue2.computed)(() => {
79
83
  return (0, import_recipes.textRecipe)({
80
84
  size: props.size,
@@ -97,13 +101,15 @@ var MpText = (0, import_vue2.defineComponent)({
97
101
  isStrike,
98
102
  isTextLink
99
103
  } = props;
104
+ const propColor = (0, import_tokens.token)(`colors.${color}`) || color;
105
+ const defaultColor = (0, import_tokens.token)(`colors.${isNextTheme.value ? "text.default" : "dark"}`);
100
106
  return (0, import_vue.createVNode)(Component, {
101
107
  "class": classes.value,
102
108
  "data-pixel-component": "MpText",
103
- "data-text-strike": isStrike ? true : void 0,
104
- "data-text-link": isTextLink ? true : void 0,
109
+ "data-text-strike": isStrike || void 0,
110
+ "data-text-link": isTextLink || void 0,
105
111
  "style": {
106
- "--mp-text-color": (0, import_tokens.token)(`colors.${color}`) || color,
112
+ "--mp-text-color": propColor || defaultColor,
107
113
  ...handleStyleTruncate()
108
114
  }
109
115
  }, _isSlot(children) ? children : {
package/dist/index.mjs CHANGED
@@ -1,7 +1,8 @@
1
1
  import {
2
2
  MpText
3
- } from "./chunk-F77YUOGV.mjs";
4
- import "./chunk-MZIUREHG.mjs";
3
+ } from "./chunk-2LM6U2FA.mjs";
4
+ import "./chunk-44P6O5OW.mjs";
5
+ import "./chunk-NE2WH7V5.mjs";
5
6
  export {
6
7
  MpText
7
8
  };
@@ -1 +1 @@
1
- {"inputs":{"src/modules/text.props.ts":{"bytes":863,"imports":[{"path":"../modules/text.type","kind":"import-statement","external":true}],"format":"esm"},"src/text.tsx":{"bytes":1729,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/text.props.ts","kind":"import-statement","original":"./modules/text.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":117,"imports":[{"path":"src/text.tsx","kind":"import-statement","original":"./text"}],"format":"esm"},"src/modules/text.type.ts":{"bytes":239,"imports":[],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","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":117},"src/text.tsx":{"bytesInOutput":1627},"src/modules/text.props.ts":{"bytesInOutput":405}},"bytes":3219},"dist/text.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/text.tsx","inputs":{"src/text.tsx":{"bytesInOutput":1747},"src/modules/text.props.ts":{"bytesInOutput":405}},"bytes":3205},"dist/modules/text.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.props.ts","inputs":{"src/modules/text.props.ts":{"bytesInOutput":549}},"bytes":1481},"dist/modules/text.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.type.ts","inputs":{"src/modules/text.type.ts":{"bytesInOutput":78}},"bytes":778}}}
1
+ {"inputs":{"src/modules/text.props.ts":{"bytes":860,"imports":[{"path":"../modules/text.types","kind":"import-statement","external":true}],"format":"esm"},"src/text.tsx":{"bytes":1984,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/text.props.ts","kind":"import-statement","original":"./modules/text.props"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/text.types.ts":{"bytes":239,"imports":[],"format":"esm"},"src/index.ts":{"bytes":155,"imports":[{"path":"src/text.tsx","kind":"import-statement","original":"./text"},{"path":"src/modules/text.types.ts","kind":"import-statement","original":"./modules/text.types"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":117},"src/text.tsx":{"bytesInOutput":1915},"src/modules/text.props.ts":{"bytesInOutput":401}},"bytes":3503},"dist/text.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/text.tsx","inputs":{"src/text.tsx":{"bytesInOutput":2035},"src/modules/text.props.ts":{"bytesInOutput":401}},"bytes":3489},"dist/modules/text.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.props.ts","inputs":{"src/modules/text.props.ts":{"bytesInOutput":545}},"bytes":1477},"dist/modules/text.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.types.ts","inputs":{"src/modules/text.types.ts":{"bytesInOutput":80}},"bytes":781}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/text.props.ts":{"bytes":863,"imports":[{"path":"../modules/text.type","kind":"import-statement","external":true}],"format":"esm"},"src/text.tsx":{"bytes":1729,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/text.props.ts","kind":"import-statement","original":"./modules/text.props"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":117,"imports":[{"path":"src/text.tsx","kind":"import-statement","original":"./text"}],"format":"esm"},"src/modules/text.type.ts":{"bytes":239,"imports":[],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-F77YUOGV.mjs","kind":"import-statement"},{"path":"dist/chunk-MZIUREHG.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":101},"dist/text.mjs":{"imports":[{"path":"dist/chunk-F77YUOGV.mjs","kind":"import-statement"},{"path":"dist/chunk-MZIUREHG.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/text.tsx","inputs":{},"bytes":101},"dist/chunk-F77YUOGV.mjs":{"imports":[{"path":"dist/chunk-MZIUREHG.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpText"],"inputs":{"src/text.tsx":{"bytesInOutput":1568}},"bytes":1669},"dist/modules/text.props.mjs":{"imports":[{"path":"dist/chunk-MZIUREHG.mjs","kind":"import-statement"}],"exports":["textProps"],"entryPoint":"src/modules/text.props.ts","inputs":{},"bytes":77},"dist/chunk-MZIUREHG.mjs":{"imports":[],"exports":["__name","textProps"],"inputs":{"src/modules/text.props.ts":{"bytesInOutput":405}},"bytes":599},"dist/modules/text.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/text.type.ts","inputs":{"src/modules/text.type.ts":{"bytesInOutput":0}},"bytes":0}}}
1
+ {"inputs":{"src/modules/text.props.ts":{"bytes":860,"imports":[{"path":"../modules/text.types","kind":"import-statement","external":true}],"format":"esm"},"src/text.tsx":{"bytes":1984,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/text.props.ts","kind":"import-statement","original":"./modules/text.props"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/text.types.ts":{"bytes":239,"imports":[],"format":"esm"},"src/index.ts":{"bytes":155,"imports":[{"path":"src/text.tsx","kind":"import-statement","original":"./text"},{"path":"src/modules/text.types.ts","kind":"import-statement","original":"./modules/text.types"}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-2LM6U2FA.mjs","kind":"import-statement"},{"path":"dist/chunk-44P6O5OW.mjs","kind":"import-statement"},{"path":"dist/chunk-NE2WH7V5.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":132},"dist/text.mjs":{"imports":[{"path":"dist/chunk-2LM6U2FA.mjs","kind":"import-statement"},{"path":"dist/chunk-44P6O5OW.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/text.tsx","inputs":{},"bytes":101},"dist/chunk-2LM6U2FA.mjs":{"imports":[{"path":"dist/chunk-44P6O5OW.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpText"],"inputs":{"src/text.tsx":{"bytesInOutput":1807}},"bytes":1908},"dist/modules/text.props.mjs":{"imports":[{"path":"dist/chunk-44P6O5OW.mjs","kind":"import-statement"}],"exports":["textProps"],"entryPoint":"src/modules/text.props.ts","inputs":{},"bytes":77},"dist/chunk-44P6O5OW.mjs":{"imports":[],"exports":["__name","textProps"],"inputs":{"src/modules/text.props.ts":{"bytesInOutput":401}},"bytes":595},"dist/modules/text.types.mjs":{"imports":[{"path":"dist/chunk-NE2WH7V5.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/text.types.ts","inputs":{},"bytes":32},"dist/chunk-NE2WH7V5.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/text.types.ts":{"bytesInOutput":0}},"bytes":0}}}
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
3
- import { FontSize, FontWeight } from './text.type.mjs';
3
+ import { FontSize, FontWeight } from './text.types.mjs';
4
4
  import { CombinedString } from '@mekari/pixel3-utils';
5
5
 
6
6
  declare const textProps: {
@@ -17,7 +17,7 @@ declare const textProps: {
17
17
  default: string;
18
18
  };
19
19
  color: {
20
- type: PropType<ColorToken | CombinedString>;
20
+ type: PropType<CombinedString | ColorToken>;
21
21
  default: string;
22
22
  };
23
23
  lineClamp: {
@@ -1,6 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
3
- import { FontSize, FontWeight } from './text.type.js';
3
+ import { FontSize, FontWeight } from './text.types.js';
4
4
  import { CombinedString } from '@mekari/pixel3-utils';
5
5
 
6
6
  declare const textProps: {
@@ -17,7 +17,7 @@ declare const textProps: {
17
17
  default: string;
18
18
  };
19
19
  color: {
20
- type: PropType<ColorToken | CombinedString>;
20
+ type: PropType<CombinedString | ColorToken>;
21
21
  default: string;
22
22
  };
23
23
  lineClamp: {
@@ -38,7 +38,7 @@ var textProps = {
38
38
  },
39
39
  color: {
40
40
  type: String,
41
- default: "dark"
41
+ default: ""
42
42
  },
43
43
  lineClamp: {
44
44
  type: String,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  textProps
3
- } from "../chunk-MZIUREHG.mjs";
3
+ } from "../chunk-44P6O5OW.mjs";
4
4
  export {
5
5
  textProps
6
6
  };
@@ -13,6 +13,6 @@ var __copyProps = (to, from, except, desc) => {
13
13
  };
14
14
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
15
 
16
- // src/modules/text.type.ts
17
- var text_type_exports = {};
18
- module.exports = __toCommonJS(text_type_exports);
16
+ // src/modules/text.types.ts
17
+ var text_types_exports = {};
18
+ module.exports = __toCommonJS(text_types_exports);
@@ -0,0 +1 @@
1
+ import "../chunk-NE2WH7V5.mjs";
package/dist/text.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
2
  import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
3
- import { FontSize, FontWeight } from './modules/text.type.mjs';
3
+ import { FontSize, FontWeight } from './modules/text.types.mjs';
4
4
  import * as vue from 'vue';
5
5
  import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
6
6
 
@@ -18,7 +18,7 @@ declare const MpText: vue.DefineComponent<{
18
18
  default: string;
19
19
  };
20
20
  color: {
21
- type: vue.PropType<ColorToken | _mekari_pixel3_utils.CombinedString>;
21
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | ColorToken>;
22
22
  default: string;
23
23
  };
24
24
  lineClamp: {
@@ -48,7 +48,7 @@ declare const MpText: vue.DefineComponent<{
48
48
  default: string;
49
49
  };
50
50
  color: {
51
- type: vue.PropType<ColorToken | _mekari_pixel3_utils.CombinedString>;
51
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | ColorToken>;
52
52
  default: string;
53
53
  };
54
54
  lineClamp: {
@@ -68,7 +68,7 @@ declare const MpText: vue.DefineComponent<{
68
68
  as: keyof HTMLElementTagNameMap;
69
69
  size: FontSize;
70
70
  weight: FontWeight;
71
- color: ColorToken | _mekari_pixel3_utils.CombinedString;
71
+ color: _mekari_pixel3_utils.CombinedString | ColorToken;
72
72
  lineClamp: string;
73
73
  isTruncated: boolean;
74
74
  isStrike: boolean;
package/dist/text.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
2
  import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
3
- import { FontSize, FontWeight } from './modules/text.type.js';
3
+ import { FontSize, FontWeight } from './modules/text.types.js';
4
4
  import * as vue from 'vue';
5
5
  import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
6
6
 
@@ -18,7 +18,7 @@ declare const MpText: vue.DefineComponent<{
18
18
  default: string;
19
19
  };
20
20
  color: {
21
- type: vue.PropType<ColorToken | _mekari_pixel3_utils.CombinedString>;
21
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | ColorToken>;
22
22
  default: string;
23
23
  };
24
24
  lineClamp: {
@@ -48,7 +48,7 @@ declare const MpText: vue.DefineComponent<{
48
48
  default: string;
49
49
  };
50
50
  color: {
51
- type: vue.PropType<ColorToken | _mekari_pixel3_utils.CombinedString>;
51
+ type: vue.PropType<_mekari_pixel3_utils.CombinedString | ColorToken>;
52
52
  default: string;
53
53
  };
54
54
  lineClamp: {
@@ -68,7 +68,7 @@ declare const MpText: vue.DefineComponent<{
68
68
  as: keyof HTMLElementTagNameMap;
69
69
  size: FontSize;
70
70
  weight: FontWeight;
71
- color: ColorToken | _mekari_pixel3_utils.CombinedString;
71
+ color: _mekari_pixel3_utils.CombinedString | ColorToken;
72
72
  lineClamp: string;
73
73
  isTruncated: boolean;
74
74
  isStrike: boolean;
package/dist/text.js CHANGED
@@ -45,7 +45,7 @@ var textProps = {
45
45
  },
46
46
  color: {
47
47
  type: String,
48
- default: "dark"
48
+ default: ""
49
49
  },
50
50
  lineClamp: {
51
51
  type: String,
@@ -63,6 +63,7 @@ var textProps = {
63
63
  };
64
64
 
65
65
  // src/text.tsx
66
+ var import_pixel3_utils = require("@mekari/pixel3-utils");
66
67
  function _isSlot(s) {
67
68
  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue.isVNode)(s);
68
69
  }
@@ -73,6 +74,9 @@ var MpText = (0, import_vue2.defineComponent)({
73
74
  setup(props, {
74
75
  slots
75
76
  }) {
77
+ const {
78
+ isNextTheme
79
+ } = (0, import_pixel3_utils.usePixelTheme)();
76
80
  const classes = (0, import_vue2.computed)(() => {
77
81
  return (0, import_recipes.textRecipe)({
78
82
  size: props.size,
@@ -95,13 +99,15 @@ var MpText = (0, import_vue2.defineComponent)({
95
99
  isStrike,
96
100
  isTextLink
97
101
  } = props;
102
+ const propColor = (0, import_tokens.token)(`colors.${color}`) || color;
103
+ const defaultColor = (0, import_tokens.token)(`colors.${isNextTheme.value ? "text.default" : "dark"}`);
98
104
  return (0, import_vue.createVNode)(Component, {
99
105
  "class": classes.value,
100
106
  "data-pixel-component": "MpText",
101
- "data-text-strike": isStrike ? true : void 0,
102
- "data-text-link": isTextLink ? true : void 0,
107
+ "data-text-strike": isStrike || void 0,
108
+ "data-text-link": isTextLink || void 0,
103
109
  "style": {
104
- "--mp-text-color": (0, import_tokens.token)(`colors.${color}`) || color,
110
+ "--mp-text-color": propColor || defaultColor,
105
111
  ...handleStyleTruncate()
106
112
  }
107
113
  }, _isSlot(children) ? children : {
package/dist/text.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  MpText
3
- } from "./chunk-F77YUOGV.mjs";
4
- import "./chunk-MZIUREHG.mjs";
3
+ } from "./chunk-2LM6U2FA.mjs";
4
+ import "./chunk-44P6O5OW.mjs";
5
5
  export {
6
6
  MpText
7
7
  };
package/package.json CHANGED
@@ -1,15 +1,15 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-text",
3
3
  "description": "Text component for mekari pixel 3",
4
- "version": "0.0.15",
4
+ "version": "0.0.16-dev.1",
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.1",
12
+ "@mekari/pixel3-utils": "0.0.7-dev.1"
13
13
  },
14
14
  "peerDependencies": {
15
15
  "vue": "^3.4.9"
@@ -36,6 +36,7 @@
36
36
  "build:types": "tsup src --dts-only",
37
37
  "types:check": "tsc --noEmit",
38
38
  "replace-config": "clean-package",
39
- "restore-config": "clean-package restore"
39
+ "restore-config": "clean-package restore",
40
+ "types:vue": "vue-tsc --noEmit"
40
41
  }
41
42
  }