@esri/calcite-components 1.0.0-next.520 → 1.0.0-next.523

package/dist/types/components.d.ts

@@ -23,6 +23,7 @@ import { SelectionMode } from "./components/dropdown-group/interfaces";
 import { ItemKeyboardEvent } from "./components/dropdown/interfaces";
 import { ColorStop, DataSeries } from "./components/graph/interfaces";
 import { InputPlacement } from "./components/input/interfaces";
+import { InputPlacement as InputPlacement1 } from "./components/input-number/interfaces";
 import { ModalBackgroundColor } from "./components/modal/interfaces";
 import { PaginationDetail } from "./components/pagination/pagination";
 import { ListFocusId } from "./components/pick-list/shared-list-logic";
@@ -62,12 +63,17 @@ export namespace Components {
     interface CalciteAccordionItem {
         /**
           * When true, the component is active.
+          * @deprecated use expanded instead
          */
         "active": boolean;
         /**
           * Specifies a description for the component.
          */
         "description": string;
+        /**
+          * When true, item is expanded
+         */
+        "expanded": boolean;
         /**
           * Specifies heading text for the component.
          */
@@ -847,7 +853,8 @@ export namespace Components {
     }
     interface CalciteCombobox {
         /**
-          * Opens or closes the combobox
+          * When true, opens the combobox
+          * @deprecated use open instead
          */
         "active": boolean;
         /**
@@ -879,6 +886,10 @@ export namespace Components {
           * The name of the switch input
          */
         "name": string;
+        /**
+          * When true, opens the combobox
+         */
+        "open": boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -1200,6 +1211,7 @@ export namespace Components {
     interface CalciteDropdown {
         /**
           * Opens or closes the dropdown
+          * @deprecated use open instead.
          */
         "active": boolean;
         /**
@@ -1218,6 +1230,10 @@ export namespace Components {
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
         "maxItems": number;
+        /**
+          * When true, opens the dropdown
+         */
+        "open": boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -1799,6 +1815,150 @@ export namespace Components {
          */
         "type": "default";
     }
+    interface CalciteInputNumber {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment": Position;
+        /**
+          * 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.
+         */
+        "clearable": boolean;
+        /**
+          * 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;
+        "editingEnabled": boolean;
+        /**
+          * When true, number values are displayed with the locale's group separator.
+         */
+        "groupSeparator": boolean;
+        /**
+          * 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.
+         */
+        "icon": string | boolean;
+        /**
+          * When true, the icon is flipped in RTL.
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * A text label that will appear on the clear button for screen readers.
+         */
+        "intlClear"?: string;
+        /**
+          * Accessible name that will appear while loading.
+          * @default "Loading"
+         */
+        "intlLoading"?: string;
+        /**
+          * 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.
+         */
+        "loading": boolean;
+        /**
+          * Specifies the BCP 47 language tag for the desired language and country format.
+         */
+        "locale": string;
+        /**
+          * Toggles locale formatting for numbers.
+         */
+        "localeFormat": boolean;
+        /**
+          * Specifies the maximum value.
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Specifies the minimum value.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min"?: number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name": string;
+        /**
+          * Specifies the placement of the buttons.
+         */
+        "numberButtonType"?: InputPlacement1;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+         */
+        "numberingSystem"?: string;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder": string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When true, the value 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.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Selects all text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step"?: number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * The component's value.
+         */
+        "value": string;
+    }
     interface CalciteInputTimePicker {
         /**
           * The active state of the time input
@@ -1899,6 +2059,11 @@ export namespace Components {
           * specify the text alignment of the label
          */
         "alignment": Alignment;
+        /**
+          * eliminates any space around the label
+          * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+         */
+        "disableSpacing": boolean;
         /**
           * is the label disabled
           * @deprecated use the `disabled` property on the interactive components instead
@@ -2042,7 +2207,8 @@ export namespace Components {
     }
     interface CalciteModal {
         /**
-          * When true, the component is active.
+          * When true, the `calcite-modal` is active.
+          * @deprecated use open instead
          */
         "active": boolean;
         /**
@@ -2050,7 +2216,7 @@ export namespace Components {
          */
         "backgroundColor": ModalBackgroundColor;
         /**
-          * Passes a function to run before the component closes.
+          * Passes a function to run before the `calcite-modal` closes.
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
@@ -2091,6 +2257,10 @@ export namespace Components {
           * When true, disables spacing to the content area slot.
          */
         "noPadding": boolean;
+        /**
+          * When true,`calcite-modal`  opens
+         */
+        "open": boolean;
         /**
           * Specifies the size of the component.
          */
@@ -3753,6 +3923,10 @@ export interface CalciteInputDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteInputDatePickerElement;
 }
+export interface CalciteInputNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputNumberElement;
+}
 export interface CalciteInputTimePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteInputTimePickerElement;
@@ -4122,6 +4296,12 @@ declare global {
         prototype: HTMLCalciteInputMessageElement;
         new (): HTMLCalciteInputMessageElement;
     };
+    interface HTMLCalciteInputNumberElement extends Components.CalciteInputNumber, HTMLStencilElement {
+    }
+    var HTMLCalciteInputNumberElement: {
+        prototype: HTMLCalciteInputNumberElement;
+        new (): HTMLCalciteInputNumberElement;
+    };
     interface HTMLCalciteInputTimePickerElement extends Components.CalciteInputTimePicker, HTMLStencilElement {
     }
     var HTMLCalciteInputTimePickerElement: {
@@ -4473,6 +4653,7 @@ declare global {
         "calcite-input": HTMLCalciteInputElement;
         "calcite-input-date-picker": HTMLCalciteInputDatePickerElement;
         "calcite-input-message": HTMLCalciteInputMessageElement;
+        "calcite-input-number": HTMLCalciteInputNumberElement;
         "calcite-input-time-picker": HTMLCalciteInputTimePickerElement;
         "calcite-label": HTMLCalciteLabelElement;
         "calcite-link": HTMLCalciteLinkElement;
@@ -4553,12 +4734,17 @@ declare namespace LocalJSX {
     interface CalciteAccordionItem {
         /**
           * When true, the component is active.
+          * @deprecated use expanded instead
          */
         "active"?: boolean;
         /**
           * Specifies a description for the component.
          */
         "description"?: string;
+        /**
+          * When true, item is expanded
+         */
+        "expanded"?: boolean;
         /**
           * Specifies heading text for the component.
          */
@@ -5341,7 +5527,8 @@ declare namespace LocalJSX {
     }
     interface CalciteCombobox {
         /**
-          * Opens or closes the combobox
+          * When true, opens the combobox
+          * @deprecated use open instead
          */
         "active"?: boolean;
         /**
@@ -5397,6 +5584,10 @@ declare namespace LocalJSX {
           * @deprecated use calciteComboboxChange instead
          */
         "onCalciteLookupChange"?: (event: CalciteComboboxCustomEvent<HTMLCalciteComboboxItemElement[]>) => void;
+        /**
+          * When true, opens the combobox
+         */
+        "open"?: boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -5726,6 +5917,7 @@ declare namespace LocalJSX {
     interface CalciteDropdown {
         /**
           * Opens or closes the dropdown
+          * @deprecated use open instead.
          */
         "active"?: boolean;
         /**
@@ -5752,6 +5944,10 @@ declare namespace LocalJSX {
           * fires when a dropdown item has been selected or deselected
          */
         "onCalciteDropdownSelect"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * When true, opens the dropdown
+         */
+        "open"?: boolean;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -6321,6 +6517,145 @@ declare namespace LocalJSX {
          */
         "type"?: "default";
     }
+    interface CalciteInputNumber {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment"?: Position;
+        /**
+          * 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.
+         */
+        "clearable"?: boolean;
+        /**
+          * 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;
+        /**
+          * When true, number values are displayed with the locale's group separator.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * 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.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When true, the icon is flipped in RTL.
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * A text label that will appear on the clear button for screen readers.
+         */
+        "intlClear"?: string;
+        /**
+          * Accessible name that will appear while loading.
+          * @default "Loading"
+         */
+        "intlLoading"?: string;
+        /**
+          * 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.
+         */
+        "loading"?: boolean;
+        /**
+          * Specifies the BCP 47 language tag for the desired language and country format.
+         */
+        "locale"?: string;
+        /**
+          * Specifies the maximum value.
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Specifies the minimum value.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min"?: number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name"?: string;
+        /**
+          * Specifies the placement of the buttons.
+         */
+        "numberButtonType"?: InputPlacement1;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+          * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+         */
+        "numberingSystem"?: string;
+        /**
+          * Fires each time a new value is typed and committed.
+         */
+        "onCalciteInputNumberChange"?: (event: CalciteInputNumberCustomEvent<void>) => void;
+        /**
+          * Fires each time a new value is typed.
+         */
+        "onCalciteInputNumberInput"?: (event: CalciteInputNumberCustomEvent<any>) => void;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When true, the value 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.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step"?: number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+    }
     interface CalciteInputTimePicker {
         /**
           * The active state of the time input
@@ -6409,6 +6744,11 @@ declare namespace LocalJSX {
           * specify the text alignment of the label
          */
         "alignment"?: Alignment;
+        /**
+          * eliminates any space around the label
+          * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
+         */
+        "disableSpacing"?: boolean;
         /**
           * is the label disabled
           * @deprecated use the `disabled` property on the interactive components instead
@@ -6540,7 +6880,8 @@ declare namespace LocalJSX {
     }
     interface CalciteModal {
         /**
-          * When true, the component is active.
+          * When true, the `calcite-modal` is active.
+          * @deprecated use open instead
          */
         "active"?: boolean;
         /**
@@ -6548,7 +6889,7 @@ declare namespace LocalJSX {
          */
         "backgroundColor"?: ModalBackgroundColor;
         /**
-          * Passes a function to run before the component closes.
+          * Passes a function to run before the `calcite-modal` closes.
          */
         "beforeClose"?: (el: HTMLElement) => Promise<void>;
         /**
@@ -6591,6 +6932,10 @@ declare namespace LocalJSX {
           * Emits when the component finishes the open animation.
          */
         "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<any>) => void;
+        /**
+          * When true,`calcite-modal`  opens
+         */
+        "open"?: boolean;
         /**
           * Specifies the size of the component.
          */
@@ -8101,6 +8446,7 @@ declare namespace LocalJSX {
         "calcite-input": CalciteInput;
         "calcite-input-date-picker": CalciteInputDatePicker;
         "calcite-input-message": CalciteInputMessage;
+        "calcite-input-number": CalciteInputNumber;
         "calcite-input-time-picker": CalciteInputTimePicker;
         "calcite-label": CalciteLabel;
         "calcite-link": CalciteLink;
@@ -8197,6 +8543,7 @@ declare module "@stencil/core" {
             "calcite-input": LocalJSX.CalciteInput & JSXBase.HTMLAttributes<HTMLCalciteInputElement>;
             "calcite-input-date-picker": LocalJSX.CalciteInputDatePicker & JSXBase.HTMLAttributes<HTMLCalciteInputDatePickerElement>;
             "calcite-input-message": LocalJSX.CalciteInputMessage & JSXBase.HTMLAttributes<HTMLCalciteInputMessageElement>;
+            "calcite-input-number": LocalJSX.CalciteInputNumber & JSXBase.HTMLAttributes<HTMLCalciteInputNumberElement>;
             "calcite-input-time-picker": LocalJSX.CalciteInputTimePicker & JSXBase.HTMLAttributes<HTMLCalciteInputTimePickerElement>;
             "calcite-label": LocalJSX.CalciteLabel & JSXBase.HTMLAttributes<HTMLCalciteLabelElement>;
             "calcite-link": LocalJSX.CalciteLink & JSXBase.HTMLAttributes<HTMLCalciteLinkElement>;

package/dist/types/preact.d.ts

@@ -176,6 +176,13 @@ declare module "preact/src/jsx" {
 
       "calcite-input-message": JSX.CalciteInputMessage & JSXInternal.HTMLAttributes<HTMLCalciteInputMessageElement>
 
+      "calcite-input-number": Omit<JSX.CalciteInputNumber, "onCalciteInternalInputNumberFocus" | "onCalciteInternalInputNumberBlur" | "onCalciteInputNumberInput" | "onCalciteInputNumberChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputNumberElement> & {
+        "oncalciteInternalInputNumberFocus"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalInputNumberBlur"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputNumberInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputNumberChange"?: (event: CustomEvent<any>) => void;
+      }
+
       "calcite-input-time-picker": Omit<JSX.CalciteInputTimePicker, "onCalciteInputTimePickerChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputTimePickerElement> & {
         "oncalciteInputTimePickerChange"?: (event: CustomEvent<any>) => void;
       }