@saas-ui/storybook-addon 1.0.1-next.1 → 1.1.0-rc.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @chakra-ui/storybook-addon
 
+## 1.1.0-rc.3
+
+### Minor Changes
+
+- 046e42b8: Updated to Chakra UI 2.7
+
+## 1.0.1-rc.2
+
+### Patch Changes
+
+- Bump version
+
 ## 1.0.1-next.1
 
 ### Patch Changes

package/dist/chunk-BTQOTIPQ.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __require
+};

package/dist/{chunk-SGM3YTWS.js → chunk-KOZXHA3B.js}

@@ -5,7 +5,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-UK7U2PBM.js";
+} from "./chunk-BTQOTIPQ.js";
 
 // src/feature/direction/DirectionTool.tsx
 import { useCallback, useEffect } from "react";

package/dist/{chunk-GII4NPN2.js → chunk-VAH7CV3O.js}

@@ -11,7 +11,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-UK7U2PBM.js";
+} from "./chunk-BTQOTIPQ.js";
 
 // src/feature/decorator/ChakraProviderDecorator.tsx
 import React, { useMemo } from "react";
@@ -23,7 +23,7 @@ import { theme as baseGlassTheme } from "@saas-ui/theme-glass";
 import { jsx, jsxs } from "react/jsx-runtime";
 var glassTheme = extendTheme(baseGlassTheme, suiTheme);
 var useThemeSync = () => {
-  const [themeId, setTheme] = useLocalStorage("storybook.theme", "0");
+  const [themeId, setTheme] = useLocalStorage("storybook.theme", "1");
   React.useEffect(() => {
     const channel = addons.getChannel();
     const themeCallback = (value) => setTheme(value);

package/dist/chunk-YXF4RUSK.js

@@ -0,0 +1,77 @@
+import {
+  ADDON_ID,
+  EVENTS
+} from "./chunk-HSBRF2QZ.js";
+
+// src/feature/color-mode/ThemeTool.tsx
+import { useAddonState } from "@storybook/api";
+import {
+  IconButton,
+  WithTooltip,
+  TooltipLinkList,
+  Icons
+} from "@storybook/components";
+import { addons } from "@storybook/addons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var themes = {
+  0: "Chakra UI",
+  1: "Saas UI",
+  2: "Glass"
+};
+var ThemeTool = () => {
+  const themeId = localStorage.getItem("saas-ui-theme");
+  const [theme, setTheme] = useAddonState(`${ADDON_ID}/theme`, themeId);
+  const channel = addons.getChannel();
+  const setActiveTheme = (themeId2) => {
+    channel.emit(EVENTS.SET_THEME, !themeId2 ? "1" : themeId2);
+    setTheme(themeId2);
+  };
+  return /* @__PURE__ */ jsx(
+    WithTooltip,
+    {
+      placement: "top",
+      closeOnClick: true,
+      trigger: "click",
+      tooltip: ({ onHide }) => /* @__PURE__ */ jsx(
+        TooltipLinkList,
+        {
+          links: [
+            {
+              id: "0",
+              title: "Chakra UI",
+              onClick: () => {
+                setActiveTheme("0");
+                onHide();
+              }
+            },
+            {
+              id: "1",
+              title: "Saas UI",
+              onClick: () => {
+                setActiveTheme("1");
+                onHide();
+              }
+            },
+            {
+              id: "2",
+              title: "Glass",
+              onClick: () => {
+                setActiveTheme("2");
+                onHide();
+              }
+            }
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxs(IconButton, { title: "Select theme", children: [
+        /* @__PURE__ */ jsx(Icons, { icon: "eye" }),
+        " ",
+        themes[theme || "1"]
+      ] })
+    }
+  );
+};
+
+export {
+  ThemeTool
+};

package/dist/constants.js

@@ -5,7 +5,7 @@ import {
   EVENTS,
   THEME_TOOL_ID
 } from "./chunk-HSBRF2QZ.js";
-import "./chunk-UK7U2PBM.js";
+import "./chunk-BTQOTIPQ.js";
 export {
   ADDON_ID,
   COLOR_MODE_TOOL_ID,

package/dist/feature/arg-types.js

@@ -1,7 +1,7 @@
 import {
   getThemingArgTypes
 } from "../chunk-NOGSFSIA.js";
-import "../chunk-UK7U2PBM.js";
+import "../chunk-BTQOTIPQ.js";
 export {
   getThemingArgTypes
 };

package/dist/feature/color-mode/ColorModeSync.js

@@ -2,7 +2,7 @@ import {
   ColorModeSync
 } from "../../chunk-SVHNULTN.js";
 import "../../chunk-HSBRF2QZ.js";
-import "../../chunk-UK7U2PBM.js";
+import "../../chunk-BTQOTIPQ.js";
 export {
   ColorModeSync
 };

package/dist/feature/color-mode/ColorModeTool.js

@@ -2,7 +2,7 @@ import {
   ColorModeTool
 } from "../../chunk-QNOLFHPG.js";
 import "../../chunk-HSBRF2QZ.js";
-import "../../chunk-UK7U2PBM.js";
+import "../../chunk-BTQOTIPQ.js";
 export {
   ColorModeTool
 };