DesignTokens - new keys (#1936)

Author: Inbal-Tish

src/style/designTokens.ts

@@ -20,6 +20,7 @@ export default {
   $backgroundWarningHeavy: colorsPalette.yellow30,
   $backgroundWarning: colorsPalette.yellow70,
   $backgroundMajor: colorsPalette.orange80,
+  $backgroundMajorHeavy: colorsPalette.orange30,
   $backgroundDangerHeavy: colorsPalette.red30,
   $backgroundDanger: colorsPalette.red80,
   $backgroundDisabled: colorsPalette.grey50,
@@ -67,6 +68,7 @@ export default {
   $outlineGeneral: colorsPalette.blue30,
   $outlineWarning: colorsPalette.yellow30,
   $outlineDanger: colorsPalette.red30,
+  $outlineInverted: colorsPalette.white,
 
   // DIVIDER
   $dividerDefault: colorsPalette.grey60

src/style/designTokensDM.ts

@@ -20,6 +20,7 @@ export default {
   $backgroundWarningHeavy: colorsPalette.yellow40,
   $backgroundWarning: colorsPalette.yellow5,
   $backgroundMajor: colorsPalette.orange1,
+  $backgroundMajorHeavy: colorsPalette.orange40,
   $backgroundDangerHeavy: colorsPalette.red40,
   $backgroundDanger: colorsPalette.red1,
   $backgroundDisabled: colorsPalette.grey20,
@@ -67,6 +68,7 @@ export default {
   $outlineGeneral: colorsPalette.blue50,
   $outlineWarning: colorsPalette.yellow40,
   $outlineDanger: colorsPalette.red40,
+  $outlineInverted: colorsPalette.grey10,
 
   // DIVIDER
   $dividerDefault: colorsPalette.grey10