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

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

@@ -1,44 +1,50 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Appearance, Position, IconType, Scale, SelectionMode } from '../interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Appearance, Position, IconType, Scale, SelectionMode } from "../interfaces.js";
 
-/** @slot  - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can. */
-export declare class Accordion extends LitElement {
-    /**
-     * Specifies the appearance of the component.
-     *
-     * @default "solid"
-     */
-    appearance: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * Specifies the placement of the icon in the header.
-     *
-     * @default "end"
-     */
-    iconPosition: Extract<"start" | "end", Position>;
-    /**
-     * Specifies the type of the icon in the header.
-     *
-     * @default "chevron"
-     */
-    iconType: Extract<"chevron" | "caret" | "plus-minus", IconType>;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies the selection mode of the component, where:
-     *
-     * `"multiple"` allows any number of selections,
-     *
-     * `"single"` allows only one selection, and
-     *
-     * `"single-persist"` allows one selection and prevents de-selection.
-     *
-     * @default "multiple"
-     */
-    selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
-}
+/**
+ * @cssproperty [--calcite-accordion-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-accordion-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-accordion-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-accordion-text-color-hover] - Specifies the component's main text color on hover.
+ * @cssproperty [--calcite-accordion-text-color-press] - Specifies the component's main text color when pressed.
+ * @slot  - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.
+ */
+export abstract class Accordion extends LitElement {
+  /**
+   * Specifies the appearance of the component.
+   *
+   * @default "solid"
+   */
+  accessor appearance: Extract<"solid" | "transparent", Appearance>;
+  /**
+   * Specifies the placement of the icon in the header.
+   *
+   * @default "end"
+   */
+  accessor iconPosition: Extract<"start" | "end", Position>;
+  /**
+   * Specifies the type of the icon in the header.
+   *
+   * @default "chevron"
+   */
+  accessor iconType: Extract<"chevron" | "caret" | "plus-minus", IconType>;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies the selection mode of the component, where:
+   *
+   * `"multiple"` allows any number of selections,
+   *
+   * `"single"` allows only one selection, and
+   *
+   * `"single-persist"` allows one selection and prevents de-selection.
+   *
+   * @default "multiple"
+   */
+  accessor selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
+}

package/dist/components/calcite-accordion/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.73 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";

package/dist/components/calcite-accordion-item/customElement.d.ts

@@ -1,57 +1,71 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { FlipContext, Position, Scale, IconType, Appearance } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { Accordion } from '../calcite-accordion/customElement.js';
-import { HeadingLevel } from '../functional/Heading';
-import { RequestedItem } from './interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { FlipContext } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
+import type { HeadingLevel } from "../functional/Heading.js";
 
 /**
+ * @cssproperty [--calcite-accordion-border-color] - Specifies the component's border color.
+ * @cssproperty [--calcite-accordion-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-accordion-text-color] - Specifies the component's text color.
+ * @cssproperty [--calcite-accordion-text-color-hover] - Specifies the component's main text color on hover.
+ * @cssproperty [--calcite-accordion-text-color-press] - Specifies the component's main text color when pressed.
+ * @cssproperty [--calcite-accordion-item-background-color] - [Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color.
+ * @cssproperty [--calcite-accordion-item-border-color] - [Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color.
+ * @cssproperty [--calcite-accordion-item-content-space] - Specifies the component's padding.
+ * @cssproperty [--calcite-accordion-item-end-icon-color] - Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color.
+ * @cssproperty [--calcite-accordion-item-expand-icon-color] - Specifies the component's expand icon color.
+ * @cssproperty [--calcite-accordion-item-header-background-color] - Specifies the component's `heading` background color.
+ * @cssproperty [--calcite-accordion-item-header-background-color-hover] - Specifies the component's `heading` background color when hovered.
+ * @cssproperty [--calcite-accordion-item-header-background-color-press] - Specifies the component's `heading` background color when pressed.
+ * @cssproperty [--calcite-accordion-item-heading-text-color] - Specifies the component's `heading` text color.
+ * @cssproperty [--calcite-accordion-item-icon-color] - [Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color.
+ * @cssproperty [--calcite-accordion-item-start-icon-color] - Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color.
+ * @cssproperty [--calcite-accordion-item-text-color] - [Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color.
+ * @cssproperty [--calcite-accordion-item-text-color-hover] - [Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover.
  * @slot  - A slot for adding custom content, including nested `calcite-accordion-item`s.
  * @slot [actions-end] - A slot for adding `calcite-action`s or content to the end side of the component's header.
  * @slot [actions-start] - A slot for adding `calcite-action`s or content to the start side of the component's header.
  * @slot [content-end] - A slot for adding non-actionable elements after the component's header text.
  * @slot [content-start] - A slot for adding non-actionable elements before the component's header text.
  */
-export declare class AccordionItem extends LitElement {
-    /** Specifies a description for the component. */
-    description: string;
-    /**
-     * When `true`, expands the component and its contents.
-     *
-     * @default false
-     */
-    expanded: boolean;
-    /** Specifies heading text for the component. */
-    heading: string;
-    /** Specifies an icon to display at the end of the component. */
-    iconEnd: IconName;
-    /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
-    iconFlipRtl: FlipContext;
-    /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
-    headingLevel: HeadingLevel;
-    /** Specifies an icon to display at the start of the component. */
-    iconStart: IconName;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * 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 component's content area is collapsed. */
-    readonly calciteAccordionItemCollapse: TargetedEvent<this, void>;
-    /** Fires when the component's content area is expanded. */
-    readonly calciteAccordionItemExpand: TargetedEvent<this, void>;
-    private messages: Partial<{
-        collapse: string;
-        expand: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        collapse: string;
-        expand: string;
-    }>;
-}
+export abstract class AccordionItem extends LitElement {
+  /** Specifies a description for the component. */
+  accessor description: string;
+  /**
+   * When `true`, expands the component and its contents.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /** Specifies the component's heading text. */
+  accessor heading: string;
+  /** Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling. */
+  accessor headingLevel: HeadingLevel;
+  /** Specifies an icon to display at the end of the component. */
+  accessor iconEnd: IconName;
+  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
+  accessor iconFlipRtl: FlipContext;
+  /** Specifies an icon to display at the start of the component. */
+  accessor iconStart: IconName;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      collapse?: string;
+      expand?: string;
+  };
+  /**
+   * 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 component's content area is collapsed. */
+  readonly calciteAccordionItemCollapse: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component's content area is expanded. */
+  readonly calciteAccordionItemExpand: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteAccordionItemCollapse: AccordionItem["calciteAccordionItemCollapse"]["detail"];
+    calciteAccordionItemExpand: AccordionItem["calciteAccordionItemExpand"]["detail"];
+  };
+}

package/dist/components/calcite-accordion-item/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.73 */
+v5.0.0-next.74 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit/directives/keyed.js";
 import { css, html, nothing } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
-import { o as closestElementCrossShadowBoundary, a as slotChangeHasAssignedElement, g as getElementDir } from "../../chunks/dom.js";
+import { c as closestElementCrossShadowBoundary, s as slotChangeHasAssignedElement, g as getElementDir } from "../../chunks/dom.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

package/dist/components/calcite-accordion-item/index.d.ts

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

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

@@ -1,121 +1,133 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, LuminaJsx, TargetedEvent } from '@arcgis/lumina';
-import { Alignment, Appearance, AriaAttributesCamelCased, Scale, SelectionAppearance, Width } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
-import { FormOwner } from '../../utils/form';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { LuminaJsx } from "@arcgis/lumina";
+import type { Alignment, Appearance, AriaAttributesCamelCased, Scale } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
-/** @slot  - A slot for adding non-interactive content, such as a `calcite-icon`. */
-export declare class Action extends LitElement {
-    /**
-     * Use this property to override or extend ARIA properties and attributes on the component's button.
-     *
-     * @internal
-     */
-    aria?: Partial<Pick<AriaAttributesCamelCased, "controlsElements" | "describedByElements" | "expanded" | "hasPopup" | "labelledByElements" | "ownsElements" | "pressed" | "checked"> & Pick<LuminaJsx.HTMLAttributes, "role">>;
-    /**
-     * When `true`, the component is highlighted.
-     *
-     * @default false
-     */
-    active: boolean;
-    /** Specifies the horizontal alignment of button elements with text content. */
-    alignment: Alignment;
-    /**
-     * Specifies the appearance of the component.
-     *
-     * @deprecated in v5.0.0, removal target v6.0.0 - No longer necessary.
-     * @default "transparent"
-     */
-    appearance: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * When `true`, the side padding of the component is reduced.
-     *
-     * @deprecated in v2.11.0, removal target v5.0.0 - No longer necessary.
-     * @default false
-     */
-    compact: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * The `id` of the form that will be associated with the component.
-     *
-     * When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /** Specifies an icon to display. */
-    icon: IconName;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     *
-     * @default false
-     */
-    iconFlipRtl: boolean;
-    /**
-     * When `true`, displays a visual indicator.
-     *
-     * @default false
-     */
-    indicator: boolean;
-    /** Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop. */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     *
-     * @default false
-     */
-    loading: boolean;
-    /** Use this property to override individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies text that accompanies the icon.
-     *
-     * @required
-     */
-    text: string;
-    /**
-     * When `true`, indicates whether the text is displayed.
-     *
-     * @default false
-     */
-    textEnabled: boolean;
-    /**
-     * Specifies the default behavior of the component.
-     *
-     * @default "button"
-     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
-     */
-    type: HTMLButtonElement["type"];
-    /**
-     * 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 action's button is being pressed down.
-     *
-     * @internal
-     */
-    readonly calciteInternalActionMouseDown: TargetedEvent<this, void>;
-    private messages: {
-        loading: string;
-        indicator: string;
-        indicatorLabel: string;
-    } & import('@arcgis/lumina/controllers').T9nMeta<{
-        loading: string;
-        indicator: string;
-        indicatorLabel: string;
-    }>;
-}
+/**
+ * @cssproperty [--calcite-action-background-color-hover] - Specifies the component's background color when hovered or focused.
+ * @cssproperty [--calcite-action-background-color-press] - Specifies the component's background color when active.
+ * @cssproperty [--calcite-action-background-color-pressed] - [Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active.
+ * @cssproperty [--calcite-action-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-action-corner-radius-end-end] - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end.
+ * @cssproperty [--calcite-action-corner-radius-end-start] - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start.
+ * @cssproperty [--calcite-action-corner-radius-start-end] - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end.
+ * @cssproperty [--calcite-action-corner-radius-start-start] - [Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start.
+ * @cssproperty [--calcite-action-corner-radius] - Specifies the component's corner radius.
+ * @cssproperty [--calcite-action-indicator-color] - Specifies the component's indicator color.
+ * @cssproperty [--calcite-action-text-color-press] - Specifies the component's text color when pressed or hovered.
+ * @cssproperty [--calcite-action-text-color-pressed] - [Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered.
+ * @cssproperty [--calcite-action-text-color] - Specifies the component's text color.
+ * @slot  - A slot for adding non-interactive content, such as a `calcite-icon`.
+ */
+export abstract class Action extends LitElement {
+  /**
+   * When `true`, the component is highlighted.
+   *
+   * @default false
+   */
+  accessor active: boolean;
+  /** Specifies the horizontal alignment of button elements with text content. */
+  accessor alignment: Alignment;
+  /**
+   * Specifies the appearance of the component.
+   *
+   * @deprecated in v5.0.0, removal target v6.0.0 - No longer necessary.
+   * @default "transparent"
+   */
+  accessor appearance: Extract<"solid" | "transparent", Appearance>;
+  /**
+   * Use this property to override or extend ARIA properties and attributes on the component's button.
+   *
+   * @internal
+   */
+  accessor aria: Partial<Pick<AriaAttributesCamelCased, "controlsElements" | "describedByElements" | "expanded" | "hasPopup" | "labelledByElements" | "ownsElements" | "pressed" | "checked"> & Pick<LuminaJsx.HTMLAttributes, "role">> | undefined;
+  /**
+   * When `true`, the side padding of the component is reduced.
+   *
+   * @deprecated in v2.11.0, removal target v5.0.0 - No longer necessary.
+   * @default false
+   */
+  accessor compact: boolean;
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies the `id` of the component's associated form.
+   *
+   * When not set, the component is associated with its ancestor form element, if one exists.
+   */
+  accessor form: string;
+  /** Specifies an icon to display. */
+  accessor icon: IconName;
+  /**
+   * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /**
+   * When `true`, displays a visual indicator.
+   *
+   * @default false
+   */
+  accessor indicator: boolean;
+  /** Specifies an accessible label for the component. If no label is provided, the label inherits what's provided for the `text` prop. */
+  accessor label: string;
+  /**
+   * When `true`, a busy indicator is displayed.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: {
+      loading?: string;
+      indicator?: string;
+      indicatorLabel?: string;
+  };
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies text that accompanies the icon.
+   *
+   * @required
+   */
+  accessor text: string;
+  /**
+   * When `true`, indicates whether the text is displayed.
+   *
+   * @default false
+   */
+  accessor textEnabled: boolean;
+  /**
+   * Specifies the default behavior of the component.
+   *
+   * @default "button"
+   * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
+   */
+  accessor type: HTMLButtonElement["type"];
+  /**
+   * 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 action's button is being pressed down.
+   *
+   * @internal
+   */
+  readonly calciteInternalActionMouseDown: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteInternalActionMouseDown: Action["calciteInternalActionMouseDown"]["detail"];
+  };
+}

package/dist/components/calcite-action/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.73 */
+v5.0.0-next.74 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { keyed } from "lit/directives/keyed.js";

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

@@ -1,3 +1 @@
-import "../calcite-loader/index.js";
-import "../calcite-icon/index.js";
 export * from "./customElement.js";