@nordcode/ui 2.1.2 → 2.1.4

package/CHANGELOG.md

@@ -1,4 +1,16 @@
-## 2.1.1 (2025-11-15)
+## 2.1.4 (2025-11-15)
+
+### fixes
+
+- cleanup button
+
+## 2.1.3 (2025-11-15)
+
+### improvements
+
+- update checkbox, radio and switch hover styles
+
+## 2.1.2 (2025-11-15)
 
 ### fixes
 

package/out/complete.css

@@ -2248,7 +2248,7 @@
   }
 
   :where(input[type="checkbox"], input[type="radio"], .nc-input-checkbox, .nc-input-radio, .nc-input-switch):checked:hover, :where(input[type="checkbox"], input[type="radio"], .nc-input-checkbox, .nc-input-radio, .nc-input-switch):checked:focus-visible {
-    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 20%);
+    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 8%);
   }
 
   :where(input[type="checkbox"], .nc-input-checkbox) {
@@ -2414,7 +2414,7 @@
   }
 
   :where(.nc-checkbox-wrapper):hover input:checked {
-    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 20%);
+    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 8%);
   }
 
   :where(.nc-radio-field, .nc-checkbox-field) {

package/out/complete_configless.css

@@ -2040,7 +2040,7 @@
   }
 
   :where(input[type="checkbox"], input[type="radio"], .nc-input-checkbox, .nc-input-radio, .nc-input-switch):checked:hover, :where(input[type="checkbox"], input[type="radio"], .nc-input-checkbox, .nc-input-radio, .nc-input-switch):checked:focus-visible {
-    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 20%);
+    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 8%);
   }
 
   :where(input[type="checkbox"], .nc-input-checkbox) {
@@ -2206,7 +2206,7 @@
   }
 
   :where(.nc-checkbox-wrapper):hover input:checked {
-    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 20%);
+    background-color: color-mix(in oklch, var(--current-checkbox-bg), var(--_input-hover-background) 8%);
   }
 
   :where(.nc-radio-field, .nc-checkbox-field) {

package/package.json

@@ -12,7 +12,7 @@
     "type": "git",
     "url": "https://github.com/nordcode-agency/nordcode/tree/main/packages/ui"
   },
-  "version": "2.1.2",
+  "version": "2.1.4",
   "publishConfig": {
     "access": "public"
   },

package/src/styles/components/buttons.css

@@ -1,5 +1,5 @@
 @layer components.buttons {
-    :where(button, button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], input[type="file"]::-webkit-file-upload-button, input[type="file"]::file-selector-button, .nc-button) {
+    :where(button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], input[type="file"]::-webkit-file-upload-button, input[type="file"]::file-selector-button, .nc-button) {
         --_button-background: var(--button-background, var(--surface-hover));
         --_button-color: var(--button-color, var(--text-hover));
         --_button-border-color: var(--button-border-color, var(--surface-hover));
@@ -35,7 +35,7 @@
         justify-content: center;
         text-align: center;
         position: relative;
-        transition: var(--transition-duration-base) var(--ease-2);
+        transition: var(--transition-duration-quick-2) var(--ease-2);
         transition-property: box-shadow, transform;
         text-decoration: unset;
         box-shadow: var(--_button-box-shadow);
@@ -173,7 +173,7 @@
      * it is assumed that an `aria-label` is that
      * and the button will be styled as an icon button.
      */
-    :is([aria-label], .-icon):where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"], .nc-button) {
+    :is([aria-label], .-icon):where(button, button, input[type="button"], input[type="submit"], input[type="reset"], .nc-button) {
         --_button-border-radius: var(--border-radius-round);
         padding: 0;
         aspect-ratio: 1;
@@ -193,7 +193,7 @@
         }
     }
 
-    [disabled]:where(button, button[type], input[type="button"], input[type="submit"], input[type="reset"], .nc-button) {
+    [disabled]:where(button, input[type="button"], input[type="submit"], input[type="reset"], .nc-button) {
         --_button-background: none !important;
         --_button-background-hover: none !important;
         --_button-color: var(--color-text-subtle) !important;

package/src/styles/components/inputs/base.css

@@ -129,7 +129,7 @@
             background-color: color-mix(
                 in oklch,
                 var(--current-checkbox-bg),
-                var(--_input-hover-background) 20%
+                var(--_input-hover-background) 8%
             );
         }
     }

package/src/styles/components/inputs/fields.css

@@ -69,7 +69,7 @@
             background-color: color-mix(
                 in oklch,
                 var(--current-checkbox-bg),
-                var(--_input-hover-background) 20%
+                var(--_input-hover-background) 8%
             );
         }
     }