@kwantis-id3/frontend-library 0.2.2 → 0.2.4

package/dist/cjs/types/components/ThemeContext/ThemeContext.d.ts

@@ -12,7 +12,7 @@ export type KwantisColorsObject = {
     statusCritical: string;
     statusNeutral: string;
 };
-export default function KwantisThemeContextProvider(props: React.PropsWithChildren<{
+export declare const KwantisThemeContextProvider: (props: React.PropsWithChildren<{
     theme?: KwantisColorsObject;
-}>): JSX.Element;
+}>) => JSX.Element;
 export declare const useKwantisThemeContext: () => KwantisColorsObject;

package/dist/cjs/types/components/ThemeContext/index.d.ts

@@ -0,0 +1 @@
+export { KwantisColors, KwantisColorsObject, KwantisThemeContextProvider, useKwantisThemeContext, } from "./ThemeContext";

package/dist/cjs/types/components/index.d.ts

@@ -1 +1,2 @@
 export { Button, ButtonProps } from "./button";
+export { KwantisColors, KwantisColorsObject, KwantisThemeContextProvider, useKwantisThemeContext, } from "./ThemeContext";

package/dist/esm/index.js

@@ -4794,6 +4794,41 @@ var useTheme = function useTheme() {
   return reactExports.useContext(ThemeContext);
 };
 
+var getTheme = function getTheme(outerTheme, theme) {
+  if (typeof theme === 'function') {
+    var mergedTheme = theme(outerTheme);
+
+    if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
+      throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
+    }
+
+    return mergedTheme;
+  }
+
+  if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
+    throw new Error('[ThemeProvider] Please make your theme prop a plain object');
+  }
+
+  return _extends({}, outerTheme, theme);
+};
+
+var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
+  return weakMemoize(function (theme) {
+    return getTheme(outerTheme, theme);
+  });
+});
+var ThemeProvider = function ThemeProvider(props) {
+  var theme = reactExports.useContext(ThemeContext);
+
+  if (props.theme !== theme) {
+    theme = createCacheWithTheme(theme)(props.theme);
+  }
+
+  return /*#__PURE__*/reactExports.createElement(ThemeContext.Provider, {
+    value: theme
+  }, props.children);
+};
+
 var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
 var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
 
@@ -4888,7 +4923,12 @@ const defaultThemeColors = {
     statusCritical: "#FF4040",
     statusNeutral: "#CCCCCC",
 };
-React.createContext(defaultThemeColors);
+const KwantisThemeContext = React.createContext(defaultThemeColors);
+const KwantisThemeContextProvider = (props) => {
+    const [themeColors] = reactExports.useState(props.theme || defaultThemeColors);
+    return (React.createElement(KwantisThemeContext.Provider, { value: themeColors },
+        React.createElement(ThemeProvider, { theme: themeColors }, props.children)));
+};
 const isEmpty = (obj) => {
     return Object.keys(obj).length === 0;
 };
@@ -5111,5 +5151,5 @@ const Button = (props) => {
     return reactExports.createElement(Button, null, props.label);
 };
 
-export { Button };
+export { Button, KwantisThemeContextProvider, useKwantisThemeContext };
 //# sourceMappingURL=index.js.map