add designTokens to Colors type (#1758)

Author: lidord-wix

generatedTypes/src/components/button/index.d.ts

@@ -157,12 +157,12 @@ declare class Button extends PureComponent<Props, ButtonState> {
     get isIconButton(): boolean | 0 | undefined;
     getBackgroundColor(): any;
     getActiveBackgroundColor(): string | undefined;
-    getLabelColor(): any;
+    getLabelColor(): string | undefined;
     getLabelSizeStyle(): object;
     getContainerSizeStyle(): any;
     getOutlineStyle(): {
         borderWidth: number;
-        borderColor: any;
+        borderColor: string;
     } | undefined;
     getBorderRadiusStyle(): {
         borderRadius: number;

generatedTypes/src/style/colors.d.ts

@@ -147,5 +147,66 @@ declare const colorObject: Colors & {
     transparent: string;
 } & {
     primary: string;
+} & {
+    backgroundDefault: string;
+    backgroundNeutralHeavy: string;
+    backgroundIdle: string;
+    backgroundNeutralMedium: string;
+    backgroundNeutral: string;
+    backgroundNeutralLight: string;
+    backgroundPrimaryHeavy: string;
+    backgroundPrimaryLight: string;
+    backgroundPrimary: string;
+    backgroundGeneralHeavy: string;
+    backgroundGeneralLight: string;
+    backgroundGeneral: string;
+    backgroundSuccessHeavy: string;
+    backgroundSuccess: string;
+    backgroundWarningHeavy: string;
+    backgroundWarning: string;
+    backgroundMajor: string;
+    backgroundDangerHeavy: string;
+    backgroundDanger: string;
+    backgroundDisabled: string;
+    backgroundDark: string;
+    textDisabled: string;
+    textDefault: string;
+    /**
+     * Get app's current color scheme
+     */
+    textNeutralHeavy: string;
+    textNeutral: string;
+    textNeutralLight: string;
+    textWhite: string;
+    textWhiteDisabled: string;
+    textPrimary: string;
+    textGeneral: string;
+    textSuccess: string;
+    textMajor: string;
+    textDanger: string;
+    textDangerLight: string;
+    iconDefault: string;
+    iconNeutral: string;
+    iconWhite: string;
+    iconWhiteDisabled: string;
+    iconPrimary: string;
+    iconPrimaryLight: string;
+    iconGeneral: string;
+    iconGeneralLight: string;
+    iconSuccess: string;
+    iconSuccessLight: string;
+    iconMajor: string;
+    iconDanger: string;
+    iconDangerLight: string;
+    iconDisabled: string;
+    outlineWhite: string;
+    outlineNeutral: string;
+    outlineDisabled: string;
+    outlinePrimary: string;
+    outlineGeneral: string;
+    outlineWarning: string;
+    outlineDanger: string;
+    dividerNeutral: string;
+    divider: string;
 };
 export default colorObject;

src/style/colors.ts

@@ -246,7 +246,10 @@ function threeDigitHexToSix(value: string) {
   return value.replace(/./g, '$&$&');
 }
 
-const TypedColors = Colors as ExtendTypeWith<typeof Colors, typeof colorsPalette & typeof themeColors>;
+const TypedColors = Colors as ExtendTypeWith<
+  typeof Colors,
+  typeof colorsPalette & typeof themeColors & typeof designTokens
+>;
 const colorObject = new TypedColors();
 colorObject.loadColors(colorsPalette);
 export default colorObject;