@mekari/pixel-button-icon - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0

dist/mekari-pixel-button-icon.cjs.dev.js

@@ -18,5 +18,6 @@ 'use strict';
  * @prop {string} name - Displayed icon on center.
+ * @prop {string} variant - Variant of button icon.
  * @prop {boolean} isDisabled - If true, button icon will be disabled.
  * @prop {boolean} isActive - If true, button icon will be active.
- * @prop {boolean} isRound - If true, button icon will be rounded.
+ * @prop {boolean} isRound - If true, button icon will be rounded. **deprecated**
  * @prop {boolean} isHoverable - If true, button icon hover style will shown.
@@ -43,2 +44,6 @@ * @prop {string} ariaLabel - Optional prop for accessibility.
   name: [String],
+  variant: {
+    type: [String],
+    default: 'outline'
+  },
   isDisabled: {
@@ -56,2 +61,3 @@ type: [Boolean],
   },
+  // **deprecated**
   isHoverable: {
@@ -146,3 +152,3 @@ type: [Boolean],
     if (typeof this.$props.icon !== 'undefined') console.error('[Pixel error]: Deprecated on `icon` prop and use `name` instead.');
-    if (typeof this.$props.isRound !== 'undefined') console.warn('[Pixel warning]: Deprecated on `isRound` prop.');
+    if (typeof this.$props.isRound !== 'undefined') console.error('[Pixel error]: Deprecated on `isRound` prop.');
   },
@@ -161,2 +167,3 @@
         name: this.name || this.icon,
+        variant: this.isDisabled ? 'outline' : this.variant,
         size: this.size
@@ -163,0 +170,0 @@ },

dist/mekari-pixel-button-icon.cjs.prod.js

@@ -18,5 +18,6 @@ 'use strict';
  * @prop {string} name - Displayed icon on center.
+ * @prop {string} variant - Variant of button icon.
  * @prop {boolean} isDisabled - If true, button icon will be disabled.
  * @prop {boolean} isActive - If true, button icon will be active.
- * @prop {boolean} isRound - If true, button icon will be rounded.
+ * @prop {boolean} isRound - If true, button icon will be rounded. **deprecated**
  * @prop {boolean} isHoverable - If true, button icon hover style will shown.
@@ -43,2 +44,6 @@ * @prop {string} ariaLabel - Optional prop for accessibility.
   name: [String],
+  variant: {
+    type: [String],
+    default: 'outline'
+  },
   isDisabled: {
@@ -56,2 +61,3 @@ type: [Boolean],
   },
+  // **deprecated**
   isHoverable: {
@@ -146,3 +152,3 @@ type: [Boolean],
     if (typeof this.$props.icon !== 'undefined') console.error('[Pixel error]: Deprecated on `icon` prop and use `name` instead.');
-    if (typeof this.$props.isRound !== 'undefined') console.warn('[Pixel warning]: Deprecated on `isRound` prop.');
+    if (typeof this.$props.isRound !== 'undefined') console.error('[Pixel error]: Deprecated on `isRound` prop.');
   },
@@ -161,2 +167,3 @@
         name: this.name || this.icon,
+        variant: this.isDisabled ? 'outline' : this.variant,
         size: this.size
@@ -163,0 +170,0 @@ },

dist/mekari-pixel-button-icon.esm.js

@@ -14,5 +14,6 @@ import { MpButton } from '@mekari/pixel-button';
  * @prop {string} name - Displayed icon on center.
+ * @prop {string} variant - Variant of button icon.
  * @prop {boolean} isDisabled - If true, button icon will be disabled.
  * @prop {boolean} isActive - If true, button icon will be active.
- * @prop {boolean} isRound - If true, button icon will be rounded.
+ * @prop {boolean} isRound - If true, button icon will be rounded. **deprecated**
  * @prop {boolean} isHoverable - If true, button icon hover style will shown.
@@ -39,2 +40,6 @@ * @prop {string} ariaLabel - Optional prop for accessibility.
   name: [String],
+  variant: {
+    type: [String],
+    default: 'outline'
+  },
   isDisabled: {
@@ -52,2 +57,3 @@ type: [Boolean],
   },
+  // **deprecated**
   isHoverable: {
@@ -142,3 +148,3 @@ type: [Boolean],
     if (typeof this.$props.icon !== 'undefined') console.error('[Pixel error]: Deprecated on `icon` prop and use `name` instead.');
-    if (typeof this.$props.isRound !== 'undefined') console.warn('[Pixel warning]: Deprecated on `isRound` prop.');
+    if (typeof this.$props.isRound !== 'undefined') console.error('[Pixel error]: Deprecated on `isRound` prop.');
   },
@@ -157,2 +163,3 @@
         name: this.name || this.icon,
+        variant: this.isDisabled ? 'outline' : this.variant,
         size: this.size
@@ -159,0 +166,0 @@ },

package.json

 {
   "name": "@mekari/pixel-button-icon",
   "description": "Mekari Pixel | Displays a single less important action a user can take component",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "homepage": "https://mekari.design/",
@@ -6,0 +6,0 @@ "repository": {

src/button-icon.js

@@ -31,3 +31,3 @@ import { MpButton } from '@mekari/pixel-button'
     if (typeof this.$props.isRound !== 'undefined')
-      console.warn('[Pixel warning]: Deprecated on `isRound` prop.')
+      console.error('[Pixel error]: Deprecated on `isRound` prop.')
   },
@@ -50,2 +50,3 @@ render(h) {
             name: this.name || this.icon,
+            variant: this.isDisabled ? 'outline' : this.variant,
             size: this.size
@@ -52,0 +53,0 @@ },

src/utils/button-icon.props.js

@@ -10,5 +10,6 @@ /**
  * @prop {string} name - Displayed icon on center.
+ * @prop {string} variant - Variant of button icon.
  * @prop {boolean} isDisabled - If true, button icon will be disabled.
  * @prop {boolean} isActive - If true, button icon will be active.
- * @prop {boolean} isRound - If true, button icon will be rounded.
+ * @prop {boolean} isRound - If true, button icon will be rounded. **deprecated**
  * @prop {boolean} isHoverable - If true, button icon hover style will shown.
@@ -26,5 +27,6 @@ * @prop {string} ariaLabel - Optional prop for accessibility.
   name: [String],
+  variant: { type: [String], default: 'outline' },
   isDisabled: { type: [Boolean], default: false },
   isActive: { type: [Boolean], default: false },
-  isRound: { type: [Boolean], default: undefined },
+  isRound: { type: [Boolean], default: undefined }, // **deprecated**
   isHoverable: { type: [Boolean], default: true },
@@ -31,0 +33,0 @@ ariaLabel: [String],

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18353

increased by4.7%

Lines of code

639

increased by3.9%

No dependency changes