@esri/calcite-components 1.0.0-next.553 → 1.0.0-next.556

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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 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
      */
@@ -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,
@@ -380,7 +380,7 @@ export class Rating {
       "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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   scrim: "scrim",

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

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

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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, Fragment, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { focusElement } from "../../utils/dom";

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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   main: "main",

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

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

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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 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-next.553
+ * v1.0.0-next.556
  */
 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 {

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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

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

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

package/dist/collection/components/slider/slider.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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -10,6 +10,7 @@ import { clamp, decimalPlaces } from "../../utils/math";
 import { connectLabel, disconnectLabel } from "../../utils/label";
 import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
 import { updateHostInteraction } from "../../utils/interactive";
+import { isActivationKey } from "../../utils/key";
 function isRange(value) {
   return Array.isArray(value);
 }
@@ -399,8 +400,8 @@ export class Slider {
     const mirror = this.shouldMirror();
     const { activeProp, max, min, pageStep, step } = this;
     const value = this[activeProp];
-    const key = event.key;
-    if (key === "Enter" || key === " ") {
+    const { key } = event;
+    if (isActivationKey(key)) {
       event.preventDefault();
       return;
     }

package/dist/collection/components/sortable-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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   sortItem: "sort-item",

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

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

package/dist/collection/components/sortable-list/sortable-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-next.553
+ * v1.0.0-next.556
  */
 import Sortable from "sortablejs";
 import { Component, Element, Event, Listen, Prop, State, h } from "@stencil/core";

package/dist/collection/components/split-button/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-next.553
+ * v1.0.0-next.556
  */
 export const CSS = {
   container: "split-button__container",

package/dist/collection/components/split-button/split-button.css

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

package/dist/collection/components/split-button/split-button.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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, h, Prop, Watch } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/stepper/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-next.553
+ * v1.0.0-next.556
  */
 export {};

package/dist/collection/components/stepper/stepper.css

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

package/dist/collection/components/stepper/stepper.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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, h, Listen, Method, Prop } from "@stencil/core";
 import { focusElement } from "../../utils/dom";

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

@@ -75,7 +75,7 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
 :host([layout=horizontal][disabled]) .stepper-item-header,  :host([disabled]) {

package/dist/collection/components/stepper-item/stepper-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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/switch/switch.css

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

package/dist/collection/components/switch/switch.js

@@ -1,13 +1,14 @@
 /*!
  * 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-next.553
+ * v1.0.0-next.556
  */
 import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
 import { updateHostInteraction } from "../../utils/interactive";
+import { isActivationKey } from "../../utils/key";
 export class Switch {
   constructor() {
     //--------------------------------------------------------------------------
@@ -33,8 +34,8 @@ export class Switch {
     //
     //--------------------------------------------------------------------------
     this.keyDownHandler = (event) => {
-      const key = event.key;
-      if (!this.disabled && (key === " " || key === "Enter")) {
+      const { key } = event;
+      if (!this.disabled && isActivationKey(key)) {
         this.toggle();
         event.preventDefault();
       }

package/dist/collection/components/tab/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-next.553
+ * v1.0.0-next.556
  */
 export {};

package/dist/collection/components/tab/tab.css

@@ -75,10 +75,10 @@
 }
 
 :host([hidden]) {
-  display: none;
+  display: none !important;
 }
 
-:host([active]) section {
+:host([selected]) section {
   display: block;
 }
 
@@ -88,7 +88,7 @@
   inline-size: 100%;
 }
 
-:host([active]) {
+:host([selected]) {
   display: block;
   block-size: 100%;
   inline-size: 100%;