@esri/calcite-components 5.0.0-next.72 → 5.0.0-next.74

package/dist/components/calcite-fab/customElement.d.ts

@@ -1,67 +1,74 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Appearance, Kind, Scale } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Appearance, Kind, Scale } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
-export declare class Fab extends LitElement {
-    /**
-     * Specifies the appearance style of the component.
-     *
-     * @default "solid"
-     */
-    appearance: Extract<"solid" | "outline-fill", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Specifies an icon to display.
-     *
-     * @default "plus"
-     */
-    icon: IconName;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the kind of the component, which will apply to border and background.
-     *
-     * @default "brand"
-     */
-    kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /** Accessible name for the component. */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** Specifies text to accompany the component's icon. */
-    text: string;
-    /**
-     * When `true`, displays the `text` value in the component.
-     *
-     * @default false
-     */
-    textEnabled: boolean;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-}
+/**
+ * @cssproperty [--calcite-fab-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-fab-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-fab-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-fab-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-fab-loader-color] - Specifies the component's loader color.
+ * @cssproperty [--calcite-fab-shadow] - Specifies the component's shadow.
+ */
+export abstract class Fab extends LitElement {
+  /**
+   * Specifies the appearance style of the component.
+   *
+   * @default "solid"
+   */
+  accessor appearance: Extract<"solid" | "outline-fill", Appearance>;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies an icon to display.
+   *
+   * @default "plus"
+   */
+  accessor icon: IconName;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /**
+   * Specifies the kind of the component, which will apply to border and background.
+   *
+   * @default "brand"
+   */
+  accessor kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /**
+   * When `true`, a busy indicator is displayed.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** Specifies text to accompany the component's icon. */
+  accessor text: string;
+  /**
+   * When `true`, displays the `text` value in the component.
+   *
+   * @default false
+   */
+  accessor textEnabled: boolean;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+}

package/dist/components/calcite-fab/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/components/calcite-fab/index.d.ts

@@ -1,2 +1 @@
-import "../calcite-button/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-filter/customElement.d.ts

@@ -1,66 +1,77 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Scale } from '../interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Scale } from "../interfaces.js";
 
-export declare class Filter extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** Specifies the properties to match against when filtering. This will only apply when `value` is an object. If not set, all properties will be matched. */
-    filterProps: string[];
-    /** The component's resulting items after filtering. */
-    readonly filteredItems: object[];
-    /**
-     * Defines the items to filter. The component uses the values as the starting point, and returns items
-     *
-     * that contain the string entered in the input, using a partial match and recursive search.
-     *
-     * This property is needed to conduct filtering.
-     */
-    items: object[];
-    /** Specifies an accessible name for the component. */
-    label: string;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /** Specifies placeholder text for the input element. */
-    placeholder: string;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /** The component's value. */
-    get value(): string;
-    set value(value: string);
-    /**
-     * Performs a filter on the component.
-     *
-     * This method can be useful because filtering is delayed and asynchronous.
-     *
-     * @param value
-     * @param value - The filter text value.
-     */
-    filter(value?: string): Promise<void>;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-    /** Fires when the filter text changes. */
-    readonly calciteFilterChange: TargetedEvent<this, void>;
-    private messages: Partial<{
-        label: string;
-        clear: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        label: string;
-        clear: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-filter-content-space] - Specifies the padding of the component's content.
+ * @cssproperty [--calcite-filter-input-background-color] - Specifies the input's background color.
+ * @cssproperty [--calcite-filter-input-border-color] - Specifies the input's border color.
+ * @cssproperty [--calcite-filter-input-corner-radius] - Specifies the input's corner radius.
+ * @cssproperty [--calcite-filter-input-shadow] - Specifies the shadow around the input.
+ * @cssproperty [--calcite-filter-input-icon-color] - Specifies the input's icon color.
+ * @cssproperty [--calcite-filter-input-text-color] - Specifies the input's text color.
+ * @cssproperty [--calcite-filter-input-placeholder-text-color] - Specifies the input's placeholder text color.
+ * @cssproperty [--calcite-filter-input-actions-background-color] - Specifies the background color of the input's `clearable` element.
+ * @cssproperty [--calcite-filter-input-actions-background-color-hover] - Specifies the background color of the input's `clearable` element when hovered.
+ * @cssproperty [--calcite-filter-input-actions-background-color-press] - Specifies the background color of the input's `clearable` element when pressed.
+ * @cssproperty [--calcite-filter-input-actions-icon-color] - Specifies the icon color of the input's `clearable` element.
+ * @cssproperty [--calcite-filter-input-actions-icon-color-hover] - Specifies the icon color of the input's `clearable` element when hovered.
+ * @cssproperty [--calcite-filter-input-actions-icon-color-press] - Specifies the icon color of the input's `clearable` element when pressed.
+ */
+export abstract class Filter extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** The component's resulting items after filtering. */
+  get filteredItems(): object[];
+  /** Specifies the properties to match against when filtering. This will only apply when `value` is an object. If not set, all properties will be matched. */
+  accessor filterProps: string[];
+  /**
+   * Defines the items to filter. The component uses the values as the starting point, and returns items
+   *
+   * that contain the string entered in the input, using a partial match and recursive search.
+   *
+   * This property is needed to conduct filtering.
+   */
+  accessor items: object[];
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      label?: string;
+      clear?: string;
+  };
+  /** Specifies placeholder text for the input element. */
+  accessor placeholder: string;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /** The component's value. */
+  accessor value: string;
+  /**
+   * Performs a filter on the component.
+   *
+   * This method can be useful because filtering is delayed and asynchronous.
+   *
+   * @param value - The filter text value.
+   */
+  filter(value?: string): Promise<void>;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+  /** Fires when the filter text changes. */
+  readonly calciteFilterChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteFilterChange: Filter["calciteFilterChange"]["detail"];
+  };
+}

package/dist/components/calcite-filter/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { D as DEBOUNCE, c as customElement } from "../../chunks/runtime.js";
 import { debounce } from "es-toolkit";
 import { css, html } from "lit";

package/dist/components/calcite-filter/index.d.ts

@@ -1,2 +1 @@
-import "../calcite-input/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-flow/customElement.d.ts

@@ -1,24 +1,25 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FlowItem } from '../calcite-flow-item/customElement.js';
-import { FlowDirection, FlowItemLikeElement } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FlowItem } from "../calcite-flow-item/customElement.js";
+import type { FlowItemLikeElement } from "./interfaces.js";
 
-/** @slot  - A slot for adding `calcite-flow-item` elements to the component. */
-export declare class Flow extends LitElement {
-    /**
-     * Removes the currently active `calcite-flow-item`.
-     *
-     * @returns Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>
-     */
-    back(): Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>;
-    /**
-     * Sets focus on the component.
-     *
-     * @param options
-     * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
-     * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-     * @returns Promise<void>
-     */
-    setFocus(options?: FocusOptions): Promise<void>;
-}
+/**
+ * @cssproperty [--calcite-flow-background-color] - Specifies the component's background color.
+ * @slot  - A slot for adding `calcite-flow-item` elements to the component.
+ */
+export abstract class Flow extends LitElement {
+  /**
+   * Removes the currently active `calcite-flow-item`.
+   *
+   * @returns Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>
+   */
+  back(): Promise<FlowItem | FlowItemLikeElement>;
+  /**
+   * Sets focus on the component.
+   *
+   * @param options - When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.
+   * @returns Promise<void>
+   * @mdn [focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
+   */
+  setFocus(options?: FocusOptions): Promise<void>;
+}

package/dist/components/calcite-flow/customElement.js

@@ -1,12 +1,12 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.72 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { c as createObserver } from "../../chunks/observers.js";
-import { y as whenAnimationDone } from "../../chunks/dom.js";
+import { w as whenAnimationDone } from "../../chunks/dom.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 const CSS = {
   frame: "frame",

package/dist/components/calcite-flow/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { FlowItem } from '../calcite-flow-item/customElement.js';
-export type FlowDirection = "advancing" | "retreating" | "standby";
+import type { FlowItem } from "../calcite-flow-item/customElement.js";
+
 /**
  * Interface for defining the structure of a flow item.
  *
@@ -105,5 +105,7 @@ export type FlowDirection = "advancing" | "retreating" | "standby";
  *
  * customElements.define("custom-flow-item", CustomFlowItem);
  */
-export type FlowItemLike = Pick<HTMLCalciteFlowItemElement, "beforeBack" | "menuOpen" | "setFocus" | "showBackButton" | "selected">;
-export type FlowItemLikeElement = FlowItemLike & HTMLElement;
+export type FlowItemLike = Pick<FlowItem, "beforeBack" | "menuOpen" | "setFocus" | "showBackButton" | "selected">;
+
+export type FlowItemLikeElement = FlowItemLike
+  & HTMLElement;

package/dist/components/calcite-flow/types/index.d.ts

@@ -1 +1,2 @@
-export type { FlowItemLike } from '../interfaces';
+export { type FlowItemLike } from "../interfaces";
+