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

package/dist/components/calcite-navigation-logo/customElement.d.ts

@@ -1,53 +1,58 @@
 /// <reference path="../../index.d.ts" />
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { HeadingLevel } from '../functional/Heading';
-import { IconName } from '../calcite-icon/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { HeadingLevel } from "../functional/Heading.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
-export declare class NavigationLogo extends LitElement {
-    /**
-     * When `true`, the component is highlighted.
-     *
-     * @default false
-     */
-    active: boolean;
-    /** Specifies a description for the component, which displays below the `heading`. */
-    description: string;
-    /** Specifies heading text for the component, such as a product or organization name. */
-    heading: string;
-    /** Specifies the heading level of the component's heading for proper document structure, without affecting visual styling. */
-    headingLevel: HeadingLevel;
-    /** Specifies the URL destination of the component, which can be set as an absolute or relative path. */
-    href: 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;
-    /** Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies. */
-    label: string;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     *
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel: string;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     *
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target: string;
-    /** Specifies the `src` to an image. */
-    thumbnail: string;
-    /**
-     * 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-navigation-accent-color] - When `active`, specifies the component's border color.
+ * @cssproperty [--calcite-navigation-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-navigation-logo-heading-text-color] - Specifies the component's `heading` text color.
+ * @cssproperty [--calcite-navigation-logo-text-color] - Specifies the component's `description` text color.
+ */
+export abstract class NavigationLogo extends LitElement {
+  /**
+   * When `true`, the component is highlighted.
+   *
+   * @default false
+   */
+  accessor active: boolean;
+  /** Specifies a description for the component. Displays below the `heading`. */
+  accessor description: string;
+  /** 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 the URL destination of the component, which can be set as an absolute or relative path. */
+  accessor href: 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;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /**
+   * Defines the relationship between the `href` value and the current document.
+   *
+   * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+   */
+  accessor rel: string;
+  /**
+   * Specifies where to open the linked document defined in the `href` property.
+   *
+   * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+   */
+  accessor target: string;
+  /** Specifies the `src` to an image. */
+  accessor thumbnail: 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>;
+}

package/dist/components/calcite-navigation-logo/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 { keyed } from "lit/directives/keyed.js";

package/dist/components/calcite-navigation-logo/index.d.ts

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

package/dist/components/calcite-navigation-user/customElement.d.ts

@@ -1,35 +1,42 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-export declare class NavigationUser extends LitElement {
-    /**
-     * When `true`, the component is highlighted.
-     *
-     * @default false
-     */
-    active: boolean;
-    /** Specifies the full name of the user. */
-    fullName: string;
-    /** Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies. */
-    label: string;
-    /**
-     * When `true`, hides the `fullName` and `username` contents.
-     *
-     * @default false
-     */
-    textDisabled: boolean;
-    /** Specifies the `src` to an image (remember to add a token if the user is private). */
-    thumbnail: string;
-    /** Specifies the unique id of the user. */
-    userId: string;
-    /** Specifies the username of the user. */
-    username: string;
-    /**
-     * 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-navigation-accent-color] - When `active`, specifies the components's border color.
+ * @cssproperty [--calcite-navigation-user-avatar-corner-radius] - Specifies the component's avatar corner radius.
+ * @cssproperty [--calcite-navigation-user-avatar-color] - Specifies the component's avatar icon color.
+ * @cssproperty [--calcite-navigation-background-color] - Specifies the component's background color.
+ * @cssproperty [--calcite-navigation-user-full-name-text-color] - Specifies the component's `fullName` text color.
+ * @cssproperty [--calcite-navigation-user-name-text-color] - Specifies the component's `username` text color.
+ */
+export abstract class NavigationUser extends LitElement {
+  /**
+   * When `true`, the component is highlighted.
+   *
+   * @default false
+   */
+  accessor active: boolean;
+  /** Specifies the full name of the user. */
+  accessor fullName: string;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /**
+   * When `true`, hides the `fullName` and `username` contents.
+   *
+   * @default false
+   */
+  accessor textDisabled: boolean;
+  /** Specifies the `src` to an image (remember to add a token if the user is private). */
+  accessor thumbnail: string;
+  /** Specifies the unique id of the user. */
+  accessor userId: string;
+  /** Specifies the username of the user. */
+  accessor username: 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>;
+}

package/dist/components/calcite-navigation-user/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 { keyed } from "lit/directives/keyed.js";

package/dist/components/calcite-navigation-user/index.d.ts

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

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

@@ -1,8 +1,7 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { Appearance, Kind, Scale, Width } from '../interfaces';
-import { IconName } from '../calcite-icon/interfaces';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { Appearance, Kind, Scale, Width } from "../interfaces.js";
+import type { IconName } from "../calcite-icon/interfaces.js";
 
 /**
  * Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because
@@ -10,77 +9,89 @@ import { IconName } from '../calcite-icon/interfaces';
  * They are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not
  * to display a notice on page load and set the "active" attribute as needed to contextually provide inline messaging to users.
  *
+ * @cssproperty [--calcite-notice-background-color] - When `appearance="outline-fill"`, specifies the component's background color.
+ * @cssproperty [--calcite-notice-border-color] - When `appearance="outline-fill"`, specifies the component's border color.
+ * @cssproperty [--calcite-notice-corner-radius] - Specifies the component's border radius.
+ * @cssproperty [--calcite-notice-close-background-color] - Specifies the background color of the component's close element.
+ * @cssproperty [--calcite-notice-close-background-color-hover] - Specifies the background color of the component's close element when hovered.
+ * @cssproperty [--calcite-notice-close-background-color-focus] - [Deprecated] Specifies the background color of the component's close element when hovered. Use `--calcite-notice-close-background-color-hover` instead.
+ * @cssproperty [--calcite-notice-close-background-color-press] - Specifies the background color of the component's close element when active.
+ * @cssproperty [--calcite-notice-close-icon-color-hover] - Specifies the icon color of the component's close element when hovered or active.
+ * @cssproperty [--calcite-notice-close-icon-color] - Specifies the icon color of the component's close element.
+ * @cssproperty [--calcite-notice-title-text-color] - Specifies the component's slotted `"title"` content text color.
+ * @cssproperty [--calcite-notice-content-text-color] - Specifies the component's slotted `"message"` content text color.
+ * @cssproperty [--calcite-notice-width] - [Deprecated] Specifies the component's width.
  * @slot [title] - A slot for adding a title.
  * @slot [message] - A slot for adding a message.
  * @slot [link] - A slot for adding a `calcite-action` to take, such as: "undo", "try again", "link to page", etc.
  * @slot [actions-end] - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less `calcite-action`s.
  */
-export declare class Notice extends LitElement {
-    /**
-     * Specifies the appearance of the component.
-     *
-     * @default "outline-fill"
-     */
-    appearance: Extract<"transparent" | "outline-fill", Appearance>;
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @default false
-     */
-    closable: boolean;
-    /** When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. */
-    icon: IconName | boolean;
-    /**
-     * 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 the top border and icon.
-     *
-     * @default "brand"
-     */
-    kind: Extract<"brand" | "danger" | "info" | "success" | "warning" | "neutral", Kind>;
-    /** Overrides individual strings used by the component. */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * When `true`, the component is visible.
-     *
-     * @default false
-     */
-    open: boolean;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     */
-    scale: Scale;
-    /**
-     * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
-     *
-     * @default "auto"
-     */
-    width: Extract<Width, "auto" | "half" | "full">;
-    /**
-     * Sets focus on the component's first focusable element.
-     *
-     * @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 is requested to be closed and before the closing transition begins. */
-    readonly calciteNoticeBeforeClose: TargetedEvent<this, void>;
-    /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calciteNoticeBeforeOpen: TargetedEvent<this, void>;
-    /** Fires when the component is closed and animation is complete. */
-    readonly calciteNoticeClose: TargetedEvent<this, void>;
-    /** Fires when the component is open and animation is complete. */
-    readonly calciteNoticeOpen: TargetedEvent<this, void>;
-    private messages: Partial<{
-        close: string;
-    }> & import('@arcgis/lumina/controllers').T9nMeta<{
-        close: string;
-    }>;
-}
+export abstract class Notice extends LitElement {
+  /**
+   * Specifies the appearance of the component.
+   *
+   * @default "outline-fill"
+   */
+  accessor appearance: Extract<"transparent" | "outline-fill", Appearance>;
+  /**
+   * When `true`, displays a close button in the component.
+   *
+   * @default false
+   */
+  accessor closable: boolean;
+  /** When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. */
+  accessor icon: IconName | boolean;
+  /**
+   * 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 the top border and icon.
+   *
+   * @default "brand"
+   */
+  accessor kind: Extract<"brand" | "danger" | "info" | "success" | "warning" | "neutral", Kind>;
+  /** Overrides individual strings used by the component. */
+  accessor messageOverrides: { close?: string; };
+  /**
+   * When `true`, the component is visible.
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   */
+  accessor scale: Scale;
+  /**
+   * Specifies the width of the component. [Deprecated] The `"half"` value is deprecated, use `"full"` instead.
+   *
+   * @default "auto"
+   */
+  accessor width: Extract<Width, "auto" | "half" | "full">;
+  /**
+   * Sets focus on the component's first focusable element.
+   *
+   * @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 is requested to be closed and before the closing transition begins. */
+  readonly calciteNoticeBeforeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  readonly calciteNoticeBeforeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is closed and animation is complete. */
+  readonly calciteNoticeClose: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Fires when the component is open and animation is complete. */
+  readonly calciteNoticeOpen: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    calciteNoticeBeforeClose: Notice["calciteNoticeBeforeClose"]["detail"];
+    calciteNoticeBeforeOpen: Notice["calciteNoticeBeforeOpen"]["detail"];
+    calciteNoticeClose: Notice["calciteNoticeClose"]["detail"];
+    calciteNoticeOpen: Notice["calciteNoticeOpen"]["detail"];
+  };
+}

package/dist/components/calcite-notice/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 { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
-import { v as setRequestedIcon, a as slotChangeHasAssignedElement } from "../../chunks/dom.js";
-import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources4.js";
+import { d as setRequestedIcon, s as slotChangeHasAssignedElement } from "../../chunks/dom.js";
+import { K as KindIcons, a as KindIconsFilled } from "../../chunks/resources3.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

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

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

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

@@ -1,22 +1,21 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-export declare class Option extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /** Accessible name for the component. */
-    label: string;
-    /**
-     * When `true`, the component is selected.
-     *
-     * @default false
-     */
-    selected: boolean;
-    /** The component's value. */
-    value: any;
-}
+export abstract class Option extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** Specifies an accessible label for the component. */
+  accessor label: string;
+  /**
+   * When `true`, the component is selected.
+   *
+   * @default false
+   */
+  accessor selected: boolean;
+  /** The component's value. */
+  accessor value: any;
+}

package/dist/components/calcite-option/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 { html } from "lit";
 import { LitElement, createEvent } from "@arcgis/lumina";

package/dist/components/calcite-option-group/customElement.d.ts

@@ -1,19 +1,18 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
 /** @slot  - A slot for adding `calcite-option`s. */
-export declare class OptionGroup extends LitElement {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     *
-     * @required
-     */
-    label: string;
-}
+export abstract class OptionGroup extends LitElement {
+  /**
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Specifies an accessible label for the component.
+   *
+   * @required
+   */
+  accessor label: string;
+}

package/dist/components/calcite-option-group/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 { html } from "lit";
 import { LitElement, createEvent } from "@arcgis/lumina";