@sproutsocial/seeds-react-theme-provider 1.0.0

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@sproutsocial/seeds-react-theme-provider",
+  "version": "1.0.0",
+  "description": "Seeds React Theme Provider",
+  "author": "Sprout Social, Inc.",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsup"
+  },
+  "dependencies": {
+    "@sproutsocial/seeds-react-utilities": "*"
+  },
+  "devDependencies": {
+    "@types/styled-components": "^5.1.26",
+    "@sproutsocial/eslint-config-seeds": "*",
+    "@sproutsocial/seeds-react-theme": "*",
+    "react": "^17.0.2",
+    "styled-components": "^5.2.3",
+    "tsup": "^8.0.1",
+    "typescript": "^5.1.6"
+  },
+  "peerDependencies": {
+    "styled-components": "^5.2.3"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { ThemeProvider as BaseThemeProvider } from "styled-components";
+import { theme } from "@sproutsocial/seeds-react-theme";
+import { TypeSproutTheme, TypeTheme } from "@sproutsocial/seeds-react-theme";
+
+// We can append additional themes types here
+type TypeAllThemes = TypeTheme | TypeSproutTheme;
+
+type TypeProps = {
+  readonly theme?: TypeAllThemes;
+  readonly children?: React.ReactNode;
+};
+
+const ThemeProvider = (props: TypeProps) => (
+  <BaseThemeProvider {...props} theme={props.theme || theme} />
+);
+
+export default ThemeProvider;

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@sproutsocial/seeds-tsconfig/react-library.json",
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "noUncheckedIndexedAccess": false,
+    "baseUrl": ".",
+    "paths": {
+      "@src": ["src"],
+      "@src*": ["src*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.tsx"],
+  format: ["cjs", "esm"],
+  dts: true,
+  target: "es2020",
+  external: ["react"],
+});