Merge pull request #122 from deriv-com/shayan/add-white-color-to-text-component

chore: added white color to text component

Author: shayan-deriv

lib/components/Text/Text.scss

@@ -10,6 +10,7 @@ $color-map: (
     "red": var(--du-text-red, #ff444f),
     "blue": var(--du-text-info-blue, #377cfc),
     "green": var(--du-text-green, #17eabd),
+    "white": var(--du-text-white, #ffffff),
 );
 
 $desktop-font-size-map: (

lib/components/Text/index.tsx

@@ -12,7 +12,8 @@ type TextColors =
     | "error"
     | "red"
     | "blue"
-    | "green";
+    | "green"
+    | "white";
 
 type TGenericSizes =
     | "2xl"

lib/styles/base/_root.scss

@@ -101,6 +101,7 @@
         --du-icon-black-plus: #{$color-black-7};
         --du-text-status-info-blue: #{$color-blue};
         --du-text-hint: #{$color-black-1};
+        --du-text-white: #{$color-white};
         // Purchase
         --du-purchase-main-1: #{$color-green-1};
         --du-purchase-section-1: #{$color-green-2};
@@ -249,6 +250,7 @@
         --du-text-info-blue-background: #{$color-blue-7};
         --du-text-status-info-blue: #{$color-blue};
         --du-text-hint: #{$color-gray};
+        --du-text-white: #{$color-white};
         --du-icon-light-background: #{$color-black-9};
         --du-icon-dark-background: #{$color-white};
         --du-icon-gray-background: #{$color-black-1};

src/stories/Text.stories.ts

@@ -37,6 +37,7 @@ const meta = {
                 "red",
                 "blue",
                 "green",
+                "white",
             ],
             control: { type: "select" },
         },