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

package/dist/collection/components/tabs/tabs.css

@@ -92,6 +92,10 @@
   margin-bottom: -1px;
 }
 
+:host([bordered]:not([position=bottom])) ::slotted(calcite-tab-nav) {
+  margin-bottom: -1px;
+}
+
 :host([bordered][position=below]) ::slotted(calcite-tab-nav) {
   margin-top: -1px;
 }
@@ -100,6 +104,10 @@
   box-shadow: inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);
 }
 
+:host([bordered][position=bottom]) {
+  box-shadow: inset 0 1px 0 var(--calcite-ui-border-1), inset 0 -1px 0 var(--calcite-ui-border-1);
+}
+
 :host([bordered]) section {
   border-width: 1px;
   border-style: solid;
@@ -122,6 +130,10 @@
   flex-direction: column-reverse;
 }
 
+:host([position=bottom]) {
+  flex-direction: column-reverse;
+}
+
 section {
   display: flex;
   flex-grow: 1;
@@ -138,10 +150,21 @@ section {
   border-bottom-color: var(--calcite-ui-border-1);
 }
 
+:host([position=bottom]) section {
+  flex-direction: column-reverse;
+  border-top-width: 0px;
+  border-bottom-width: 1px;
+  border-bottom-color: var(--calcite-ui-border-1);
+}
+
 :host([position=below]:not([bordered])) section {
   border-bottom-style: solid;
 }
 
+:host([position=bottom]:not([bordered])) section {
+  border-bottom-style: solid;
+}
+
 @media (forced-colors: active) {
   :host([bordered]) section {
     border-top-width: 0px;
@@ -152,4 +175,9 @@ section {
     border-top-width: 1px;
     border-bottom-width: 0px;
   }
+
+  :host([position=bottom][bordered]) section {
+    border-top-width: 1px;
+    border-bottom-width: 0px;
+  }
 }

package/dist/collection/components/tabs/tabs.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Prop, h, Element, Listen, State, Fragment } from "@stencil/core";
 import { SLOTS } from "./resources";
@@ -21,9 +21,10 @@ export class Tabs {
      */
     this.layout = "inline";
     /**
-     * Display the tabs above (default) or below the tab content
+     * Display the tabs top (default) or bottom of the tab content. above and below are deprecated.
+     *
      */
-    this.position = "above";
+    this.position = "top";
     /**
      * Specify the scale of the tabs component, defaults to m
      */
@@ -194,7 +195,7 @@ export class Tabs {
       "mutable": false,
       "complexType": {
         "original": "TabPosition",
-        "resolved": "\"above\" | \"below\"",
+        "resolved": "\"above\" | \"below\" | \"bottom\" | \"top\"",
         "references": {
           "TabPosition": {
             "location": "import",
@@ -206,11 +207,11 @@ export class Tabs {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Display the tabs above (default) or below the tab content"
+        "text": "Display the tabs top (default) or bottom of the tab content. above and below are deprecated."
       },
       "attribute": "position",
       "reflect": true,
-      "defaultValue": "\"above\""
+      "defaultValue": "\"top\""
     },
     "scale": {
       "type": "string",

package/dist/collection/components/tile/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.83
+ * v1.0.0-beta.86
  */
 export const SLOTS = {
   contentStart: "content-start",

package/dist/collection/components/tile/tile.css

@@ -194,9 +194,11 @@
   opacity: 1;
 }
 
-:host(:hover) .heading, :host([active]) .heading {
+:host(:hover) .heading, 
+:host([active]) .heading {
   color: var(--calcite-ui-text-1);
 }
-:host(:hover) .description, :host([active]) .description {
+:host(:hover) .description, 
+:host([active]) .description {
   color: var(--calcite-ui-text-2);
 }

package/dist/collection/components/tile/tile.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, Fragment, h, Prop } from "@stencil/core";
 import { SLOTS } from "./resources";

package/dist/collection/components/tile-select/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.83
+ * v1.0.0-beta.86
  */
 export {};

package/dist/collection/components/tile-select/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.83
+ * v1.0.0-beta.86
  */
 export const CSS = {
   checked: "checked",

package/dist/collection/components/tile-select/tile-select.css

@@ -102,7 +102,8 @@
 :host .container.heading-only {
   align-items: center;
 }
-:host .container:not(.input-enabled) ::slotted(calcite-checkbox), :host .container:not(.input-enabled) ::slotted(calcite-radio-button) {
+:host .container:not(.input-enabled) ::slotted(calcite-checkbox), 
+:host .container:not(.input-enabled) ::slotted(calcite-radio-button) {
   position: absolute;
   width: 1px;
   height: 1px;

package/dist/collection/components/tile-select/tile-select.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, Event, h, Prop, Listen, Watch, State, Method } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -53,7 +53,8 @@ export class TileSelect {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.input.setFocus();
+    var _a;
+    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/tile-select-group/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.83
+ * v1.0.0-beta.86
  */
 export {};

package/dist/collection/components/tile-select-group/tile-select-group.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.83
+ * v1.0.0-beta.86
  */
 import { Component, h, Prop, Element } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";

package/dist/collection/components/time-picker/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.83
+ * v1.0.0-beta.86
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/time-picker/time-picker.css

@@ -109,7 +109,7 @@
   justify-content: center;
   background-color: var(--calcite-ui-foreground-1);
 }
-.time-picker .button:hover, .time-picker .button:focus {
+.time-picker .button:hover,  .time-picker .button:focus {
   background-color: var(--calcite-ui-foreground-2);
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -143,7 +143,7 @@
 .time-picker .input:hover {
   box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-2);
 }
-.time-picker .input:focus, .time-picker .input:hover:focus {
+.time-picker .input:focus,  .time-picker .input:hover:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);
@@ -151,7 +151,8 @@
 .time-picker.scale-s {
   font-size: var(--calcite-font-size--1);
 }
-.time-picker.scale-s .button, .time-picker.scale-s .input {
+.time-picker.scale-s .button, 
+.time-picker.scale-s .input {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.25rem;
@@ -163,7 +164,8 @@
 .time-picker.scale-m {
   font-size: var(--calcite-font-size-0);
 }
-.time-picker.scale-m .button, .time-picker.scale-m .input {
+.time-picker.scale-m .button, 
+.time-picker.scale-m .input {
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.5rem;
@@ -175,7 +177,8 @@
 .time-picker.scale-l {
   font-size: var(--calcite-font-size-1);
 }
-.time-picker.scale-l .button, .time-picker.scale-l .input {
+.time-picker.scale-l .button, 
+.time-picker.scale-l .input {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
   padding-top: 0.75rem;

package/dist/collection/components/time-picker/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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, h, Prop, Event, Watch, State, Listen, Method } from "@stencil/core";
 import { isActivationKey, numberKeys } from "../../utils/key";

package/dist/collection/components/tip/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.83
+ * v1.0.0-beta.86
  */
 import { HEADING_LEVEL as PARENT_HEADING_LEVEL } from "../tip-manager/resources";
 export const CSS = {

package/dist/collection/components/tip/tip.css

@@ -101,7 +101,8 @@
   padding: 1rem;
 }
 
-:host([dismissed]), :host([dismissed]) .container {
+:host([dismissed]), 
+:host([dismissed]) .container {
   display: none;
 }
 
@@ -147,7 +148,8 @@ h3.heading {
   line-height: 1.25rem;
 }
 
-h4.heading, h5.heading {
+h4.heading, 
+h5.heading {
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }

package/dist/collection/components/tip/tip.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, Event, Prop, h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT, HEADING_LEVEL } from "./resources";

package/dist/collection/components/tip-group/tip-group.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Prop, h } from "@stencil/core";
 /**

package/dist/collection/components/tip-manager/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.83
+ * v1.0.0-beta.86
  */
 export const CSS = {
   header: "header",

package/dist/collection/components/tip-manager/tip-manager.css

@@ -139,7 +139,8 @@ h3.heading {
   line-height: 1.25rem;
 }
 
-h4.heading, h5.heading {
+h4.heading, 
+h5.heading {
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }

package/dist/collection/components/tip-manager/tip-manager.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, Event, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ICONS, TEXT, HEADING_LEVEL } from "./resources";

package/dist/collection/components/tooltip/TooltipManager.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.83
+ * v1.0.0-beta.86
  */
 import { TOOLTIP_DELAY_MS } from "./resources";
 export default class TooltipManager {
@@ -86,7 +86,7 @@ export default class TooltipManager {
     document.addEventListener("mouseover", this.mouseEnterShow, { capture: true });
     document.addEventListener("mouseout", this.mouseLeaveHide, { capture: true });
     document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("focusin", this.focusShow), { capture: true };
+    document.addEventListener("focusin", this.focusShow, { capture: true });
     document.addEventListener("focusout", this.blurHide, { capture: true });
   }
   removeListeners() {

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

package/dist/collection/components/tooltip/tooltip.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, Host, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ARIA_DESCRIBED_BY } from "./resources";
@@ -20,20 +20,20 @@ export class Tooltip {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** Closes the `calcite-tooltip` when the `referenceElement` is clicked. */
+    /** Closes the component when the `referenceElement` is clicked. */
     this.closeOnClick = false;
     /**
-     * Offset the position of the `calcite-tooltip` away from the `referenceElement`.
+     * Offset the position of the component away from the `referenceElement`.
      *
      * @default 6
      */
     this.offsetDistance = defaultOffsetDistance;
     /**
-     * Offset the position of the `calcite-tooltip` along the `referenceElement`.
+     * Offset the position of the component along the `referenceElement`.
      */
     this.offsetSkidding = 0;
     /**
-     * When true, the `calcite-tooltip` is open.
+     * When true, the component is open.
      */
     this.open = false;
     /** Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value. */
@@ -191,7 +191,7 @@ export class Tooltip {
     const { effectiveReferenceElement, label, open } = this;
     const displayed = effectiveReferenceElement && open;
     const hidden = !displayed;
-    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" },
+    return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" },
       h("div", { class: {
           [PopperCSS.animation]: true,
           [PopperCSS.animationActive]: displayed
@@ -221,7 +221,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Closes the `calcite-tooltip` when the `referenceElement` is clicked."
+        "text": "Closes the component when the `referenceElement` is clicked."
       },
       "attribute": "close-on-click",
       "reflect": false,
@@ -239,7 +239,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Accessible name for the `calcite-tooltip`."
+        "text": "Accessible name for the component."
       },
       "attribute": "label",
       "reflect": false
@@ -259,7 +259,7 @@ export class Tooltip {
             "name": "default",
             "text": "6"
           }],
-        "text": "Offset the position of the `calcite-tooltip` away from the `referenceElement`."
+        "text": "Offset the position of the component away from the `referenceElement`."
       },
       "attribute": "offset-distance",
       "reflect": true,
@@ -277,7 +277,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Offset the position of the `calcite-tooltip` along the `referenceElement`."
+        "text": "Offset the position of the component along the `referenceElement`."
       },
       "attribute": "offset-skidding",
       "reflect": true,
@@ -295,7 +295,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, the `calcite-tooltip` is open."
+        "text": "When true, the component is open."
       },
       "attribute": "open",
       "reflect": true,
@@ -367,7 +367,7 @@ export class Tooltip {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The `referenceElement` to position `calcite-tooltip` according to its \"placement\" value. Setting to the `HTMLElement` is preferred so `calcite-tooltip` does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used."
+        "text": "The `referenceElement` to position the component according to its \"placement\" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used."
       },
       "attribute": "reference-element",
       "reflect": false

package/dist/collection/components/tooltip-manager/tooltip-manager.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.83
+ * v1.0.0-beta.86
  */
 import { Component, h, Prop } from "@stencil/core";
 /**

package/dist/collection/components/tree/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.83
+ * v1.0.0-beta.86
  */
 export var TreeSelectionMode;
 (function (TreeSelectionMode) {

package/dist/collection/components/tree/tree.css

@@ -80,6 +80,9 @@
 
 :host {
   display: block;
+}
+
+:host(:focus) {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }

package/dist/collection/components/tree/tree.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.83
+ * v1.0.0-beta.86
  */
 import { Component, Element, Prop, Host, Event, Listen, h } from "@stencil/core";
 import { focusElement, nodeListToArray } from "../../utils/dom";
@@ -16,7 +16,7 @@ export class Tree {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Display indentation guide lines. */
+    /** Displays indentation guide lines. */
     this.lines = false;
     /**
      * Display input
@@ -24,10 +24,10 @@ export class Tree {
      * @deprecated Use "ancestors" selection-mode for checkbox input.
      */
     this.inputEnabled = false;
-    /** Specify the scale of the tree. */
+    /** Specifies the size of the component. */
     this.scale = "m";
     /**
-     * Customize how tree selection works.
+     * Customize how the component's selection works.
      *
      * @default "single"
      * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
@@ -270,7 +270,7 @@ export class Tree {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Display indentation guide lines."
+        "text": "Displays indentation guide lines."
       },
       "attribute": "lines",
       "reflect": true,
@@ -334,7 +334,7 @@ export class Tree {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specify the scale of the tree."
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -363,7 +363,7 @@ export class Tree {
             "name": "see",
             "text": "[TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)"
           }],
-        "text": "Customize how tree selection works."
+        "text": "Customize how the component's selection works."
       },
       "attribute": "selection-mode",
       "reflect": true,
@@ -381,7 +381,7 @@ export class Tree {
             "name": "see",
             "text": "[TreeSelectDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L1)"
           }],
-        "text": "Emits when the user selects/deselects tree items. An object including an array of selected items will be passed in the event's \"detail\" property."
+        "text": "Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's \"detail\" property."
       },
       "complexType": {
         "original": "TreeSelectDetail",

package/dist/collection/components/tree-item/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.83
+ * v1.0.0-beta.86
  */
 export {};

package/dist/collection/components/tree-item/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.83
+ * v1.0.0-beta.86
  */
 export const CSS = {
   checkboxLabel: "checkbox-label",