@esri/calcite-components 1.0.0-beta.90 → 1.0.0-beta.93

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

@@ -1,112 +1,112 @@
-import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { LogicalPlacement } from "../../utils/floating-ui";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-import { InteractiveComponent } from "../../utils/interactive";
-export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent {
-  el: HTMLCalciteInputTimePickerElement;
-  /** The active state of the time input */
-  active: boolean;
-  activeHandler(): void;
-  /** The disabled state of the time input */
-  disabled: boolean;
-  /**
-   * When true, still focusable but controls are gone and the value cannot be modified.
-   *
-   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-   */
-  readOnly: boolean;
-  handleDisabledAndReadOnlyChange(value: boolean): void;
-  /** aria-label for the hour input */
-  intlHour?: string;
-  /** aria-label for the hour down button */
-  intlHourDown?: string;
-  /** aria-label for the hour up button */
-  intlHourUp?: string;
-  /** aria-label for the meridiem (am/pm) input */
-  intlMeridiem?: string;
-  /** aria-label for the meridiem (am/pm) down button */
-  intlMeridiemDown?: string;
-  /** aria-label for the meridiem (am/pm) up button */
-  intlMeridiemUp?: string;
-  /** aria-label for the minute input */
-  intlMinute?: string;
-  /** aria-label for the minute down button */
-  intlMinuteDown?: string;
-  /** aria-label for the minute up button */
-  intlMinuteUp?: string;
-  /** aria-label for the second input */
-  intlSecond?: string;
-  /** aria-label for the second down button */
-  intlSecondDown?: string;
-  /** aria-label for the second up button */
-  intlSecondUp?: string;
-  /**
-   * BCP 47 language tag for desired language and country format
-   *
-   * @internal
-   */
-  locale: string;
-  localeWatcher(newLocale: string): void;
-  /** The name of the time input */
-  name: string;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  /** The scale (size) of the time input */
-  scale: Scale;
-  /**
-   * Determines where the popover will be positioned relative to the input.
-   *
-   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-   */
-  placement: LogicalPlacement;
-  /** number (seconds) that specifies the granularity that the value must adhere to */
-  step: number;
-  /** The selected time in UTC (always 24-hour format) */
-  value: string;
-  valueWatcher(newValue: string): void;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: InputTimePicker["value"];
-  private calciteInputEl;
-  private calciteTimePickerEl;
-  /** whether the value of the input was changed as a result of user typing or not */
-  private internalValueChange;
-  private previousValidValue;
-  private referenceElementId;
-  popoverEl: HTMLCalcitePopoverElement;
-  localizedValue: string;
-  /**
-   * Fires when the time value is changed as a result of user input.
-   */
-  calciteInputTimePickerChange: EventEmitter<string>;
-  private calciteInternalInputBlurHandler;
-  private calciteInternalInputFocusHandler;
-  private calciteInputInputHandler;
-  clickHandler(event: MouseEvent): void;
-  timePickerBlurHandler(event: CustomEvent): void;
-  private timePickerChangeHandler;
-  timePickerFocusHandler(event: CustomEvent): void;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /** Updates the position of the component. */
-  reposition(): Promise<void>;
-  keyDownHandler: ({ defaultPrevented, key }: KeyboardEvent) => void;
-  onLabelClick(): void;
-  private shouldIncludeSeconds;
-  private setCalcitePopoverEl;
-  private setCalciteInputEl;
-  private setCalciteTimePickerEl;
-  private setInputValue;
-  private setValue;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  componentDidRender(): void;
-  render(): VNode;
-}
+import { VNode, EventEmitter } from "../../stencil-public-runtime";
+import { Scale } from "../interfaces";
+import { LogicalPlacement } from "../../utils/floating-ui";
+import { LabelableComponent } from "../../utils/label";
+import { FormComponent } from "../../utils/form";
+import { InteractiveComponent } from "../../utils/interactive";
+export declare class InputTimePicker implements LabelableComponent, FormComponent, InteractiveComponent {
+  el: HTMLCalciteInputTimePickerElement;
+  /** The active state of the time input */
+  active: boolean;
+  activeHandler(): void;
+  /** The disabled state of the time input */
+  disabled: boolean;
+  /**
+   * When true, still focusable but controls are gone and the value cannot be modified.
+   *
+   * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+   */
+  readOnly: boolean;
+  handleDisabledAndReadOnlyChange(value: boolean): void;
+  /** aria-label for the hour input */
+  intlHour?: string;
+  /** aria-label for the hour down button */
+  intlHourDown?: string;
+  /** aria-label for the hour up button */
+  intlHourUp?: string;
+  /** aria-label for the meridiem (am/pm) input */
+  intlMeridiem?: string;
+  /** aria-label for the meridiem (am/pm) down button */
+  intlMeridiemDown?: string;
+  /** aria-label for the meridiem (am/pm) up button */
+  intlMeridiemUp?: string;
+  /** aria-label for the minute input */
+  intlMinute?: string;
+  /** aria-label for the minute down button */
+  intlMinuteDown?: string;
+  /** aria-label for the minute up button */
+  intlMinuteUp?: string;
+  /** aria-label for the second input */
+  intlSecond?: string;
+  /** aria-label for the second down button */
+  intlSecondDown?: string;
+  /** aria-label for the second up button */
+  intlSecondUp?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   *
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
+  /** The name of the time input */
+  name: string;
+  /**
+   * When true, makes the component required for form-submission.
+   *
+   * @internal
+   */
+  required: boolean;
+  /** The scale (size) of the time input */
+  scale: Scale;
+  /**
+   * Determines where the popover will be positioned relative to the input.
+   *
+   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
+   */
+  placement: LogicalPlacement;
+  /** number (seconds) that specifies the granularity that the value must adhere to */
+  step: number;
+  /** The selected time in UTC (always 24-hour format) */
+  value: string;
+  valueWatcher(newValue: string): void;
+  labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: InputTimePicker["value"];
+  private calciteInputEl;
+  private calciteTimePickerEl;
+  /** whether the value of the input was changed as a result of user typing or not */
+  private internalValueChange;
+  private previousValidValue;
+  private referenceElementId;
+  popoverEl: HTMLCalcitePopoverElement;
+  localizedValue: string;
+  /**
+   * Fires when the time value is changed as a result of user input.
+   */
+  calciteInputTimePickerChange: EventEmitter<string>;
+  private calciteInternalInputBlurHandler;
+  private calciteInternalInputFocusHandler;
+  private calciteInputInputHandler;
+  clickHandler(event: MouseEvent): void;
+  timePickerBlurHandler(event: CustomEvent): void;
+  private timePickerChangeHandler;
+  timePickerFocusHandler(event: CustomEvent): void;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  /** Updates the position of the component. */
+  reposition(): Promise<void>;
+  keyDownHandler: (event: KeyboardEvent) => void;
+  onLabelClick(): void;
+  private shouldIncludeSeconds;
+  private setCalcitePopoverEl;
+  private setCalciteInputEl;
+  private setCalciteTimePickerEl;
+  private setInputValue;
+  private setValue;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  componentDidRender(): void;
+  render(): VNode;
+}

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

@@ -1,13 +1,13 @@
-export declare type Alignment = "start" | "center" | "end";
-export declare type Appearance = "solid" | "clear" | "outline";
-export declare type Columns = 1 | 2 | 3 | 4 | 5 | 6;
-export declare type FlipContext = "both" | "start" | "end";
-export declare type Layout = "horizontal" | "vertical" | "grid";
-export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
-export declare type Position = "start" | "end";
-export declare type Scale = "s" | "m" | "l";
-export declare type Status = "invalid" | "valid" | "idle";
-export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
-export declare type ThemeName = "light" | "dark" | "auto";
-export declare type Width = "auto" | "half" | "full";
-export declare type DeprecatedEventPayload = any;
+export declare type Alignment = "start" | "center" | "end";
+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";
+export declare type LogicalFlowPosition = "inline-start" | "inline-end" | "block-start" | "block-end";
+export declare type Position = "start" | "end";
+export declare type Scale = "s" | "m" | "l";
+export declare type Status = "invalid" | "valid" | "idle";
+export declare type ThemeClass = "calcite-theme-light" | "calcite-theme-dark" | "calcite-theme-auto";
+export declare type ThemeName = "light" | "dark" | "auto";
+export declare type Width = "auto" | "half" | "full";
+export declare type DeprecatedEventPayload = any;

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

@@ -1,44 +1,44 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Alignment, Scale, Status } from "../interfaces";
-/**
- * @slot - A slot for adding text and a component that can be labeled.
- */
-export declare class Label {
-  el: HTMLCalciteLabelElement;
-  /** specify the text alignment of the label */
-  alignment: Alignment;
-  /**
-   * specify the status of the label and any child input / input messages
-   *
-   * @deprecated set directly on child element instead
-   */
-  status: Status;
-  /** The id of the input associated with the label */
-  for: string;
-  /** specify the scale of the label, defaults to m */
-  scale: Scale;
-  /** is the wrapped element positioned inline with the label slotted text */
-  layout: "inline" | "inline-space-between" | "default";
-  /**
-   * is the label disabled
-   *
-   * @deprecated use the `disabled` property on the interactive components instead
-   */
-  disabled: boolean;
-  /**
-   * eliminates any space around the label
-   *
-   * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
-   */
-  disableSpacing: boolean;
-  /**
-   * @internal
-   */
-  calciteInternalLabelClick: EventEmitter<{
-    sourceEvent: MouseEvent;
-  }>;
-  labelClickHandler: (event: MouseEvent) => void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Alignment, Scale, Status } from "../interfaces";
+/**
+ * @slot - A slot for adding text and a component that can be labeled.
+ */
+export declare class Label {
+  el: HTMLCalciteLabelElement;
+  /** specify the text alignment of the label */
+  alignment: Alignment;
+  /**
+   * specify the status of the label and any child input / input messages
+   *
+   * @deprecated set directly on child element instead
+   */
+  status: Status;
+  /** The id of the input associated with the label */
+  for: string;
+  /** specify the scale of the label, defaults to m */
+  scale: Scale;
+  /** is the wrapped element positioned inline with the label slotted text */
+  layout: "inline" | "inline-space-between" | "default";
+  /**
+   * is the label disabled
+   *
+   * @deprecated use the `disabled` property on the interactive components instead
+   */
+  disabled: boolean;
+  /**
+   * eliminates any space around the label
+   *
+   * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+   */
+  disableSpacing: boolean;
+  /**
+   * @internal
+   */
+  calciteInternalLabelClick: EventEmitter<{
+    sourceEvent: MouseEvent;
+  }>;
+  labelClickHandler: (event: MouseEvent) => void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): VNode;
+}

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

@@ -1,3 +1,3 @@
-export declare const CSS: {
-  container: string;
-};
+export declare const CSS: {
+  container: string;
+};

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

@@ -1,37 +1,37 @@
-import { VNode } from "../../stencil-public-runtime";
-import { FlipContext } from "../interfaces";
-import { InteractiveComponent } from "../../utils/interactive";
-/** Any attributes placed on <calcite-link> component will propagate to the rendered child */
-/** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */
-/** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */
-/** @slot - A slot for adding text. */
-export declare class Link implements InteractiveComponent {
-  el: HTMLCalciteLinkElement;
-  /** is the link disabled  */
-  disabled: boolean;
-  /**
-   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
-   * Without a value, the browser will suggest a filename/extension
-   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
-   */
-  download: string | boolean;
-  /** optionally pass a href - used to determine if the component should render as a link or an anchor */
-  href?: string;
-  /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
-  iconEnd?: string;
-  /** flip the icon(s) in rtl */
-  iconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of a button - accepts calcite ui icon names  */
-  iconStart?: string;
-  /** The rel attribute to apply to the hyperlink */
-  rel?: string;
-  /** The target attribute to apply to the hyperlink */
-  target?: string;
-  componentDidRender(): void;
-  render(): VNode;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /** the rendered child element */
-  private childEl;
-  private storeTagRef;
-}
+import { VNode } from "../../stencil-public-runtime";
+import { FlipContext } from "../interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
+/** Any attributes placed on <calcite-link> component will propagate to the rendered child */
+/** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */
+/** @slot - A slot for adding text. */
+export declare class Link implements InteractiveComponent {
+  el: HTMLCalciteLinkElement;
+  /** is the link disabled  */
+  disabled: boolean;
+  /**
+   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
+   * Without a value, the browser will suggest a filename/extension
+   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
+   */
+  download: string | boolean;
+  /** optionally pass a href - used to determine if the component should render as a link or an anchor */
+  href?: string;
+  /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
+  iconEnd?: string;
+  /** flip the icon(s) in rtl */
+  iconFlipRtl?: FlipContext;
+  /** optionally pass an icon to display at the start of a button - accepts calcite ui icon names  */
+  iconStart?: string;
+  /** The rel attribute to apply to the hyperlink */
+  rel?: string;
+  /** The target attribute to apply to the hyperlink */
+  target?: string;
+  componentDidRender(): void;
+  render(): VNode;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  /** the rendered child element */
+  private childEl;
+  private storeTagRef;
+}

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

@@ -1,23 +1,23 @@
-import { VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/Heading";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * A general purpose list that enables users to construct list items that conform to Calcite styling.
- *
- * @slot - A slot for adding `calcite-list-item` elements.
- */
-export declare class List implements InteractiveComponent {
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   */
-  disabled: boolean;
-  /**
-   * Specifies the number at which section headings should start.
-   */
-  headingLevel: HeadingLevel;
-  componentDidRender(): void;
-  el: HTMLCalciteListElement;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  render(): VNode;
-}
+import { VNode } from "../../stencil-public-runtime";
+import { HeadingLevel } from "../functional/Heading";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * A general purpose list that enables users to construct list items that conform to Calcite styling.
+ *
+ * @slot - A slot for adding `calcite-list-item` elements.
+ */
+export declare class List implements InteractiveComponent {
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * Specifies the number at which section headings should start.
+   */
+  headingLevel: HeadingLevel;
+  componentDidRender(): void;
+  el: HTMLCalciteListElement;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  render(): VNode;
+}

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

@@ -1,3 +1,3 @@
-export declare const CSS: {
-  container: string;
-};
+export declare const CSS: {
+  container: string;
+};

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

@@ -1,42 +1,42 @@
-import { VNode } from "../../stencil-public-runtime";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.
- * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.
- * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
- * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
- */
-export declare class ListItem implements ConditionalSlotComponent, InteractiveComponent {
-  /**
-   * When true, prevents the content of the component from user interaction.
-   */
-  nonInteractive: boolean;
-  /**
-   * A description for the component. Displays below the label text.
-   */
-  description?: string;
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   */
-  disabled: boolean;
-  /**
-   * The label text of the component. Displays above the description text.
-   */
-  label: string;
-  el: HTMLCalciteListItemElement;
-  focusEl: HTMLButtonElement;
-  componentDidRender(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  renderActionsStart(): VNode;
-  renderActionsEnd(): VNode;
-  renderContentStart(): VNode;
-  renderContentEnd(): VNode;
-  renderContent(): VNode;
-  renderContentContainer(): VNode;
-  render(): VNode;
-}
+import { VNode } from "../../stencil-public-runtime";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
+ * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.
+ * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.
+ * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
+ * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
+ */
+export declare class ListItem implements ConditionalSlotComponent, InteractiveComponent {
+  /**
+   * When true, prevents the content of the component from user interaction.
+   */
+  nonInteractive: boolean;
+  /**
+   * A description for the component. Displays below the label text.
+   */
+  description?: string;
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * The label text of the component. Displays above the description text.
+   */
+  label: string;
+  el: HTMLCalciteListItemElement;
+  focusEl: HTMLButtonElement;
+  componentDidRender(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  renderActionsStart(): VNode;
+  renderActionsEnd(): VNode;
+  renderContentStart(): VNode;
+  renderContentEnd(): VNode;
+  renderContent(): VNode;
+  renderContentContainer(): VNode;
+  render(): VNode;
+}

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

@@ -1,20 +1,20 @@
-export declare const CSS: {
-  container: string;
-  contentContainer: string;
-  nestedContainer: string;
-  contentContainerButton: string;
-  content: string;
-  actionsStart: string;
-  contentStart: string;
-  label: string;
-  description: string;
-  contentEnd: string;
-  actionsEnd: string;
-  hasCenterContent: string;
-};
-export declare const SLOTS: {
-  actionsStart: string;
-  contentStart: string;
-  contentEnd: string;
-  actionsEnd: string;
-};
+export declare const CSS: {
+  container: string;
+  contentContainer: string;
+  nestedContainer: string;
+  contentContainerButton: string;
+  content: string;
+  actionsStart: string;
+  contentStart: string;
+  label: string;
+  description: string;
+  contentEnd: string;
+  actionsEnd: string;
+  hasCenterContent: string;
+};
+export declare const SLOTS: {
+  actionsStart: string;
+  contentStart: string;
+  contentEnd: string;
+  actionsEnd: string;
+};

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

@@ -1,18 +1,18 @@
-import { VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/Heading";
-/**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- */
-export declare class ListItemGroup {
-  /**
-   * The header text for all nested `calcite-list-item` rows.
-   *
-   */
-  heading: string;
-  /**
-   * Specifies the number at which section headings should start.
-   */
-  headingLevel: HeadingLevel;
-  el: HTMLCalciteListItemGroupElement;
-  render(): VNode;
-}
+import { VNode } from "../../stencil-public-runtime";
+import { HeadingLevel } from "../functional/Heading";
+/**
+ * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
+ */
+export declare class ListItemGroup {
+  /**
+   * The header text for all nested `calcite-list-item` rows.
+   *
+   */
+  heading: string;
+  /**
+   * Specifies the number at which section headings should start.
+   */
+  headingLevel: HeadingLevel;
+  el: HTMLCalciteListItemGroupElement;
+  render(): VNode;
+}

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

@@ -1,5 +1,5 @@
-export declare const CSS: {
-  heading: string;
-  container: string;
-};
-export declare const HEADING_LEVEL = 3;
+export declare const CSS: {
+  heading: string;
+  container: string;
+};
+export declare const HEADING_LEVEL = 3;