@esri/calcite-components 1.0.0-beta.82 → 1.0.0-beta.83

package/dist/collection/components/input/input.css

@@ -84,7 +84,8 @@
 
 :host([scale=s]) input, :host([scale=s]) .prefix, :host([scale=s]) .suffix {
   height: 1.5rem;
-  padding: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
 }
@@ -114,7 +115,8 @@
 
 :host([scale=m]) input, :host([scale=m]) .prefix, :host([scale=m]) .suffix {
   height: 2rem;
-  padding: 0.75rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }
@@ -143,7 +145,8 @@
 
 :host([scale=l]) input, :host([scale=l]) .prefix, :host([scale=l]) .suffix {
   height: 2.75rem;
-  padding: 1rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
 }
@@ -188,7 +191,7 @@
 
 :host textarea,
 :host input {
-  transition: var(--calcite-animation-timing), height 0s;
+  transition: var(--calcite-animation-timing), height 0, outline-offset 0s;
   -webkit-appearance: none;
   position: relative;
   margin: 0px;
@@ -235,9 +238,7 @@
 }
 
 :host textarea, :host input {
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
 
 :host textarea:focus, :host input:focus {
@@ -290,10 +291,7 @@
   position: absolute;
   z-index: 10;
   display: block;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 
 input[type=text]::-ms-clear, input[type=text]::-ms-reveal {
@@ -321,24 +319,16 @@ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-searc
   border-style: solid;
   border-color: var(--calcite-ui-border-input);
   background-color: var(--calcite-ui-foreground-1);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   border-inline-start-width: 0px;
 }
 .clear-button:hover {
   background-color: var(--calcite-ui-foreground-2);
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 .clear-button:hover calcite-icon {
   color: var(--calcite-ui-text-1);
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 .clear-button:active {
   background-color: var(--calcite-ui-foreground-3);
@@ -420,10 +410,7 @@ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-searc
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 
 :host([number-button-type=vertical]) .wrapper {
@@ -511,18 +498,12 @@ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-searc
   padding-bottom: 0px;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   border-inline-start-width: 0px;
 }
 .number-button-item calcite-icon {
   pointer-events: none;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 .number-button-item:focus {
   background-color: var(--calcite-ui-foreground-2);
@@ -625,10 +606,7 @@ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-searc
 
 :host .inline-child {
   background-color: transparent;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 :host .inline-child .editing-enabled {
   background-color: inherit;

package/dist/collection/components/input/input.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-beta.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -29,9 +29,11 @@ export class Input {
     this.alignment = "start";
     /** should the input autofocus */
     this.autofocus = false;
-    /** optionally display a clear button that displays when field has a value
+    /**
+     * optionally display a clear button that displays when field has a value
      * shows by default for search, time, date
-     * will not display for type="textarea" */
+     * will not display for type="textarea"
+     */
     this.clearable = false;
     /** is the input disabled  */
     this.disabled = false;
@@ -41,6 +43,7 @@ export class Input {
     this.hidden = false;
     /**
      * string to override English loading text
+     *
      * @default "Loading"
      */
     this.intlLoading = COMMON_TEXT.loading;
@@ -52,6 +55,7 @@ export class Input {
     this.locale = document.documentElement.lang || "en";
     /**
      * Toggles locale formatting for numbers.
+     *
      * @internal
      */
     this.localeFormat = false;
@@ -65,7 +69,9 @@ export class Input {
     this.scale = "m";
     /** specify the status of the input field, determines message and icons */
     this.status = "idle";
-    /** @internal adds inline styles for text input when slotted in calcite-inline-editable */
+    /**
+     * @internal
+     */
     this.editingEnabled = false;
     /**
      * specify the input type
@@ -112,7 +118,7 @@ export class Input {
       this.previousEmittedValue = this.value;
     };
     this.inputBlurHandler = () => {
-      this.calciteInputBlur.emit({
+      this.calciteInternalInputBlur.emit({
         element: this.childEl,
         value: this.value
       });
@@ -123,7 +129,7 @@ export class Input {
       if (event.target !== slottedActionEl) {
         this.setFocus();
       }
-      this.calciteInputFocus.emit({
+      this.calciteInternalInputFocus.emit({
         element: this.childEl,
         value: this.value
       });
@@ -293,7 +299,7 @@ export class Input {
     };
     this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
       const previousLocalizedValue = this.type === "number"
-        ? localizeNumberString(this.previousValue, this.locale, this.groupSeparator)
+        ? localizeNumberString(this.previousValue, this.locale, this.groupSeparator, this.numberingSystem)
         : "";
       const sanitizedValue = this.type === "number" ? sanitizeNumberString(value) : value;
       const newValue = this.type === "number" && value && !sanitizedValue
@@ -302,7 +308,7 @@ export class Input {
           : ""
         : sanitizedValue;
       const newLocalizedValue = this.type === "number"
-        ? localizeNumberString(newValue, this.locale, this.groupSeparator)
+        ? localizeNumberString(newValue, this.locale, this.groupSeparator, this.numberingSystem)
         : "";
       this.setPreviousValue(previousValue || this.value);
       this.previousValueOrigin = origin;
@@ -803,7 +809,7 @@ export class Input {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": "BCP 47 language tag for desired language and country format"
@@ -812,6 +818,23 @@ export class Input {
       "reflect": false,
       "defaultValue": "document.documentElement.lang || \"en\""
     },
+    "numberingSystem": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "standard UniCode numeral system tag for localization"
+      },
+      "attribute": "numbering-system",
+      "reflect": false
+    },
     "localeFormat": {
       "type": "boolean",
       "mutable": false,
@@ -1106,7 +1129,7 @@ export class Input {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally add suffix  *"
+        "text": "optionally add suffix"
       },
       "attribute": "suffix-text",
       "reflect": false
@@ -1124,7 +1147,7 @@ export class Input {
       "docs": {
         "tags": [{
             "name": "internal",
-            "text": "adds inline styles for text input when slotted in calcite-inline-editable"
+            "text": undefined
           }],
         "text": ""
       },
@@ -1173,8 +1196,8 @@ export class Input {
     "localizedValue": {}
   }; }
   static get events() { return [{
-      "method": "calciteInputFocus",
-      "name": "calciteInputFocus",
+      "method": "calciteInternalInputFocus",
+      "name": "calciteInternalInputFocus",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -1191,8 +1214,8 @@ export class Input {
         "references": {}
       }
     }, {
-      "method": "calciteInputBlur",
-      "name": "calciteInputBlur",
+      "method": "calciteInternalInputBlur",
+      "name": "calciteInternalInputBlur",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/input/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.82
+ * v1.0.0-beta.83
  */
 export {};

package/dist/collection/components/input/resources.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-beta.82
+ * v1.0.0-beta.83
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.css

@@ -262,7 +262,7 @@
 
 :host([range][layout=vertical][scale=m]) .vertical-arrow-container {
   top: 1.5rem;
-  padding-left: 0.75rem;
+  padding-inline-start: 0.75rem;
 }
 :host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon {
   height: 0.75rem;

package/dist/collection/components/input-date-picker/input-date-picker.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-beta.82
+ * v1.0.0-beta.83
  */
 import { Component, h, Prop, Element, Host, State, Listen, Watch, Method, Event, Build } from "@stencil/core";
 import { getLocaleData } from "../date-picker/utils";
@@ -25,15 +25,21 @@ export class InputDatePicker {
     this.disabled = false;
     /** Expand or collapse when calendar does not have input */
     this.active = false;
-    /** Localized string for "previous month" (used for aria label)
+    /**
+     * Localized string for "previous month" (used for aria label)
+     *
      * @default "Previous month"
      */
     this.intlPrevMonth = TEXT.prevMonth;
-    /** Localized string for "next month" (used for aria label)
+    /**
+     * Localized string for "next month" (used for aria label)
+     *
      * @default "Next month"
      */
     this.intlNextMonth = TEXT.nextMonth;
-    /** Localized string for "year" (used for aria label)
+    /**
+     * Localized string for "year" (used for aria label)
+     *
      * @default "Year"
      */
     this.intlYear = TEXT.year;
@@ -43,6 +49,7 @@ export class InputDatePicker {
     this.scale = "m";
     /**
      * Determines where the date-picker component will be positioned relative to the input.
+     *
      * @default "bottom-leading"
      */
     this.placement = defaultMenuPlacement;
@@ -76,8 +83,8 @@ export class InputDatePicker {
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp) {
         this.active
-          ? this.calciteInputDatePickerOpen.emit()
-          : this.calciteInputDatePickerClose.emit();
+          ? this.calciteInternalInputDatePickerOpen.emit()
+          : this.calciteInternalInputDatePickerClose.emit();
       }
     };
     this.setStartInput = (el) => {
@@ -129,6 +136,8 @@ export class InputDatePicker {
     };
     /**
      * Event handler for when the selected date changes
+     *
+     * @param event
      */
     this.handleDateChange = (event) => {
       if (this.range) {
@@ -290,7 +299,7 @@ export class InputDatePicker {
     return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, onKeyUp: this.keyUpHandler, role: "application" },
       this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.active), class: "input-container", role: "application" },
         h("div", { class: "input-wrapper", ref: this.setStartWrapper },
-          h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.startInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })),
+          h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })),
         h("div", { "aria-hidden": toAriaBoolean(!this.active), class: {
             "menu-container": true,
             "menu-container--active": this.active
@@ -310,7 +319,7 @@ export class InputDatePicker {
           h("calcite-input", { class: {
               input: true,
               "border-top-color-one": this.layout === "vertical" && this.range
-            }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputBlur: this.inputBlur, onCalciteInputFocus: this.endInputFocus, onCalciteInputInput: this.inputInput, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))),
+            }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))),
       h(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
@@ -399,6 +408,8 @@ export class InputDatePicker {
   }
   /**
    * If inputted string is a valid date, update value/active
+   *
+   * @param value
    */
   input(value) {
     const date = this.getDateFromInput(value);
@@ -441,6 +452,8 @@ export class InputDatePicker {
   }
   /**
    * Clean up invalid date from input on blur
+   *
+   * @param target
    */
   blur(target) {
     const { locale, focusedInput, endAsDate, range, startAsDate, valueAsDate } = this;
@@ -474,6 +487,8 @@ export class InputDatePicker {
   /**
    * Find a date from input string
    * return false if date is invalid, or out of range
+   *
+   * @param value
    */
   getDateFromInput(value) {
     if (!this.localeData) {
@@ -1086,8 +1101,8 @@ export class InputDatePicker {
         "references": {}
       }
     }, {
-      "method": "calciteInputDatePickerOpen",
-      "name": "calciteInputDatePickerOpen",
+      "method": "calciteInternalInputDatePickerOpen",
+      "name": "calciteInternalInputDatePickerOpen",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -1104,8 +1119,8 @@ export class InputDatePicker {
         "references": {}
       }
     }, {
-      "method": "calciteInputDatePickerClose",
-      "name": "calciteInputDatePickerClose",
+      "method": "calciteInternalInputDatePickerClose",
+      "name": "calciteInternalInputDatePickerClose",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/input-message/input-message.css

@@ -100,20 +100,14 @@
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-1);
   opacity: 0;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 
 :host([active]) {
   visibility: visible;
   height: auto;
   opacity: 1;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
 }
 
 :host([active][scale=m]),
@@ -121,14 +115,16 @@
   margin-top: var(--calcite-input-message-spacing-value);
 }
 
+:host([calcite-hydrated-hidden]) {
+  visibility: hidden !important;
+  pointer-events: none;
+}
+
 .calcite-input-message-icon {
   pointer-events: none;
   display: inline-flex;
   flex-shrink: 0;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   margin-inline-end: 0.5rem;
 }
 
@@ -149,22 +145,21 @@
 }
 
 :host([status][active]) {
-  font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-1);
 }
 
-:host([status][active][scale=s]) {
+:host([status][scale=s]) {
   font-size: var(--calcite-font-size--3);
   line-height: 0.75rem;
 }
 
-:host([status][active][scale=m]) {
+:host([status][scale=m]) {
   margin-top: 0.25rem;
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
 }
 
-:host([status][active][scale=l]) {
+:host([status][scale=l]) {
   margin-top: 0.25rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;

package/dist/collection/components/input-message/input-message.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-beta.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Host, h, Prop, Watch } from "@stencil/core";
 import { getElementProp, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/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-beta.82
+ * v1.0.0-beta.83
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/collection/components/input-time-picker/input-time-picker.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-beta.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Host, h, Prop, Listen, Event, Method, Watch, State } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -22,6 +22,7 @@ export class InputTimePicker {
     this.disabled = false;
     /**
      * BCP 47 language tag for desired language and country format
+     *
      * @internal
      */
     this.locale = document.documentElement.lang || navigator.language || "en";
@@ -35,6 +36,7 @@ export class InputTimePicker {
     this.scale = "m";
     /**
      * Determines where the popover will be positioned relative to the input.
+     *
      * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
      */
     this.placement = "auto";
@@ -51,14 +53,15 @@ export class InputTimePicker {
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
-    this.calciteInputBlurHandler = () => {
+    this.calciteInternalInputBlurHandler = () => {
       this.active = false;
       const shouldIncludeSeconds = this.shouldIncludeSeconds();
       const localizedInputValue = localizeTimeString(this.calciteInputEl.value, this.locale, shouldIncludeSeconds);
       this.setInputValue(localizedInputValue || localizeTimeString(this.value, this.locale, shouldIncludeSeconds));
     };
-    this.calciteInputFocusHandler = () => {
+    this.calciteInternalInputFocusHandler = (event) => {
       this.active = true;
+      event.stopPropagation();
     };
     this.calciteInputInputHandler = (event) => {
       const target = event.target;
@@ -69,6 +72,7 @@ export class InputTimePicker {
       const target = event.target;
       const value = target.value;
       this.setValue({ value, origin: "time-picker" });
+      event.stopPropagation();
     };
     // --------------------------------------------------------------------------
     //
@@ -171,11 +175,13 @@ export class InputTimePicker {
     event.preventDefault();
     event.stopPropagation();
     this.active = false;
+    event.stopPropagation;
   }
   timePickerFocusHandler(event) {
     event.preventDefault();
     event.stopPropagation();
     this.active = true;
+    event.stopPropagation;
   }
   // --------------------------------------------------------------------------
   //
@@ -228,9 +234,9 @@ export class InputTimePicker {
     const popoverId = `${this.referenceElementId}-popover`;
     return (h(Host, { onKeyDown: this.keyDownHandler },
       h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" },
-        h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputBlur: this.calciteInputBlurHandler, onCalciteInputFocus: this.calciteInputFocusHandler, onCalciteInputInput: this.calciteInputInputHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })),
+        h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })),
       h("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId },
-        h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })),
+        h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })),
       h(HiddenFormInputSlot, { component: this })));
   }
   static get is() { return "calcite-input-time-picker"; }
@@ -707,13 +713,13 @@ export class InputTimePicker {
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteTimePickerBlur",
+      "name": "calciteInternalTimePickerBlur",
       "method": "timePickerBlurHandler",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteTimePickerFocus",
+      "name": "calciteInternalTimePickerFocus",
       "method": "timePickerFocusHandler",
       "target": undefined,
       "capture": false,

package/dist/collection/components/interfaces.js

@@ -1,6 +1,6 @@
 /*!
  * 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-beta.82
+ * v1.0.0-beta.83
  */
 export {};

package/dist/collection/components/label/label.css

@@ -113,9 +113,9 @@
 }
 
 :host .container {
-  margin-top: 0px;
-  margin-right: 0px;
   margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
   width: 100%;
   line-height: 1.375;
   color: var(--calcite-ui-text-1);

package/dist/collection/components/label/label.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-beta.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Event, h, Prop, Host } from "@stencil/core";
 import { labelDisconnectedEvent, labelConnectedEvent } from "../../utils/label";
@@ -20,6 +20,7 @@ export class 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";

package/dist/collection/components/label/resources.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-beta.82
+ * v1.0.0-beta.83
  */
 export const CSS = {
   container: "container"