Adding static theme props for instui components

Change-Id: I1346f0c7593a0d57581e4f065756b68ce56339eb
Reviewed-on: https://gerrit.instructure.com/c/canvas-lms/+/310615
Tested-by: Service Cloud Jenkins <svc.cloudjenkins@instructure.com>
Reviewed-by: Aaron Shafovaloff <ashafovaloff@instructure.com>
Reviewed-by: Cameron Ray <cameron.ray@instructure.com>
QA-Review: Aaron Shafovaloff <ashafovaloff@instructure.com>
Product-Review: Aaron Shafovaloff <ashafovaloff@instructure.com>

ui/imports.d.ts

@@ -52,6 +52,18 @@ declare module '@instructure/ui-buttons' {
   export interface CondensedButtonProps extends MissingInputProps, MissingThemeableProps {}
   export interface IconButtonProps extends MissingInputProps, MissingThemeableProps {}
   export interface ToggleButtonProps extends MissingInputProps, MissingThemeableProps {}
+  namespace IconButton {
+    export const theme: symbol
+  }
+  namespace Button {
+    export const theme: symbol
+  }
+  namespace CloseButton {
+    export const theme: symbol
+  }
+  namespace BaseButton {
+    export const theme: symbol
+  }
 }
 
 declare module '@instructure/ui-motion' {
@@ -60,16 +72,25 @@ declare module '@instructure/ui-motion' {
 
 declare module '@instructure/ui-text-input' {
   export interface TextInputProps extends MissingInputProps {}
+  export namespace TextInput {
+    export const theme: symbol
+  }
 }
 
 declare module '@instructure/ui-toggle-details' {
   export interface ToggleDetailsProps extends MissingThemeableProps {}
+  export namespace ToggleDetails {
+    export const theme: symbol
+  }
 }
 
 declare module '@instructure/ui-view' {
   export interface ViewProps extends MissingElementProps, MissingThemeableProps {
     className?: string
   }
+  export namespace View {
+    export const theme: symbol
+  }
 }
 
 declare module '@instructure/ui-buttons' {
@@ -82,6 +103,9 @@ declare module '@instructure/ui-menu' {
   export interface Menu {
     contentRef?: any
   }
+  export namespace Menu {
+    export const theme: symbol
+  }
 }
 
 declare module '@instructure/ui-link' {
@@ -91,6 +115,9 @@ declare module '@instructure/ui-link' {
     isWithinText?: boolean
     as?: string
   }
+  export namespace Link {
+    export const theme: symbol
+  }
 }
 
 declare module '@instructure/ui-text' {
@@ -104,3 +131,81 @@ declare module '@instructure/ui-select' {
     renderLabel?: string
   }
 }
+
+declare module '@instructure/ui-overlays' {
+  export namespace Mask {
+    export const theme: symbol
+  }
+}
+
+declare module '@instructure/ui-heading' {
+  export namespace Heading {
+    export const theme: symbol
+  }
+}
+
+declare module '@instructure/ui-checkbox' {
+  export namespace ToggleFacade {
+    export const theme: symbol
+  }
+  export namespace CheckboxFacade {
+    export const theme: symbol
+  }
+}
+
+declare module '@instructure/ui-table' {
+  export namespace Table {
+    export const theme: symbol
+    export namespace Cell {
+      export const theme: symbol
+    }
+    export namespace Row {
+      export const theme: symbol
+    }
+    export namespace ColHeader {
+      export const theme: symbol
+    }
+  }
+}
+
+declare module '@instructure/ui-tag' {
+  export namespace Tag {
+    export const theme: symbol
+  }
+}
+
+declare module '@instructure/ui-alerts' {
+  export namespace Alert {
+    export const theme: symbol
+  }
+}
+
+declare module '@instructure/ui-tree-browser' {
+  export namespace TreeBrowser {
+    export const theme: symbol
+    export namespace Node {
+      export const theme: symbol
+    }
+    export namespace Button {
+      export const theme: symbol
+    }
+  }
+}
+
+declare module '@instructure/ui-tabs' {
+  export namespace Tabs {
+    export const theme: symbol
+    export namespace Tab {
+      export const theme: symbol
+    }
+  }
+}
+
+declare module '@instructure/ui-badge' {
+  export namespace Tabs {
+    export const theme: symbol
+    export namespace Tab {
+      export const theme: symbol
+    }
+  }
+}