@mekari/pixel3-button 0.0.17-dev.0 → 0.0.17-dev.1

package/dist/button.d.mts

@@ -1,6 +1,6 @@
 import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
-import { ButtonSize, ButtonVariant } from './modules/button.type.mjs';
+import { ButtonSize, ButtonVariant } from './modules/button.types.mjs';
 import * as vue from 'vue';
 import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
 

package/dist/button.d.ts

@@ -1,6 +1,6 @@
 import * as _mekari_pixel3_utils from '@mekari/pixel3-utils';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
-import { ButtonSize, ButtonVariant } from './modules/button.type.js';
+import { ButtonSize, ButtonVariant } from './modules/button.types.js';
 import * as vue from 'vue';
 import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
 

package/dist/button.js

@@ -99,7 +99,6 @@ var MpButton = (0, import_vue2.defineComponent)({
       const children = slots.default && slots.default();
       const {
         variant,
-        size,
         isDisabled,
         isLoading,
         leftIcon,
@@ -111,6 +110,7 @@ var MpButton = (0, import_vue2.defineComponent)({
         "class": classes.value,
         "data-pixel-component": "MpButton",
         "data-has-icon": variant !== "textLink" && (rightIcon || leftIcon) ? true : void 0,
+        "data-icon-position": rightIcon ? "right" : leftIcon ? "left" : void 0,
         "data-has-label": variant !== "textLink" && children ? true : void 0,
         "disabled": isDisabled ? true : void 0,
         "aria-disabled": isDisabled,
@@ -123,11 +123,9 @@ var MpButton = (0, import_vue2.defineComponent)({
         }, null)]), leftIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
           "name": leftIcon,
           "variant": iconVariant,
-          "size": size,
           "color": "currentcolor"
         }, null), children, rightIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
           "name": rightIcon,
-          "size": size,
           "color": "currentcolor"
         }, null)]
       });

package/dist/button.mjs

@@ -1,7 +1,7 @@
 import {
   MpButton,
   MpButtonGroup
-} from "./chunk-IHTHTNN6.mjs";
+} from "./chunk-MBFQKBCI.mjs";
 import "./chunk-54BGXR5H.mjs";
 export {
   MpButton,

package/dist/{chunk-IHTHTNN6.mjs → chunk-MBFQKBCI.mjs}

@@ -40,7 +40,6 @@ var MpButton = defineComponent({
       const children = slots.default && slots.default();
       const {
         variant,
-        size,
         isDisabled,
         isLoading,
         leftIcon,
@@ -52,6 +51,7 @@ var MpButton = defineComponent({
         "class": classes.value,
         "data-pixel-component": "MpButton",
         "data-has-icon": variant !== "textLink" && (rightIcon || leftIcon) ? true : void 0,
+        "data-icon-position": rightIcon ? "right" : leftIcon ? "left" : void 0,
         "data-has-label": variant !== "textLink" && children ? true : void 0,
         "disabled": isDisabled ? true : void 0,
         "aria-disabled": isDisabled,
@@ -64,11 +64,9 @@ var MpButton = defineComponent({
         }, null)]), leftIcon && _createVNode(MpIcon, {
           "name": leftIcon,
           "variant": iconVariant,
-          "size": size,
           "color": "currentcolor"
         }, null), children, rightIcon && _createVNode(MpIcon, {
           "name": rightIcon,
-          "size": size,
           "color": "currentcolor"
         }, null)]
       });

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 export { MpButton, MpButtonGroup } from './button.mjs';
-export { ButtonSize, ButtonVariant } from './modules/button.type.mjs';
+export { ButtonSize, ButtonVariant } from './modules/button.types.mjs';
 import '@mekari/pixel3-utils';
 import 'vue/jsx-runtime';
 import 'vue';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { MpButton, MpButtonGroup } from './button.js';
-export { ButtonSize, ButtonVariant } from './modules/button.type.js';
+export { ButtonSize, ButtonVariant } from './modules/button.types.js';
 import '@mekari/pixel3-utils';
 import 'vue/jsx-runtime';
 import 'vue';

package/dist/index.js

@@ -101,7 +101,6 @@ var MpButton = (0, import_vue2.defineComponent)({
       const children = slots.default && slots.default();
       const {
         variant,
-        size,
         isDisabled,
         isLoading,
         leftIcon,
@@ -113,6 +112,7 @@ var MpButton = (0, import_vue2.defineComponent)({
         "class": classes.value,
         "data-pixel-component": "MpButton",
         "data-has-icon": variant !== "textLink" && (rightIcon || leftIcon) ? true : void 0,
+        "data-icon-position": rightIcon ? "right" : leftIcon ? "left" : void 0,
         "data-has-label": variant !== "textLink" && children ? true : void 0,
         "disabled": isDisabled ? true : void 0,
         "aria-disabled": isDisabled,
@@ -125,11 +125,9 @@ var MpButton = (0, import_vue2.defineComponent)({
         }, null)]), leftIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
           "name": leftIcon,
           "variant": iconVariant,
-          "size": size,
           "color": "currentcolor"
         }, null), children, rightIcon && (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
           "name": rightIcon,
-          "size": size,
           "color": "currentcolor"
         }, null)]
       });

package/dist/index.mjs

@@ -1,8 +1,9 @@
 import {
   MpButton,
   MpButtonGroup
-} from "./chunk-IHTHTNN6.mjs";
+} from "./chunk-MBFQKBCI.mjs";
 import "./chunk-54BGXR5H.mjs";
+import "./chunk-6IMGI6CD.mjs";
 export {
   MpButton,
   MpButtonGroup

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/button.props.ts":{"bytes":1092,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3287,"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":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":208,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":3327},"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":4866},"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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":3159},"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":4874},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":659}},"bytes":1615},"dist/modules/button.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":82}},"bytes":784}}}
+{"inputs":{"src/modules/button.props.ts":{"bytes":1093,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3308,"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":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/button.types.ts":{"bytes":235,"imports":[],"format":"esm"},"src/index.ts":{"bytes":176,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"},{"path":"src/modules/button.types.ts","kind":"import-statement","original":"./modules/button.types"}],"format":"esm"}},"outputs":{"dist/button.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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/button.tsx","inputs":{"src/button.tsx":{"bytesInOutput":3345},"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":4884},"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-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/button.tsx":{"bytesInOutput":3177},"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":4892},"dist/modules/button.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.props.ts","inputs":{"src/modules/button.props.ts":{"bytesInOutput":659}},"bytes":1615},"dist/modules/button.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/button.types.ts","inputs":{"src/modules/button.types.ts":{"bytesInOutput":84}},"bytes":787}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/button.props.ts":{"bytes":1092,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3287,"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":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":208,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/modules/button.type.ts":{"bytes":209,"imports":[],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-IHTHTNN6.mjs","kind":"import-statement"},{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-IHTHTNN6.mjs","kind":"import-statement"},{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":139},"dist/chunk-IHTHTNN6.mjs":{"imports":[{"path":"dist/chunk-54BGXR5H.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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2891}},"bytes":3035},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-54BGXR5H.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":679},"dist/modules/button.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/button.type.ts","inputs":{"src/modules/button.type.ts":{"bytesInOutput":0}},"bytes":0}}}
+{"inputs":{"src/modules/button.props.ts":{"bytes":1093,"imports":[],"format":"esm"},"src/button.tsx":{"bytes":3308,"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":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"src/modules/button.props.ts","kind":"import-statement","original":"./modules/button.props"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/button.types.ts":{"bytes":235,"imports":[],"format":"esm"},"src/index.ts":{"bytes":176,"imports":[{"path":"src/button.tsx","kind":"import-statement","original":"./button"},{"path":"src/modules/button.types.ts","kind":"import-statement","original":"./modules/button.types"}],"format":"esm"}},"outputs":{"dist/button.mjs":{"imports":[{"path":"dist/chunk-MBFQKBCI.mjs","kind":"import-statement"},{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/button.tsx","inputs":{},"bytes":139},"dist/index.mjs":{"imports":[{"path":"dist/chunk-MBFQKBCI.mjs","kind":"import-statement"},{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"},{"path":"dist/chunk-6IMGI6CD.mjs","kind":"import-statement"}],"exports":["MpButton","MpButtonGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":170},"dist/chunk-MBFQKBCI.mjs":{"imports":[{"path":"dist/chunk-54BGXR5H.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-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpButton","MpButtonGroup"],"inputs":{"src/button.tsx":{"bytesInOutput":2909}},"bytes":3053},"dist/modules/button.props.mjs":{"imports":[{"path":"dist/chunk-54BGXR5H.mjs","kind":"import-statement"}],"exports":["buttonGroupProps","buttonProps"],"entryPoint":"src/modules/button.props.ts","inputs":{},"bytes":121},"dist/chunk-54BGXR5H.mjs":{"imports":[],"exports":["__name","buttonGroupProps","buttonProps"],"inputs":{"src/modules/button.props.ts":{"bytesInOutput":461}},"bytes":679},"dist/modules/button.types.mjs":{"imports":[{"path":"dist/chunk-6IMGI6CD.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/button.types.ts","inputs":{},"bytes":32},"dist/chunk-6IMGI6CD.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/button.types.ts":{"bytesInOutput":0}},"bytes":0}}}

package/dist/modules/button.props.d.mts

@@ -1,6 +1,6 @@
 import { PropType, Component } from 'vue';
 import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
-import { ButtonSize, ButtonVariant } from './button.type.mjs';
+import { ButtonSize, ButtonVariant } from './button.types.mjs';
 import { CombinedString } from '@mekari/pixel3-utils';
 
 declare const buttonProps: {

package/dist/modules/button.props.d.ts

@@ -1,6 +1,6 @@
 import { PropType, Component } from 'vue';
 import { SpacingToken } from '@mekari/pixel3-styled-system/tokens';
-import { ButtonSize, ButtonVariant } from './button.type.js';
+import { ButtonSize, ButtonVariant } from './button.types.js';
 import { CombinedString } from '@mekari/pixel3-utils';
 
 declare const buttonProps: {

package/dist/modules/{button.type.d.mts → button.types.d.mts}

@@ -1,4 +1,4 @@
-type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'textLink';
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'tertiary' | 'textLink' | 'unstyled';
 type ButtonSize = 'sm' | 'md';
 
 export { ButtonSize, ButtonVariant };

package/dist/modules/{button.type.d.ts → button.types.d.ts}

@@ -1,4 +1,4 @@
-type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'textLink';
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'tertiary' | 'textLink' | 'unstyled';
 type ButtonSize = 'sm' | 'md';
 
 export { ButtonSize, ButtonVariant };

package/dist/modules/{button.type.js → button.types.js}

@@ -13,6 +13,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/modules/button.type.ts
-var button_type_exports = {};
-module.exports = __toCommonJS(button_type_exports);
+// src/modules/button.types.ts
+var button_types_exports = {};
+module.exports = __toCommonJS(button_types_exports);

package/dist/modules/button.types.mjs

@@ -0,0 +1 @@
+import "../chunk-6IMGI6CD.mjs";

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@mekari/pixel3-button",
   "description": "Button component for mekari pixel 3",
-  "version": "0.0.17-dev.0",
+  "version": "0.0.17-dev.1",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-icon": "0.0.17-dev.0",
-    "@mekari/pixel3-spinner": "0.0.17-dev.0",
-    "@mekari/pixel3-utils": "0.0.7-dev.0",
-    "@mekari/pixel3-styled-system": "0.1.2-dev.0"
+    "@mekari/pixel3-icon": "0.0.17-dev.1",
+    "@mekari/pixel3-spinner": "0.0.17-dev.1",
+    "@mekari/pixel3-styled-system": "0.1.2-dev.1",
+    "@mekari/pixel3-utils": "0.0.7-dev.1"
   },
   "peerDependencies": {
     "vue": "^3.4.9"
@@ -38,6 +38,7 @@
     "build:types": "tsup src --dts-only",
     "types:check": "tsc --noEmit",
     "replace-config": "clean-package",
-    "restore-config": "clean-package restore"
+    "restore-config": "clean-package restore",
+    "types:vue": "vue-tsc --noEmit"
   }
 }