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

package/dist/collection/components/dropdown-item/dropdown-item.css

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -79,8 +79,7 @@
 }
 
 .container--s {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+  padding-block: 0.25rem;
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
   padding-inline-end: 0.5rem;
@@ -88,8 +87,7 @@
 }
 
 .container--m {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-block: 0.5rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
   padding-inline-end: 0.75rem;
@@ -97,8 +95,7 @@
 }
 
 .container--l {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-block: 0.75rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
   padding-inline-end: 1rem;
@@ -181,8 +178,7 @@
 }
 
 .container--s .dropdown-link {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+  padding-block: 0.25rem;
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
   padding-inline-end: 0.5rem;
@@ -190,8 +186,7 @@
 }
 
 .container--m .dropdown-link {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-block: 0.5rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
   padding-inline-end: 0.75rem;
@@ -199,8 +194,7 @@
 }
 
 .container--l .dropdown-link {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-block: 0.75rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
   padding-inline-end: 1rem;

package/dist/collection/components/dropdown-item/dropdown-item.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.86
+ * v1.0.0-beta.89
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -84,29 +84,29 @@ export class DropdownItem {
   onClick() {
     this.emitRequestedItem();
   }
-  keyDownHandler(e) {
-    switch (e.key) {
+  keyDownHandler(event) {
+    switch (event.key) {
       case " ":
       case "Enter":
         this.emitRequestedItem();
         if (this.href) {
           this.childLink.click();
         }
-        e.preventDefault();
+        event.preventDefault();
         break;
       case "Escape":
         this.calciteInternalDropdownCloseRequest.emit();
-        e.preventDefault();
+        event.preventDefault();
         break;
       case "Tab":
-        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });
         break;
       case "ArrowUp":
       case "ArrowDown":
       case "Home":
       case "End":
-        e.preventDefault();
-        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        event.preventDefault();
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });
         break;
     }
   }
@@ -323,9 +323,14 @@ export class DropdownItem {
         "text": ""
       },
       "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        "original": "RequestedItem",
+        "resolved": "RequestedItem",
+        "references": {
+          "RequestedItem": {
+            "location": "import",
+            "path": "../dropdown-group/interfaces"
+          }
+        }
       }
     }, {
       "method": "calciteInternalDropdownItemKeyEvent",
@@ -364,8 +369,8 @@ export class DropdownItem {
         "text": ""
       },
       "complexType": {
-        "original": "any",
-        "resolved": "any",
+        "original": "void",
+        "resolved": "void",
         "references": {}
       }
     }]; }

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

package/dist/collection/components/fab/fab.css

@@ -71,18 +71,13 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
   display: none;
 }
 
-:host {
-  display: flex;
-  background-color: transparent;
-}
-
 :host([disabled]) {
   pointer-events: none;
   cursor: default;
@@ -90,6 +85,12 @@
           user-select: none;
   opacity: var(--calcite-ui-opacity-disabled);
 }
+
+:host {
+  display: flex;
+  background-color: transparent;
+}
+
 :host([disabled]) ::slotted([calcite-hydrated][disabled]),
 :host([disabled]) [calcite-hydrated][disabled] {
   /* prevent opacity stacking */

package/dist/collection/components/fab/fab.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.86
+ * v1.0.0-beta.89
  */
 import { Component, Element, Method, Prop, h } from "@stencil/core";
 import { CSS, ICONS } from "./resources";

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

package/dist/collection/components/filter/filter.css

@@ -82,18 +82,13 @@
 }
 
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
   display: none;
 }
 
-:host {
-  display: flex;
-  width: 100%;
-}
-
 :host([disabled]) {
   pointer-events: none;
   cursor: default;
@@ -101,6 +96,12 @@
           user-select: none;
   opacity: var(--calcite-ui-opacity-disabled);
 }
+
+:host {
+  display: flex;
+  inline-size: 100%;
+}
+
 :host([disabled]) ::slotted([calcite-hydrated][disabled]),
 :host([disabled]) [calcite-hydrated][disabled] {
   /* prevent opacity stacking */
@@ -109,29 +110,26 @@
 
 .container {
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   padding: 0.5rem;
 }
 
 label {
   position: relative;
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-  margin-top: 0px;
-  margin-bottom: 0px;
+  margin-inline: 0.25rem;
+  margin-block: 0px;
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   align-items: center;
   overflow: hidden;
 }
 
 input[type=text] {
-  margin-bottom: 0.25rem;
-  width: 100%;
+  margin-block-end: 0.25rem;
+  inline-size: 100%;
   border-style: none;
   background-color: transparent;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+  padding-block: 0.25rem;
   font-family: inherit;
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
@@ -145,7 +143,7 @@ input[type=text]::-ms-clear {
 }
 
 calcite-input {
-  width: 100%;
+  inline-size: 100%;
 }
 
 .search-icon {
@@ -153,7 +151,7 @@ calcite-input {
   display: flex;
   color: var(--calcite-ui-text-2);
   inset-inline-start: 0;
-  transition: left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);
+  transition: inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing);
 }
 
 input[type=text]:focus {

package/dist/collection/components/filter/filter.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.86
+ * v1.0.0-beta.89
  */
 import { Component, Element, Event, Prop, h, Method, Fragment, Watch } from "@stencil/core";
 import { debounce, forIn } from "lodash-es";

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

package/dist/collection/components/flow/flow.css

@@ -82,7 +82,7 @@
 }
 
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -92,7 +92,7 @@
 :host {
   position: relative;
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   flex: 1 1 auto;
   align-items: stretch;
   overflow: hidden;
@@ -102,14 +102,14 @@
   position: relative;
   margin: 0px;
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   flex: 1 1 auto;
   flex-direction: column;
   align-items: stretch;
   padding: 0px;
 }
 :host ::slotted(calcite-panel) {
-  height: 100%;
+  block-size: 100%;
 }
 :host ::slotted(.calcite-match-height:last-child) {
   display: flex;

package/dist/collection/components/flow/flow.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.86
+ * v1.0.0-beta.89
  */
 import { Component, Element, Listen, Method, State, h } from "@stencil/core";
 import { CSS } from "./resources";

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

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

package/dist/collection/components/functional/ExpandToggle.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.86
+ * v1.0.0-beta.89
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/functional/Heading.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.86
+ * v1.0.0-beta.89
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/graph/graph.css

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -80,7 +80,7 @@
 
 :host {
   display: block;
-  height: 100%;
+  block-size: 100%;
 }
 
 .svg {
@@ -88,8 +88,8 @@
   stroke: transparent;
   margin: 0px;
   display: block;
-  height: 100%;
-  width: 100%;
+  block-size: 100%;
+  inline-size: 100%;
   padding: 0px;
 }
 .svg .graph-path--highlight {

package/dist/collection/components/graph/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-beta.86
+ * v1.0.0-beta.89
  */
 import { Component, Element, Prop, h, forceUpdate } from "@stencil/core";
 import { guid } from "../../utils/guid";

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

package/dist/collection/components/graph/util.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.86
+ * v1.0.0-beta.89
  */
 /**
  * Calculate slope of the tangents

package/dist/collection/components/handle/handle.css

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -92,7 +92,8 @@
   background-color: transparent;
   outline-color: transparent;
   color: var(--calcite-ui-border-3);
-  padding: 0.75rem 0.25rem;
+  padding-block: 0.75rem;
+  padding-inline: 0.25rem;
   line-height: 0;
 }
 .handle:hover {

package/dist/collection/components/handle/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-beta.86
+ * v1.0.0-beta.89
  */
 import { Component, Element, Event, Method, Prop, h } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
@@ -125,12 +125,17 @@ export class Handle {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the the handle is activated and the up or down arrow key is pressed."
+        "text": "Emitted when the the handle is activated and the up or down arrow key is pressed.\n\n**Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead"
       },
       "complexType": {
-        "original": "any",
+        "original": "DeprecatedEventPayload",
         "resolved": "any",
-        "references": {}
+        "references": {
+          "DeprecatedEventPayload": {
+            "location": "import",
+            "path": "../interfaces"
+          }
+        }
       }
     }]; }
   static get methods() { return {

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

package/dist/collection/components/icon/icon.css

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -91,24 +91,24 @@
 }
 
 :host([scale=s]) {
-  height: 1rem;
-  width: 1rem;
-  min-width: 1rem;
-  min-height: 1rem;
+  block-size: 1rem;
+  inline-size: 1rem;
+  min-inline-size: 1rem;
+  min-block-size: 1rem;
 }
 
 :host([scale=m]) {
-  height: 1.5rem;
-  width: 1.5rem;
-  min-width: 1.5rem;
-  min-height: 1.5rem;
+  block-size: 1.5rem;
+  inline-size: 1.5rem;
+  min-inline-size: 1.5rem;
+  min-block-size: 1.5rem;
 }
 
 :host([scale=l]) {
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  block-size: 2rem;
+  inline-size: 2rem;
+  min-inline-size: 2rem;
+  min-block-size: 2rem;
 }
 
 .flip-rtl {

package/dist/collection/components/icon/icon.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.86
+ * v1.0.0-beta.89
  */
 import { Build, Component, Element, h, Host, Prop, State, Watch } from "@stencil/core";
 import { CSS } from "./resources";

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

package/dist/collection/components/icon/utils.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.86
+ * v1.0.0-beta.89
  */
 import { getAssetPath } from "@stencil/core";
 /**

package/dist/collection/components/inline-editable/inline-editable.css

@@ -71,27 +71,35 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: var(--calcite-animation-timing);
+  --calcite-floating-ui-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
   display: none;
 }
 
+:host([disabled]) {
+  pointer-events: none;
+  cursor: default;
+  -webkit-user-select: none;
+          user-select: none;
+  opacity: var(--calcite-ui-opacity-disabled);
+}
+
 :host {
   display: block;
 }
 
 :host([scale=s]) .controls-wrapper {
-  height: 1.5rem;
+  block-size: 1.5rem;
 }
 
 :host([scale=m]) .controls-wrapper {
-  height: 2rem;
+  block-size: 2rem;
 }
 
 :host([scale=l]) .controls-wrapper {
-  height: 2.75rem;
+  block-size: 2.75rem;
 }
 
 :host(:not([editing-enabled]):not([disabled])) .wrapper:hover {
@@ -113,13 +121,6 @@
   display: flex;
 }
 
-:host([disabled]) {
-  pointer-events: none;
-  cursor: default;
-  -webkit-user-select: none;
-          user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
-}
 :host([disabled]) .cancel-editing-button-wrapper {
   border-color: var(--calcite-ui-border-2);
 }