@esri/calcite-components 1.0.0-next.573 → 1.0.0-next.574

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.573
+ * v1.0.0-next.574
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.573
+ * v1.0.0-next.574
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.573
+ * v1.0.0-next.574
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/accordion/interfaces.d.ts

@@ -1,4 +1,4 @@
-export declare type AccordionAppearance = "default" | "minimal" | "transparent";
+export declare type AccordionAppearance = "default" | "minimal" | "transparent" | "solid";
 export interface RequestedItem {
   requestedAccordionItem: HTMLCalciteAccordionItemElement;
 }

package/dist/types/components/button/interfaces.d.ts

@@ -1,4 +1,4 @@
 export declare type ButtonColor = "blue" | "inverse" | "neutral" | "red";
-export declare type ButtonAppearance = "solid" | "outline" | "clear" | "transparent";
+export declare type ButtonAppearance = "solid" | "outline" | "clear" | "transparent" | "minimal";
 export declare type ButtonAlignment = "start" | "end" | "center" | "space-between" | "icon-start-space-between" | "icon-end-space-between";
 export declare type DropdownIconType = "chevron" | "caret" | "ellipsis" | "overflow";

package/dist/types/components/color-picker/color-picker.d.ts

@@ -12,7 +12,7 @@ export declare class ColorPicker implements InteractiveComponent {
    * When true, clearing the input and blurring will restore the last valid color set. When false, it will set it to empty.
    */
   allowEmpty: boolean;
-  /** specify the appearance - default (containing border), or minimal (no containing border) */
+  /** specify the appearance - solid (containing border), or minimal (no containing border) */
   appearance: ColorAppearance;
   /**
    * Internal prop for advanced use-cases.

package/dist/types/components/color-picker/interfaces.d.ts

@@ -1,5 +1,5 @@
 import type Color from "color";
-export declare type ColorAppearance = "default" | "minimal";
+export declare type ColorAppearance = "default" | "minimal" | "solid";
 export declare type ColorMode = "rgb" | "hsv";
 export declare type InternalColor = Color;
 export declare type ColorValue = string | RGB | RGBA | HSV | HSVA | HSL | HSLA;

package/dist/types/components/flow/flow.d.ts

@@ -1,22 +1,22 @@
 import { VNode } from "../../stencil-public-runtime";
 import { FlowDirection } from "./interfaces";
 /**
- * @slot - A slot for adding `calcite-panel`s to the flow.
+ * @slot - A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow.
  */
 export declare class Flow {
   /**
-   * Removes the currently active `calcite-panel`.
+   * Removes the currently active `calcite-flow-item` or `calcite-panel`.
    */
-  back(): Promise<HTMLCalcitePanelElement>;
+  back(): Promise<HTMLCalciteFlowItemElement>;
   el: HTMLCalciteFlowElement;
-  panelCount: number;
   flowDirection: FlowDirection;
-  panels: HTMLCalcitePanelElement[];
-  panelItemMutationObserver: MutationObserver;
+  itemCount: number;
+  items: HTMLCalciteFlowItemElement[];
+  itemMutationObserver: MutationObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  handleCalcitePanelBackClick(): void;
-  getFlowDirection: (oldPanelCount: number, newPanelCount: number) => FlowDirection | null;
+  handleItemBackClick(): void;
+  getFlowDirection: (oldFlowItemCount: number, newFlowItemCount: number) => FlowDirection | null;
   updateFlowProps: () => void;
   render(): VNode;
 }

package/dist/types/components/flow-item/flow-item.d.ts

@@ -0,0 +1,100 @@
+import { VNode, EventEmitter } from "../../stencil-public-runtime";
+import { HeadingLevel } from "../functional/Heading";
+import { Scale } from "../interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot - A slot for adding custom content.
+ * @slot header-actions-start - A slot for adding actions or content to the start side of the header.
+ * @slot header-actions-end - A slot for adding actions or content to the end side of the header.
+ * @slot header-content - A slot for adding custom content to the header.
+ * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.
+ * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
+ * @slot footer-actions - A slot for adding buttons to the footer.
+ * @slot footer - A slot for adding custom content to the footer.
+ */
+export declare class FlowItem implements InteractiveComponent {
+  /** When true, displays a close button in the trailing side of the header */
+  closable: boolean;
+  /** When true, flow-item will be hidden */
+  closed: boolean;
+  /**
+   * When provided, this method will be called before it is removed from the parent flow.
+   */
+  beforeBack?: () => Promise<void>;
+  /** A description for the component. */
+  description: string;
+  /**
+   *  When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * The component header text.
+   */
+  heading?: string;
+  /**
+   * Specifies the number at which section headings should start.
+   */
+  headingLevel: HeadingLevel;
+  /**
+   * Specifies the maximum height of the component.
+   */
+  heightScale?: Scale;
+  /**
+   * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+   */
+  intlBack?: string;
+  /**
+   * Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.
+   */
+  intlClose?: string;
+  /**
+   * Accessible name for the component's actions menu.
+   */
+  intlOptions?: string;
+  /**
+   * When true, a busy indicator is displayed.
+   */
+  loading: boolean;
+  /**
+   * When true, the action menu items in the `header-menu-actions` slot are open.
+   */
+  menuOpen: boolean;
+  /**
+   * When true, displays a back button in the header.
+   */
+  showBackButton: boolean;
+  /**
+   * Specifies the width of the component.
+   */
+  widthScale?: Scale;
+  componentDidRender(): void;
+  /**
+   * Fires when the back button is clicked.
+   */
+  calciteFlowItemBackClick: EventEmitter<void>;
+  el: HTMLCalciteFlowItemElement;
+  containerEl: HTMLCalcitePanelElement;
+  backButtonEl: HTMLCalciteActionElement;
+  /**
+   * Sets focus on the component.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Scrolls the component's content to a specified set of coordinates.
+   *
+   * ```
+   *   myCalciteFlowItem.scrollContentTo({
+   *     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
+   *     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
+   *     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
+   *   });
+   * ```
+   *
+   * @param options
+   */
+  scrollContentTo(options?: ScrollToOptions): Promise<void>;
+  backButtonClick: () => void;
+  setBackRef: (node: HTMLCalciteActionElement) => void;
+  renderBackButton(): VNode;
+  render(): VNode;
+}

package/dist/types/components/flow-item/resources.d.ts

@@ -0,0 +1,19 @@
+export declare const CSS: {
+  backButton: string;
+};
+export declare const ICONS: {
+  backLeft: string;
+  backRight: string;
+};
+export declare const TEXT: {
+  back: string;
+};
+export declare const SLOTS: {
+  headerActionsStart: string;
+  headerActionsEnd: string;
+  headerMenuActions: string;
+  headerContent: string;
+  fab: string;
+  footer: string;
+  footerActions: string;
+};

package/dist/types/components/interfaces.d.ts

@@ -1,5 +1,5 @@
 export declare type Alignment = "start" | "center" | "end";
-export declare type Appearance = "solid" | "clear" | "outline";
+export declare type Appearance = "solid" | "clear" | "outline" | "transparent" | "minimal";
 export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
 export declare type FlipContext = "both" | "start" | "end";
 export declare type Layout = "horizontal" | "vertical" | "grid";

package/dist/types/components/modal/modal.d.ts

@@ -61,6 +61,12 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   hasFooter: boolean;
   closeButtonEl: HTMLButtonElement;
   contentId: string;
+  /**
+   * We use internal variable to make sure initially open modal can transition from closed state when rendered
+   *
+   * @private
+   */
+  isOpen: boolean;
   modalContent: HTMLDivElement;
   private mutationObserver;
   previousActiveElement: HTMLElement;

package/dist/types/components/modal/resources.d.ts

@@ -1,5 +1,6 @@
 export declare const CSS: {
   modal: string;
+  modalOpen: string;
   title: string;
   header: string;
   footer: string;

package/dist/types/components/panel/panel.d.ts

@@ -1,7 +1,6 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { HeadingLevel } from "../functional/Heading";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding custom content.
@@ -13,7 +12,7 @@ import { InteractiveComponent } from "../../utils/interactive";
  * @slot footer-actions - A slot for adding buttons to the footer.
  * @slot footer - A slot for adding custom content to the footer.
  */
-export declare class Panel implements ConditionalSlotComponent, InteractiveComponent {
+export declare class Panel implements InteractiveComponent {
   /**
    * When true, hides the component.
    *
@@ -26,6 +25,8 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   closedHandler(value: boolean): void;
   /**
    * When provided, this method will be called before it is removed from the parent flow.
+   *
+   * @deprecated use `calcite-flow-item` instead.
    */
   beforeBack?: () => Promise<void>;
   /**
@@ -48,10 +49,14 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   headingLevel: HeadingLevel;
   /**
    * When true, displays a back button in the header.
+   *
+   * @deprecated use `calcite-flow-item` instead.
    */
   showBackButton: boolean;
   /**
    * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+   *
+   * @deprecated use `calcite-flow-item` instead.
    */
   intlBack?: string;
   /**
@@ -97,6 +102,13 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   containerEl: HTMLElement;
   panelScrollEl: HTMLElement;
   resizeObserver: ResizeObserver;
+  hasStartActions: boolean;
+  hasEndActions: boolean;
+  hasMenuItems: boolean;
+  hasHeaderContent: boolean;
+  hasFooterContent: boolean;
+  hasFooterActions: boolean;
+  hasFab: boolean;
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**
@@ -115,6 +127,8 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   calcitePanelScroll: EventEmitter<void>;
   /**
    * Fires when the back button is clicked.
+   *
+   * @deprecated use `calcite-flow-item` instead.
    */
   calcitePanelBackClick: EventEmitter<void>;
   resizeHandler: () => void;
@@ -125,12 +139,19 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   close: () => void;
   panelScrollHandler: () => void;
   backButtonClick: () => void;
+  handleHeaderActionsStartSlotChange: (event: Event) => void;
+  handleHeaderActionsEndSlotChange: (event: Event) => void;
+  handleHeaderMenuActionsSlotChange: (event: Event) => void;
+  handleHeaderContentSlotChange: (event: Event) => void;
+  handleFooterSlotChange: (event: Event) => void;
+  handleFooterActionsSlotChange: (event: Event) => void;
+  handleFabSlotChange: (event: Event) => void;
   /**
    * Sets focus on the component.
    *
    * @param focusId
    */
-  setFocus(focusId?: "dismiss-button" | "back-button"): Promise<void>;
+  setFocus(focusId?: "back-button" | "dismiss-button"): Promise<void>;
   /**
    * Scrolls the component's content to a specified set of coordinates.
    *

package/dist/types/components/panel/resources.d.ts

@@ -14,10 +14,6 @@ export declare const CSS: {
   contentHeight: string;
   fabContainer: string;
   footer: string;
-  menuContainer: string;
-  menuButton: string;
-  menu: string;
-  menuOpen: string;
 };
 export declare const ICONS: {
   close: string;

package/dist/types/components.d.ts

@@ -674,7 +674,7 @@ export namespace Components {
          */
         "allowEmpty": boolean;
         /**
-          * specify the appearance - default (containing border), or minimal (no containing border)
+          * specify the appearance - solid (containing border), or minimal (no containing border)
          */
         "appearance": ColorAppearance;
         /**
@@ -1422,9 +1422,80 @@ export namespace Components {
     }
     interface CalciteFlow {
         /**
-          * Removes the currently active `calcite-panel`.
+          * Removes the currently active `calcite-flow-item` or `calcite-panel`.
          */
-        "back": () => Promise<HTMLCalcitePanelElement>;
+        "back": () => Promise<HTMLCalciteFlowItemElement>;
+    }
+    interface CalciteFlowItem {
+        /**
+          * When provided, this method will be called before it is removed from the parent flow.
+         */
+        "beforeBack"?: () => Promise<void>;
+        /**
+          * When true, displays a close button in the trailing side of the header
+         */
+        "closable": boolean;
+        /**
+          * When true, flow-item will be hidden
+         */
+        "closed": boolean;
+        /**
+          * A description for the component.
+         */
+        "description": string;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * Specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
+        /**
+          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+         */
+        "intlBack"?: string;
+        /**
+          * Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.
+         */
+        "intlClose"?: string;
+        /**
+          * Accessible name for the component's actions menu.
+         */
+        "intlOptions"?: string;
+        /**
+          * When true, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * When true, the action menu items in the `header-menu-actions` slot are open.
+         */
+        "menuOpen": boolean;
+        /**
+          * Scrolls the component's content to a specified set of coordinates.  ```   myCalciteFlowItem.scrollContentTo({     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).   }); ```
+          * @param options
+         */
+        "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When true, displays a back button in the header.
+         */
+        "showBackButton": boolean;
+        /**
+          * Specifies the width of the component.
+         */
+        "widthScale"?: Scale;
     }
     interface CalciteGraph {
         /**
@@ -2539,6 +2610,7 @@ export namespace Components {
     interface CalcitePanel {
         /**
           * When provided, this method will be called before it is removed from the parent flow.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "beforeBack"?: () => Promise<void>;
         /**
@@ -2581,6 +2653,7 @@ export namespace Components {
         "heightScale"?: Scale;
         /**
           * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "intlBack"?: string;
         /**
@@ -2608,9 +2681,10 @@ export namespace Components {
           * Sets focus on the component.
           * @param focusId
          */
-        "setFocus": (focusId?: "dismiss-button" | "back-button") => Promise<void>;
+        "setFocus": (focusId?: "back-button" | "dismiss-button") => Promise<void>;
         /**
           * When true, displays a back button in the header.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "showBackButton": boolean;
         /**
@@ -4109,6 +4183,10 @@ export interface CalciteFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteFilterElement;
 }
+export interface CalciteFlowItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteFlowItemElement;
+}
 export interface CalciteHandleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteHandleElement;
@@ -4460,6 +4538,12 @@ declare global {
         prototype: HTMLCalciteFlowElement;
         new (): HTMLCalciteFlowElement;
     };
+    interface HTMLCalciteFlowItemElement extends Components.CalciteFlowItem, HTMLStencilElement {
+    }
+    var HTMLCalciteFlowItemElement: {
+        prototype: HTMLCalciteFlowItemElement;
+        new (): HTMLCalciteFlowItemElement;
+    };
     interface HTMLCalciteGraphElement extends Components.CalciteGraph, HTMLStencilElement {
     }
     var HTMLCalciteGraphElement: {
@@ -4858,6 +4942,7 @@ declare global {
         "calcite-fab": HTMLCalciteFabElement;
         "calcite-filter": HTMLCalciteFilterElement;
         "calcite-flow": HTMLCalciteFlowElement;
+        "calcite-flow-item": HTMLCalciteFlowItemElement;
         "calcite-graph": HTMLCalciteGraphElement;
         "calcite-handle": HTMLCalciteHandleElement;
         "calcite-icon": HTMLCalciteIconElement;
@@ -5560,7 +5645,7 @@ declare namespace LocalJSX {
          */
         "allowEmpty"?: boolean;
         /**
-          * specify the appearance - default (containing border), or minimal (no containing border)
+          * specify the appearance - solid (containing border), or minimal (no containing border)
          */
         "appearance"?: ColorAppearance;
         /**
@@ -6362,6 +6447,72 @@ declare namespace LocalJSX {
     }
     interface CalciteFlow {
     }
+    interface CalciteFlowItem {
+        /**
+          * When provided, this method will be called before it is removed from the parent flow.
+         */
+        "beforeBack"?: () => Promise<void>;
+        /**
+          * When true, displays a close button in the trailing side of the header
+         */
+        "closable"?: boolean;
+        /**
+          * When true, flow-item will be hidden
+         */
+        "closed"?: boolean;
+        /**
+          * A description for the component.
+         */
+        "description"?: string;
+        /**
+          * When true, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * Specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
+        /**
+          * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+         */
+        "intlBack"?: string;
+        /**
+          * Accessible name for the component's close button. The close button will only be shown when 'dismissible' is true.
+         */
+        "intlClose"?: string;
+        /**
+          * Accessible name for the component's actions menu.
+         */
+        "intlOptions"?: string;
+        /**
+          * When true, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * When true, the action menu items in the `header-menu-actions` slot are open.
+         */
+        "menuOpen"?: boolean;
+        /**
+          * Fires when the back button is clicked.
+         */
+        "onCalciteFlowItemBackClick"?: (event: CalciteFlowItemCustomEvent<void>) => void;
+        /**
+          * When true, displays a back button in the header.
+         */
+        "showBackButton"?: boolean;
+        /**
+          * Specifies the width of the component.
+         */
+        "widthScale"?: Scale;
+    }
     interface CalciteGraph {
         /**
           * Array of values describing a single color stop ([offset, color, opacity]) These color stops should be sorted by offset value
@@ -7474,6 +7625,7 @@ declare namespace LocalJSX {
     interface CalcitePanel {
         /**
           * When provided, this method will be called before it is removed from the parent flow.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "beforeBack"?: () => Promise<void>;
         /**
@@ -7516,6 +7668,7 @@ declare namespace LocalJSX {
         "heightScale"?: Scale;
         /**
           * Accessible name for the component's back button. The back button will only be shown when 'showBackButton' is true.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "intlBack"?: string;
         /**
@@ -7536,6 +7689,7 @@ declare namespace LocalJSX {
         "menuOpen"?: boolean;
         /**
           * Fires when the back button is clicked.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "onCalcitePanelBackClick"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
@@ -7553,6 +7707,7 @@ declare namespace LocalJSX {
         "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<void>) => void;
         /**
           * When true, displays a back button in the header.
+          * @deprecated use `calcite-flow-item` instead.
          */
         "showBackButton"?: boolean;
         /**
@@ -8914,6 +9069,7 @@ declare namespace LocalJSX {
         "calcite-fab": CalciteFab;
         "calcite-filter": CalciteFilter;
         "calcite-flow": CalciteFlow;
+        "calcite-flow-item": CalciteFlowItem;
         "calcite-graph": CalciteGraph;
         "calcite-handle": CalciteHandle;
         "calcite-icon": CalciteIcon;
@@ -9012,6 +9168,7 @@ declare module "@stencil/core" {
             "calcite-fab": LocalJSX.CalciteFab & JSXBase.HTMLAttributes<HTMLCalciteFabElement>;
             "calcite-filter": LocalJSX.CalciteFilter & JSXBase.HTMLAttributes<HTMLCalciteFilterElement>;
             "calcite-flow": LocalJSX.CalciteFlow & JSXBase.HTMLAttributes<HTMLCalciteFlowElement>;
+            "calcite-flow-item": LocalJSX.CalciteFlowItem & JSXBase.HTMLAttributes<HTMLCalciteFlowItemElement>;
             "calcite-graph": LocalJSX.CalciteGraph & JSXBase.HTMLAttributes<HTMLCalciteGraphElement>;
             "calcite-handle": LocalJSX.CalciteHandle & JSXBase.HTMLAttributes<HTMLCalciteHandleElement>;
             "calcite-icon": LocalJSX.CalciteIcon & JSXBase.HTMLAttributes<HTMLCalciteIconElement>;

package/dist/types/preact.d.ts

@@ -145,6 +145,10 @@ declare module "preact/src/jsx" {
 
       "calcite-flow": JSX.CalciteFlow & JSXInternal.HTMLAttributes<HTMLCalciteFlowElement>
 
+      "calcite-flow-item": Omit<JSX.CalciteFlowItem, "onCalciteFlowItemBackClick"> & JSXInternal.HTMLAttributes<HTMLCalciteFlowItemElement> & {
+        "oncalciteFlowItemBackClick"?: (event: CustomEvent<any>) => void;
+      }
+
       "calcite-graph": JSX.CalciteGraph & JSXInternal.HTMLAttributes<HTMLCalciteGraphElement>
 
       "calcite-handle": Omit<JSX.CalciteHandle, "onCalciteHandleNudge"> & JSXInternal.HTMLAttributes<HTMLCalciteHandleElement> & {