storybook 9.0.0-rc.0 → 9.0.0-rc.2

package/dist/docs-tools/index.d.ts

@@ -151,7 +151,7 @@ declare enum SourceType {
      * Use the DYNAMIC rendered snippet if the story is an args story
      */
     AUTO = "auto",
-    /** Render the code extracted by source-loader */
+    /** Render the code extracted by csf-plugin */
     CODE = "code",
     /** Render dynamically-rendered source snippet from the story's virtual DOM (currently React only) */
     DYNAMIC = "dynamic"

package/dist/highlight/index.cjs

@@ -1,28 +1,28 @@
 "use strict";
 var r = Object.defineProperty;
-var _ = Object.getOwnPropertyDescriptor;
-var L = Object.getOwnPropertyNames;
+var G = Object.getOwnPropertyDescriptor;
+var n = Object.getOwnPropertyNames;
 var T = Object.prototype.hasOwnProperty;
-var n = (o, t) => {
-  for (var e in t)
-    r(o, e, { get: t[e], enumerable: !0 });
-}, c = (o, t, e, s) => {
+var L = (o, t) => {
+  for (var H in t)
+    r(o, H, { get: t[H], enumerable: !0 });
+}, c = (o, t, H, s) => {
   if (t && typeof t == "object" || typeof t == "function")
-    for (let H of L(t))
-      !T.call(o, H) && H !== e && r(o, H, { get: () => t[H], enumerable: !(s = _(t, H)) || s.enumerable });
+    for (let e of n(t))
+      !T.call(o, e) && e !== H && r(o, e, { get: () => t[e], enumerable: !(s = G(t, e)) || s.enumerable });
   return o;
 };
-var x = (o) => c(r({}, "__esModule", { value: !0 }), o);
+var h = (o) => c(r({}, "__esModule", { value: !0 }), o);
 
 // src/highlight/index.ts
-var O = {};
-n(O, {
+var x = {};
+L(x, {
   HIGHLIGHT: () => E,
-  REMOVE_HIGHLIGHT: () => G,
+  REMOVE_HIGHLIGHT: () => _,
   RESET_HIGHLIGHT: () => i,
   SCROLL_INTO_VIEW: () => p
 });
-module.exports = x(O);
+module.exports = h(x);
 
 // src/highlight/constants.ts
-var I = "storybook/highlight", E = `${I}/add`, G = `${I}/remove`, i = `${I}/reset`, p = `${I}/scroll-into-view`;
+var I = "storybook/highlight", E = `${I}/add`, _ = `${I}/remove`, i = `${I}/reset`, p = `${I}/scroll-into-view`;

package/dist/highlight/index.d.ts

@@ -3,6 +3,14 @@ declare const REMOVE_HIGHLIGHT = "storybook/highlight/remove";
 declare const RESET_HIGHLIGHT = "storybook/highlight/reset";
 declare const SCROLL_INTO_VIEW = "storybook/highlight/scroll-into-view";
 
+declare const iconPaths: {
+    chevronLeft: string[];
+    chevronRight: string[];
+    info: string[];
+    shareAlt: string[];
+};
+type IconName = keyof typeof iconPaths;
+
 interface HighlightParameters {
     /**
      * Highlight configuration
@@ -14,6 +22,22 @@ interface HighlightParameters {
         disable?: boolean;
     };
 }
+interface HighlightMenuItem {
+    /** Unique identifier for the menu item */
+    id: string;
+    /** Title of the menu item */
+    title: string;
+    /** Description of the menu item */
+    description?: string;
+    /** Icon for the menu item, left side */
+    iconLeft?: IconName;
+    /** Icon for the menu item, right side */
+    iconRight?: IconName;
+    /** Name for a channel event to trigger when the menu item is clicked */
+    clickEvent?: string;
+    /** HTML selectors for which this menu item should show (subset of `selectors`) */
+    selectors?: HighlightOptions['selectors'];
+}
 interface HighlightOptions {
     /** Unique identifier for the highlight, required if you want to remove the highlight later */
     id?: string;
@@ -29,19 +53,8 @@ interface HighlightOptions {
     focusStyles?: Record<string, string>;
     /** Keyframes required for animations */
     keyframes?: string;
-    /** Menu items to show when the highlight is selected */
-    menu?: {
-        /** Unique identifier for the menu item */
-        id: string;
-        /** Title of the menu item */
-        title: string;
-        /** Description of the menu item */
-        description?: string;
-        /** Name for a channel event to trigger when the menu item is clicked */
-        clickEvent?: string;
-        /** HTML selectors for which this menu item should show (subset of `selectors`) */
-        selectors?: string[];
-    }[];
+    /** Groups of menu items to show when the highlight is selected */
+    menu?: HighlightMenuItem[][];
 }
 interface ClickEventDetails {
     top: number;
@@ -57,4 +70,4 @@ interface ClickEventDetails {
     };
 }
 
-export { type ClickEventDetails, HIGHLIGHT, type HighlightOptions, type HighlightParameters, REMOVE_HIGHLIGHT, RESET_HIGHLIGHT, SCROLL_INTO_VIEW };
+export { type ClickEventDetails, HIGHLIGHT, type HighlightMenuItem, type HighlightOptions, type HighlightParameters, REMOVE_HIGHLIGHT, RESET_HIGHLIGHT, SCROLL_INTO_VIEW };

package/dist/highlight/index.js

@@ -1,8 +1,8 @@
 // src/highlight/constants.ts
-var t = "storybook/highlight", o = `${t}/add`, H = `${t}/remove`, e = `${t}/reset`, I = `${t}/scroll-into-view`;
+var t = "storybook/highlight", o = `${t}/add`, e = `${t}/remove`, H = `${t}/reset`, I = `${t}/scroll-into-view`;
 export {
   o as HIGHLIGHT,
-  H as REMOVE_HIGHLIGHT,
-  e as RESET_HIGHLIGHT,
+  e as REMOVE_HIGHLIGHT,
+  H as RESET_HIGHLIGHT,
   I as SCROLL_INTO_VIEW
 };