@mirohq/design-system-theme-provider 0.2.13 → 0.2.14

package/dist/main.js

@@ -2,14 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var designSystemStitches = require('@mirohq/design-system-stitches');
 var designSystemUseTheme = require('@mirohq/design-system-use-theme');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const ThemeProvider = ({
   defaultTheme,
   themes,
@@ -32,10 +28,14 @@ const ThemeProvider = ({
     themeToUse = theme;
   }
   const classNameTheme = (currentThemeExists || defaultThemeExists) && themeToUse !== "" ? designSystemStitches.createTheme(themes[themeToUse]) : "";
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
-    "data-theme-provider": true,
-    className: `${designSystemStitches.stitchesCssRoot.className} ${classNameTheme}`
-  }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-theme-provider": true,
+      className: "".concat(designSystemStitches.stitchesCssRoot.className, " ").concat(classNameTheme),
+      children
+    }
+  );
 };
 
 exports.ThemeProvider = ThemeProvider;

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/theme-provider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type * as themes from '@mirohq/design-system-themes'\nimport React from 'react'\nimport { createTheme, stitchesCssRoot } from '@mirohq/design-system-stitches'\nimport { useTheme } from '@mirohq/design-system-use-theme'\n\ninterface ThemesProp {\n  [Key: string]: Partial<typeof themes.base>\n}\n\nexport interface ThemeProviderProps<Themes extends ThemesProp = ThemesProp> {\n  /**\n   * The default theme to use if no theme is provided.\n   */\n  defaultTheme?: keyof Themes\n\n  /**\n   * Theme config for all available themes.\n   */\n  themes?: Themes\n}\n\nexport const ThemeProvider = <Themes extends ThemesProp = ThemesProp>({\n  defaultTheme,\n  themes,\n  children,\n}: PropsWithChildren<ThemeProviderProps<Themes>>): JSX.Element => {\n  let themeToUse = ''\n  const { theme } = useTheme()\n\n  const defaultThemeExists =\n    defaultTheme !== undefined && themes?.[defaultTheme] !== undefined\n\n  const currentThemeExists = theme != null && themes?.[theme] !== undefined\n\n  if (!currentThemeExists && defaultThemeExists) {\n    console.warn('Set theme not found, setting the default theme.')\n    themeToUse = defaultTheme.toString()\n  }\n\n  if (!defaultThemeExists && theme == null) {\n    console.warn(\n      'Default theme not found, falling back to the Miro Design System basics.'\n    )\n  }\n\n  if (currentThemeExists) {\n    themeToUse = theme\n  }\n\n  const classNameTheme =\n    (currentThemeExists || defaultThemeExists) && themeToUse !== ''\n      ? createTheme(themes[themeToUse])\n      : ''\n\n  return (\n    <div\n      data-theme-provider\n      className={`${stitchesCssRoot.className} ${classNameTheme}`}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["useTheme","createTheme","React","stitchesCssRoot"],"mappings":";;;;;;;;;;;;AAsBO,MAAM,gBAAgB,CAAyC;AAAA,EACpE,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AACF,CAAkE,KAAA;AAChE,EAAA,IAAI,UAAa,GAAA,EAAA,CAAA;AACjB,EAAM,MAAA,EAAE,KAAM,EAAA,GAAIA,6BAAS,EAAA,CAAA;AAE3B,EAAA,MAAM,kBACJ,GAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,YAAkB,CAAA,MAAA,KAAA,CAAA,CAAA;AAE3D,EAAA,MAAM,kBAAqB,GAAA,KAAA,IAAS,IAAQ,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,KAAW,CAAA,MAAA,KAAA,CAAA,CAAA;AAEhE,EAAI,IAAA,CAAC,sBAAsB,kBAAoB,EAAA;AAC7C,IAAA,OAAA,CAAQ,KAAK,iDAAiD,CAAA,CAAA;AAC9D,IAAA,UAAA,GAAa,aAAa,QAAS,EAAA,CAAA;AAAA,GACrC;AAEA,EAAI,IAAA,CAAC,kBAAsB,IAAA,KAAA,IAAS,IAAM,EAAA;AACxC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN,yEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAa,UAAA,GAAA,KAAA,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,cAAA,GAAA,CACH,sBAAsB,kBAAuB,KAAA,UAAA,KAAe,KACzDC,gCAAY,CAAA,MAAA,CAAO,WAAW,CAC9B,GAAA,EAAA,CAAA;AAEN,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACC,qBAAmB,EAAA,IAAA;AAAA,IACnB,SAAA,EAAW,CAAG,EAAAC,oCAAA,CAAgB,SAAa,CAAA,CAAA,EAAA,cAAA,CAAA,CAAA;AAAA,GAAA,EAE1C,QACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"main.js","sources":["../src/theme-provider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type * as themes from '@mirohq/design-system-themes'\nimport React from 'react'\nimport { createTheme, stitchesCssRoot } from '@mirohq/design-system-stitches'\nimport { useTheme } from '@mirohq/design-system-use-theme'\n\ninterface ThemesProp {\n  [Key: string]: Partial<typeof themes.base>\n}\n\nexport interface ThemeProviderProps<Themes extends ThemesProp = ThemesProp> {\n  /**\n   * The default theme to use if no theme is provided.\n   */\n  defaultTheme?: keyof Themes\n\n  /**\n   * Theme config for all available themes.\n   */\n  themes?: Themes\n}\n\nexport const ThemeProvider = <Themes extends ThemesProp = ThemesProp>({\n  defaultTheme,\n  themes,\n  children,\n}: PropsWithChildren<ThemeProviderProps<Themes>>): JSX.Element => {\n  let themeToUse = ''\n  const { theme } = useTheme()\n\n  const defaultThemeExists =\n    defaultTheme !== undefined && themes?.[defaultTheme] !== undefined\n\n  const currentThemeExists = theme != null && themes?.[theme] !== undefined\n\n  if (!currentThemeExists && defaultThemeExists) {\n    console.warn('Set theme not found, setting the default theme.')\n    themeToUse = defaultTheme.toString()\n  }\n\n  if (!defaultThemeExists && theme == null) {\n    console.warn(\n      'Default theme not found, falling back to the Miro Design System basics.'\n    )\n  }\n\n  if (currentThemeExists) {\n    themeToUse = theme\n  }\n\n  const classNameTheme =\n    (currentThemeExists || defaultThemeExists) && themeToUse !== ''\n      ? createTheme(themes[themeToUse])\n      : ''\n\n  return (\n    <div\n      data-theme-provider\n      className={`${stitchesCssRoot.className} ${classNameTheme}`}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["useTheme","createTheme","jsx","stitchesCssRoot"],"mappings":";;;;;;;;AAsBO,MAAM,gBAAgB,CAAyC;AAAA,EACpE,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AACF,CAAkE,KAAA;AAChE,EAAA,IAAI,UAAa,GAAA,EAAA,CAAA;AACjB,EAAM,MAAA,EAAE,KAAM,EAAA,GAAIA,6BAAS,EAAA,CAAA;AAE3B,EAAA,MAAM,kBACJ,GAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,YAAkB,CAAA,MAAA,KAAA,CAAA,CAAA;AAE3D,EAAA,MAAM,kBAAqB,GAAA,KAAA,IAAS,IAAQ,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,KAAW,CAAA,MAAA,KAAA,CAAA,CAAA;AAEhE,EAAI,IAAA,CAAC,sBAAsB,kBAAoB,EAAA;AAC7C,IAAA,OAAA,CAAQ,KAAK,iDAAiD,CAAA,CAAA;AAC9D,IAAA,UAAA,GAAa,aAAa,QAAS,EAAA,CAAA;AAAA,GACrC;AAEA,EAAI,IAAA,CAAC,kBAAsB,IAAA,KAAA,IAAS,IAAM,EAAA;AACxC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN,yEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAa,UAAA,GAAA,KAAA,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,cAAA,GAAA,CACH,sBAAsB,kBAAuB,KAAA,UAAA,KAAe,KACzDC,gCAAY,CAAA,MAAA,CAAO,UAAU,CAAC,CAC9B,GAAA,EAAA,CAAA;AAEN,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,qBAAmB,EAAA,IAAA;AAAA,MACnB,SAAW,EAAA,EAAA,CAAG,MAAgB,CAAAC,oCAAA,CAAA,SAAA,EAAS,GAAI,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA;AAAA,MAE1C,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/module.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { createTheme, stitchesCssRoot } from '@mirohq/design-system-stitches';
 import { useTheme } from '@mirohq/design-system-use-theme';
 
@@ -24,10 +24,14 @@ const ThemeProvider = ({
     themeToUse = theme;
   }
   const classNameTheme = (currentThemeExists || defaultThemeExists) && themeToUse !== "" ? createTheme(themes[themeToUse]) : "";
-  return /* @__PURE__ */ React.createElement("div", {
-    "data-theme-provider": true,
-    className: `${stitchesCssRoot.className} ${classNameTheme}`
-  }, children);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-theme-provider": true,
+      className: "".concat(stitchesCssRoot.className, " ").concat(classNameTheme),
+      children
+    }
+  );
 };
 
 export { ThemeProvider };

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/theme-provider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type * as themes from '@mirohq/design-system-themes'\nimport React from 'react'\nimport { createTheme, stitchesCssRoot } from '@mirohq/design-system-stitches'\nimport { useTheme } from '@mirohq/design-system-use-theme'\n\ninterface ThemesProp {\n  [Key: string]: Partial<typeof themes.base>\n}\n\nexport interface ThemeProviderProps<Themes extends ThemesProp = ThemesProp> {\n  /**\n   * The default theme to use if no theme is provided.\n   */\n  defaultTheme?: keyof Themes\n\n  /**\n   * Theme config for all available themes.\n   */\n  themes?: Themes\n}\n\nexport const ThemeProvider = <Themes extends ThemesProp = ThemesProp>({\n  defaultTheme,\n  themes,\n  children,\n}: PropsWithChildren<ThemeProviderProps<Themes>>): JSX.Element => {\n  let themeToUse = ''\n  const { theme } = useTheme()\n\n  const defaultThemeExists =\n    defaultTheme !== undefined && themes?.[defaultTheme] !== undefined\n\n  const currentThemeExists = theme != null && themes?.[theme] !== undefined\n\n  if (!currentThemeExists && defaultThemeExists) {\n    console.warn('Set theme not found, setting the default theme.')\n    themeToUse = defaultTheme.toString()\n  }\n\n  if (!defaultThemeExists && theme == null) {\n    console.warn(\n      'Default theme not found, falling back to the Miro Design System basics.'\n    )\n  }\n\n  if (currentThemeExists) {\n    themeToUse = theme\n  }\n\n  const classNameTheme =\n    (currentThemeExists || defaultThemeExists) && themeToUse !== ''\n      ? createTheme(themes[themeToUse])\n      : ''\n\n  return (\n    <div\n      data-theme-provider\n      className={`${stitchesCssRoot.className} ${classNameTheme}`}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAsBO,MAAM,gBAAgB,CAAyC;AAAA,EACpE,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AACF,CAAkE,KAAA;AAChE,EAAA,IAAI,UAAa,GAAA,EAAA,CAAA;AACjB,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,QAAS,EAAA,CAAA;AAE3B,EAAA,MAAM,kBACJ,GAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,YAAkB,CAAA,MAAA,KAAA,CAAA,CAAA;AAE3D,EAAA,MAAM,kBAAqB,GAAA,KAAA,IAAS,IAAQ,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,KAAW,CAAA,MAAA,KAAA,CAAA,CAAA;AAEhE,EAAI,IAAA,CAAC,sBAAsB,kBAAoB,EAAA;AAC7C,IAAA,OAAA,CAAQ,KAAK,iDAAiD,CAAA,CAAA;AAC9D,IAAA,UAAA,GAAa,aAAa,QAAS,EAAA,CAAA;AAAA,GACrC;AAEA,EAAI,IAAA,CAAC,kBAAsB,IAAA,KAAA,IAAS,IAAM,EAAA;AACxC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN,yEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAa,UAAA,GAAA,KAAA,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,cAAA,GAAA,CACH,sBAAsB,kBAAuB,KAAA,UAAA,KAAe,KACzD,WAAY,CAAA,MAAA,CAAO,WAAW,CAC9B,GAAA,EAAA,CAAA;AAEN,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACC,qBAAmB,EAAA,IAAA;AAAA,IACnB,SAAA,EAAW,CAAG,EAAA,eAAA,CAAgB,SAAa,CAAA,CAAA,EAAA,cAAA,CAAA,CAAA;AAAA,GAAA,EAE1C,QACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"module.js","sources":["../src/theme-provider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type * as themes from '@mirohq/design-system-themes'\nimport React from 'react'\nimport { createTheme, stitchesCssRoot } from '@mirohq/design-system-stitches'\nimport { useTheme } from '@mirohq/design-system-use-theme'\n\ninterface ThemesProp {\n  [Key: string]: Partial<typeof themes.base>\n}\n\nexport interface ThemeProviderProps<Themes extends ThemesProp = ThemesProp> {\n  /**\n   * The default theme to use if no theme is provided.\n   */\n  defaultTheme?: keyof Themes\n\n  /**\n   * Theme config for all available themes.\n   */\n  themes?: Themes\n}\n\nexport const ThemeProvider = <Themes extends ThemesProp = ThemesProp>({\n  defaultTheme,\n  themes,\n  children,\n}: PropsWithChildren<ThemeProviderProps<Themes>>): JSX.Element => {\n  let themeToUse = ''\n  const { theme } = useTheme()\n\n  const defaultThemeExists =\n    defaultTheme !== undefined && themes?.[defaultTheme] !== undefined\n\n  const currentThemeExists = theme != null && themes?.[theme] !== undefined\n\n  if (!currentThemeExists && defaultThemeExists) {\n    console.warn('Set theme not found, setting the default theme.')\n    themeToUse = defaultTheme.toString()\n  }\n\n  if (!defaultThemeExists && theme == null) {\n    console.warn(\n      'Default theme not found, falling back to the Miro Design System basics.'\n    )\n  }\n\n  if (currentThemeExists) {\n    themeToUse = theme\n  }\n\n  const classNameTheme =\n    (currentThemeExists || defaultThemeExists) && themeToUse !== ''\n      ? createTheme(themes[themeToUse])\n      : ''\n\n  return (\n    <div\n      data-theme-provider\n      className={`${stitchesCssRoot.className} ${classNameTheme}`}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAsBO,MAAM,gBAAgB,CAAyC;AAAA,EACpE,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AACF,CAAkE,KAAA;AAChE,EAAA,IAAI,UAAa,GAAA,EAAA,CAAA;AACjB,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,QAAS,EAAA,CAAA;AAE3B,EAAA,MAAM,kBACJ,GAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,YAAkB,CAAA,MAAA,KAAA,CAAA,CAAA;AAE3D,EAAA,MAAM,kBAAqB,GAAA,KAAA,IAAS,IAAQ,IAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAS,KAAW,CAAA,MAAA,KAAA,CAAA,CAAA;AAEhE,EAAI,IAAA,CAAC,sBAAsB,kBAAoB,EAAA;AAC7C,IAAA,OAAA,CAAQ,KAAK,iDAAiD,CAAA,CAAA;AAC9D,IAAA,UAAA,GAAa,aAAa,QAAS,EAAA,CAAA;AAAA,GACrC;AAEA,EAAI,IAAA,CAAC,kBAAsB,IAAA,KAAA,IAAS,IAAM,EAAA;AACxC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN,yEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,IAAI,kBAAoB,EAAA;AACtB,IAAa,UAAA,GAAA,KAAA,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,cAAA,GAAA,CACH,sBAAsB,kBAAuB,KAAA,UAAA,KAAe,KACzD,WAAY,CAAA,MAAA,CAAO,UAAU,CAAC,CAC9B,GAAA,EAAA,CAAA;AAEN,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,qBAAmB,EAAA,IAAA;AAAA,MACnB,SAAW,EAAA,EAAA,CAAG,MAAgB,CAAA,eAAA,CAAA,SAAA,EAAS,GAAI,CAAA,CAAA,MAAA,CAAA,cAAA,CAAA;AAAA,MAE1C,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-theme-provider",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "author": "Miro",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -25,10 +25,10 @@
     "react": "^16.14 || ^17 || ^18"
   },
   "dependencies": {
-    "@mirohq/design-system-stitches": "^2.3.3",
-    "@mirohq/design-system-themes": "^0.1.17",
-    "@mirohq/design-system-types": "^0.5.0",
-    "@mirohq/design-system-use-theme": "^0.2.5"
+    "@mirohq/design-system-stitches": "^2.3.4",
+    "@mirohq/design-system-use-theme": "^0.2.6",
+    "@mirohq/design-system-types": "^0.6.0",
+    "@mirohq/design-system-themes": "^0.1.17"
   },
   "scripts": {
     "build": "rollup -c ../../../rollup.config.js",