@esri/calcite-components 1.0.0-next.557 → 1.0.0-next.558

package/dist/components/floating-ui.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { c as getElementDir } from './dom.js';
+import { b as getElementDir } from './dom.js';
 
 function getSide(placement) {
   return placement.split('-')[0];
@@ -1658,4 +1658,4 @@ const visiblePointerSize = 4;
  */
 const defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
 
-export { FloatingCSS as F, disconnectFloatingUI as a, defaultOffsetDistance as b, connectFloatingUI as c, defaultMenuPlacement as d, filterComputedPlacements as f, positionFloatingUI as p };
+export { FloatingCSS as F, disconnectFloatingUI as a, defaultMenuPlacement as b, connectFloatingUI as c, defaultOffsetDistance as d, filterComputedPlacements as f, positionFloatingUI as p };

package/dist/components/form.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { m as closestElementCrossShadowBoundary } from './dom.js';
+import { d as closestElementCrossShadowBoundary } from './dom.js';
 import { h } from '@stencil/core/internal/client';
 
 /**
@@ -35,13 +35,15 @@ function hasRegisteredFormComponentParent(form, formComponentEl) {
  * Helper to submit a form.
  *
  * @param component
+ * @returns true if its associated form was submitted, false otherwise.
  */
 function submitForm(component) {
   const { formEl } = component;
   if (!formEl) {
-    return;
+    return false;
   }
   "requestSubmit" in formEl ? formEl.requestSubmit() : formEl.submit();
+  return true;
 }
 /**
  * Helper to reset a form.

package/dist/components/graph.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/guid.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 function gen(counts) {
   return counts

package/dist/components/handle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as toAriaBoolean } from './dom.js';
@@ -45,12 +45,14 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       switch (event.key) {
         case " ":
           this.activated = !this.activated;
+          event.preventDefault();
           break;
         case "ArrowUp":
         case "ArrowDown":
           if (!this.activated) {
             return;
           }
+          event.preventDefault();
           const direction = event.key.toLowerCase().replace("arrow", "");
           this.calciteHandleNudge.emit({ handle: this.el, direction });
           break;

package/dist/components/icon.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client';
-import { c as getElementDir, t as toAriaBoolean } from './dom.js';
+import { b as getElementDir, t as toAriaBoolean } from './dom.js';
 import { c as createObserver } from './observers.js';
 
 const CSS = {

package/dist/components/index.d.ts

@@ -1,96 +1,6 @@
 /* calcite custom elements */
-export { Accordion as CalciteAccordion } from '../types/components/accordion/accordion';
-export { AccordionItem as CalciteAccordionItem } from '../types/components/accordion-item/accordion-item';
-export { Action as CalciteAction } from '../types/components/action/action';
-export { ActionBar as CalciteActionBar } from '../types/components/action-bar/action-bar';
-export { ActionGroup as CalciteActionGroup } from '../types/components/action-group/action-group';
-export { ActionMenu as CalciteActionMenu } from '../types/components/action-menu/action-menu';
-export { ActionPad as CalciteActionPad } from '../types/components/action-pad/action-pad';
-export { Alert as CalciteAlert } from '../types/components/alert/alert';
-export { Avatar as CalciteAvatar } from '../types/components/avatar/avatar';
-export { Block as CalciteBlock } from '../types/components/block/block';
-export { BlockSection as CalciteBlockSection } from '../types/components/block-section/block-section';
-export { Button as CalciteButton } from '../types/components/button/button';
-export { Card as CalciteCard } from '../types/components/card/card';
-export { Checkbox as CalciteCheckbox } from '../types/components/checkbox/checkbox';
-export { Chip as CalciteChip } from '../types/components/chip/chip';
-export { ColorPicker as CalciteColorPicker } from '../types/components/color-picker/color-picker';
-export { ColorPickerHexInput as CalciteColorPickerHexInput } from '../types/components/color-picker-hex-input/color-picker-hex-input';
-export { ColorPickerSwatch as CalciteColorPickerSwatch } from '../types/components/color-picker-swatch/color-picker-swatch';
-export { Combobox as CalciteCombobox } from '../types/components/combobox/combobox';
-export { ComboboxItem as CalciteComboboxItem } from '../types/components/combobox-item/combobox-item';
-export { ComboboxItemGroup as CalciteComboboxItemGroup } from '../types/components/combobox-item-group/combobox-item-group';
-export { DatePicker as CalciteDatePicker } from '../types/components/date-picker/date-picker';
-export { DatePickerDay as CalciteDatePickerDay } from '../types/components/date-picker-day/date-picker-day';
-export { DatePickerMonth as CalciteDatePickerMonth } from '../types/components/date-picker-month/date-picker-month';
-export { DatePickerMonthHeader as CalciteDatePickerMonthHeader } from '../types/components/date-picker-month-header/date-picker-month-header';
-export { Dropdown as CalciteDropdown } from '../types/components/dropdown/dropdown';
-export { DropdownGroup as CalciteDropdownGroup } from '../types/components/dropdown-group/dropdown-group';
-export { DropdownItem as CalciteDropdownItem } from '../types/components/dropdown-item/dropdown-item';
-export { Fab as CalciteFab } from '../types/components/fab/fab';
-export { Filter as CalciteFilter } from '../types/components/filter/filter';
-export { Flow as CalciteFlow } from '../types/components/flow/flow';
-export { Graph as CalciteGraph } from '../types/components/graph/graph';
-export { Handle as CalciteHandle } from '../types/components/handle/handle';
-export { Icon as CalciteIcon } from '../types/components/icon/icon';
-export { InlineEditable as CalciteInlineEditable } from '../types/components/inline-editable/inline-editable';
-export { Input as CalciteInput } from '../types/components/input/input';
-export { InputDatePicker as CalciteInputDatePicker } from '../types/components/input-date-picker/input-date-picker';
-export { InputMessage as CalciteInputMessage } from '../types/components/input-message/input-message';
-export { InputNumber as CalciteInputNumber } from '../types/components/input-number/input-number';
-export { InputText as CalciteInputText } from '../types/components/input-text/input-text';
-export { InputTimePicker as CalciteInputTimePicker } from '../types/components/input-time-picker/input-time-picker';
-export { Label as CalciteLabel } from '../types/components/label/label';
-export { Link as CalciteLink } from '../types/components/link/link';
-export { List as CalciteList } from '../types/components/list/list';
-export { ListItem as CalciteListItem } from '../types/components/list-item/list-item';
-export { ListItemGroup as CalciteListItemGroup } from '../types/components/list-item-group/list-item-group';
-export { Loader as CalciteLoader } from '../types/components/loader/loader';
-export { Modal as CalciteModal } from '../types/components/modal/modal';
-export { Notice as CalciteNotice } from '../types/components/notice/notice';
-export { Option as CalciteOption } from '../types/components/option/option';
-export { OptionGroup as CalciteOptionGroup } from '../types/components/option-group/option-group';
-export { Pagination as CalcitePagination } from '../types/components/pagination/pagination';
-export { Panel as CalcitePanel } from '../types/components/panel/panel';
-export { PickList as CalcitePickList } from '../types/components/pick-list/pick-list';
-export { PickListGroup as CalcitePickListGroup } from '../types/components/pick-list-group/pick-list-group';
-export { PickListItem as CalcitePickListItem } from '../types/components/pick-list-item/pick-list-item';
-export { Popover as CalcitePopover } from '../types/components/popover/popover';
-export { PopoverManager as CalcitePopoverManager } from '../types/components/popover-manager/popover-manager';
-export { Progress as CalciteProgress } from '../types/components/progress/progress';
-export { RadioButton as CalciteRadioButton } from '../types/components/radio-button/radio-button';
-export { RadioButtonGroup as CalciteRadioButtonGroup } from '../types/components/radio-button-group/radio-button-group';
-export { RadioGroup as CalciteRadioGroup } from '../types/components/radio-group/radio-group';
-export { RadioGroupItem as CalciteRadioGroupItem } from '../types/components/radio-group-item/radio-group-item';
-export { Rating as CalciteRating } from '../types/components/rating/rating';
-export { Scrim as CalciteScrim } from '../types/components/scrim/scrim';
-export { Select as CalciteSelect } from '../types/components/select/select';
-export { Shell as CalciteShell } from '../types/components/shell/shell';
-export { ShellCenterRow as CalciteShellCenterRow } from '../types/components/shell-center-row/shell-center-row';
-export { ShellPanel as CalciteShellPanel } from '../types/components/shell-panel/shell-panel';
-export { Slider as CalciteSlider } from '../types/components/slider/slider';
-export { SortableList as CalciteSortableList } from '../types/components/sortable-list/sortable-list';
-export { SplitButton as CalciteSplitButton } from '../types/components/split-button/split-button';
-export { Stepper as CalciteStepper } from '../types/components/stepper/stepper';
-export { StepperItem as CalciteStepperItem } from '../types/components/stepper-item/stepper-item';
-export { Switch as CalciteSwitch } from '../types/components/switch/switch';
-export { Tab as CalciteTab } from '../types/components/tab/tab';
-export { TabNav as CalciteTabNav } from '../types/components/tab-nav/tab-nav';
-export { TabTitle as CalciteTabTitle } from '../types/components/tab-title/tab-title';
-export { Tabs as CalciteTabs } from '../types/components/tabs/tabs';
-export { Tile as CalciteTile } from '../types/components/tile/tile';
-export { TileSelect as CalciteTileSelect } from '../types/components/tile-select/tile-select';
-export { TileSelectGroup as CalciteTileSelectGroup } from '../types/components/tile-select-group/tile-select-group';
-export { TimePicker as CalciteTimePicker } from '../types/components/time-picker/time-picker';
-export { Tip as CalciteTip } from '../types/components/tip/tip';
-export { TipGroup as CalciteTipGroup } from '../types/components/tip-group/tip-group';
-export { TipManager as CalciteTipManager } from '../types/components/tip-manager/tip-manager';
-export { Tooltip as CalciteTooltip } from '../types/components/tooltip/tooltip';
-export { TooltipManager as CalciteTooltipManager } from '../types/components/tooltip-manager/tooltip-manager';
-export { Tree as CalciteTree } from '../types/components/tree/tree';
-export { TreeItem as CalciteTreeItem } from '../types/components/tree-item/tree-item';
-export { ValueList as CalciteValueList } from '../types/components/value-list/value-list';
-export { ValueListItem as CalciteValueListItem } from '../types/components/value-list-item/value-list-item';
+
+import type { Components, JSX } from "../types/components";
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -110,4 +20,7 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
 export * from '../types/components';

package/dist/components/index.js

@@ -1,102 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { d as darkTheme, a as autoTheme } from './dom.js';
-export { CalciteAccordion, defineCustomElement as defineCustomElementCalciteAccordion } from './calcite-accordion.js';
-export { CalciteAccordionItem, defineCustomElement as defineCustomElementCalciteAccordionItem } from './calcite-accordion-item.js';
-export { CalciteAction, defineCustomElement as defineCustomElementCalciteAction } from './calcite-action.js';
-export { CalciteActionBar, defineCustomElement as defineCustomElementCalciteActionBar } from './calcite-action-bar.js';
-export { CalciteActionGroup, defineCustomElement as defineCustomElementCalciteActionGroup } from './calcite-action-group.js';
-export { CalciteActionMenu, defineCustomElement as defineCustomElementCalciteActionMenu } from './calcite-action-menu.js';
-export { CalciteActionPad, defineCustomElement as defineCustomElementCalciteActionPad } from './calcite-action-pad.js';
-export { CalciteAlert, defineCustomElement as defineCustomElementCalciteAlert } from './calcite-alert.js';
-export { CalciteAvatar, defineCustomElement as defineCustomElementCalciteAvatar } from './calcite-avatar.js';
-export { CalciteBlock, defineCustomElement as defineCustomElementCalciteBlock } from './calcite-block.js';
-export { CalciteBlockSection, defineCustomElement as defineCustomElementCalciteBlockSection } from './calcite-block-section.js';
-export { CalciteButton, defineCustomElement as defineCustomElementCalciteButton } from './calcite-button.js';
-export { CalciteCard, defineCustomElement as defineCustomElementCalciteCard } from './calcite-card.js';
-export { CalciteCheckbox, defineCustomElement as defineCustomElementCalciteCheckbox } from './calcite-checkbox.js';
-export { CalciteChip, defineCustomElement as defineCustomElementCalciteChip } from './calcite-chip.js';
-export { CalciteColorPicker, defineCustomElement as defineCustomElementCalciteColorPicker } from './calcite-color-picker.js';
-export { CalciteColorPickerHexInput, defineCustomElement as defineCustomElementCalciteColorPickerHexInput } from './calcite-color-picker-hex-input.js';
-export { CalciteColorPickerSwatch, defineCustomElement as defineCustomElementCalciteColorPickerSwatch } from './calcite-color-picker-swatch.js';
-export { CalciteCombobox, defineCustomElement as defineCustomElementCalciteCombobox } from './calcite-combobox.js';
-export { CalciteComboboxItem, defineCustomElement as defineCustomElementCalciteComboboxItem } from './calcite-combobox-item.js';
-export { CalciteComboboxItemGroup, defineCustomElement as defineCustomElementCalciteComboboxItemGroup } from './calcite-combobox-item-group.js';
-export { CalciteDatePicker, defineCustomElement as defineCustomElementCalciteDatePicker } from './calcite-date-picker.js';
-export { CalciteDatePickerDay, defineCustomElement as defineCustomElementCalciteDatePickerDay } from './calcite-date-picker-day.js';
-export { CalciteDatePickerMonth, defineCustomElement as defineCustomElementCalciteDatePickerMonth } from './calcite-date-picker-month.js';
-export { CalciteDatePickerMonthHeader, defineCustomElement as defineCustomElementCalciteDatePickerMonthHeader } from './calcite-date-picker-month-header.js';
-export { CalciteDropdown, defineCustomElement as defineCustomElementCalciteDropdown } from './calcite-dropdown.js';
-export { CalciteDropdownGroup, defineCustomElement as defineCustomElementCalciteDropdownGroup } from './calcite-dropdown-group.js';
-export { CalciteDropdownItem, defineCustomElement as defineCustomElementCalciteDropdownItem } from './calcite-dropdown-item.js';
-export { CalciteFab, defineCustomElement as defineCustomElementCalciteFab } from './calcite-fab.js';
-export { CalciteFilter, defineCustomElement as defineCustomElementCalciteFilter } from './calcite-filter.js';
-export { CalciteFlow, defineCustomElement as defineCustomElementCalciteFlow } from './calcite-flow.js';
-export { CalciteGraph, defineCustomElement as defineCustomElementCalciteGraph } from './calcite-graph.js';
-export { CalciteHandle, defineCustomElement as defineCustomElementCalciteHandle } from './calcite-handle.js';
-export { CalciteIcon, defineCustomElement as defineCustomElementCalciteIcon } from './calcite-icon.js';
-export { CalciteInlineEditable, defineCustomElement as defineCustomElementCalciteInlineEditable } from './calcite-inline-editable.js';
-export { CalciteInput, defineCustomElement as defineCustomElementCalciteInput } from './calcite-input.js';
-export { CalciteInputDatePicker, defineCustomElement as defineCustomElementCalciteInputDatePicker } from './calcite-input-date-picker.js';
-export { CalciteInputMessage, defineCustomElement as defineCustomElementCalciteInputMessage } from './calcite-input-message.js';
-export { CalciteInputNumber, defineCustomElement as defineCustomElementCalciteInputNumber } from './calcite-input-number.js';
-export { CalciteInputText, defineCustomElement as defineCustomElementCalciteInputText } from './calcite-input-text.js';
-export { CalciteInputTimePicker, defineCustomElement as defineCustomElementCalciteInputTimePicker } from './calcite-input-time-picker.js';
-export { CalciteLabel, defineCustomElement as defineCustomElementCalciteLabel } from './calcite-label.js';
-export { CalciteLink, defineCustomElement as defineCustomElementCalciteLink } from './calcite-link.js';
-export { CalciteList, defineCustomElement as defineCustomElementCalciteList } from './calcite-list.js';
-export { CalciteListItem, defineCustomElement as defineCustomElementCalciteListItem } from './calcite-list-item.js';
-export { CalciteListItemGroup, defineCustomElement as defineCustomElementCalciteListItemGroup } from './calcite-list-item-group.js';
-export { CalciteLoader, defineCustomElement as defineCustomElementCalciteLoader } from './calcite-loader.js';
-export { CalciteModal, defineCustomElement as defineCustomElementCalciteModal } from './calcite-modal.js';
-export { CalciteNotice, defineCustomElement as defineCustomElementCalciteNotice } from './calcite-notice.js';
-export { CalciteOption, defineCustomElement as defineCustomElementCalciteOption } from './calcite-option.js';
-export { CalciteOptionGroup, defineCustomElement as defineCustomElementCalciteOptionGroup } from './calcite-option-group.js';
-export { CalcitePagination, defineCustomElement as defineCustomElementCalcitePagination } from './calcite-pagination.js';
-export { CalcitePanel, defineCustomElement as defineCustomElementCalcitePanel } from './calcite-panel.js';
-export { CalcitePickList, defineCustomElement as defineCustomElementCalcitePickList } from './calcite-pick-list.js';
-export { CalcitePickListGroup, defineCustomElement as defineCustomElementCalcitePickListGroup } from './calcite-pick-list-group.js';
-export { CalcitePickListItem, defineCustomElement as defineCustomElementCalcitePickListItem } from './calcite-pick-list-item.js';
-export { CalcitePopover, defineCustomElement as defineCustomElementCalcitePopover } from './calcite-popover.js';
-export { CalcitePopoverManager, defineCustomElement as defineCustomElementCalcitePopoverManager } from './calcite-popover-manager.js';
-export { CalciteProgress, defineCustomElement as defineCustomElementCalciteProgress } from './calcite-progress.js';
-export { CalciteRadioButton, defineCustomElement as defineCustomElementCalciteRadioButton } from './calcite-radio-button.js';
-export { CalciteRadioButtonGroup, defineCustomElement as defineCustomElementCalciteRadioButtonGroup } from './calcite-radio-button-group.js';
-export { CalciteRadioGroup, defineCustomElement as defineCustomElementCalciteRadioGroup } from './calcite-radio-group.js';
-export { CalciteRadioGroupItem, defineCustomElement as defineCustomElementCalciteRadioGroupItem } from './calcite-radio-group-item.js';
-export { CalciteRating, defineCustomElement as defineCustomElementCalciteRating } from './calcite-rating.js';
-export { CalciteScrim, defineCustomElement as defineCustomElementCalciteScrim } from './calcite-scrim.js';
-export { CalciteSelect, defineCustomElement as defineCustomElementCalciteSelect } from './calcite-select.js';
-export { CalciteShell, defineCustomElement as defineCustomElementCalciteShell } from './calcite-shell.js';
-export { CalciteShellCenterRow, defineCustomElement as defineCustomElementCalciteShellCenterRow } from './calcite-shell-center-row.js';
-export { CalciteShellPanel, defineCustomElement as defineCustomElementCalciteShellPanel } from './calcite-shell-panel.js';
-export { CalciteSlider, defineCustomElement as defineCustomElementCalciteSlider } from './calcite-slider.js';
-export { CalciteSortableList, defineCustomElement as defineCustomElementCalciteSortableList } from './calcite-sortable-list.js';
-export { CalciteSplitButton, defineCustomElement as defineCustomElementCalciteSplitButton } from './calcite-split-button.js';
-export { CalciteStepper, defineCustomElement as defineCustomElementCalciteStepper } from './calcite-stepper.js';
-export { CalciteStepperItem, defineCustomElement as defineCustomElementCalciteStepperItem } from './calcite-stepper-item.js';
-export { CalciteSwitch, defineCustomElement as defineCustomElementCalciteSwitch } from './calcite-switch.js';
-export { CalciteTab, defineCustomElement as defineCustomElementCalciteTab } from './calcite-tab.js';
-export { CalciteTabNav, defineCustomElement as defineCustomElementCalciteTabNav } from './calcite-tab-nav.js';
-export { CalciteTabTitle, defineCustomElement as defineCustomElementCalciteTabTitle } from './calcite-tab-title.js';
-export { CalciteTabs, defineCustomElement as defineCustomElementCalciteTabs } from './calcite-tabs.js';
-export { CalciteTile, defineCustomElement as defineCustomElementCalciteTile } from './calcite-tile.js';
-export { CalciteTileSelect, defineCustomElement as defineCustomElementCalciteTileSelect } from './calcite-tile-select.js';
-export { CalciteTileSelectGroup, defineCustomElement as defineCustomElementCalciteTileSelectGroup } from './calcite-tile-select-group.js';
-export { CalciteTimePicker, defineCustomElement as defineCustomElementCalciteTimePicker } from './calcite-time-picker.js';
-export { CalciteTip, defineCustomElement as defineCustomElementCalciteTip } from './calcite-tip.js';
-export { CalciteTipGroup, defineCustomElement as defineCustomElementCalciteTipGroup } from './calcite-tip-group.js';
-export { CalciteTipManager, defineCustomElement as defineCustomElementCalciteTipManager } from './calcite-tip-manager.js';
-export { CalciteTooltip, defineCustomElement as defineCustomElementCalciteTooltip } from './calcite-tooltip.js';
-export { CalciteTooltipManager, defineCustomElement as defineCustomElementCalciteTooltipManager } from './calcite-tooltip-manager.js';
-export { CalciteTree, defineCustomElement as defineCustomElementCalciteTree } from './calcite-tree.js';
-export { CalciteTreeItem, defineCustomElement as defineCustomElementCalciteTreeItem } from './calcite-tree-item.js';
-export { CalciteValueList, defineCustomElement as defineCustomElementCalciteValueList } from './calcite-value-list.js';
-export { CalciteValueListItem, defineCustomElement as defineCustomElementCalciteValueListItem } from './calcite-value-list-item.js';
+import { d as darkTheme, a as autoTheme } from './resources.js';
 
 /**
  * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/components/input.js

@@ -1,14 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { T as TEXT$1, b as getSlotted, s as setRequestedIcon, g as getElementProp, c as getElementDir, C as CSS_UTILITY } from './dom.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
+import { a as getSlotted, s as setRequestedIcon, g as getElementProp, b as getElementDir } from './dom.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
 import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale.js';
 import { n as numberKeys } from './key.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources.js';
 import { d as decimalPlaces } from './math.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -153,7 +154,9 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         event.preventDefault();
       }
       if (event.key === "Enter" && !event.defaultPrevented) {
-        submitForm(this);
+        if (submitForm(this)) {
+          event.preventDefault();
+        }
       }
     };
     this.clearInputValue = (nativeEvent) => {

package/dist/components/interactive.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 function noopClick() {
   /** noop */

package/dist/components/interfaces.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 var StatusIcons;
 (function (StatusIcons) {

package/dist/components/interfaces2.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/components/key.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/label.js

@@ -1,101 +1,126 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.557
+ * v1.0.0-next.558
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label2.js';
+import { q as queryElementRoots, d as closestElementCrossShadowBoundary } from './dom.js';
 
-const CSS = {
-  container: "container"
+/**
+ * Exported for testing purposes only
+ *
+ * @internal
+ */
+const labelClickEvent = "calciteInternalLabelClick";
+const labelConnectedEvent = "calciteInternalLabelConnected";
+const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
+const labelTagName = "calcite-label";
+const onLabelClickMap = new WeakMap();
+const onLabelConnectedMap = new WeakMap();
+const onLabelDisconnectedMap = new WeakMap();
+const unlabeledComponents = new Set();
+const findLabelForComponent = (componentEl) => {
+  const { id } = componentEl;
+  const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
+  if (forLabel) {
+    return forLabel;
+  }
+  const parentLabel = closestElementCrossShadowBoundary(componentEl, labelTagName);
+  if (!parentLabel ||
+    // labelable components within other custom elements are not considered labelable
+    hasAncestorCustomElements(parentLabel, componentEl)) {
+    return null;
+  }
+  return parentLabel;
 };
-
-const labelCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none !important}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host(:not([disable-spacing])[scale=s]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.5rem);margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host(:not([disable-spacing])[scale=m]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 0.75rem);margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host(:not([disable-spacing])[scale=l]) .container{-webkit-margin-after:var(--calcite-label-margin-bottom, 1rem);margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{-ms-flex-pack:justify;justify-content:space-between}:host([disabled])>.container{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*){pointer-events:none}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([disable-spacing]) .container{margin:0px;gap:0px}";
-
-const Label = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 2);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** specify the text alignment of the label */
-    this.alignment = "start";
-    /**
-     * specify the status of the label and any child input / input messages
-     *
-     * @deprecated set directly on child element instead
-     */
-    this.status = "idle";
-    /** specify the scale of the label, defaults to m */
-    this.scale = "m";
-    /** is the wrapped element positioned inline with the label slotted text */
-    this.layout = "default";
-    /**
-     * is the label disabled
-     *
-     * @deprecated use the `disabled` property on the interactive components instead
-     */
-    this.disabled = false;
-    /**
-     * eliminates any space around the label
-     *
-     * @deprecated set the --calcite-label-margin-bottom css variable to 0 instead
-     */
-    this.disableSpacing = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.labelClickHandler = (event) => {
-      this.calciteInternalLabelClick.emit({
-        sourceEvent: event
-      });
-    };
+function hasAncestorCustomElements(label, componentEl) {
+  let traversedElements;
+  const customElementAncestorCheckEventType = "custom-element-ancestor-check";
+  const listener = (event) => {
+    event.stopImmediatePropagation();
+    const composedPath = event.composedPath();
+    traversedElements = composedPath.slice(composedPath.indexOf(componentEl), composedPath.indexOf(label));
+  };
+  label.addEventListener(customElementAncestorCheckEventType, listener, { once: true });
+  componentEl.dispatchEvent(new CustomEvent(customElementAncestorCheckEventType, { composed: true, bubbles: true }));
+  label.removeEventListener(customElementAncestorCheckEventType, listener);
+  const ancestorCustomElements = traversedElements
+    .filter((el) => el !== componentEl && el !== label)
+    .filter((el) => { var _a; return (_a = el.tagName) === null || _a === void 0 ? void 0 : _a.includes("-"); });
+  return ancestorCustomElements.length > 0;
+}
+/**
+ * Helper to set up label interactions on connectedCallback.
+ *
+ * @param component
+ */
+function connectLabel(component) {
+  const labelEl = findLabelForComponent(component.el);
+  if (onLabelClickMap.has(labelEl) || (!labelEl && unlabeledComponents.has(component))) {
+    return;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    document.dispatchEvent(new CustomEvent(labelConnectedEvent));
+  const boundOnLabelDisconnected = onLabelDisconnected.bind(component);
+  if (labelEl) {
+    component.labelEl = labelEl;
+    const boundOnLabelClick = onLabelClick.bind(component);
+    onLabelClickMap.set(component.labelEl, boundOnLabelClick);
+    component.labelEl.addEventListener(labelClickEvent, boundOnLabelClick);
+    unlabeledComponents.delete(component);
+    document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
+    onLabelDisconnectedMap.set(component, boundOnLabelDisconnected);
+    document.addEventListener(labelDisconnectedEvent, boundOnLabelDisconnected);
   }
-  disconnectedCallback() {
-    document.dispatchEvent(new CustomEvent(labelDisconnectedEvent));
+  else if (!unlabeledComponents.has(component)) {
+    boundOnLabelDisconnected();
+    document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
   }
-  render() {
-    return (h(Host, { onClick: this.labelClickHandler }, h("div", { class: CSS.container }, h("slot", null))));
+}
+/**
+ * Helper to tear down label interactions on disconnectedCallback on labelable components.
+ *
+ * @param component
+ */
+function disconnectLabel(component) {
+  unlabeledComponents.delete(component);
+  document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
+  document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
+  onLabelConnectedMap.delete(component);
+  onLabelDisconnectedMap.delete(component);
+  if (!component.labelEl) {
+    return;
   }
-  get el() { return this; }
-  static get style() { return labelCss; }
-}, [1, "calcite-label", {
-    "alignment": [513],
-    "status": [513],
-    "for": [513],
-    "scale": [513],
-    "layout": [513],
-    "disabled": [516],
-    "disableSpacing": [4, "disable-spacing"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
+  const boundOnLabelClick = onLabelClickMap.get(component.labelEl);
+  component.labelEl.removeEventListener(labelClickEvent, boundOnLabelClick);
+  onLabelClickMap.delete(component.labelEl);
+}
+/**
+ * Helper to get the label text from a component.
+ *
+ * @param component
+ */
+function getLabelText(component) {
+  var _a, _b;
+  return component.label || ((_b = (_a = component.labelEl) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "";
+}
+function onLabelClick(event) {
+  if (this.disabled) {
     return;
   }
-  const components = ["calcite-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Label);
-      }
-      break;
-  } });
+  const containedLabelableChildClicked = this.el.contains(event.detail.sourceEvent.target);
+  if (containedLabelableChildClicked) {
+    return;
+  }
+  this.onLabelClick(event);
+}
+function onLabelConnected() {
+  if (unlabeledComponents.has(this)) {
+    connectLabel(this);
+  }
+}
+function onLabelDisconnected() {
+  unlabeledComponents.add(this);
+  const boundOnLabelConnected = onLabelConnectedMap.get(this) || onLabelConnected.bind(this);
+  onLabelConnectedMap.set(this, boundOnLabelConnected);
+  document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
 }
-defineCustomElement();
 
-export { Label as L, defineCustomElement as d };
+export { labelDisconnectedEvent as a, connectLabel as c, disconnectLabel as d, getLabelText as g, labelConnectedEvent as l };