@refinn/core-ui 0.1.14 → 0.1.16

package/dist/theme.css

@@ -401,8 +401,8 @@
   --color-button-background-primary-hover: var(--color-blue-700);
   --color-button-background-primary-active: var(--color-blue-800);
   --color-button-background-primary-focus: var(--color-blue-600);
-  --color-button-background-primary-disabled: var(--color-blue-600 / 40%);
-  --color-button-background-primary-pending: var(--color-blue-600 / 40%);
+  --color-button-background-primary-disabled: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
+  --color-button-background-primary-pending: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
   --color-button-background-secondary-enabled: var(--color-gray-100);
   --color-button-background-secondary-hover: var(--color-gray-200);
   --color-button-background-secondary-active: var(--color-gray-300);
@@ -433,7 +433,7 @@
   --color-button-text-brand: var(--color-blue-600);
   --color-button-text-inverse: var(--color-white-100);
   --color-button-text-inverse-disabled: var(--color-white-40);
-  --color-button-text-brand-pending: var(--color-blue-600 / 40%);
+  --color-button-text-brand-pending: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
   --color-button-border-focus: var(--color-blue-500);
   --color-button-border-inverse: var(--color-white-100);
   --color-accordion-background-enabled: var(--color-white-100);
@@ -458,8 +458,8 @@
   --color-tab-text-enabled: var(--color-gray-900);
   --color-tab-text-hover: var(--color-gray-600);
   --color-icon-button-background-enabled: var(--color-gray-100);
-  --color-icon-button-background-hover: var(--color-gray-200);
-  --color-icon-button-background-active: var(--color-gray-300);
+  --color-icon-button-background-hover: var(--color-black-5);
+  --color-icon-button-background-active: var(--color-black-10);
   --color-icon-button-background-light-transparent-active: var(--color-white-30);
   --color-icon-button-background-light-transparent-hover: var(--color-white-20);
   --color-icon-button-background-transparent: var(--color-black-0);
@@ -472,7 +472,7 @@
   --color-icon-button-icon-disabled: var(--color-gray-400);
   --color-icon-button-icon-inverse-disabled: var(--color-white-40);
   --color-icon-button-icon-brand: var(--color-blue-600);
-  --color-icon-button-icon-brand-disabled: var(--color-blue-600 / 40%);
+  --color-icon-button-icon-brand-disabled: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
   --color-icon-button-icon-danger: var(--color-red-500);
   --color-icon-button-icon-inverse-danger: var(--color-red-400);
   --color-icon-button-border-focus: var(--color-blue-500);
@@ -482,7 +482,7 @@
   --color-toggle-switch-background-focus: var(--color-gray-200);
   --color-toggle-switch-background-disabled: var(--color-gray-100);
   --color-toggle-switch-background-active-hover: var(--color-green-700);
-  --color-toggle-switch-background-active-disabled: var(--color-green-600 / 40%);
+  --color-toggle-switch-background-active-disabled: color-mix(in oklab, var(--color-green-600) 40%, transparent);
   --color-toggle-switch-background-toggle: var(--color-white-100);
   --color-toggle-switch-background-active-focus: var(--color-green-600);
   --color-toggle-switch-text-primary: var(--color-gray-900);
@@ -686,7 +686,7 @@
   --color-chip-background-inverse: var(--color-white-100);
   --color-chip-background-black-active: var(--color-blue-950);
   --color-chip-background-black-active-hover: var(--color-blue-900);
-  --color-chip-background-active-disabled: var(--color-blue-600 / 40%);
+  --color-chip-background-active-disabled: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
   --color-chip-text-disabled: var(--color-gray-400);
   --color-chip-text-inverse-disabled: var(--color-white-65);
   --color-chip-text-inverse: var(--color-white-100);
@@ -725,7 +725,7 @@
    * ======================================== */
   --color-background-primary: var(--color-white-100);
   --color-background-tertiary: var(--color-gray-100);
-  --color-background-overlay: var(--color-gray-900 / 50%);
+  --color-background-overlay: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
   --color-background-disabled: var(--color-gray-100);
   --color-background-secondary: var(--color-gray-50);
   --color-background-inverse: var(--color-gray-900);
@@ -1083,10 +1083,10 @@
   --color-alert-inline-common-border:  var(--color-gray-400);
 
   /* Inline icons */
-  --color-alert-inline-info-icon:    var(--color-ocean-600);
+  --color-alert-inline-info-icon:    var(--color-ocean-500);
   --color-alert-inline-success-icon: var(--color-green-600);
-  --color-alert-inline-warning-icon: var(--color-amber-600);
-  --color-alert-inline-danger-icon:  var(--color-red-600);
+  --color-alert-inline-warning-icon: var(--color-amber-500);
+  --color-alert-inline-danger-icon:  var(--color-red-500);
   --color-alert-inline-common-icon:  var(--color-gray-600);
 
   /* Page backgrounds */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinn/core-ui",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",