@esri/calcite-components 1.0.0-beta.95 → 1.0.0-beta.97

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -7,16 +7,16 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  */
 export declare class ShellPanel implements ConditionalSlotComponent {
   /**
-   * When true, hides the component's content area.
+   * When `true`, hides the component's content area.
    */
   collapsed: boolean;
   watchHandler(): void;
   /**
-   * When true, the content area displays like a floating panel.
+   * When `true`, the content area displays like a floating panel.
    */
   detached: boolean;
   /**
-   * When "detached", specifies the maximum height of the component.
+   * When `detached`, specifies the maximum height of the component.
    */
   detachedHeightScale: Scale;
   /**
@@ -24,7 +24,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
    */
   widthScale: Scale;
   /**
-   * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
    */
   position: Position;
   /**
@@ -34,7 +34,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
    */
   intlResize: string;
   /**
-   * When true and not "detached", the component's content area is resizable.
+   * When `true` and not `detached`, the component's content area is resizable.
    */
   resizable: boolean;
   connectedCallback(): void;
@@ -53,7 +53,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
   /**
    * Emitted when collapse has been toggled.
    *
-   * @deprecated use a resizeObserver on the component to listen for changes to its size.
+   * @deprecated use a `ResizeObserver` on the component to listen for changes to its size.
    */
   calciteShellPanelToggle: EventEmitter<void>;
   renderHeader(): VNode;

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

@@ -4,19 +4,19 @@ import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
-import { GlobalAttrComponent } from "../../utils/globalAttributes";
-export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, GlobalAttrComponent {
+import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent {
   el: HTMLCalciteSliderElement;
-  /** 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, number values are displayed with a group separator corresponding to the language and country format.
+   * When `true`, number values are displayed with a group separator corresponding to the language and country format.
    */
   groupSeparator: boolean;
-  /** When true, indicates a histogram is present. */
+  /** When `true`, indicates a histogram is present. */
   hasHistogram: boolean;
   /**
-   * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+   * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
    *
    * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
    */
@@ -26,24 +26,24 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * A set of single color stops for a histogram, sorted by offset ascending.
    */
   histogramStops: ColorStop[];
-  /** When true, displays label handles with their numeric value. */
+  /** When `true`, displays label handles with their numeric value. */
   labelHandles: boolean;
-  /** When true and "ticks" is specified, displays label tick marks with their numeric value. */
+  /** When `true` and `ticks` is specified, displays label tick marks with their numeric value. */
   labelTicks: boolean;
   /** The component's maximum selectable value. */
   max: number;
-  /** For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound". */
+  /** For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`. */
   maxLabel?: string;
   /** For multiple selections, the component's upper value. */
   maxValue?: number;
   /** The component's minimum selectable value. */
   min: number;
-  /** Accessible name for first (or only) handle, such as "Temperature, lower bound". */
+  /** Accessible name for first (or only) handle, such as `"Temperature, lower bound"`. */
   minLabel: string;
   /** For multiple selections, the component's lower value. */
   minValue?: number;
   /**
-   * When true, the slider will display values from high to low.
+   * When `true`, the slider will display values from high to low.
    *
    * Note that this value will be ignored if the slider has an associated histogram.
    */
@@ -52,19 +52,17 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   name: string;
   /**
    * 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;
+  numberingSystem?: NumberingSystem;
   /** Specifies the interval to move with the page up, or page down keys. */
   pageStep?: number;
-  /** When true, sets a finer point for handles. */
+  /** When `true`, sets a finer point for handles. */
   precise: boolean;
   /**
-   * When true, the component must have a value on form submission.
+   * When `true`, the component must have a value in order for the form to submit.
    */
   required: boolean;
-  /** When true, enables snap selection in coordination with "step" via a mouse. */
+  /** When `true`, enables snap selection in coordination with `step` via a mouse. */
   snap: boolean;
   /** Specifies the interval to move with the up, or down keys. */
   step?: number;
@@ -100,7 +98,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * Fires when the thumb is released on the component.
    *
    * **Note:** If you need to constantly listen to the drag event,
-   * use "calciteSliderInput" instead.
+   * use `calciteSliderInput` instead.
    */
   calciteSliderChange: EventEmitter<void>;
   /**
@@ -110,7 +108,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
    *
-   * @deprecated use "calciteSliderInput" instead.
+   * @deprecated use `calciteSliderInput` instead.
    */
   calciteSliderUpdate: EventEmitter<void>;
   /** Sets focus on the component. */
@@ -118,6 +116,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Slider["value"];
+  private activeProp;
   private guid;
   private dragProp;
   private lastDragProp;
@@ -125,30 +124,30 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   private minHandle;
   private maxHandle;
   private trackEl;
-  private activeProp;
+  effectiveLocale: string;
   private minMaxValueRange;
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
-  globalAttributes: {};
   setValueFromMinMax(): void;
   setMinMaxFromValue(): void;
   onLabelClick(): void;
   private shouldMirror;
   private shouldUseMinValue;
   private generateTickValues;
+  private pointerDownDragStart;
   private dragStart;
   private focusActiveHandle;
   private dragUpdate;
   private emitInput;
   private emitChange;
+  private pointerUpDragEnd;
   private dragEnd;
   private removeDragListeners;
   /**
-   * Set the prop value if changed at the component level
+   * Set prop value(s) if changed at the component level
    *
-   * @param valueProp
-   * @param value
+   * @param {object} values - a set of key/value pairs delineating what properties in the component to update
    */
   private setValue;
   /**
@@ -228,7 +227,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    */
   private isMaxTickLabelObscured;
   /**
-   * Returns a string representing the localized label value based on groupSeparator prop being on or off.
+   * Returns a string representing the localized label value based if the groupSeparator prop is parsed.
    *
    * @param value
    */

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

@@ -35,7 +35,7 @@ export declare class SortableList implements InteractiveComponent {
   el: HTMLCalciteSortableListElement;
   handleActivated: boolean;
   items: Element[];
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   sortable: Sortable;
   connectedCallback(): void;
   disconnectedCallback(): void;

package/dist/types/components/split-button/split-button.d.ts

@@ -12,11 +12,11 @@ export declare class SplitButton implements InteractiveComponent {
   appearance: ButtonAppearance;
   /** Specifies the color of the component. */
   color: ButtonColor;
-  /** 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;
   handleDisabledChange(value: boolean): void;
   /**
-   * When true, the component is active.
+   * When `true`, the component is active.
    *
    * @internal
    */
@@ -27,21 +27,23 @@ export declare class SplitButton implements InteractiveComponent {
   /** Accessible name for the dropdown menu. */
   dropdownLabel?: string;
   /**
-    When true, a busy indicator is displayed on the primary button.
+    When `true`, a busy indicator is displayed on the primary button.
    */
   loading: boolean;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
-   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
+   *
+   * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
    *
    */
   overlayPositioning: OverlayPositioning;
-  /** Specifies an icon to display at the end of the primary button - accepts Calcite UI icon names. */
+  /** Specifies an icon to display at the end of the primary button. */
   primaryIconEnd?: string;
-  /**  When true, the primary button icon will be flipped when the element direction is right-to-left ("rtl"). */
+  /**  When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   primaryIconFlipRtl?: FlipContext;
-  /** Specifies an icon to display at the start of the primary button - accepts Calcite UI icon names.  */
+  /** Specifies an icon to display at the start of the primary button. */
   primaryIconStart?: string;
   /** Accessible name for the primary button. */
   primaryLabel?: string;

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

@@ -1,17 +1,22 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
 import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
+import { NumberingSystem } from "../../utils/locale";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
 export declare class Stepper {
   el: HTMLCalciteStepperElement;
-  /** When true, displays a status icon in the `calcite-stepper-item` heading. */
+  /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */
   icon: boolean;
   /** Defines the layout of the component. */
   layout: Extract<"horizontal" | "vertical", Layout>;
-  /** When true, displays the step number in the `calcite-stepper-item` heading. */
+  /** When `true`, displays the step number in the `calcite-stepper-item` heading. */
   numbered: boolean;
+  /**
+   * Specifies the Unicode numeral system used by the component for localization.
+   */
+  numberingSystem?: NumberingSystem;
   /** Specifies the size of the component. */
   scale: Scale;
   /**

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

@@ -2,33 +2,34 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "../stepper/interfaces";
+import { LocalizedComponent } from "../../utils/locale";
 /**
  * @slot - A slot for adding custom content.
  */
-export declare class StepperItem implements InteractiveComponent {
+export declare class StepperItem implements InteractiveComponent, LocalizedComponent {
   el: HTMLCalciteStepperItemElement;
   /**
-   *  is the step active
+   *  When `true`, the component is selected.
    *
-   * @deprecated Use selected instead.
+   * @deprecated Use `selected` instead.
    */
   active: boolean;
   activeHandler(value: boolean): void;
   /**
-   * When true, step is selected
+   * When `true`, the component is selected.
    */
   selected: boolean;
   selectedHandler(value: boolean): void;
-  /** has the step been completed */
+  /** When `true`, the step has been completed. */
   complete: boolean;
-  /** When true, the component contains an error that requires resolution from the user. */
+  /** When `true`, the component contains an error that requires resolution from the user. */
   error: 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;
   /**
    * The component header text.
    *
-   * @deprecated use "heading" instead.
+   * @deprecated use `heading` instead.
    */
   itemTitle?: string;
   /** The component header text. */
@@ -36,7 +37,7 @@ export declare class StepperItem implements InteractiveComponent {
   /**
    * A description for the component. Displays below the header text.
    *
-   * @deprecated use "description" instead.
+   * @deprecated use `description` instead.
    */
   itemSubtitle?: string;
   /** A description for the component. Displays below the header text. */
@@ -44,16 +45,18 @@ export declare class StepperItem implements InteractiveComponent {
   /** Defines the layout of the component. */
   /** @internal */
   layout?: Extract<"horizontal" | "vertical", Layout>;
-  /** When true, displays a status icon in the `calcite-stepper-item` heading. */
+  /** When `true`, displays a status icon in the component's heading. */
   /** @internal */
   icon: boolean;
-  /** When true, displays the step number in the `calcite-stepper-item` heading. */
+  /** When `true`, displays the step number in the component's heading. */
   /** @internal */
   numbered: boolean;
   /** Specifies the size of the component. */
   /** @internal */
   scale: Scale;
   disabledWatcher(): void;
+  effectiveLocale: string;
+  effectiveLocaleWatcher(locale: string): void;
   headerEl: HTMLDivElement;
   /**
    * @internal
@@ -74,6 +77,7 @@ export declare class StepperItem implements InteractiveComponent {
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
   setFocus(): Promise<void>;

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

@@ -5,7 +5,7 @@ import { CheckableFormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 export declare class Switch implements LabelableComponent, CheckableFormComponent, InteractiveComponent {
   el: HTMLCalciteSwitchElement;
-  /** 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;
   /** Accessible name for the component. */
   label?: string;
@@ -14,13 +14,13 @@ export declare class Switch implements LabelableComponent, CheckableFormComponen
   /** Specifies the size of the component. */
   scale: Scale;
   /**
-   * When true, the component is checked.
+   * When `true`, the component is checked.
    *
-   * @deprecated use "checked" instead.
+   * @deprecated use `checked` instead.
    */
   switched: boolean;
   switchedWatcher(switched: boolean): void;
-  /** When true, the component is checked. */
+  /** When `true`, the component is checked. */
   checked: boolean;
   /** The component's value. */
   value: any;
@@ -37,9 +37,9 @@ export declare class Switch implements LabelableComponent, CheckableFormComponen
   private clickHandler;
   private setSwitchEl;
   /**
-   * Fires when the checked value has changed.
+   * Fires when the `checked` value has changed.
    *
-   * **Note:** The event payload is deprecated, use the component's "checked" property instead.
+   * **Note:** The event payload is deprecated, use the component's `checked` property instead.
    */
   calciteSwitchChange: EventEmitter<DeprecatedEventPayload>;
   connectedCallback(): void;

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

@@ -13,16 +13,16 @@ export declare class Tab {
    */
   tab?: string;
   /**
-   * When true, the component's contents are selected.
+   * When `true`, the component's contents are selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    *
-   * @deprecated Use "selected" instead.
+   * @deprecated Use `selected` instead.
    */
   active: boolean;
   activeHandler(value: boolean): void;
   /**
-   * When true, the component's contents are selected.
+   * When `true`, the component's contents are selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    */

package/dist/types/components/tab-title/tab-title.d.ts

@@ -9,28 +9,28 @@ import { InteractiveComponent } from "../../utils/interactive";
 export declare class TabTitle implements InteractiveComponent {
   el: HTMLCalciteTabTitleElement;
   /**
-   * When true, the component and its respective `calcite-tab` contents are selected.
+   * When `true`, the component and its respective `calcite-tab` contents are selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    *
-   * @deprecated Use "selected" instead.
+   * @deprecated Use `selected` instead.
    */
   active: boolean;
   activeHandler(value: boolean): void;
   /**
-   * When true, the component and its respective `calcite-tab` contents are selected.
+   * When `true`, the component and its respective `calcite-tab` contents are selected.
    *
    * Only one tab can be selected within the `calcite-tabs` parent.
    */
   selected: boolean;
   selectedHandler(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;
-  /** Specifies an icon to display at the end of the component - accepts Calcite UI icon names.  */
+  /** 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 - accepts Calcite UI icon names.  */
+  /** Specifies an icon to display at the start of the component. */
   iconStart?: string;
   /**
    * @internal
@@ -65,7 +65,7 @@ export declare class TabTitle implements InteractiveComponent {
   onClick(): void;
   keyDownHandler(event: KeyboardEvent): void;
   /**
-   * Fires when a `calcite-tab` is selected. Emits the "tab" property, or the index position.
+   * Fires when a `calcite-tab` is selected. Emits the `tab` property, or the index position.
    *
    * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
    */

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

@@ -8,11 +8,11 @@ import { Scale } from "../interfaces";
 export declare class Tabs {
   el: HTMLCalciteTabsElement;
   /**
-   * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+   * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
    */
   layout: TabLayout;
   /**
-   * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+   * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
    *
    */
   position: TabPosition;
@@ -21,10 +21,9 @@ export declare class Tabs {
    */
   scale: Scale;
   /**
-   * When true and layout is set to "inline", the component will display with a folder style menu.
+   * When `true`, the component will display with a folder style menu.
    */
   bordered: boolean;
-  connectedCallback(): void;
   render(): VNode;
   /**
    * @param event

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

@@ -8,7 +8,7 @@ import { InteractiveComponent } from "../../utils/interactive";
 export declare class Tile implements ConditionalSlotComponent, InteractiveComponent {
   el: HTMLCalciteTileElement;
   /**
-   * When true, the component is active.
+   * When `true`, the component is active.
    */
   active: boolean;
   /**
@@ -16,13 +16,13 @@ export declare class Tile implements ConditionalSlotComponent, InteractiveCompon
    */
   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;
   /**
    * The component's embed mode.
    *
-   * When true, renders without a border and padding for use by other components.
+   * When `true`, renders without a border and padding for use by other components.
    */
   embed: boolean;
   /**
@@ -33,9 +33,9 @@ export declare class Tile implements ConditionalSlotComponent, InteractiveCompon
   focused: boolean;
   /** The component header text, which displays between the icon and description. */
   heading?: string;
-  /** When true, the component is not displayed and is not focusable.  */
+  /** When `true`, the component is not displayed and is not focusable.  */
   hidden: boolean;
-  /** When embed is "false", the url for the component. */
+  /** When embed is `"false"`, the URL for the component. */
   href?: string;
   /** Specifies an icon to display. */
   icon?: string;

package/dist/types/components/tile-select/tile-select.d.ts

@@ -7,25 +7,25 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class TileSelect implements InteractiveComponent {
   el: HTMLCalciteTileSelectElement;
-  /** When true, the component is checked. */
+  /** When `true`, the component is checked. */
   checked: boolean;
   checkedChanged(newChecked: boolean): void;
   /** A description for the component, which displays below the heading. */
   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;
   /** The component header text, which displays between the icon and description. */
   heading?: string;
-  /** When true, the component is not displayed and is not focusable or checkable. */
+  /** When `true`, the component is not displayed and is not focusable or checkable. */
   hidden: boolean;
   /** Specifies an icon to display. */
   icon?: string;
   /** Specifies the name of the component on form submission. */
   name: any;
   nameChanged(newName: string): void;
-  /** When true, displays an interactive input based on the "type" property. */
+  /** When `true`, displays an interactive input based on the `type` property. */
   inputEnabled: boolean;
-  /** When inputEnabled is true, the placement of the interactive input on the component. */
+  /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */
   inputAlignment: Extract<"end" | "start", Alignment>;
   /**
    * The selection mode of the component.

package/dist/types/components/tile-select-group/tile-select-group.d.ts

@@ -6,12 +6,12 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class TileSelectGroup implements InteractiveComponent {
   el: HTMLCalciteTileSelectGroupElement;
-  /** 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;
   /**
    * Defines the layout of the component.
    *
-   * Use "horizontal" for rows, and "vertical" for a single column.
+   * Use `"horizontal"` for rows, and `"vertical"` for a single column.
    */
   layout?: TileSelectGroupLayout;
   componentDidRender(): void;

package/dist/types/components/time-picker/assets/time-picker/t9n/index.d.ts

@@ -0,0 +1,14 @@
+export type Messages = {
+  hour: string;
+  hourDown: string;
+  hourUp: string;
+  meridiem: string;
+  meridiemDown: string;
+  meridiemUp: string;
+  minute: string;
+  minuteDown: string;
+  minuteUp: string;
+  second: string;
+  secondDown: string;
+  secondUp: string;
+};

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

@@ -1,9 +1,8 @@
-import { VNode, EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { TimePart, HourCycle, Meridiem } from "../../utils/time";
-import { GlobalAttrComponent } from "../../utils/globalAttributes";
-import { LangComponent } from "../../utils/locale";
-export declare class TimePicker implements GlobalAttrComponent, LangComponent {
+import { HourCycle, Meridiem, TimePart } from "../../utils/time";
+import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+export declare class TimePicker implements LocalizedComponent {
   el: HTMLCalciteTimePickerElement;
   /**
    * Accessible name for the component's hour input.
@@ -85,11 +84,16 @@ export declare class TimePicker implements GlobalAttrComponent, LangComponent {
    * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
    */
   locale: string;
-  localeWatcher(): void;
+  localeChanged(): void;
   /** Specifies the size of the component. */
   scale: Scale;
-  /** Specifies the granularity the "value" must adhere to (in seconds). */
+  /** Specifies the granularity the `value` must adhere to (in seconds). */
   step: number;
+  /**
+   * Specifies the Unicode numeral system used by the component for localization.
+   *
+   */
+  numberingSystem?: NumberingSystem;
   /** The component's value in UTC (always 24-hour format). */
   value: string;
   valueWatcher(newValue: string): void;
@@ -99,7 +103,8 @@ export declare class TimePicker implements GlobalAttrComponent, LangComponent {
   private minuteEl;
   private secondEl;
   private meridiemOrder;
-  globalAttributes: {};
+  effectiveLocale: string;
+  effectiveLocaleWatcher(): void;
   hour: string;
   hourCycle: HourCycle;
   localizedHour: string;

package/dist/types/components/tip/assets/tip/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  close: string;
+};