@julo-ui/badge - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist/Badge.js

@@ -240,10 +240,4 @@ "use strict";
 
-  padding: 0.75rem 1rem;
-
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 
-  &[data-button-size='small'] {
-    padding: 0.5rem 1rem;
-  }
-
   &:disabled {
@@ -257,2 +251,8 @@ cursor: not-allowed;
 `;
+var buttonSize = {
+  regular: { padding: "0.75rem 1rem" },
+  small: {
+    padding: "0.5rem 1rem"
+  }
+};
 var buttonVariant = {
@@ -357,2 +357,3 @@ primary: {
         ...buttonVariant[variant],
+        ...buttonSize[size],
         ...sx
@@ -1026,3 +1027,5 @@ },
   order: 2,
-  ...isOnlyElement && { border: "none" },
+  ...isOnlyElement && {
+    border: "none"
+  },
   ...!isOnlyElement && {
@@ -1043,2 +1046,10 @@ ...leftAddon && {
     }
+  },
+  ...(leftElement || leftAddon) && {
+    borderTopLeftRadius: "0",
+    borderBottomLeftRadius: "0"
+  },
+  ...(rightAddon || rightElement) && {
+    borderTopRightRadius: "0",
+    borderBottomRightRadius: "0"
   }
@@ -1045,0 +1056,0 @@ });

dist/index.js

@@ -243,10 +243,4 @@ "use strict";
 
-  padding: 0.75rem 1rem;
-
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 
-  &[data-button-size='small'] {
-    padding: 0.5rem 1rem;
-  }
-
   &:disabled {
@@ -260,2 +254,8 @@ cursor: not-allowed;
 `;
+var buttonSize = {
+  regular: { padding: "0.75rem 1rem" },
+  small: {
+    padding: "0.5rem 1rem"
+  }
+};
 var buttonVariant = {
@@ -360,2 +360,3 @@ primary: {
         ...buttonVariant[variant],
+        ...buttonSize[size],
         ...sx
@@ -1029,3 +1030,5 @@ },
   order: 2,
-  ...isOnlyElement && { border: "none" },
+  ...isOnlyElement && {
+    border: "none"
+  },
   ...!isOnlyElement && {
@@ -1046,2 +1049,10 @@ ...leftAddon && {
     }
+  },
+  ...(leftElement || leftAddon) && {
+    borderTopLeftRadius: "0",
+    borderBottomLeftRadius: "0"
+  },
+  ...(rightAddon || rightElement) && {
+    borderTopRightRadius: "0",
+    borderBottomRightRadius: "0"
   }
@@ -1048,0 +1059,0 @@ });

package.json

 {
   "name": "@julo-ui/badge",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "A React component to display notification badge",
@@ -29,3 +29,3 @@ "keywords": [
     "@emotion/react": "^11.10.6",
-    "@julo-ui/typography": "1.0.3"
+    "@julo-ui/typography": "1.0.4"
   },
@@ -32,0 +32,0 @@ "devDependencies": {

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

169902

increased by0.46%

Lines of code

5299

increased by0.74%

Dependency changes

• + Added@julo-ui/typography@1.0.4(transitive)

• - Removed@julo-ui/typography@1.0.3(transitive)

• Updated@julo-ui/typography@1.0.4