Update info and error border tokens

jpmorganchase · May 13, 2024 · b2df289 · b2df289
1 parent c4b4bcd
commit b2df289
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/.changeset/dry-jokes-carry.md b/.changeset/dry-jokes-carry.md
@@ -49,14 +49,23 @@ Added decorative and informative info, error, warning and success foreground tok
 ```diff
 +  --salt-palette-info-foreground-decorative: var(--salt-color-blue-100);
 +  --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
-+  --salt-palette-error-foreground-decorative: var(--salt-color-red-500);
++  --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
 +  --salt-palette-error-foreground-informative: var(--salt-color-red-200);
 +  --salt-palette-warning-foreground-decorative: var(--salt-color-orange-500);
 +  --salt-palette-warning-foreground-informative: var(--salt-color-orange-400);
 +  --salt-palette-success-foreground-decorative: var(--salt-color-green-400);
 +  --salt-palette-success-foreground-informative: var(--salt-color-green-200);
 ```
 
+Updated info and error border tokens.
+
+```diff
+-  --salt-palette-info-border: var(--salt-color-blue-500);
++  --salt-palette-info-border: var(--salt-color-blue-400);
+-  --salt-palette-error-border: var(--salt-color-red-500);
++  --salt-palette-error-border: var(--salt-color-red-400);
+```
+
 Deprecated status foreground tokens.
 
 | Name                              | Replacement                                  |

diff --git a/packages/lab/src/contact-details/ContactPrimaryInfo.tsx b/packages/lab/src/contact-details/ContactPrimaryInfo.tsx
@@ -6,7 +6,7 @@ import { useContactDetailsContext } from "./internal";
 const withBaseName = makePrefixer("saltContactPrimaryInfo");
 
 export interface ContactPrimaryInfoProps
-   extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
+  extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
   text: string;
 }
 

diff --git a/packages/theme/css/palette/error.css b/packages/theme/css/palette/error.css
@@ -9,7 +9,7 @@
 .salt-theme[data-mode="dark"] {
   --salt-palette-error-background: var(--salt-color-red-900);
   --salt-palette-error-background-selected: var(--salt-color-red-900);
-  --salt-palette-error-border: var(--salt-color-red-500);
+  --salt-palette-error-border: var(--salt-color-red-400);
   --salt-palette-error-foreground-decorative: var(--salt-color-red-400);
   --salt-palette-error-foreground-informative: var(--salt-color-red-200);
 }
diff --git a/packages/theme/css/palette/info.css b/packages/theme/css/palette/info.css
@@ -7,7 +7,7 @@
 
 .salt-theme[data-mode="dark"] {
   --salt-palette-info-background: var(--salt-color-blue-900);
-  --salt-palette-info-border: var(--salt-color-blue-500);
+  --salt-palette-info-border: var(--salt-color-blue-400);
   --salt-palette-info-foreground-decorative: var(--salt-color-blue-400);
   --salt-palette-info-foreground-informative: var(--salt-color-blue-200);
 }