@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.598

package/dist/loader/cdn.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.597
+ * v1.0.0-next.598
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

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.597
+ * v1.0.0-next.598
  */
 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.597
+ * v1.0.0-next.598
  */
 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.597
+ * v1.0.0-next.598
  */
 (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/accordion.d.ts

@@ -15,8 +15,8 @@ export declare class Accordion {
   /** Specifies the size of the component. */
   scale: Scale;
   /**
-   * Specifies the selection mode - "multi" (allow any number of open items), "single" (allow one open item),
-   * or "single-persist" (allow and require one open item).
+   * Specifies the selection mode - `"multi"` (allow any number of open items), `"single"` (allow one open item),
+   * or `"single-persist"` (allow and require one open item).
    */
   selectionMode: "multi" | "single" | "single-persist";
   /**

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

@@ -7,13 +7,13 @@ import { ItemKeyEvent, RegistryEntry, RequestedItem } from "./interfaces";
 export declare class AccordionItem implements ConditionalSlotComponent {
   el: HTMLCalciteAccordionItemElement;
   /**
-   * When true, the component is active.
+   * When `true`, the component is active.
    *
-   * @deprecated use expanded instead
+   * @deprecated use `expanded` instead.
    */
   active: boolean;
   activeHandler(value: boolean): void;
-  /** When true, item is expanded */
+  /** When `true`, the component is expanded. */
   expanded: boolean;
   expandedHandler(value: boolean): void;
   /**

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

@@ -6,7 +6,7 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class Action implements InteractiveComponent {
   /**
-   * When true, the component is highlighted.
+   * When `true`, the component is highlighted.
    */
   active: boolean;
   /**
@@ -16,17 +16,17 @@ export declare class Action implements InteractiveComponent {
   /** Specifies the appearance of the component. */
   appearance: Extract<"solid" | "clear", Appearance>;
   /**
-   * When true, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
+   * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
    */
   compact: boolean;
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /** Specifies an icon to display. */
   icon?: string;
   /**
-   * When true, indicates unread changes.
+   * When `true`, indicates unread changes.
    */
   indicator: boolean;
   /**
@@ -40,7 +40,7 @@ export declare class Action implements InteractiveComponent {
    */
   label?: string;
   /**
-   * When true, a busy indicator is displayed.
+   * When `true`, a busy indicator is displayed.
    */
   loading: boolean;
   /**
@@ -58,7 +58,7 @@ export declare class Action implements InteractiveComponent {
   /**
    * Emits when the component has been clicked.
    *
-   * @deprecated use onClick instead.
+   * @deprecated use `onClick` instead.
    */
   calciteActionClick: EventEmitter<void>;
   el: HTMLCalciteActionElement;

package/dist/types/components/action-bar/action-bar.d.ts

@@ -8,12 +8,12 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  */
 export declare class ActionBar implements ConditionalSlotComponent {
   /**
-   * When true, the expand-toggling behavior is disabled.
+   * When `true`, the expand-toggling behavior is disabled.
    */
   expandDisabled: boolean;
   expandHandler(): void;
   /**
-   * When true, the component is expanded.
+   * When `true`, the component is expanded.
    */
   expanded: boolean;
   expandedHandler(expanded: boolean): void;

package/dist/types/components/action-group/action-group.d.ts

@@ -9,7 +9,7 @@ import { CalciteActionMenuCustomEvent } from "../../components";
  */
 export declare class ActionGroup implements ConditionalSlotComponent {
   /**
-   * When true, the component is expanded.
+   * When `true`, the component is expanded.
    */
   expanded: boolean;
   expandedHandler(): void;
@@ -26,7 +26,7 @@ export declare class ActionGroup implements ConditionalSlotComponent {
    */
   intlMore?: string;
   /**
-   * When true, the `calcite-action-menu` is open.
+   * When `true`, the `calcite-action-menu` is open.
    */
   menuOpen: boolean;
   /**

package/dist/types/components/action-menu/action-menu.d.ts

@@ -10,7 +10,7 @@ import { LogicalPlacement, EffectivePlacement, OverlayPositioning } from "../../
 export declare class ActionMenu {
   disconnectedCallback(): void;
   /**
-   * When true, the component is expanded.
+   * When `true`, the component is expanded.
    */
   expanded: boolean;
   expandedHandler(): void;
@@ -23,7 +23,7 @@ export declare class ActionMenu {
    */
   label: string;
   /**
-   * When true, the component is open.
+   * When `true`, the component is open.
    */
   open: boolean;
   openHandler(open: boolean): void;

package/dist/types/components/action-pad/action-pad.d.ts

@@ -7,11 +7,11 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  */
 export declare class ActionPad implements ConditionalSlotComponent {
   /**
-   * When true, the expand-toggling behavior is disabled.
+   * When `true`, the expand-toggling behavior is disabled.
    */
   expandDisabled: boolean;
   /**
-   * When true, the component is expanded.
+   * When `true`, the component is expanded.
    */
   expanded: boolean;
   expandedHandler(expanded: boolean): void;

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

@@ -15,23 +15,23 @@ import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 export declare class Alert implements OpenCloseComponent, LocalizedComponent {
   el: HTMLCalciteAlertElement;
   /**
-   * When true, opens the combobox
+   * When `true`, displays and positions the component.
    *
-   * @deprecated use open instead
+   * @deprecated use `open` instead.
    */
   active: boolean;
-  /** When true, opens the dropdown */
+  /** When `true`, displays and positions the component. */
   open: boolean;
   activeHandler(value: boolean): void;
   openHandler(value: boolean): void;
-  /** When true, the component closes automatically (recommended for passive, non-blocking alerts). */
+  /** When `true`, the component closes automatically (recommended for passive, non-blocking alerts). */
   autoDismiss: boolean;
   /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
   autoDismissDuration: AlertDuration;
   /** Specifies the color for the component (will apply to top border and icon). */
   color: StatusColor;
   /**
-   * When true, shows a default recommended icon. Alternatively,
+   * When `true`, shows a default recommended icon. Alternatively,
    * pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;

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

@@ -1,6 +1,7 @@
 export declare const CSS: {
-  article: string;
+  container: string;
   content: string;
+  contentSpaced: string;
   headerContainer: string;
   icon: string;
   statusIcon: string;

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

@@ -104,6 +104,7 @@ export declare class FlowItem implements InteractiveComponent {
   handlePanelClose: (event: CustomEvent<void>) => void;
   backButtonClick: () => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
+  setContainerRef: (node: HTMLCalcitePanelElement) => void;
   getBackLabel: () => string;
   renderBackButton(): VNode;
   render(): VNode;

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

@@ -15,34 +15,34 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
   /**
-   * When true, the component is focused on page load.
+   * When `true`, the component is focused on page load.
    *
    * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
    */
   autofocus: boolean;
   /**
-   * When true, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
+   * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
    */
   clearable: boolean;
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    *
    * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
    */
   disabled: boolean;
   disabledWatcher(): void;
   /**
-   * When true, number values are displayed with the locale's group separator.
+   * When `true`, number values are displayed with a group separator corresponding to the language and country format.
    */
   groupSeparator: boolean;
   /**
-   * When true, the component will not be visible.
+   * When `true`, the component will not be visible.
    *
    * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
    */
   hidden: boolean;
   /**
-   * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
   /**
@@ -55,11 +55,11 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    * @default "Loading"
    */
   intlLoading?: string;
-  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component. */
   label?: string;
-  /** When true, a busy indicator is displayed. */
+  /** When `true`, a busy indicator is displayed. */
   loading: boolean;
   /**
    * BCP 47 language tag for desired language and country format
@@ -75,7 +75,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   numberingSystem?: NumberingSystem;
   /**
-   * When true, uses locale formatting for numbers.
+   * When `true`, uses locale formatting for numbers.
    *
    * @internal
    */
@@ -131,12 +131,12 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   /** Adds text to the start of the component. */
   prefixText?: string;
   /**
-   * When true, the component's value can be read, but cannot be modified.
+   * When `true`, the component's value can be read, but cannot be modified.
    *
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
    */
   readOnly: boolean;
-  /** When true, the component must have a value in order for the form to submit. */
+  /** When `true`, the component must have a value in order for the form to submit. */
   required: boolean;
   /** Specifies the size of the component. */
   scale: Scale;

package/dist/types/components/input-message/input-message.d.ts

@@ -5,7 +5,7 @@ import { Scale, Status } from "../interfaces";
  */
 export declare class InputMessage {
   el: HTMLCalciteInputMessageElement;
-  /** When true, the component is active. */
+  /** When `true`, the component is active. */
   active: boolean;
   /** Specifies an icon to display. */
   icon: boolean | string;

package/dist/types/components/input-number/input-number.d.ts

@@ -14,34 +14,34 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
   /**
-   * When true, the component is focused on page load.
+   * When `true`, the component is focused on page load.
    *
    * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
    */
   autofocus: boolean;
   /**
-   * When true, a clear button is displayed when the component has a value.
+   * When `true`, a clear button is displayed when the component has a value.
    */
   clearable: boolean;
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    *
    * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
    */
   disabled: boolean;
   disabledWatcher(): void;
   /**
-   * When true, number values are displayed with the locale's group separator.
+   * When `true`, number values are displayed with a group separator corresponding to the language and country format.
    */
   groupSeparator: boolean;
   /**
-   * When true, the component will not be visible.
+   * When `true`, the component will not be visible.
    *
    * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
    */
   hidden: boolean;
   /**
-   * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
   /**
@@ -54,11 +54,11 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    * @default "Loading"
    */
   intlLoading?: string;
-  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component's button or hyperlink. */
   label?: string;
-  /** When true, the component is in the loading state and `calcite-progress` is displayed. */
+  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
   loading: boolean;
   /**
    * Specifies the BCP 47 language tag for the desired language and country format.
@@ -123,12 +123,12 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   /** Adds text to the start of the component. */
   prefixText?: string;
   /**
-   * When true, the component's value can be read, but cannot be modified.
+   * When `true`, the component's value can be read, but cannot be modified.
    *
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
    */
   readOnly: boolean;
-  /** When true, the component must have a value in order for the form to submit. */
+  /** When `true`, the component must have a value in order for the form to submit. */
   required: boolean;
   /** Specifies the size of the component. */
   scale: Scale;

package/dist/types/components/input-text/input-text.d.ts

@@ -12,30 +12,30 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
   /**
-   * When true, the component is focused on page load.
+   * When `true`, the component is focused on page load.
    *
    * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
    */
   autofocus: boolean;
   /**
-   * When true, a clear button is displayed when the component has a value.
+   * When `true`, a clear button is displayed when the component has a value.
    */
   clearable: boolean;
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    *
    * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
    */
   disabled: boolean;
   disabledWatcher(): void;
   /**
-   * When true, the component will not be visible.
+   * When `true`, the component will not be visible.
    *
    * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
    */
   hidden: boolean;
   /**
-   * When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
    */
   icon: string | boolean;
   /**
@@ -48,11 +48,11 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
    * @default "Loading"
    */
   intlLoading?: string;
-  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component's button or hyperlink. */
   label?: string;
-  /** When true, the component is in the loading state and `calcite-progress` is displayed. */
+  /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
   loading: boolean;
   /**
    * Specifies the maximum length of text for the component's value.
@@ -81,12 +81,12 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   /** Adds text to the start of the component. */
   prefixText?: string;
   /**
-   * When true, the component's value can be read, but cannot be modified.
+   * When `true`, the component's value can be read, but cannot be modified.
    *
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
    */
   readOnly: boolean;
-  /** When true, the component must have a value in order for the form to submit. */
+  /** When `true`, the component must have a value in order for the form to submit. */
   required: boolean;
   /** Specifies the size of the component. */
   scale: Scale;

package/dist/types/components/input-time-picker/input-time-picker.d.ts

@@ -4,23 +4,23 @@ import { FloatingUIComponent, LogicalPlacement, OverlayPositioning } from "../..
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
-import { LocalizedComponent } from "../../utils/locale";
+import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent, FloatingUIComponent, LocalizedComponent {
   el: HTMLCalciteInputTimePickerElement;
   /**
-   * When true, the component is active.
+   * When `true`, the component is active.
    *
    * @deprecated Use `open` instead.
    */
   active: boolean;
   activeHandler(value: boolean): void;
-  /** When true, displays the `calcite-time-picker` component. */
+  /** When `true`, displays the `calcite-time-picker` component. */
   open: boolean;
   openHandler(value: boolean): void;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
-   * When true, the component's value can be read, but controls are not accessible and the value cannot be modified.
+   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
    *
    * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
    */
@@ -61,6 +61,10 @@ export declare class InputTimePicker implements LabelableComponent, FormComponen
   localeChanged(): void;
   /** Specifies the name of the component on form submission. */
   name: string;
+  /**
+   * Specifies the Unicode numeral system used by the component for localization.
+   */
+  numberingSystem?: NumberingSystem;
   /**
    * When true, the component must have a value in order for the form to submit.
    *

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

@@ -20,13 +20,13 @@ export declare class Label {
   /** Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line. */
   layout: "inline" | "inline-space-between" | "default";
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    *
    * @deprecated Use the `disabled` property on the component the label is bound to instead.
    */
   disabled: boolean;
   /**
-   * When true, disables the component's spacing.
+   * When `true`, disables the component's spacing.
    *
    * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
    */

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

@@ -7,7 +7,7 @@ import { InteractiveComponent } from "../../utils/interactive";
 /** @slot - A slot for adding text. */
 export declare class Link implements InteractiveComponent {
   el: HTMLCalciteLinkElement;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
    * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
@@ -19,7 +19,7 @@ export declare class Link implements InteractiveComponent {
   href?: string;
   /** Specifies an icon to display at the end of the component. */
   iconEnd?: string;
-  /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl?: FlipContext;
   /** Specifies an icon to display at the start of the component. */
   iconStart?: string;

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

@@ -8,7 +8,7 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class List implements InteractiveComponent {
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**

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

@@ -10,7 +10,7 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class ListItem implements ConditionalSlotComponent, InteractiveComponent {
   /**
-   * When true, prevents the content of the component from user interaction.
+   * When `true`, prevents the content of the component from user interaction.
    */
   nonInteractive: boolean;
   /**
@@ -18,7 +18,7 @@ export declare class ListItem implements ConditionalSlotComponent, InteractiveCo
    */
   description?: string;
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**

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

@@ -2,17 +2,22 @@ import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
   el: HTMLCalciteLoaderElement;
-  /** When true, the component is active. */
+  /** When `true`, the component is active. */
   active: boolean;
-  /** When true, displays smaller and appears to the left of the text. */
+  /** When `true`, displays smaller and appears to the left of the text. */
   inline: boolean;
   /** Accessible name for the component. */
   label: string;
   /** Specifies the size of the component. */
   scale: Scale;
-  /** Use indeterminate if finding actual progress value is impossible. */
+  /**
+   * Specifies the component type.
+   *
+   * Use `"indeterminate"` if finding actual progress value is impossible.
+   *
+   */
   type: "indeterminate" | "determinate";
-  /** The component's value. Valid only for determinate indicators. Percent complete of 100. */
+  /** The component's value. Valid only for `"determinate"` indicators. Percent complete of 100. */
   value: number;
   /** Text that displays under the component's indicator. */
   text?: string;

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

@@ -13,30 +13,30 @@ import { OpenCloseComponent } from "../../utils/openCloseComponent";
 export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent {
   el: HTMLCalciteModalElement;
   /**
-   * When true, the `calcite-modal` is active.
+   * When `true`, the component is active.
    *
-   * @deprecated use open instead
+   * @deprecated use `open` instead.
    */
   active: boolean;
-  /** When true,`calcite-modal`  opens  */
+  /** When `true`, displays and positions the component.  */
   open: boolean;
-  /** Passes a function to run before the `calcite-modal` closes. */
+  /** Passes a function to run before the component closes. */
   beforeClose?: (el: HTMLElement) => Promise<void>;
-  /** When true, disables the component's close button. */
+  /** When `true`, disables the component's close button. */
   disableCloseButton: boolean;
-  /** When true, disables the closing of the component when clicked outside. */
+  /** When `true`, disables the closing of the component when clicked outside. */
   disableOutsideClose: boolean;
   /** Accessible name for the component's close button. */
   intlClose: string;
-  /** When true, prevents the component from expanding to the entire screen on mobile devices. */
+  /** When `true`, prevents the component from expanding to the entire screen on mobile devices. */
   docked: boolean;
-  /** When true, disables the default close on escape behavior. */
+  /** When `true`, disables the default close on escape behavior. */
   disableEscape: boolean;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
   width: Scale | number;
-  /** Sets the component to always be fullscreen (overrides width). */
+  /** Sets the component to always be fullscreen (overrides `width`). */
   fullscreen: boolean;
   /**
    * Adds a color bar to the top of component for visual impact.
@@ -46,7 +46,7 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   /** Sets the background color of the component's content. */
   backgroundColor: ModalBackgroundColor;
   /**
-   * When true, disables spacing to the content area slot.
+   * When `true`, disables spacing to the content area slot.
    *
    * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
    */