@availity/theme-provider 0.2.3 → 0.3.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.3.0](https://github.com/Availity/element/compare/@availity/theme-provider@0.2.4...@availity/theme-provider@0.3.0) (2023-08-28)
+
+
+### Features
+
+* **theme-provider:** add predefined themes, remove custom theme ability ([b44d734](https://github.com/Availity/element/commit/b44d73424a344a3eb871bf27acd3dd53241b39a4))
+
+## [0.2.4](https://github.com/Availity/element/compare/@availity/theme-provider@0.2.3...@availity/theme-provider@0.2.4) (2023-08-23)
+
 ## [0.2.3](https://github.com/Availity/element/compare/@availity/theme-provider@0.2.2...@availity/theme-provider@0.2.3) (2023-06-01)
 
 ## [0.2.2](https://github.com/Availity/element/compare/@availity/theme-provider@0.2.1...@availity/theme-provider@0.2.2) (2023-03-23)
@@ -10,30 +19,26 @@ This file was generated using [@jscutlery/semver](https://github.com/jscutlery/s
 
 ## [0.2.0](https://github.com/Availity/element/compare/@availity/theme-provider@0.1.2...@availity/theme-provider@0.2.0) (2023-03-01)
 
-
 ### Features
 
-* **theme:** update theme for button ([164f831](https://github.com/Availity/element/commit/164f83114c732da85f53bcf772f22b5436f2e9ff))
+- **theme:** update theme for button ([164f831](https://github.com/Availity/element/commit/164f83114c732da85f53bcf772f22b5436f2e9ff))
 
 ## [0.1.2](https://github.com/Availity/element/compare/@availity/theme-provider@0.1.1...@availity/theme-provider@0.1.2) (2023-02-22)
 
-
 ### Bug Fixes
 
-* update exports ([af3f9f6](https://github.com/Availity/element/commit/af3f9f6715132b020bf96881dbc70906738bcda7))
+- update exports ([af3f9f6](https://github.com/Availity/element/commit/af3f9f6715132b020bf96881dbc70906738bcda7))
 
 ## [0.1.1](https://github.com/Availity/element/compare/@availity/theme-provider@0.1.0...@availity/theme-provider@0.1.1) (2023-02-22)
 
 ## 0.1.0 (2023-02-21)
 
-
 ### Features
 
-* **theme-provider:** create component ([c532d6e](https://github.com/Availity/element/commit/c532d6e21c29f428c05a3b2159c18d95555dbbbb))
+- **theme-provider:** create component ([c532d6e](https://github.com/Availity/element/commit/c532d6e21c29f428c05a3b2159c18d95555dbbbb))
 
 ## 0.0.1-alpha.0 (2023-02-20)
 
-
 ### Features
 
-* **theme-provider:** create component ([c532d6e](https://github.com/Availity/element/commit/c532d6e21c29f428c05a3b2159c18d95555dbbbb))
+- **theme-provider:** create component ([c532d6e](https://github.com/Availity/element/commit/c532d6e21c29f428c05a3b2159c18d95555dbbbb))

package/dist/index.d.ts

@@ -1,9 +1,8 @@
-import { Theme } from '@mui/material/styles';
-
-interface ThemeProviderProps {
+declare type ThemeProviderProps = {
     children: React.ReactNode;
-    theme?: Theme;
-}
+    /** Availity theme to use */
+    theme?: 'lightTheme' | 'legacyBS';
+};
 declare function ThemeProvider({ children, theme }: ThemeProviderProps): JSX.Element;
 
 export { ThemeProvider, ThemeProviderProps };

package/dist/index.js

@@ -37,12 +37,17 @@ var import_CssBaseline = __toESM(require("@mui/material/CssBaseline"));
 var import_AdapterDateFns = require("@mui/x-date-pickers/AdapterDateFns");
 var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_jsx_runtime = require("react/jsx-runtime");
-var defaultTheme = (0, import_styles.createTheme)(import_theme.lightTheme);
-function ThemeProvider({ children, theme = defaultTheme }) {
+var lightTheme = (0, import_styles.createTheme)(import_theme.lightTheme);
+var legacyTheme = (0, import_styles.createTheme)(import_theme.legacyTheme);
+var themes = {
+  lightTheme,
+  legacyBS: legacyTheme
+};
+function ThemeProvider({ children, theme = "lightTheme" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_date_pickers.LocalizationProvider, {
     dateAdapter: import_AdapterDateFns.AdapterDateFns,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.ThemeProvider, {
-      theme,
+      theme: themes[theme],
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CssBaseline.default, {}),
         children

package/dist/index.mjs

@@ -1,16 +1,21 @@
 // src/lib/theme-provider.tsx
-import { lightTheme } from "@availity/theme";
+import { lightTheme as lightThemeOptions, legacyTheme as legacyThemeOptions } from "@availity/theme";
 import { ThemeProvider as MuiThemeProvider, createTheme } from "@mui/material/styles";
 import CssBaseline from "@mui/material/CssBaseline";
 import { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
 import { LocalizationProvider } from "@mui/x-date-pickers";
 import { jsx, jsxs } from "react/jsx-runtime";
-var defaultTheme = createTheme(lightTheme);
-function ThemeProvider({ children, theme = defaultTheme }) {
+var lightTheme = createTheme(lightThemeOptions);
+var legacyTheme = createTheme(legacyThemeOptions);
+var themes = {
+  lightTheme,
+  legacyBS: legacyTheme
+};
+function ThemeProvider({ children, theme = "lightTheme" }) {
   return /* @__PURE__ */ jsx(LocalizationProvider, {
     dateAdapter: AdapterDateFns,
     children: /* @__PURE__ */ jsxs(MuiThemeProvider, {
-      theme,
+      theme: themes[theme],
       children: [
         /* @__PURE__ */ jsx(CssBaseline, {}),
         children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/theme-provider",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Theme provider for the Element design system",
   "browser": "./dist/index.js",
   "main": "./dist/index.js",
@@ -15,7 +15,7 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/theme": "0.5.0",
+    "@availity/theme": "0.14.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.11.6",

package/project.json

@@ -37,5 +37,6 @@
         "tagPrefix": "@availity/${projectName}@"
       }
     }
-  }
+  },
+  "trackDeps": true
 }

package/src/lib/theme-provider.tsx

@@ -1,24 +1,27 @@
-import { lightTheme } from '@availity/theme';
+import { lightTheme as lightThemeOptions, legacyTheme as legacyThemeOptions } from '@availity/theme';
 import { ThemeProvider as MuiThemeProvider, createTheme } from '@mui/material/styles';
 import type { Theme, ThemeOptions } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 
-// TODO: how do we add icon support?
-// import '../styles/material-icons.css'
+const lightTheme = createTheme(lightThemeOptions as ThemeOptions);
+const legacyTheme = createTheme(legacyThemeOptions as ThemeOptions);
 
-const defaultTheme = createTheme(lightTheme as ThemeOptions);
-
-export interface ThemeProviderProps {
+export type ThemeProviderProps = {
   children: React.ReactNode;
-  theme?: Theme;
-}
+  /** Availity theme to use */
+  theme?: 'lightTheme' | 'legacyBS';
+};
+const themes: Record<string, Theme> = {
+  lightTheme: lightTheme,
+  legacyBS: legacyTheme,
+};
 
-export function ThemeProvider({ children, theme = defaultTheme }: ThemeProviderProps) {
+export function ThemeProvider({ children, theme = 'lightTheme' }: ThemeProviderProps) {
   return (
     <LocalizationProvider dateAdapter={AdapterDateFns}>
-      <MuiThemeProvider theme={theme}>
+      <MuiThemeProvider theme={themes[theme]}>
         <CssBaseline />
         {children}
       </MuiThemeProvider>