@vonq/hapi-elements-types 1.6.0 → 1.7.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@vonq/hapi-elements-types",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "This package contains Typescript definitions for HAPI Elements",
   "author": "VONQ HAPI Team",
   "license": "BSD-3-Clause",
@@ -12,7 +12,7 @@
     "publish:types": "npm publish --access public",
     "generate:index": "cti create ./src"
   },
-  "main": "src/index.ts",
+  "main": "index.ts",
   "types": "index.d.ts",
   "dependencies": {
     "@datadog/browser-logs": "^4.34.2",

package/{src/theming → theming}/types.ts

@@ -1,4 +1,41 @@
-import { Theming } from "theming"
+import * as React from "react"
+
+type DefaultTheme = object | null
+
+type WithThemeFactory<Theme> = <
+    InnerProps extends { theme: NonNullable<Theme> },
+    InnerComponent extends React.ComponentType<InnerProps>,
+    OuterProps extends InnerProps & { theme?: NonNullable<Theme> },
+>(
+    comp: InnerComponent,
+) => React.ComponentType<OuterProps>
+
+interface ThemeProviderProps<Theme> {
+    theme: NonNullable<Theme> | ((outerTheme: Theme) => NonNullable<Theme>)
+    children: React.ReactNode
+}
+
+type ThemeProviderFactory<Theme> = React.ComponentType<
+    ThemeProviderProps<Theme>
+>
+
+type UseThemeFactory<Theme> = <CustomTheme = Theme>() => CustomTheme
+
+interface Theming<Theme> {
+    context: React.Context<Theme>
+    withTheme: WithThemeFactory<Theme>
+    ThemeProvider: ThemeProviderFactory<Theme>
+    useTheme: UseThemeFactory<Theme>
+}
+
+declare function createTheming<Theme>(
+    context: React.Context<Theme>,
+): Theming<Theme>
+
+declare const withTheme: WithThemeFactory<DefaultTheme>
+declare const ThemeProvider: ThemeProviderFactory<DefaultTheme>
+declare const ThemeContext: React.Context<DefaultTheme>
+declare const useTheme: UseThemeFactory<DefaultTheme>
 
 export type ThemeGlobalStyles = {
     borderRadius: string

package/tsconfig.json

@@ -23,7 +23,7 @@
     "forceConsistentCasingInFileNames": true
   },
   "include": [
-    "./src/**/*",
+    "**/*",
   ],
   "exclude": [
     "node_modules",