@esri/calcite-components 1.0.0-beta.67 → 1.0.0-beta.70

package/dist/collection/components/calcite-pagination/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   page: "page",
   selected: "is-selected",

package/dist/collection/components/calcite-panel/calcite-panel.css

@@ -225,7 +225,7 @@ h5.heading {
   justify-content: flex-start;
   position: sticky;
   top: 0;
-  border-bottom-color: var(--calcite-ui-border-2);
+  border-bottom-color: var(--calcite-ui-border-3);
   width: 100%;
   flex: 0 0 auto;
   min-height: 3rem;
@@ -233,10 +233,14 @@ h5.heading {
 }
 
 .header-content {
-  display: block;
   overflow: hidden;
   margin-right: auto;
-  padding: 1rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
 }
 
 .header-content .heading,
@@ -270,7 +274,7 @@ h5.heading {
 }
 
 .back-button {
-  border-color: var(--calcite-ui-border-2);
+  border-color: var(--calcite-ui-border-3);
   border-style: solid;
   border-width: 0;
   border-right-width: 1px;
@@ -308,12 +312,16 @@ h5.heading {
   flex-flow: column nowrap;
 }
 
+.content-wrapper {
+  height: 100%;
+  overflow: auto;
+}
+
 .content-container {
   align-items: stretch;
   background-color: var(--calcite-ui-background);
   display: flex;
   flex: 1 1 auto;
-  overflow: auto;
   flex-wrap: nowrap;
   flex-direction: column;
 }
@@ -348,7 +356,7 @@ h5.heading {
 }
 
 .fab-container {
-  display: inline-block;
+  display: block;
   position: sticky;
   margin-top: 0;
   margin-bottom: 0;
@@ -358,5 +366,7 @@ h5.heading {
   bottom: 0;
   left: 0;
   right: 0;
+  width: -moz-fit-content;
+  width: fit-content;
   z-index: 1;
 }

package/dist/collection/components/calcite-panel/calcite-panel.js

@@ -1,3 +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.
+ */
 import { Component, Element, Event, Method, Prop, Watch, h, Fragment } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";
 import { getElementDir, getSlotted } from "../../utils/dom";
@@ -183,8 +187,9 @@ export class CalcitePanel {
       h("slot", { name: SLOTS.footerActions }))) : null;
   }
   renderContent() {
-    return (h("section", { class: CSS.contentContainer, onScroll: this.panelScrollHandler, tabIndex: 0 },
-      h("slot", null),
+    return (h("div", { class: CSS.contentWrapper, onScroll: this.panelScrollHandler, tabIndex: 0 },
+      h("section", { class: CSS.contentContainer },
+        h("slot", null)),
       this.renderFab()));
   }
   renderFab() {

package/dist/collection/components/calcite-panel/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   backButton: "back-button",
   container: "container",
@@ -8,6 +12,7 @@ export const CSS = {
   headerActions: "header-actions",
   headerActionsEnd: "header-actions--end",
   headerActionsStart: "header-actions--start",
+  contentWrapper: "content-wrapper",
   contentContainer: "content-container",
   fabContainer: "fab-container",
   footer: "footer",

package/dist/collection/components/calcite-pick-list/calcite-pick-list.js

@@ -1,3 +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.
+ */
 import { Component, Element, Event, Listen, Method, Prop, State, h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";
 import { calciteListItemChangeHandler, calciteListItemValueChangeHandler, cleanUpObserver, deselectSiblingItems, getItemData, handleFilter, calciteListFocusOutHandler, initialize, initializeObserver, mutationObserverCallback, selectSiblings, setUpItems, keyDownHandler, setFocus, removeItem } from "./shared-list-logic";

package/dist/collection/components/calcite-pick-list/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   sticky: "sticky"
 };

package/dist/collection/components/calcite-pick-list/shared-list-logic.js

@@ -1,3 +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.
+ */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";
 import { getRoundRobinIndex } from "../../utils/array";

package/dist/collection/components/calcite-pick-list/shared-list-render.js

@@ -1,3 +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.
+ */
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)

package/dist/collection/components/calcite-pick-list-group/calcite-pick-list-group.js

@@ -1,3 +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.
+ */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
 import { CSS_UTILITY } from "../../utils/resources";

package/dist/collection/components/calcite-pick-list-group/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   heading: "heading",
   container: "container",

package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.js

@@ -1,3 +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.
+ */
 import { Component, Element, Event, Fragment, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
 import { ICON_TYPES } from "../calcite-pick-list/resources";
@@ -220,8 +224,8 @@ export class CalcitePickListItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "When true, the item cannot be selected by user interaction.",
-            "name": "internal"
+            "name": "internal",
+            "text": "When true, the item cannot be selected by user interaction."
           }],
         "text": ""
       },
@@ -246,8 +250,8 @@ export class CalcitePickListItem {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)",
-            "name": "see"
+            "name": "see",
+            "text": " [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)"
           }],
         "text": "Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null."
       },
@@ -339,8 +343,8 @@ export class CalcitePickListItem {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Remove\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Remove\""
           }],
         "text": "Used as an accessible label (aria-label) for the \"remove item\" action. Only applicable if removable is true."
       },
@@ -408,8 +412,8 @@ export class CalcitePickListItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted whenever the the item's label, description, value or metadata properties are modified."
       },
@@ -426,8 +430,8 @@ export class CalcitePickListItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "Emitted whenever the the item's value property is modified."
       },

package/dist/collection/components/calcite-pick-list-item/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   actions: "actions",
   actionsEnd: "actions--end",

package/dist/collection/components/calcite-popover/calcite-popover.css

@@ -227,6 +227,7 @@
   flex-wrap: nowrap;
   align-self: center;
   height: 100%;
+  width: 100%;
 }
 
 .calcite--rtl .close-button {

package/dist/collection/components/calcite-popover/calcite-popover.js

@@ -1,3 +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.
+ */
 import { Component, Element, Event, forceUpdate, Host, Method, Prop, State, Watch, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, HEADING_LEVEL, POPOVER_REFERENCE, TEXT } from "./resources";
 import { defaultOffsetDistance, createPopper, updatePopper, CSS as PopperCSS } from "../../utils/popper";
@@ -154,7 +158,7 @@ export class CalcitePopover {
     const { popper, el, placement } = this;
     const modifiers = this.getModifiers();
     popper
-      ? updatePopper({
+      ? await updatePopper({
         el,
         modifiers,
         placement,
@@ -291,8 +295,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "use dismissible instead.",
-            "name": "deprecated"
+            "name": "deprecated",
+            "text": "use dismissible instead."
           }],
         "text": "Display a close button within the Popover."
       },
@@ -442,8 +446,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "6",
-            "name": "default"
+            "name": "default",
+            "text": "6"
           }],
         "text": "Offset the position of the popover away from the reference element."
       },
@@ -527,8 +531,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)",
-            "name": "see"
+            "name": "see",
+            "text": " [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
           }],
         "text": "Determines where the component will be positioned relative to the referenceElement."
       },
@@ -569,8 +573,8 @@ export class CalcitePopover {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Close\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Close\""
           }],
         "text": "Text for close button."
       },

package/dist/collection/components/calcite-popover/resources.js

@@ -1,3 +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.
+ */
 export const CSS = {
   container: "container",
   arrow: "arrow",

package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js

@@ -1,3 +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.
+ */
 import { Component, Element, h, Listen, Prop } from "@stencil/core";
 import { POPOVER_REFERENCE } from "../calcite-popover/resources";
 import { queryElementRoots, queryElementsRoots } from "../../utils/dom";
@@ -82,8 +86,8 @@ export class CalcitePopoverManager {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "`[data-calcite-popover-reference]`",
-            "name": "default"
+            "name": "default",
+            "text": "`[data-calcite-popover-reference]`"
           }],
         "text": "CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover."
       },

package/dist/collection/components/calcite-progress/calcite-progress.js

@@ -1,3 +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.
+ */
 import { Component, Element, h, Prop } from "@stencil/core";
 export class CalciteProgress {
   constructor() {

package/dist/collection/components/calcite-radio/calcite-radio.js

@@ -1,3 +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.
+ */
 import { Component, h, Prop } from "@stencil/core";
 export class CalciteRadio {
   constructor() {
@@ -90,8 +94,8 @@ export class CalciteRadio {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The focused state of the radio."
       },
@@ -129,8 +133,8 @@ export class CalciteRadio {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": "The hovered state of the radio."
       },

package/dist/collection/components/calcite-radio-button/calcite-radio-button.css

@@ -89,10 +89,27 @@
   display: block;
 }
 
-:host .calcite-radio-button__container {
+:host .container {
   position: relative;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 
 :host([disabled]) {
   cursor: pointer;
+}
+
+::slotted(input[slot=hidden-form-input]) {
+  bottom: 0 !important;
+  left: 0 !important;
+  margin: 0 !important;
+  opacity: 0 !important;
+  outline: none !important;
+  padding: 0 !important;
+  position: absolute !important;
+  right: 0 !important;
+  top: 0 !important;
+  transform: none !important;
+  -webkit-appearance: none !important;
+  z-index: -1 !important;
 }