@mekari/pixel3-text - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/index.d.ts

 export { MpText } from './text.js';
+import 'vue/jsx-runtime';
 import './modules/text.type.js';
 import 'vue';

dist/index.js

@@ -76,5 +76,7 @@ "use strict";
   }) {
-    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
+      });
     });
@@ -98,3 +100,3 @@ const handleStyleTruncate = /* @__PURE__ */ __name(() => {
       return (0, import_vue.createVNode)(Component, {
-        "class": classes,
+        "class": classes.value,
         "data-pixel-component": "MpText",
@@ -101,0 +103,0 @@ "data-text-strike": isStrike ? true : void 0,

dist/metafile-cjs.json

@@ -1,1 +0,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.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":1560},"src/modules/text.props.ts":{"bytesInOutput":359}},"bytes":3106},"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}}}

dist/metafile-esm.json

@@ -1,1 +0,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.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-MUU2JOPN.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-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}}}

dist/text.d.ts

@@ -0,1 +1,2 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import { FontSize, FontWeight } from './modules/text.type.js';
@@ -32,3 +33,3 @@ import * as vue from 'vue';
     };
-}, () => 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: {
@@ -35,0 +36,0 @@ type: vue.PropType<keyof HTMLElementTagNameMap>;

dist/text.js

@@ -74,5 +74,7 @@ "use strict";
   }) {
-    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
+      });
     });
@@ -96,3 +98,3 @@ const handleStyleTruncate = /* @__PURE__ */ __name(() => {
       return (0, import_vue.createVNode)(Component, {
-        "class": classes,
+        "class": classes.value,
         "data-pixel-component": "MpText",
@@ -99,0 +101,0 @@ "data-text-strike": isStrike ? true : void 0,

package.json

 {
   "name": "@mekari/pixel3-text",
   "description": "Text component for mekari pixel 3",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "dist/index.js",
@@ -6,0 +6,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

21748

increased by1.28%

Lines of code

519

increased by1.57%

No dependency changes