@esri/calcite-components 1.0.0-beta.69 → 1.0.0-beta.72

package/dist/types/components.d.ts

@@ -24,7 +24,6 @@ import { DropdownPlacement, ItemKeyboardEvent } from "./components/calcite-dropd
 import { SelectionMode } from "./components/calcite-dropdown-group/interfaces";
 import { ColorStop, DataSeries } from "./components/calcite-graph/interfaces";
 import { InputPlacement } from "./components/calcite-input/interfaces";
-import { HourDisplayFormat, Time, TimeFocusId } from "./utils/time";
 import { ModalBackgroundColor } from "./components/calcite-modal/interfaces";
 import { CalcitePaginationDetail } from "./components/calcite-pagination/calcite-pagination";
 import { ListFocusId } from "./components/calcite-pick-list/shared-list-logic";
@@ -34,6 +33,7 @@ import { TabID, TabLayout, TabPosition } from "./components/calcite-tabs/interfa
 import { TabChangeEventDetail } from "./components/calcite-tab/interfaces";
 import { TileSelectType } from "./components/calcite-tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/calcite-tile-select-group/interfaces";
+import { TimePart } from "./utils/time";
 import { TreeSelectDetail, TreeSelectionMode } from "./components/calcite-tree/interfaces";
 import { TreeItemSelectDetail } from "./components/calcite-tree-item/interfaces";
 export namespace Components {
@@ -557,7 +557,11 @@ export namespace Components {
         /**
           * The name of the checkbox input
          */
-        "name"?: string;
+        "name": any;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * specify the scale of the checkbox, defaults to m
          */
@@ -569,7 +573,7 @@ export namespace Components {
         /**
           * The value of the checkbox input
          */
-        "value"?: any;
+        "value": any;
     }
     interface CalciteChip {
         /**
@@ -818,6 +822,10 @@ export namespace Components {
           * Specify the maximum number of combobox items (including nested children) to display before showing the scroller
          */
         "maxItems": number;
+        /**
+          * The name of the switch input
+         */
+        "name": string;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -830,6 +838,10 @@ export namespace Components {
           * Updates the position of the component.
          */
         "reposition": () => Promise<void>;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * Specify the scale of the combobox, defaults to m
          */
@@ -842,6 +854,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * The value(s) of the selectedItem(s)
+         */
+        "value": string | string[];
     }
     interface CalciteComboboxItem {
         /**
@@ -902,10 +918,12 @@ export namespace Components {
         "activeRange"?: "start" | "end";
         /**
           * Selected end date
+          * @deprecated use value instead
          */
         "end"?: string;
         /**
           * Selected end date as full date object
+          * @deprecated use valueAsDate instead
          */
         "endAsDate"?: Date;
         /**
@@ -922,6 +940,11 @@ export namespace Components {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * BCP 47 language tag for desired language and country format
          */
@@ -956,20 +979,22 @@ export namespace Components {
         "scale": "s" | "m" | "l";
         /**
           * Selected start date
+          * @deprecated use value instead
          */
         "start"?: string;
         /**
           * Selected start date as full date object
+          * @deprecated use valueAsDate instead
          */
         "startAsDate"?: Date;
         /**
           * Selected date
          */
-        "value"?: string;
+        "value"?: string | string[];
         /**
           * Selected date as full date object
          */
-        "valueAsDate"?: Date;
+        "valueAsDate"?: Date | Date[];
     }
     interface CalciteDatePickerDay {
         /**
@@ -1080,6 +1105,10 @@ export namespace Components {
           * Localized string for previous month.
          */
         "intlPrevMonth": string;
+        /**
+          * Localized string for year.
+         */
+        "intlYear": string;
         /**
           * User's language and region as BCP 47 formatted string.
          */
@@ -1249,11 +1278,6 @@ export namespace Components {
         "textEnabled": boolean;
     }
     interface CalciteFilter {
-        /**
-          * The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.
-          * @deprecated use `items` instead.
-         */
-        "data": object[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -1416,10 +1440,15 @@ export namespace Components {
           * is the input disabled
          */
         "disabled": boolean;
+        "editingEnabled": boolean;
         /**
           * for number values, displays the locale's group separator
          */
         "groupSeparator": boolean;
+        /**
+          * when true, the component will not be visible
+         */
+        "hidden": boolean;
         /**
           * when used as a boolean set to true, show a default recommended icon for certain input types (tel, password, email, date, time, search). You can also pass a calcite-ui-icon name to this prop to display a requested icon for any input type
          */
@@ -1473,7 +1502,7 @@ export namespace Components {
         /**
           * The name of the input
          */
-        "name"?: string;
+        "name": string;
         /**
           * specify the placement of the number buttons
          */
@@ -1536,19 +1565,25 @@ export namespace Components {
         /**
           * input value
          */
-        "value"?: string;
+        "value": string;
     }
     interface CalciteInputDatePicker {
         /**
           * Expand or collapse when calendar does not have input
          */
         "active": boolean;
+        /**
+          * When false, the component won't be interactive.
+         */
+        "disabled": boolean;
         /**
           * Selected end date
+          * @deprecated use value instead
          */
         "end"?: string;
         /**
           * Selected end date as full date object
+          * @deprecated use valueAsDate instead
          */
         "endAsDate"?: Date;
         /**
@@ -1565,6 +1600,11 @@ export namespace Components {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * Layout
          */
@@ -1589,6 +1629,10 @@ export namespace Components {
           * Earliest allowed date as full date object
          */
         "minAsDate"?: Date;
+        /**
+          * The picker's name. Gets submitted with the form.
+         */
+        "name": string;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -1605,6 +1649,10 @@ export namespace Components {
           * Updates the position of the component.
          */
         "reposition": () => Promise<void>;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * specify the scale of the date picker
          */
@@ -1615,20 +1663,22 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         /**
           * Selected start date
+          * @deprecated use value instead
          */
         "start"?: string;
         /**
           * Selected start date as full date object
+          * @deprecated use valueAsDate instead
          */
         "startAsDate"?: Date;
         /**
           * Selected date
          */
-        "value"?: string;
+        "value": string | string[];
         /**
           * Selected date as full date object
          */
-        "valueAsDate"?: Date;
+        "valueAsDate"?: Date | Date[];
     }
     interface CalciteInputMessage {
         /**
@@ -1662,10 +1712,6 @@ export namespace Components {
           * The disabled state of the time input
          */
         "disabled": boolean;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat": HourDisplayFormat;
         /**
           * aria-label for the hour input
          */
@@ -1714,10 +1760,18 @@ export namespace Components {
           * aria-label for the second up button
          */
         "intlSecondUp"?: string;
+        /**
+          * BCP 47 language tag for desired language and country format
+         */
+        "locale": string;
         /**
           * The name of the time input
          */
-        "name"?: string;
+        "name": string;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * The scale (size) of the time input
          */
@@ -1727,7 +1781,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * number that specifies the granularity that the value must adhere to
+          * number (seconds) that specifies the granularity that the value must adhere to
          */
         "step": number;
         /**
@@ -2323,32 +2377,6 @@ export namespace Components {
          */
         "value": number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked": boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled": boolean;
-        /**
-          * The focused state of the radio.
-         */
-        "focused": boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden": boolean;
-        /**
-          * The hovered state of the radio.
-         */
-        "hovered": boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale": Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -2443,6 +2471,10 @@ export namespace Components {
           * The group's name. Gets submitted with the form.
          */
         "name": string;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * The scale of the radio group
          */
@@ -2455,6 +2487,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * The value of the selectedItem
+         */
+        "value": string;
         /**
           * specify the width of the group, defaults to auto
          */
@@ -2505,10 +2541,18 @@ export namespace Components {
           * @default "Stars: ${num}"
          */
         "intlStars"?: string;
+        /**
+          * The name of the rating
+         */
+        "name": string;
         /**
           * is the rating component in a selectable mode
          */
         "readOnly": boolean;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * specify the scale of the component, defaults to m
          */
@@ -2546,6 +2590,14 @@ export namespace Components {
           * The component's label. This is required for accessibility purposes.
          */
         "label": string;
+        /**
+          * The select's name. Gets submitted with the form.
+         */
+        "name": string;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
         /**
           * The component scale.
          */
@@ -2559,6 +2611,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * The value of the selectedOption
+         */
+        "value": string;
         /**
           * The component width.
          */
@@ -2597,10 +2653,19 @@ export namespace Components {
           * Specifies the maxiumum height of the contents when detached.
          */
         "detachedHeightScale": Scale;
+        /**
+          * Accessible label for resize separator.
+          * @default "Resize"
+         */
+        "intlResize": string;
         /**
           * Arranges the component depending on the elements 'dir' property.
          */
         "position": Position;
+        /**
+          * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+         */
+        "resizable": boolean;
         /**
           * This sets width of the content area.
          */
@@ -2616,7 +2681,8 @@ export namespace Components {
          */
         "hasHistogram": boolean;
         /**
-          * Display a histogram above the slider
+          * List of x,y coordinates within the slider's min and max, displays above the slider track.
+          * @see  [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-graph/interfaces.ts#L5)
          */
         "histogram"?: DataSeries;
         /**
@@ -2659,6 +2725,10 @@ export namespace Components {
           * 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.
          */
         "mirrored": boolean;
+        /**
+          * The name of the slider
+         */
+        "name": string;
         /**
           * Interval to move on page up/page down keys
          */
@@ -2667,6 +2737,14 @@ export namespace Components {
           * Use finer point for handles
          */
         "precise": boolean;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required": boolean;
+        /**
+          * Specify the scale of the slider, defaults to m
+         */
+        "scale": Scale;
         /**
           * Sets focus on the component.
          */
@@ -2743,6 +2821,10 @@ export namespace Components {
           * optionally add a calcite-loader component to the control, disabling interaction. with the primary button
          */
         "loading": boolean;
+        /**
+          * Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value.
+         */
+        "overlayPositioning": OverlayPositioning;
         /**
           * optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names
          */
@@ -2857,7 +2939,7 @@ export namespace Components {
         /**
           * The name of the switch input
          */
-        "name"?: string;
+        "name": string;
         /**
           * The scale of the switch
          */
@@ -2874,7 +2956,7 @@ export namespace Components {
         /**
           * The value of the switch input
          */
-        "value"?: any;
+        "value": any;
     }
     interface CalciteTab {
         /**
@@ -3036,7 +3118,7 @@ export namespace Components {
         /**
           * The name of the tile select.  This name will appear in form submissions as either a radio or checkbox identifier based on the `type` property.
          */
-        "name": string;
+        "name": any;
         /**
           * Sets focus on the component.
          */
@@ -3061,14 +3143,6 @@ export namespace Components {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat": HourDisplayFormat;
         /**
           * aria-label for the hour input
           * @default "Hour"
@@ -3130,25 +3204,25 @@ export namespace Components {
          */
         "intlSecondUp": string;
         /**
-          * The minute value
+          * BCP 47 language tag for desired language and country format
          */
-        "minute"?: string;
+        "locale": string;
         /**
           * The scale (size) of the time picker
          */
         "scale": Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * Sets focus on the component.
          */
-        "setFocus": (target: TimeFocusId) => Promise<void>;
+        "setFocus": (target: TimePart) => Promise<void>;
         /**
           * number that specifies the granularity that the value must adhere to
          */
         "step": number;
+        /**
+          * The selected time in UTC
+         */
+        "value": string;
     }
     interface CalciteTip {
         /**
@@ -3742,12 +3816,6 @@ declare global {
         prototype: HTMLCalciteProgressElement;
         new (): HTMLCalciteProgressElement;
     };
-    interface HTMLCalciteRadioElement extends Components.CalciteRadio, HTMLStencilElement {
-    }
-    var HTMLCalciteRadioElement: {
-        prototype: HTMLCalciteRadioElement;
-        new (): HTMLCalciteRadioElement;
-    };
     interface HTMLCalciteRadioButtonElement extends Components.CalciteRadioButton, HTMLStencilElement {
     }
     var HTMLCalciteRadioButtonElement: {
@@ -4004,7 +4072,6 @@ declare global {
         "calcite-popover": HTMLCalcitePopoverElement;
         "calcite-popover-manager": HTMLCalcitePopoverManagerElement;
         "calcite-progress": HTMLCalciteProgressElement;
-        "calcite-radio": HTMLCalciteRadioElement;
         "calcite-radio-button": HTMLCalciteRadioButtonElement;
         "calcite-radio-button-group": HTMLCalciteRadioButtonGroupElement;
         "calcite-radio-group": HTMLCalciteRadioGroupElement;
@@ -4562,7 +4629,7 @@ declare namespace LocalJSX {
         /**
           * The name of the checkbox input
          */
-        "name"?: string;
+        "name"?: any;
         /**
           * Emitted when the checkbox checked status changes
          */
@@ -4823,6 +4890,10 @@ declare namespace LocalJSX {
           * Specify the maximum number of combobox items (including nested children) to display before showing the scroller
          */
         "maxItems"?: number;
+        /**
+          * The name of the switch input
+         */
+        "name"?: string;
         /**
           * Called when the selected item(s) changes.
          */
@@ -4859,6 +4930,10 @@ declare namespace LocalJSX {
           * specify the selection mode - multi: allow any number of selected items (default) - single: only one selection) - ancestors: like multi, but show ancestors of selected items as selected, only deepest children shown in chips
          */
         "selectionMode"?: ComboboxSelectionMode;
+        /**
+          * The value(s) of the selectedItem(s)
+         */
+        "value"?: string | string[];
     }
     interface CalciteComboboxItem {
         /**
@@ -4919,10 +4994,12 @@ declare namespace LocalJSX {
         "activeRange"?: "start" | "end";
         /**
           * Selected end date
+          * @deprecated use value instead
          */
         "end"?: string;
         /**
           * Selected end date as full date object
+          * @deprecated use valueAsDate instead
          */
         "endAsDate"?: Date;
         /**
@@ -4939,6 +5016,11 @@ declare namespace LocalJSX {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * BCP 47 language tag for desired language and country format
          */
@@ -4982,20 +5064,22 @@ declare namespace LocalJSX {
         "scale"?: "s" | "m" | "l";
         /**
           * Selected start date
+          * @deprecated use value instead
          */
         "start"?: string;
         /**
           * Selected start date as full date object
+          * @deprecated use valueAsDate instead
          */
         "startAsDate"?: Date;
         /**
           * Selected date
          */
-        "value"?: string;
+        "value"?: string | string[];
         /**
           * Selected date as full date object
          */
-        "valueAsDate"?: Date;
+        "valueAsDate"?: Date | Date[];
     }
     interface CalciteDatePickerDay {
         /**
@@ -5114,6 +5198,10 @@ declare namespace LocalJSX {
           * Localized string for previous month.
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for year.
+         */
+        "intlYear"?: string;
         /**
           * User's language and region as BCP 47 formatted string.
          */
@@ -5287,11 +5375,6 @@ declare namespace LocalJSX {
         "textEnabled"?: boolean;
     }
     interface CalciteFilter {
-        /**
-          * The input data. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.
-          * @deprecated use `items` instead.
-         */
-        "data"?: object[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -5312,11 +5395,11 @@ declare namespace LocalJSX {
         /**
           * The items to filter through. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.  This property is required.
          */
-        "items"?: object[];
+        "items": object[];
         /**
           * This event fires when the filter text changes.
          */
-        "onCalciteFilterChange"?: (event: CustomEvent<any>) => void;
+        "onCalciteFilterChange"?: (event: CustomEvent<void>) => void;
         /**
           * Placeholder text for the input element's placeholder attribute
          */
@@ -5452,6 +5535,10 @@ declare namespace LocalJSX {
           * for number values, displays the locale's group separator
          */
         "groupSeparator"?: boolean;
+        /**
+          * when true, the component will not be visible
+         */
+        "hidden"?: boolean;
         /**
           * when used as a boolean set to true, show a default recommended icon for certain input types (tel, password, email, date, time, search). You can also pass a calcite-ui-icon name to this prop to display a requested icon for any input type
          */
@@ -5506,6 +5593,10 @@ declare namespace LocalJSX {
           * specify the placement of the number buttons
          */
         "numberButtonType"?: InputPlacement;
+        /**
+          * This event fires each time a new value is typed and committed.
+         */
+        "onCalciteInputChange"?: (event: CustomEvent<void>) => void;
         /**
           * This event fires each time a new value is typed.
          */
@@ -5571,12 +5662,18 @@ declare namespace LocalJSX {
           * Expand or collapse when calendar does not have input
          */
         "active"?: boolean;
+        /**
+          * When false, the component won't be interactive.
+         */
+        "disabled"?: boolean;
         /**
           * Selected end date
+          * @deprecated use value instead
          */
         "end"?: string;
         /**
           * Selected end date as full date object
+          * @deprecated use valueAsDate instead
          */
         "endAsDate"?: Date;
         /**
@@ -5593,6 +5690,11 @@ declare namespace LocalJSX {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * Layout
          */
@@ -5617,6 +5719,10 @@ declare namespace LocalJSX {
           * Earliest allowed date as full date object
          */
         "minAsDate"?: Date;
+        /**
+          * The picker's name. Gets submitted with the form.
+         */
+        "name"?: string;
         /**
           * Trigger calcite date change when a user changes the date.
          */
@@ -5644,20 +5750,22 @@ declare namespace LocalJSX {
         "scale"?: "s" | "m" | "l";
         /**
           * Selected start date
+          * @deprecated use value instead
          */
         "start"?: string;
         /**
           * Selected start date as full date object
+          * @deprecated use valueAsDate instead
          */
         "startAsDate"?: Date;
         /**
           * Selected date
          */
-        "value"?: string;
+        "value"?: string | string[];
         /**
           * Selected date as full date object
          */
-        "valueAsDate"?: Date;
+        "valueAsDate"?: Date | Date[];
     }
     interface CalciteInputMessage {
         /**
@@ -5691,10 +5799,6 @@ declare namespace LocalJSX {
           * The disabled state of the time input
          */
         "disabled"?: boolean;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat"?: HourDisplayFormat;
         /**
           * aria-label for the hour input
          */
@@ -5756,7 +5860,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * number that specifies the granularity that the value must adhere to
+          * number (seconds) that specifies the granularity that the value must adhere to
          */
         "step"?: number;
         /**
@@ -6345,24 +6449,6 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked"?: boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled"?: boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden"?: boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale"?: Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -6460,6 +6546,10 @@ declare namespace LocalJSX {
           * The group's selected item.
          */
         "selectedItem"?: HTMLCalciteRadioGroupItemElement;
+        /**
+          * The value of the selectedItem
+         */
+        "value"?: string;
         /**
           * specify the width of the group, defaults to auto
          */
@@ -6510,6 +6600,10 @@ declare namespace LocalJSX {
           * @default "Stars: ${num}"
          */
         "intlStars"?: string;
+        /**
+          * The name of the rating
+         */
+        "name"?: string;
         /**
           * Fires when the rating value has changed.
          */
@@ -6551,6 +6645,10 @@ declare namespace LocalJSX {
           * The component's label. This is required for accessibility purposes.
          */
         "label": string;
+        /**
+          * The select's name. Gets submitted with the form.
+         */
+        "name"?: string;
         /**
           * This event will fire whenever the selected option changes.
          */
@@ -6564,6 +6662,10 @@ declare namespace LocalJSX {
           * @readonly
          */
         "selectedOption"?: HTMLCalciteOptionElement;
+        /**
+          * The value of the selectedOption
+         */
+        "value"?: string;
         /**
           * The component width.
          */
@@ -6602,6 +6704,11 @@ declare namespace LocalJSX {
           * Specifies the maxiumum height of the contents when detached.
          */
         "detachedHeightScale"?: Scale;
+        /**
+          * Accessible label for resize separator.
+          * @default "Resize"
+         */
+        "intlResize"?: string;
         /**
           * Emitted when collapse has been toggled.
          */
@@ -6610,6 +6717,10 @@ declare namespace LocalJSX {
           * Arranges the component depending on the elements 'dir' property.
          */
         "position"?: Position;
+        /**
+          * This property makes the content area resizable if the calcite-shell-panel is not 'detached'.
+         */
+        "resizable"?: boolean;
         /**
           * This sets width of the content area.
          */
@@ -6625,7 +6736,8 @@ declare namespace LocalJSX {
          */
         "hasHistogram"?: boolean;
         /**
-          * Display a histogram above the slider
+          * List of x,y coordinates within the slider's min and max, displays above the slider track.
+          * @see  [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-graph/interfaces.ts#L5)
          */
         "histogram"?: DataSeries;
         /**
@@ -6668,6 +6780,10 @@ declare namespace LocalJSX {
           * 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.
          */
         "mirrored"?: boolean;
+        /**
+          * The name of the slider
+         */
+        "name"?: string;
         /**
           * Fires on when the thumb is released on slider If you need to constantly listen to the drag event, please use calciteSliderInput instead
          */
@@ -6689,6 +6805,14 @@ declare namespace LocalJSX {
           * Use finer point for handles
          */
         "precise"?: boolean;
+        /**
+          * When true, makes the component required for form-submission.
+         */
+        "required"?: boolean;
+        /**
+          * Specify the scale of the slider, defaults to m
+         */
+        "scale"?: Scale;
         /**
           * When true, enables snap selection along the step interval
          */
@@ -6769,6 +6893,10 @@ declare namespace LocalJSX {
           * fired when the secondary button is clicked
          */
         "onCalciteSplitButtonSecondaryClick"?: (event: CustomEvent<any>) => void;
+        /**
+          * Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value.
+         */
+        "overlayPositioning"?: OverlayPositioning;
         /**
           * optionally pass an icon to display at the end of the primary button - accepts Calcite UI icon names
          */
@@ -7021,7 +7149,7 @@ declare namespace LocalJSX {
         /**
           * The name of the tile select.  This name will appear in form submissions as either a radio or checkbox identifier based on the `type` property.
          */
-        "name"?: string;
+        "name"?: any;
         /**
           * Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.
          */
@@ -7046,14 +7174,6 @@ declare namespace LocalJSX {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually)
-         */
-        "hourDisplayFormat"?: HourDisplayFormat;
         /**
           * aria-label for the hour input
           * @default "Hour"
@@ -7114,22 +7234,18 @@ declare namespace LocalJSX {
           * @default "Increase second"
          */
         "intlSecondUp"?: string;
-        /**
-          * The minute value
-         */
-        "minute"?: string;
         /**
           * The scale (size) of the time picker
          */
         "scale"?: Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * number that specifies the granularity that the value must adhere to
          */
         "step"?: number;
+        /**
+          * The selected time in UTC
+         */
+        "value"?: string;
     }
     interface CalciteTip {
         /**
@@ -7419,7 +7535,6 @@ declare namespace LocalJSX {
         "calcite-popover": CalcitePopover;
         "calcite-popover-manager": CalcitePopoverManager;
         "calcite-progress": CalciteProgress;
-        "calcite-radio": CalciteRadio;
         "calcite-radio-button": CalciteRadioButton;
         "calcite-radio-button-group": CalciteRadioButtonGroup;
         "calcite-radio-group": CalciteRadioGroup;
@@ -7516,7 +7631,6 @@ declare module "@stencil/core" {
             "calcite-popover": LocalJSX.CalcitePopover & JSXBase.HTMLAttributes<HTMLCalcitePopoverElement>;
             "calcite-popover-manager": LocalJSX.CalcitePopoverManager & JSXBase.HTMLAttributes<HTMLCalcitePopoverManagerElement>;
             "calcite-progress": LocalJSX.CalciteProgress & JSXBase.HTMLAttributes<HTMLCalciteProgressElement>;
-            "calcite-radio": LocalJSX.CalciteRadio & JSXBase.HTMLAttributes<HTMLCalciteRadioElement>;
             "calcite-radio-button": LocalJSX.CalciteRadioButton & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonElement>;
             "calcite-radio-button-group": LocalJSX.CalciteRadioButtonGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonGroupElement>;
             "calcite-radio-group": LocalJSX.CalciteRadioGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioGroupElement>;