@hybridui/button - npm Package Compare versions

Comparing version 0.0.24 to 0.0.25

hy-button.style.js

@@ -7,5 +7,5 @@ import { css, html } from 'lit';
     padding-top: var(--hybrid-button-padding-y, 0.5rem);
-    padding-bottom: var(--hybrid-button-padding-y, 0.5rem);
-    padding-right: var(--hybrid-button-padding-x, 0.8rem);
-    padding-left: var(--hybrid-button-padding-x, 0.8rem);
+    padding-bottom: var(--hybrid-button-padding-x, 0.5rem);
+    padding-right: var(--hybrid-button-padding-r, 0.8rem);
+    padding-left: var(--hybrid-button-padding-l, 0.8rem);
     border-radius: var(--hybrid-button-border-radius, 0.25rem);
@@ -24,4 +24,4 @@ border-width: var(--hybrid-button-border-width, 1px);
     cursor: pointer;
-    border-color: var(--hybrid-button-dashed-hover-border-color, #1677ff);
-    color: var(--hybrid-button-dashed-hover-border-color, #1677ff);
+    border-color: var(--hybrid-button-hover-border-color, #1677ff);
+    color: var(--hybrid-button-hover-color, #1677ff);
   }
@@ -31,4 +31,4 @@
     outline: none;
-    border-color: var(--hybrid-button-ring-color, #1661b1);
-    color: var(--hybrid-button-ring-color, #184d86);
+    border-color: var(--hybrid-button-active-border-color, #1661b1);
+    color: var(--hybrid-button-active-color, #184d86);
   }
@@ -162,6 +162,6 @@
     background-color: var(
-      --hybrid-button-primary-hover-background-color,
+      --hybrid-button-primary-active-background-color,
       #0559cf
     );
-    border-color: var(--hybrid-button-primary-hover-border-color, #1677ff);
+    border-color: var(--hybrid-button-primary-active-border-color, #1677ff);
   }
@@ -178,7 +178,7 @@ `;
     border-color: var(--hybrid-button-dashed-hover-border-color, #1677ff);
-    color: var(--hybrid-button-dashed-hover-border-color, #1677ff);
+    color: var(--hybrid-button-dashed-hover-text-color, #1677ff);
   }
   button[data-type='dashed']:active:not(:disabled) {
     cursor: pointer;
-    border-color: var(--hybrid-button-dashed-hover-border-color, #1677ff);
+    border-color: var(--hybrid-button-dashed-active-border-color, #1677ff);
   }
@@ -193,7 +193,10 @@ `;
 
-    background-color: var(--hybrid-button-text-hover-border-color, #e1e1e1);
+    background-color: var(--hybrid-button-text-hover-background-color, #e1e1e1);
   }
   button[data-type='text']:active:not(:disabled) {
     cursor: pointer;
-    background-color: var(--hybrid-button-text-hover-border-color, #c1c1c1);
+    background-color: var(
+      --hybrid-button-text-active-background-color,
+      #c1c1c1
+    );
   }
@@ -211,3 +214,3 @@ button[data-type='text'] {
     border: none;
-    color: var(--hybrid-button-link-hover-border-color, #1677ff);
+    color: var(--hybrid-button-link-text-color, #1677ff);
     background-color: transparent;
@@ -217,7 +220,7 @@ }
     cursor: pointer;
-    color: var(--hybrid-button-link-hover-border-color, #4a96ff);
+    color: var(--hybrid-button-link-hover-text-color, #4a96ff);
   }
   button[data-type='link']:active:not(:disabled) {
     cursor: pointer;
-    color: var(--hybrid-button-link-hover-border-color, #0862df);
+    color: var(--hybrid-button-link-active-text-color, #0862df);
   }
@@ -224,0 +227,0 @@ `;

package.json

 {
     "name": "@hybridui/button",
-    "version": "0.0.24",
+    "version": "0.0.25",
     "description": "",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

72080

increased by0.03%

Lines of code

809

increased by0.37%

No dependency changes