@mekari/pixel3-text 0.0.1-alpha.0 → 0.0.2

package/dist/{chunk-MUU2JOPN.mjs → chunk-A7GUGWQD.mjs}

@@ -5,7 +5,7 @@ import {
 
 // src/text.tsx
 import { createVNode as _createVNode, isVNode as _isVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, computed } from "vue";
 import { token } from "@mekari/pixel3-styled-system/tokens";
 import { textRecipe } from "@mekari/pixel3-styled-system/recipes";
 function _isSlot(s) {
@@ -18,9 +18,11 @@ var MpText = defineComponent({
   setup(props, {
     slots
   }) {
-    const classes = textRecipe({
-      size: props.size,
-      weight: props.weight
+    const classes = computed(() => {
+      return textRecipe({
+        size: props.size,
+        weight: props.weight
+      });
     });
     const handleStyleTruncate = /* @__PURE__ */ __name(() => {
       return props.isTruncated && {
@@ -39,7 +41,7 @@ var MpText = defineComponent({
         isTextLink
       } = props;
       return _createVNode(Component, {
-        "class": classes,
+        "class": classes.value,
         "data-pixel-component": "MpText",
         "data-text-strike": isStrike ? true : void 0,
         "data-text-link": isTextLink ? true : void 0,

package/dist/index.d.mts

@@ -1,3 +1,4 @@
 export { MpText } from './text.mjs';
+import 'vue/jsx-runtime';
 import './modules/text.type.mjs';
 import 'vue';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { MpText } from './text.js';
+import 'vue/jsx-runtime';
 import './modules/text.type.js';
 import 'vue';

package/dist/index.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.tsx
+// src/index.ts
 var src_exports = {};
 __export(src_exports, {
   MpText: () => MpText
@@ -73,9 +73,11 @@ var MpText = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
-    const classes = (0, import_recipes.textRecipe)({
-      size: props.size,
-      weight: props.weight
+    const classes = (0, import_vue2.computed)(() => {
+      return (0, import_recipes.textRecipe)({
+        size: props.size,
+        weight: props.weight
+      });
     });
     const handleStyleTruncate = /* @__PURE__ */ __name(() => {
       return props.isTruncated && {
@@ -94,7 +96,7 @@ var MpText = (0, import_vue2.defineComponent)({
         isTextLink
       } = props;
       return (0, import_vue.createVNode)(Component, {
-        "class": classes,
+        "class": classes.value,
         "data-pixel-component": "MpText",
         "data-text-strike": isStrike ? true : void 0,
         "data-text-link": isTextLink ? true : void 0,

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   MpText
-} from "./chunk-MUU2JOPN.mjs";
+} from "./chunk-A7GUGWQD.mjs";
 import "./chunk-5REAQYN3.mjs";
 export {
   MpText

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/text.props.ts":{"bytes":749,"imports":[{"path":"../modules/text.type","kind":"import-statement","external":true}],"format":"esm"},"src/text.tsx":{"bytes":1669,"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.tsx":{"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.tsx","inputs":{"src/index.tsx":{"bytesInOutput":117},"src/text.tsx":{"bytesInOutput":1560},"src/modules/text.props.ts":{"bytesInOutput":359}},"bytes":3107},"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":1680},"src/modules/text.props.ts":{"bytesInOutput":359}},"bytes":3092},"dist/modules/text.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.props.ts","inputs":{"src/modules/text.props.ts":{"bytesInOutput":503}},"bytes":1435},"dist/modules/text.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.type.ts","inputs":{"src/modules/text.type.ts":{"bytesInOutput":78}},"bytes":778}}}
+{"inputs":{"src/modules/text.props.ts":{"bytes":749,"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":359}},"bytes":3173},"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":359}},"bytes":3159},"dist/modules/text.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.props.ts","inputs":{"src/modules/text.props.ts":{"bytesInOutput":503}},"bytes":1435},"dist/modules/text.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/text.type.ts","inputs":{"src/modules/text.type.ts":{"bytesInOutput":78}},"bytes":778}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/text.props.ts":{"bytes":749,"imports":[{"path":"../modules/text.type","kind":"import-statement","external":true}],"format":"esm"},"src/text.tsx":{"bytes":1669,"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.tsx":{"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-MUU2JOPN.mjs","kind":"import-statement"},{"path":"dist/chunk-5REAQYN3.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":101},"dist/text.mjs":{"imports":[{"path":"dist/chunk-MUU2JOPN.mjs","kind":"import-statement"},{"path":"dist/chunk-5REAQYN3.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/text.tsx","inputs":{},"bytes":101},"dist/chunk-MUU2JOPN.mjs":{"imports":[{"path":"dist/chunk-5REAQYN3.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":1508}},"bytes":1609},"dist/modules/text.props.mjs":{"imports":[{"path":"dist/chunk-5REAQYN3.mjs","kind":"import-statement"}],"exports":["textProps"],"entryPoint":"src/modules/text.props.ts","inputs":{},"bytes":77},"dist/chunk-5REAQYN3.mjs":{"imports":[],"exports":["__name","textProps"],"inputs":{"src/modules/text.props.ts":{"bytesInOutput":359}},"bytes":553},"dist/modules/text.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/text.type.ts","inputs":{"src/modules/text.type.ts":{"bytesInOutput":0}},"bytes":0}}}
+{"inputs":{"src/modules/text.props.ts":{"bytes":749,"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-A7GUGWQD.mjs","kind":"import-statement"},{"path":"dist/chunk-5REAQYN3.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-A7GUGWQD.mjs","kind":"import-statement"},{"path":"dist/chunk-5REAQYN3.mjs","kind":"import-statement"}],"exports":["MpText"],"entryPoint":"src/text.tsx","inputs":{},"bytes":101},"dist/chunk-A7GUGWQD.mjs":{"imports":[{"path":"dist/chunk-5REAQYN3.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-5REAQYN3.mjs","kind":"import-statement"}],"exports":["textProps"],"entryPoint":"src/modules/text.props.ts","inputs":{},"bytes":77},"dist/chunk-5REAQYN3.mjs":{"imports":[],"exports":["__name","textProps"],"inputs":{"src/modules/text.props.ts":{"bytesInOutput":359}},"bytes":553},"dist/modules/text.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/text.type.ts","inputs":{"src/modules/text.type.ts":{"bytesInOutput":0}},"bytes":0}}}

package/dist/text.d.mts

@@ -1,3 +1,4 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import { FontSize, FontWeight } from './modules/text.type.mjs';
 import * as vue from 'vue';
 
@@ -29,7 +30,7 @@ declare const MpText: vue.DefineComponent<{
     isTruncated: {
         type: BooleanConstructor;
     };
-}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: vue.PropType<keyof HTMLElementTagNameMap>;
         default: string;

package/dist/text.d.ts

@@ -1,3 +1,4 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import { FontSize, FontWeight } from './modules/text.type.js';
 import * as vue from 'vue';
 
@@ -29,7 +30,7 @@ declare const MpText: vue.DefineComponent<{
     isTruncated: {
         type: BooleanConstructor;
     };
-}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: vue.PropType<keyof HTMLElementTagNameMap>;
         default: string;

package/dist/text.js

@@ -71,9 +71,11 @@ var MpText = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
-    const classes = (0, import_recipes.textRecipe)({
-      size: props.size,
-      weight: props.weight
+    const classes = (0, import_vue2.computed)(() => {
+      return (0, import_recipes.textRecipe)({
+        size: props.size,
+        weight: props.weight
+      });
     });
     const handleStyleTruncate = /* @__PURE__ */ __name(() => {
       return props.isTruncated && {
@@ -92,7 +94,7 @@ var MpText = (0, import_vue2.defineComponent)({
         isTextLink
       } = props;
       return (0, import_vue.createVNode)(Component, {
-        "class": classes,
+        "class": classes.value,
         "data-pixel-component": "MpText",
         "data-text-strike": isStrike ? true : void 0,
         "data-text-link": isTextLink ? true : void 0,

package/dist/text.mjs

@@ -1,6 +1,6 @@
 import {
   MpText
-} from "./chunk-MUU2JOPN.mjs";
+} from "./chunk-A7GUGWQD.mjs";
 import "./chunk-5REAQYN3.mjs";
 export {
   MpText

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@mekari/pixel3-text",
   "description": "Text component for mekari pixel 3",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.2",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-styled-system": "0.0.1-alpha.0"
+    "@mekari/pixel3-styled-system": "0.0.1"
   },
   "peerDependencies": {
     "vue": "^3.3.7"