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

package/dist/collection/components/notice/notice.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.89
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";
@@ -71,6 +71,12 @@ export class Notice {
   openHandler(value) {
     this.active = value;
   }
+  handleDismissible(value) {
+    this.closable = value;
+  }
+  handleClosable(value) {
+    this.dismissible = value;
+  }
   updateRequestedIcon() {
     this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);
   }
@@ -86,6 +92,12 @@ export class Notice {
       this.activeHandler(isOpen);
       this.openHandler(isOpen);
     }
+    if (this.dismissible) {
+      this.handleDismissible(this.dismissible);
+    }
+    if (this.closable) {
+      this.handleClosable(this.closable);
+    }
   }
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
@@ -107,7 +119,7 @@ export class Notice {
         h("slot", { name: SLOTS.link })),
       hasActionEnd ? (h("div", { class: CSS.actionsEnd },
         h("slot", { name: SLOTS.actionsEnd }))) : null,
-      this.closable || this.dismissible ? closeButton : null));
+      this.closable ? closeButton : null));
   }
   //--------------------------------------------------------------------------
   //
@@ -326,7 +338,7 @@ export class Notice {
       "method": "calciteNoticeClose",
       "name": "calciteNoticeClose",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
@@ -341,7 +353,7 @@ export class Notice {
       "method": "calciteNoticeOpen",
       "name": "calciteNoticeOpen",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
@@ -378,6 +390,12 @@ export class Notice {
     }, {
       "propName": "open",
       "methodName": "openHandler"
+    }, {
+      "propName": "dismissible",
+      "methodName": "handleDismissible"
+    }, {
+      "propName": "closable",
+      "methodName": "handleClosable"
     }, {
       "propName": "icon",
       "methodName": "updateRequestedIcon"

package/dist/collection/components/notice/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.89
+ * v1.0.0-beta.91
  */
 export const TEXT = {
   close: "Close"

package/dist/collection/components/option/option.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/option/option.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.89
+ * v1.0.0-beta.91
  */
 import { Component, h, Prop, Element, Event, Watch } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -153,7 +153,7 @@ export class Option {
       "method": "calciteInternalOptionChange",
       "name": "calciteInternalOptionChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{

package/dist/collection/components/option-group/option-group.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {

package/dist/collection/components/option-group/option-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.89
+ * v1.0.0-beta.91
  */
 import { Component, h, Prop, Watch, Event, Fragment } from "@stencil/core";
 /**
@@ -81,7 +81,7 @@ export class OptionGroup {
       "method": "calciteInternalOptionGroupChange",
       "name": "calciteInternalOptionGroupChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{

package/dist/collection/components/pagination/pagination.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 /**

package/dist/collection/components/pagination/pagination.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.89
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, h, Prop, Method, Fragment, State } from "@stencil/core";
 import { unwatchGlobalAttributes, watchGlobalAttributes } from "../../utils/globalAttributes";
@@ -316,7 +316,7 @@ export class Pagination {
       "method": "calcitePaginationUpdate",
       "name": "calcitePaginationUpdate",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{
@@ -338,7 +338,7 @@ export class Pagination {
       "method": "calcitePaginationChange",
       "name": "calcitePaginationChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{

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

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

@@ -86,7 +86,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]) {
@@ -146,27 +146,6 @@
   padding: 0.5rem;
 }
 
-h1.heading {
-  font-size: var(--calcite-font-size-2);
-  line-height: 1.5rem;
-}
-
-h2.heading {
-  font-size: var(--calcite-font-size-1);
-  line-height: 1.5rem;
-}
-
-h3.heading {
-  font-size: var(--calcite-font-size-0);
-  line-height: 1.25rem;
-}
-
-h4.heading, 
-h5.heading {
-  font-size: var(--calcite-font-size--1);
-  line-height: 1rem;
-}
-
 .container {
   margin: 0px;
   display: flex;
@@ -217,23 +196,17 @@ h5.heading {
   display: none;
 }
 
-:host([loading]) .container, 
-:host([disabled]) .container {
-  position: relative;
-  z-index: 1;
-}
-
 .header {
   border-block-end: 1px solid;
   position: sticky;
   inset-block-start: 0px;
+  z-index: 400;
   inline-size: 100%;
   align-items: stretch;
   justify-content: flex-start;
   background-color: var(--calcite-ui-foreground-1);
   border-block-end-color: var(--calcite-ui-border-3);
   flex: 0 0 auto;
-  z-index: 2;
 }
 
 .header-content {
@@ -312,7 +285,6 @@ h5.heading {
   flex-wrap: nowrap;
   align-items: stretch;
   background-color: var(--calcite-ui-background);
-  z-index: 1;
 }
 
 .footer {
@@ -333,11 +305,11 @@ h5.heading {
   position: sticky;
   inset-block-end: 0px;
   inset-inline: 0px;
+  z-index: 300;
   margin-block: 0px;
   margin-inline: auto;
   display: block;
   padding: 0.5rem;
   inline-size: -moz-fit-content;
   inline-size: fit-content;
-  z-index: 1;
 }

package/dist/collection/components/panel/panel.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.89
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, Method, Prop, Watch, h, Fragment } from "@stencil/core";
 import { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from "./resources";
@@ -649,7 +649,7 @@ export class Panel {
       "method": "calcitePanelDismiss",
       "name": "calcitePanelDismiss",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
@@ -664,7 +664,7 @@ export class Panel {
       "method": "calcitePanelDismissedChange",
       "name": "calcitePanelDismissedChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{
@@ -682,7 +682,7 @@ export class Panel {
       "method": "calcitePanelScroll",
       "name": "calcitePanelScroll",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
@@ -697,7 +697,7 @@ export class Panel {
       "method": "calcitePanelBackClick",
       "name": "calcitePanelBackClick",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],

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

package/dist/collection/components/pick-list/pick-list.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]) {

package/dist/collection/components/pick-list/pick-list.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.89
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, Listen, Method, Prop, State, h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";
@@ -282,7 +282,7 @@ export class PickList {
       "method": "calciteListChange",
       "name": "calciteListChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],

package/dist/collection/components/pick-list/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.89
+ * v1.0.0-beta.91
  */
 export const CSS = {
   sticky: "sticky-pos"

package/dist/collection/components/pick-list/shared-list-logic.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.89
+ * v1.0.0-beta.91
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";

package/dist/collection/components/pick-list/shared-list-render.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.89
+ * v1.0.0-beta.91
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/pick-list-group/pick-list-group.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {
@@ -115,30 +115,11 @@
   padding: 0.5rem;
 }
 
-h1.heading {
-  font-size: var(--calcite-font-size-2);
-  line-height: 1.5rem;
-}
-
-h2.heading {
-  font-size: var(--calcite-font-size-1);
-  line-height: 1.5rem;
-}
-
-h3.heading {
-  font-size: var(--calcite-font-size-0);
-  line-height: 1.25rem;
-}
-
-h4.heading, 
-h5.heading {
-  font-size: var(--calcite-font-size--1);
-  line-height: 1rem;
-}
-
-h3.heading {
+.heading {
   margin-block: 0.5rem;
   margin-inline: 1rem;
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
   color: var(--calcite-ui-text-3);

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

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

package/dist/collection/components/pick-list-item/pick-list-item.css

@@ -76,7 +76,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]){

package/dist/collection/components/pick-list-item/pick-list-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.89
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, Fragment, h, Method, Prop, Watch } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
@@ -392,7 +392,7 @@ export class PickListItem {
       "method": "calciteListItemChange",
       "name": "calciteListItemChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
@@ -426,14 +426,14 @@ export class PickListItem {
       "method": "calciteInternalListItemPropsChange",
       "name": "calciteInternalListItemPropsChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{
             "name": "internal",
             "text": undefined
           }],
-        "text": "Emits when the the component's label, description, value, or metadata properties are modified."
+        "text": "Emits when the component's label, description, value, or metadata properties are modified."
       },
       "complexType": {
         "original": "void",
@@ -444,14 +444,14 @@ export class PickListItem {
       "method": "calciteInternalListItemValueChange",
       "name": "calciteInternalListItemValueChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{
             "name": "internal",
             "text": undefined
           }],
-        "text": "Emits when the the component's value property is modified."
+        "text": "Emits when the component's value property is modified."
       },
       "complexType": {
         "original": "{\n    oldValue: any;\n    newValue: any;\n  }",

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

package/dist/collection/components/popover/PopoverManager.js

@@ -1,8 +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-beta.89
+ * v1.0.0-beta.91
  */
+import { isActivationKey } from "../../utils/key";
 export default class PopoverManager {
   constructor() {
     // --------------------------------------------------------------------------
@@ -34,7 +35,7 @@ export default class PopoverManager {
         .forEach((popover) => popover.toggle(false));
     };
     this.keyHandler = (event) => {
-      if (event.key !== "Enter" && event.key !== " ") {
+      if (!isActivationKey(event.key)) {
         return;
       }
       this.togglePopovers(event);

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

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {
@@ -87,12 +87,12 @@
 
 .calcite-floating-ui-anim {
   position: relative;
-  z-index: 1;
   transition: var(--calcite-floating-ui-transition);
   visibility: hidden;
   transition-property: transform, visibility, opacity;
   opacity: 0;
   box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
+  z-index: 1;
   border-radius: 0.25rem;
 }