@croudtech/vue-connect-ui - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

package.json

 {
   "name": "@croudtech/vue-connect-ui",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Vue plugin providing a suite of Croud UI components",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/CroudSupport/connect-vue-ui-kit#readme",

src/components/button/button.js

@@ -55,2 +55,5 @@ import {
     },
+    minWidth: {
+      type: [ String, Number ]
+    },
     display: {
@@ -57,0 +60,0 @@ type: String,

src/components/button/button.rules.js

@@ -11,7 +11,7 @@ import { StyleSheet } from 'fela-tools'
 export default StyleSheet.create({
-  button: ({ color, disabled, outline, outerSize, isSolid }) => ({
+  button: ({ color, disabled, outline, minWidth, outerSize, isSolid }) => ({
     pointerEvents: disabled ? 'none' : null,
     opacity: disabled ? 0.5 : null,
     borderRadius: outerSize * 0.5,
-    minWidth: outerSize,
+    minWidth: minWidth ? minWidth : outerSize,
     height: outerSize,
@@ -62,10 +62,18 @@ extend: [
     const paddingLeft = icon ? 2 : padding
-    return edges({
-      prefix: 'padding',
-      edges: {
-        right: padding,
-        left: paddingLeft
-      }
-    })
+    return {
+      extend: [
+        flex({
+          grow: 1,
+          shrink: 0
+        }),
+        edges({
+          prefix: 'padding',
+          edges: {
+            right: padding,
+            left: paddingLeft
+          }
+        })
+      ]
+    }
   }
 })

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

217186

increased by0.14%

Lines of code

3085

increased by0.36%

No dependency changes