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

package/dist/collection/components/radio-group/radio-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.90
+ * v1.0.0-beta.91
  */
 import { Build, Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -18,23 +18,23 @@ export class RadioGroup {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** specify the appearance style of the radio group, defaults to solid. */
+    /** Specifies the appearance style of the component. */
     this.appearance = "solid";
-    /** is the radio group disabled  */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
-     * When true, makes the component required for form-submission.
+     * When true, the component must have a value on form submission.
      *
      * @internal
      */
     this.required = false;
-    /** specify the layout of the radio group, defaults to horizontal */
+    /** Defines the layout of the component. */
     this.layout = "horizontal";
-    /** The scale of the radio group */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** The value of the selectedItem */
+    /** The component's "selectedItem" value. */
     this.value = null;
-    /** specify the width of the group, defaults to auto */
+    /** Specifies the width of the component. */
     this.width = "auto";
     //--------------------------------------------------------------------------
     //
@@ -110,7 +110,7 @@ export class RadioGroup {
   }
   handleKeyDown(event) {
     const keys = ["ArrowLeft", "ArrowUp", "ArrowRight", "ArrowDown", " "];
-    const key = event.key;
+    const { key } = event;
     const { el, selectedItem } = this;
     if (keys.indexOf(key) === -1) {
       return;
@@ -223,7 +223,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the appearance style of the radio group, defaults to solid."
+        "text": "Specifies the appearance style of the component."
       },
       "attribute": "appearance",
       "reflect": true,
@@ -241,7 +241,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "is the radio group disabled"
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -262,7 +262,7 @@ export class RadioGroup {
             "name": "internal",
             "text": undefined
           }],
-        "text": "When true, makes the component required for form-submission."
+        "text": "When true, the component must have a value on form submission."
       },
       "attribute": "required",
       "reflect": true,
@@ -285,7 +285,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the layout of the radio group, defaults to horizontal"
+        "text": "Defines the layout of the component."
       },
       "attribute": "layout",
       "reflect": true,
@@ -303,7 +303,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The group's name. Gets submitted with the form."
+        "text": "Specifies the name of the component on form submission."
       },
       "attribute": "name",
       "reflect": false
@@ -325,7 +325,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The scale of the radio group"
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -343,7 +343,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The value of the selectedItem"
+        "text": "The component's \"selectedItem\" value."
       },
       "attribute": "value",
       "reflect": false,
@@ -368,7 +368,7 @@ export class RadioGroup {
             "name": "readonly",
             "text": undefined
           }],
-        "text": "The group's selected item."
+        "text": "The component's selected item `HTMLElement`."
       }
     },
     "width": {
@@ -391,7 +391,7 @@ export class RadioGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the width of the group, defaults to auto"
+        "text": "Specifies the width of the component."
       },
       "attribute": "width",
       "reflect": true,
@@ -402,11 +402,11 @@ export class RadioGroup {
       "method": "calciteRadioGroupChange",
       "name": "calciteRadioGroupChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fired when the selected option changes, event detail is the new value"
+        "text": "Fires when the selected option changes, where the event detail is the new value."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/radio-group-item/radio-group-item.css

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

package/dist/collection/components/radio-group-item/radio-group-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.90
+ * v1.0.0-beta.91
  */
 import { Component, h, Prop, Element, Event, Host, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -13,11 +13,11 @@ export class RadioGroupItem {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Indicates whether the control is checked. */
+    /** When true, the component is checked. */
     this.checked = false;
-    /** flip the icon in rtl */
+    /** When true, the icon will be flipped when the element direction is right-to-left ("rtl"). */
     this.iconFlipRtl = false;
-    /** optionally used with icon, select where to position the icon */
+    /** When used with "icon", specifies its position. */
     this.iconPosition = "start";
   }
   handleCheckedChange() {
@@ -63,7 +63,7 @@ export class RadioGroupItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates whether the control is checked."
+        "text": "When true, the component is checked."
       },
       "attribute": "checked",
       "reflect": true,
@@ -81,7 +81,7 @@ export class RadioGroupItem {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally pass an icon to display - accepts Calcite UI icon names"
+        "text": "Specifies an icon to display - accepts Calcite UI icon names."
       },
       "attribute": "icon",
       "reflect": true
@@ -98,7 +98,7 @@ export class RadioGroupItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "flip the icon in rtl"
+        "text": "When true, the icon will be flipped when the element direction is right-to-left (\"rtl\")."
       },
       "attribute": "icon-flip-rtl",
       "reflect": true,
@@ -121,7 +121,7 @@ export class RadioGroupItem {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally used with icon, select where to position the icon"
+        "text": "When used with \"icon\", specifies its position."
       },
       "attribute": "icon-position",
       "reflect": true,
@@ -139,7 +139,7 @@ export class RadioGroupItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The control's value."
+        "text": "The component's value."
       },
       "attribute": "value",
       "reflect": false
@@ -149,7 +149,7 @@ export class RadioGroupItem {
       "method": "calciteInternalRadioGroupItemChange",
       "name": "calciteInternalRadioGroupItemChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{

package/dist/collection/components/radio-group-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.90
+ * v1.0.0-beta.91
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/rating.css

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([disabled]) {
@@ -91,7 +91,7 @@
 *
 * These properties can be overridden using the component's tag as selector.
 *
-* @prop --calcite-rating-spacing-unit: the amount of left/right margin between each rating star
+* @prop --calcite-rating-spacing-unit: The amount of left and right margin spacing between each rating star.
 */
 :host {
   position: relative;

package/dist/collection/components/rating/rating.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.90
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, State } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -17,30 +17,30 @@ export class Rating {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** specify the scale of the component, defaults to m */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** the value of the rating component */
+    /** The component's value. */
     this.value = 0;
-    /** is the rating component in a selectable mode */
+    /** When true, the component's value can be read, but cannot be modified. */
     this.readOnly = false;
-    /** is the rating component in a selectable mode */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** Show average and count data summary chip (if available) */
+    /** When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`. */
     this.showChip = false;
     /**
-     * Localized string for "Rating" (used for aria label)
+     * Accessible name for the component.
      *
      * @default "Rating"
      */
     this.intlRating = TEXT.rating;
     /**
-     * Localized string for labelling each star, `${num}` in the string will be replaced by the number
+     * Accessible name for each star. The `${num}` in the string will be replaced by the number.
      *
      * @default "Stars: ${num}"
      */
     this.intlStars = TEXT.stars;
     /**
-     * When true, makes the component required for form-submission.
+     * When true, the component must have a value on form submission.
      *
      * @internal
      */
@@ -108,7 +108,7 @@ export class Rating {
             h("calcite-icon", { icon: "star-f", scale: this.scale }))),
           h("span", { class: "visually-hidden" }, this.intlStars.replace("${num}", `${i}`))),
         h("input", { checked: i === this.value, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: `${this.guid}-${i}`, name: this.guid, onChange: () => this.updateValue(i), onClick: (event) => 
-          // click is fired from the the component's label, so we treat this as an internal event
+          // click is fired from the component's label, so we treat this as an internal event
           event.stopPropagation(), onFocus: () => this.onFocusChange(i), onKeyDown: this.onKeyboardPressed, ref: (el) => (i === 1 || i === this.value) && (this.inputFocusRef = el), type: "radio", value: i })));
     });
   }
@@ -174,7 +174,7 @@ export class Rating {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "specify the scale of the component, defaults to m"
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -192,7 +192,7 @@ export class Rating {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "the value of the rating component"
+        "text": "The component's value."
       },
       "attribute": "value",
       "reflect": true,
@@ -210,7 +210,7 @@ export class Rating {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "is the rating component in a selectable mode"
+        "text": "When true, the component's value can be read, but cannot be modified."
       },
       "attribute": "read-only",
       "reflect": true,
@@ -228,7 +228,7 @@ export class Rating {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "is the rating component in a selectable mode"
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -246,7 +246,7 @@ export class Rating {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Show average and count data summary chip (if available)"
+        "text": "When true, and if available, displays the \"average\" and/or \"count\" data summary in a `calcite-chip`."
       },
       "attribute": "show-chip",
       "reflect": true,
@@ -264,7 +264,7 @@ export class Rating {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally pass a number of previous ratings to display"
+        "text": "Specifies the number of previous ratings to display."
       },
       "attribute": "count",
       "reflect": true
@@ -281,7 +281,7 @@ export class Rating {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally pass a cumulative average rating to display"
+        "text": "Specifies a cumulative average from previous ratings to display."
       },
       "attribute": "average",
       "reflect": true
@@ -298,7 +298,7 @@ export class Rating {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The name of the rating"
+        "text": "Specifies the name of the component on form submission."
       },
       "attribute": "name",
       "reflect": true
@@ -318,7 +318,7 @@ export class Rating {
             "name": "default",
             "text": "\"Rating\""
           }],
-        "text": "Localized string for \"Rating\" (used for aria label)"
+        "text": "Accessible name for the component."
       },
       "attribute": "intl-rating",
       "reflect": false,
@@ -339,7 +339,7 @@ export class Rating {
             "name": "default",
             "text": "\"Stars: ${num}\""
           }],
-        "text": "Localized string for labelling each star, `${num}` in the string will be replaced by the number"
+        "text": "Accessible name for each star. The `${num}` in the string will be replaced by the number."
       },
       "attribute": "intl-stars",
       "reflect": false,
@@ -360,7 +360,7 @@ export class Rating {
             "name": "internal",
             "text": undefined
           }],
-        "text": "When true, makes the component required for form-submission."
+        "text": "When true, the component must have a value on form submission."
       },
       "attribute": "required",
       "reflect": true,
@@ -376,11 +376,11 @@ export class Rating {
       "method": "calciteRatingChange",
       "name": "calciteRatingChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Fires when the rating value has changed."
+        "text": "Fires when the component's value changes."
       },
       "complexType": {
         "original": "{ value: number }",

package/dist/collection/components/rating/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.90
+ * v1.0.0-beta.91
  */
 export const TEXT = {
   rating: "Rating",

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

package/dist/collection/components/scrim/scrim.css

@@ -75,13 +75,13 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {
   position: absolute;
   inset: 0px;
-  z-index: 50;
+  z-index: 700;
   display: flex;
   block-size: 100%;
   inline-size: 100%;

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

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

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

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

package/dist/collection/components/select/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.90
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -382,7 +382,7 @@ export class Select {
       "method": "calciteSelectChange",
       "name": "calciteSelectChange",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [],

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

package/dist/collection/components/shell/shell.css

@@ -86,7 +86,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 /**
@@ -142,7 +142,7 @@
 .content--behind {
   position: absolute;
   inset: 0px;
-  z-index: 0;
+  z-index: 1;
   border-width: 0px;
   display: initial;
 }
@@ -184,6 +184,7 @@ slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])) {
 
 ::slotted(calcite-tip-manager) {
   position: absolute;
+  z-index: 500;
   box-sizing: border-box;
 }
 
@@ -206,5 +207,4 @@ slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])) {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   inset-block-end: 0.5rem;
   inset-inline: var(--calcite-shell-tip-spacing);
-  z-index: 2;
 }

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

package/dist/collection/components/shell-center-row/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.90
+ * v1.0.0-beta.91
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.css

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

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

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

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

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host {
@@ -110,7 +110,6 @@
   pointer-events: auto;
   position: absolute;
   inset-block: 0px;
-  z-index: 10;
   display: flex;
   block-size: 100%;
   inline-size: 0.125rem;

package/dist/collection/components/shell-panel/shell-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.90
+ * v1.0.0-beta.91
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";
@@ -383,7 +383,7 @@ export class ShellPanel {
       "method": "calciteShellPanelToggle",
       "name": "calciteShellPanelToggle",
       "bubbles": true,
-      "cancelable": true,
+      "cancelable": false,
       "composed": true,
       "docs": {
         "tags": [{

package/dist/collection/components/slider/slider.css

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