@mekari/pixel-divider - npm Package Compare versions

Comparing version 0.2.3 to 0.2.4

dist/mekari-pixel-divider.cjs.dev.js

@@ -15,2 +15,6 @@ 'use strict';
   props: {
+    variant: {
+      type: String,
+      default: 'solid'
+    },
     orientation: {
@@ -24,7 +28,7 @@ type: String,
       return this.orientation === 'vertical' ? {
-        borderLeft: '0.0625rem solid',
+        borderLeft: `0.0625rem ${this.variant}`,
         height: 'auto',
         mx: 2
       } : {
-        borderBottom: '0.0625rem solid',
+        borderBottom: `0.0625rem ${this.variant}`,
         width: 'auto',
@@ -31,0 +35,0 @@ my: 2

dist/mekari-pixel-divider.cjs.prod.js

@@ -15,2 +15,6 @@ 'use strict';
   props: {
+    variant: {
+      type: String,
+      default: 'solid'
+    },
     orientation: {
@@ -24,7 +28,7 @@ type: String,
       return this.orientation === 'vertical' ? {
-        borderLeft: '0.0625rem solid',
+        borderLeft: `0.0625rem ${this.variant}`,
         height: 'auto',
         mx: 2
       } : {
-        borderBottom: '0.0625rem solid',
+        borderBottom: `0.0625rem ${this.variant}`,
         width: 'auto',
@@ -31,0 +35,0 @@ my: 2

dist/mekari-pixel-divider.esm.js

@@ -11,2 +11,6 @@ import { createStyledAttrsMixin } from '@mekari/pixel-utils';
   props: {
+    variant: {
+      type: String,
+      default: 'solid'
+    },
     orientation: {
@@ -20,7 +24,7 @@ type: String,
       return this.orientation === 'vertical' ? {
-        borderLeft: '0.0625rem solid',
+        borderLeft: `0.0625rem ${this.variant}`,
         height: 'auto',
         mx: 2
       } : {
-        borderBottom: '0.0625rem solid',
+        borderBottom: `0.0625rem ${this.variant}`,
         width: 'auto',
@@ -27,0 +31,0 @@ my: 2

package.json

 {
   "name": "@mekari/pixel-divider",
   "description": "Mekari Pixel | Divider component",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "homepage": "https://mekari.design/",
@@ -6,0 +6,0 @@ "repository": {

src/divider.js

@@ -10,2 +10,6 @@ import { createStyledAttrsMixin } from '@mekari/pixel-utils'
   props: {
+    variant: {
+      type: String,
+      default: 'solid'
+    },
     orientation: {
@@ -19,4 +23,4 @@ type: String,
       return this.orientation === 'vertical'
-        ? { borderLeft: '0.0625rem solid', height: 'auto', mx: 2 }
-        : { borderBottom: '0.0625rem solid', width: 'auto', my: 2 }
+        ? { borderLeft: `0.0625rem ${this.variant}`, height: 'auto', mx: 2 }
+        : { borderBottom: `0.0625rem ${this.variant}`, width: 'auto', my: 2 }
     },
@@ -23,0 +27,0 @@ componentStyles() {

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

5636

increased by6.42%

Lines of code

200

increased by8.7%

No dependency changes