Docs(DICTIONARIES): Add background color dictionary

lmc-eu · Dec 12, 2024 · 3c86457 · 3c86457
1 parent dfcc398
commit 3c86457
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/docs/DICTIONARIES.md b/docs/DICTIONARIES.md
@@ -31,6 +31,7 @@ This project uses `dictionaries` to unify props between different components.
 | ----------------- | ---------------------------------------------------------------- | --------------- |
 | Action Color      | `primary`, `secondary`, `tertiary`, `inverted`                   | ActionColor     |
 | Action Link Color | `primary`, `secondary`, `inverted`                               | ActionLinkColor |
+| Background Color  | `primary`, `secondary`, `tertiary`                               | BackgroundColor |
 | Emotion Color     | `success`, `informative`, `warning`, `danger`                    | EmotionColor    |
 | Text Color        | `primary`, `secondary`, `primary-inverted`, `secondary-inverted` | TextColor       |
 

diff --git a/packages/web-react/src/constants/dictionaries.ts b/packages/web-react/src/constants/dictionaries.ts
@@ -44,6 +44,12 @@ export const ActionLinkColors = {
   TERTIARY: 'tertiary',
 } as const;
 
+export const BackgroundColors = {
+  PRIMARY: 'primary',
+  SECONDARY: 'secondary',
+  TERTIARY: 'tertiary',
+} as const;
+
 export const EmotionColors = {
   SUCCESS: 'success',
   INFORMATIVE: 'informative',

diff --git a/packages/web-react/src/types/shared/dictionaries.ts b/packages/web-react/src/types/shared/dictionaries.ts
@@ -13,6 +13,7 @@ import {
   SizesExtended,
   TextColors,
   ValidationStates,
+  BackgroundColors,
 } from '../../constants';
 
 /* Alignment */
@@ -46,6 +47,11 @@ export type ActionLinkColorsDictionaryType<C = undefined> =
   | (typeof ActionLinkColors)[ActionLinkColorsDictionaryKeys]
   | C;
 
+export type BackgroundColorsDictionaryKeys = keyof typeof BackgroundColors;
+export type BackgroundColorsDictionaryType<C = undefined> =
+  | (typeof BackgroundColors)[BackgroundColorsDictionaryKeys]
+  | C;
+
 export type EmotionColorsDictionaryKeys = keyof typeof EmotionColors;
 export type EmotionColorsDictionaryType<C = undefined> = (typeof EmotionColors)[EmotionColorsDictionaryKeys] | C;