ionbase-ui 0.27.0 → 0.29.0

package/dist/styles/tokens/base.css

@@ -30,11 +30,11 @@
   --color-red-200: #fed2d2;
   --color-red-300: #ffadad;
   --color-red-400: #f56b6b;
-  --color-red-500: #ef4343;
-  --color-red-600: #dc2828;
-  --color-red-700: #ba1c1c;
-  --color-red-800: #981b1b;
-  --color-red-900: #811d1d;
+  --color-red-500: #eb3737;
+  --color-red-600: #c61616;
+  --color-red-700: #ad1515;
+  --color-red-800: #850e0e;
+  --color-red-900: #650a0a;
   --color-orange-50: #fff4e5;
   --color-orange-100: #ffeed6;
   --color-orange-200: #fedbb4;
@@ -80,11 +80,11 @@
   --color-pink-200: #fbd0e8;
   --color-pink-300: #f9a9d5;
   --color-pink-400: #f773b7;
-  --color-pink-500: #f04299;
-  --color-pink-600: #df2679;
-  --color-pink-700: #c3135c;
-  --color-pink-800: #a0134b;
-  --color-pink-900: #881141;
+  --color-pink-500: #df2679;
+  --color-pink-600: #c3135c;
+  --color-pink-700: #a0134b;
+  --color-pink-800: #881141;
+  --color-pink-900: #5a0427;
   --color-alpha-black-05: rgba(0, 0, 0, 0.05);
   --color-alpha-black-10: rgba(0, 0, 0, 0.1);
   --color-alpha-black-40: rgba(0, 0, 0, 0.4);
@@ -199,11 +199,11 @@
   --error-200: #fed2d2;
   --error-300: #ffadad;
   --error-400: #f56b6b;
-  --error-500: #ef4343;
-  --error-600: #dc2828;
-  --error-700: #ba1c1c;
-  --error-800: #981b1b;
-  --error-900: #811d1d;
+  --error-500: #eb3737;
+  --error-600: #c61616;
+  --error-700: #ad1515;
+  --error-800: #850e0e;
+  --error-900: #650a0a;
   --information-50: #f6f1f8;
   --information-100: #f1e8fd;
   --information-200: #dfd4fc;
@@ -218,9 +218,9 @@
   --chart-2: #14994e;
   --chart-3: #5a4cd6;
   --chart-4: #ea5600;
-  --chart-5: #f04299;
+  --chart-5: #df2679;
   --chart-6: #a97a14;
-  --chart-7: #ef4343;
+  --chart-7: #eb3737;
   --chart-8: #6b7280;
   --base-white: #ffffff;
   --base-black: #000000;
@@ -261,7 +261,7 @@
   --text-on-color: #ffffff;
   --text-inverse: #f6f8f9;
   --text-primary: #1c62e3;
-  --text-error: #ba1c1c;
+  --text-error: #ad1515;
   --text-success: #076426;
   --text-warning: #af3e0e;
   --text-information: #4715b2;
@@ -278,7 +278,7 @@
   --icon-on-color: #ffffff;
   --icon-inverse: #f6f8f9;
   --icon-primary: #1c62e3;
-  --icon-error: #dc2828;
+  --icon-error: #c61616;
   --icon-success: #0d7d38;
   --icon-warning: #af3e0e;
   --icon-information: #4f3cc8;
@@ -306,9 +306,9 @@
   --surface-primary-subtle: #ebf7ff;
   --surface-primary-subtle-hover: #e2f1fd;
   --surface-primary-tint: #e2f1fd;
-  --surface-error: #dc2828;
-  --surface-error-hover: #ba1c1c;
-  --surface-error-pressed: #981b1b;
+  --surface-error: #c61616;
+  --surface-error-hover: #ad1515;
+  --surface-error-pressed: #850e0e;
   --surface-error-subtle: #fef1f1;
   --surface-error-subtle-hover: #fee7e7;
   --surface-error-tint: #fee7e7;
@@ -340,8 +340,8 @@
   --border-primary: #286ef0;
   --border-primary-strong: #1541b2;
   --border-primary-subtle: #c7e4fa;
-  --border-error: #ef4343;
-  --border-error-strong: #ba1c1c;
+  --border-error: #eb3737;
+  --border-error-strong: #ad1515;
   --border-error-subtle: #fed2d2;
   --border-success: #14994e;
   --border-success-strong: #076426;
@@ -353,9 +353,9 @@
   --border-information-strong: #4715b2;
   --border-information-subtle: #dfd4fc;
   --border-focus: #286ef0;
-  --border-focus-error: #ef4343;
+  --border-focus-error: #eb3737;
   --ring-focus: #286ef0;
-  --ring-error: #ef4343;
+  --ring-error: #eb3737;
   --ring-offset: #ffffff;
   --grid-margin: 80px;
   --grid-gutter: 24px;

package/dist/styles/tokens/theme-dark.css

@@ -53,12 +53,12 @@
   --surface-primary-subtle: #071e69;
   --surface-primary-subtle-hover: #0e2d8b;
   --surface-primary-tint: #0e2d8b;
-  --surface-error: #ef4343;
+  --surface-error: #eb3737;
   --surface-error-hover: #f56b6b;
   --surface-error-pressed: #ffadad;
-  --surface-error-subtle: #811d1d;
-  --surface-error-subtle-hover: #981b1b;
-  --surface-error-tint: #981b1b;
+  --surface-error-subtle: #650a0a;
+  --surface-error-subtle-hover: #850e0e;
+  --surface-error-tint: #850e0e;
   --surface-success: #14994e;
   --surface-success-hover: #39b378;
   --surface-success-pressed: #82d8b4;
@@ -88,8 +88,8 @@
   --border-primary-strong: #1c62e3;
   --border-primary-subtle: #0e2d8b;
   --border-error: #f56b6b;
-  --border-error-strong: #dc2828;
-  --border-error-subtle: #981b1b;
+  --border-error-strong: #c61616;
+  --border-error-subtle: #850e0e;
   --border-success: #39b378;
   --border-success-strong: #0d7d38;
   --border-success-subtle: #054d1a;

package/dist/tokens/index.d.ts

@@ -1446,19 +1446,19 @@ export declare const tokenValues: {
         readonly Value: "#f56b6b";
     };
     readonly "color/red/500": {
-        readonly Value: "#ef4343";
+        readonly Value: "#eb3737";
     };
     readonly "color/red/600": {
-        readonly Value: "#dc2828";
+        readonly Value: "#c61616";
     };
     readonly "color/red/700": {
-        readonly Value: "#ba1c1c";
+        readonly Value: "#ad1515";
     };
     readonly "color/red/800": {
-        readonly Value: "#981b1b";
+        readonly Value: "#850e0e";
     };
     readonly "color/red/900": {
-        readonly Value: "#811d1d";
+        readonly Value: "#650a0a";
     };
     readonly "color/orange/50": {
         readonly Value: "#fff4e5";
@@ -1596,19 +1596,19 @@ export declare const tokenValues: {
         readonly Value: "#f773b7";
     };
     readonly "color/pink/500": {
-        readonly Value: "#f04299";
+        readonly Value: "#df2679";
     };
     readonly "color/pink/600": {
-        readonly Value: "#df2679";
+        readonly Value: "#c3135c";
     };
     readonly "color/pink/700": {
-        readonly Value: "#c3135c";
+        readonly Value: "#a0134b";
     };
     readonly "color/pink/800": {
-        readonly Value: "#a0134b";
+        readonly Value: "#881141";
     };
     readonly "color/pink/900": {
-        readonly Value: "#881141";
+        readonly Value: "#5a0427";
     };
     readonly "spacing/0": {
         readonly Value: 0;

package/dist/tokens/index.js

@@ -1047,19 +1047,19 @@ export const tokenValues = {
         "Value": "#f56b6b"
     },
     "color/red/500": {
-        "Value": "#ef4343"
+        "Value": "#eb3737"
     },
     "color/red/600": {
-        "Value": "#dc2828"
+        "Value": "#c61616"
     },
     "color/red/700": {
-        "Value": "#ba1c1c"
+        "Value": "#ad1515"
     },
     "color/red/800": {
-        "Value": "#981b1b"
+        "Value": "#850e0e"
     },
     "color/red/900": {
-        "Value": "#811d1d"
+        "Value": "#650a0a"
     },
     "color/orange/50": {
         "Value": "#fff4e5"
@@ -1197,19 +1197,19 @@ export const tokenValues = {
         "Value": "#f773b7"
     },
     "color/pink/500": {
-        "Value": "#f04299"
+        "Value": "#df2679"
     },
     "color/pink/600": {
-        "Value": "#df2679"
+        "Value": "#c3135c"
     },
     "color/pink/700": {
-        "Value": "#c3135c"
+        "Value": "#a0134b"
     },
     "color/pink/800": {
-        "Value": "#a0134b"
+        "Value": "#881141"
     },
     "color/pink/900": {
-        "Value": "#881141"
+        "Value": "#5a0427"
     },
     "spacing/0": {
         "Value": 0

package/llms.txt

@@ -2,7 +2,7 @@
 
 > IonBase is a React design system for enterprise SaaS, built to be consumed by an agent rather than read by a developer. Every component ships a machine-readable contract carrying the judgement a type signature cannot: when to use it, what to use instead, the anti-patterns, and what it guarantees for accessibility versus what it requires of you.
 
-Version 0.27.0. 45 components.
+Version 0.29.0. 45 components.
 
 ## Read these, in this order
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionbase-ui",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "description": "IonBase Design System — accessible React components, styles and design tokens in one package",
   "license": "MIT",
   "type": "module",