Design Tokens - add backgroundInverted (#1909)

Author: M-i-k-e-l

generatedTypes/src/incubator/TextField/usePreset.d.ts

@@ -388,6 +388,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     $backgroundDark?: boolean | undefined;
     $backgroundDarkElevated?: boolean | undefined;
     $backgroundDarkActive?: boolean | undefined;
+    $backgroundInverted?: boolean | undefined;
     $textDisabled?: boolean | undefined;
     $textDefault?: boolean | undefined;
     $textNeutralHeavy?: boolean | undefined;
@@ -800,6 +801,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     $backgroundDark?: boolean | undefined;
     $backgroundDarkElevated?: boolean | undefined;
     $backgroundDarkActive?: boolean | undefined;
+    $backgroundInverted?: boolean | undefined;
     $textDisabled?: boolean | undefined;
     $textDefault?: boolean | undefined;
     $textNeutralHeavy?: boolean | undefined;

generatedTypes/src/style/colors.d.ts

@@ -186,6 +186,7 @@ declare const colorObject: Colors & {
     $backgroundDark: string;
     $backgroundDarkElevated: string;
     $backgroundDarkActive: string;
+    $backgroundInverted: string;
     $textDisabled: string;
     $textDefault: string;
     $textNeutralHeavy: string;

generatedTypes/src/style/designTokens.d.ts

@@ -23,6 +23,7 @@ export declare const designTokens: {
     $backgroundDark: string;
     $backgroundDarkElevated: string;
     $backgroundDarkActive: string;
+    $backgroundInverted: string;
     $textDisabled: string;
     $textDefault: string;
     $textNeutralHeavy: string;

generatedTypes/src/style/designTokensDM.d.ts

@@ -23,6 +23,7 @@ export declare const designTokensDM: {
     $backgroundDark: string;
     $backgroundDarkElevated: string;
     $backgroundDarkActive: string;
+    $backgroundInverted: string;
     $textDisabled: string;
     $textDefault: string;
     $textNeutralHeavy: string;

src/style/designTokens.ts

@@ -26,6 +26,7 @@ export const designTokens = {
   $backgroundDark: colorsPalette.grey10,
   $backgroundDarkElevated: colorsPalette.grey10,
   $backgroundDarkActive: colorsPalette.grey20,
+  $backgroundInverted: colorsPalette.grey10,
 
   // TEXT
   $textDisabled: colorsPalette.grey50,

src/style/designTokensDM.ts

@@ -26,6 +26,7 @@ export const designTokensDM = {
   $backgroundDark: colorsPalette.grey10,
   $backgroundDarkElevated: colorsPalette.grey20,
   $backgroundDarkActive: colorsPalette.grey20,
+  $backgroundInverted: colorsPalette.white,
 
   // TEXT
   $textDisabled: colorsPalette.grey20,