@esri/calcite-components 1.0.0-next.701 → 1.0.0-next.702

package/dist/collection/components/radio-button-group/radio-button-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-next.701
+ * v1.0.0-next.702
  */
 import { Host, h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -23,6 +23,7 @@ export class RadioButtonGroup {
     //--------------------------------------------------------------------------
     this.passPropsToRadioButtons = () => {
       const radioButtons = this.el.querySelectorAll("calcite-radio-button");
+      this.selectedItem = Array.from(radioButtons).find((radioButton) => radioButton.checked) || null;
       if (radioButtons.length > 0) {
         radioButtons.forEach((radioButton) => {
           radioButton.disabled = this.disabled || radioButton.disabled;
@@ -38,6 +39,7 @@ export class RadioButtonGroup {
     this.layout = "horizontal";
     this.name = undefined;
     this.required = false;
+    this.selectedItem = null;
     this.scale = "m";
   }
   onDisabledChange() {
@@ -70,7 +72,8 @@ export class RadioButtonGroup {
   //
   //--------------------------------------------------------------------------
   radioButtonChangeHandler(event) {
-    this.calciteRadioButtonGroupChange.emit(event.target.value);
+    this.selectedItem = event.target;
+    this.calciteRadioButtonGroupChange.emit();
   }
   // --------------------------------------------------------------------------
   //
@@ -189,6 +192,29 @@ export class RadioButtonGroup {
         "reflect": true,
         "defaultValue": "false"
       },
+      "selectedItem": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "HTMLCalciteRadioButtonElement",
+          "resolved": "HTMLCalciteRadioButtonElement",
+          "references": {
+            "HTMLCalciteRadioButtonElement": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "readonly",
+              "text": undefined
+            }],
+          "text": "Specifies the component's selected item."
+        },
+        "defaultValue": "null"
+      },
       "scale": {
         "type": "string",
         "mutable": false,
@@ -226,8 +252,8 @@ export class RadioButtonGroup {
           "text": "Fires when the component has changed."
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
+          "original": "void",
+          "resolved": "void",
           "references": {}
         }
       }];

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

@@ -101,6 +101,10 @@
   outline-offset: -1px;
 }
 
+:host([appearance=outline]) {
+  background-color: transparent;
+}
+
 :host([disabled]) ::slotted([calcite-hydrated][disabled]),
 :host([disabled]) [calcite-hydrated][disabled] {
   /* prevent opacity stacking */

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-next.701
+ * v1.0.0-next.702
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -202,8 +202,8 @@ export class RadioGroup {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "Extract<\"outline\" | \"solid\", Appearance>",
-          "resolved": "\"outline\" | \"solid\"",
+          "original": "Extract<\"outline\" | \"outline-fill\" | \"solid\", Appearance>",
+          "resolved": "\"outline\" | \"outline-fill\" | \"solid\"",
           "references": {
             "Extract": {
               "location": "global"

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

@@ -153,13 +153,18 @@
   color: var(--calcite-ui-background);
 }
 
-:host([checked]) .label--outline {
+:host([checked]) .label--outline,
+:host([checked]) .label--outline-fill {
   border-color: var(--calcite-ui-brand);
-  background-color: transparent;
+  background-color: var(--calcite-ui-foreground-1);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-brand);
   color: var(--calcite-ui-brand);
 }
 
+:host([checked]) .label--outline {
+  background-color: transparent;
+}
+
 ::slotted(input) {
   display: none;
 }
@@ -169,7 +174,8 @@
     background-color: highlight;
   }
 
-  :host([checked]) .label--outline {
+  :host([checked]) .label--outline,
+:host([checked]) .label--outline-fill {
     outline: 2px solid transparent;
     outline-offset: 2px;
   }

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-next.701
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -29,7 +29,8 @@ export class RadioGroupItem {
         "label--scale-m": scale === "m",
         "label--scale-l": scale === "l",
         "label--horizontal": layout === "horizontal",
-        "label--outline": appearance === "outline"
+        "label--outline": appearance === "outline",
+        "label--outline-fill": appearance === "outline-fill"
       } }, this.iconStart ? iconStartEl : null, h("slot", null, value), h("slot", { name: SLOTS.input }), this.iconEnd ? iconEndEl : null)));
   }
   static get is() { return "calcite-radio-group-item"; }

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.701
+ * v1.0.0-next.702
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/assets/rating/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type RatingMessages = {
   rating: string;
   stars: string;
 };

package/dist/collection/components/rating/function/star.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.701
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 export const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{

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.701
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -301,10 +301,10 @@ export class Rating {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "RatingMessages",
           "resolved": "{ rating: string; stars: string; }",
           "references": {
-            "Messages": {
+            "RatingMessages": {
               "location": "import",
               "path": "./assets/rating/t9n"
             }
@@ -324,13 +324,13 @@ export class Rating {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<RatingMessages>",
           "resolved": "{ rating?: string; stars?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "RatingMessages": {
               "location": "import",
               "path": "./assets/rating/t9n"
             }

package/dist/collection/components/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.701
+ * v1.0.0-next.702
  */
 export var KindIcons;
 (function (KindIcons) {

package/dist/collection/components/scrim/assets/scrim/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type ScrimMessages = {
   loading: string;
 };

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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   scrim: "scrim",

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.701
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";
@@ -89,10 +89,10 @@ export class Scrim {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "ScrimMessages",
           "resolved": "{ loading: string; }",
           "references": {
-            "Messages": {
+            "ScrimMessages": {
               "location": "import",
               "path": "./assets/scrim/t9n"
             }
@@ -112,13 +112,13 @@ export class Scrim {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<ScrimMessages>",
           "resolved": "{ loading?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "ScrimMessages": {
               "location": "import",
               "path": "./assets/scrim/t9n"
             }

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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   icon: "icon",

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.701
+ * v1.0.0-next.702
  */
 import { Fragment, h } 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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   main: "main",

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.701
+ * v1.0.0-next.702
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
@@ -14,7 +14,7 @@ import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } f
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
  * @slot center-row - A slot for adding content to the center row.
- * @slot modal - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
+ * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
  * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */
 export class Shell {

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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

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.701
+ * v1.0.0-next.702
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-panel/assets/shell-panel/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type ShellPanelMessages = {
   resize: string;
 };

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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   container: "container",

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.701
+ * v1.0.0-next.702
  */
 import { h, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
@@ -355,10 +355,10 @@ export class ShellPanel {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "ShellPanelMessages",
           "resolved": "{ resize: string; }",
           "references": {
-            "Messages": {
+            "ShellPanelMessages": {
               "location": "import",
               "path": "./assets/shell-panel/t9n"
             }
@@ -378,13 +378,13 @@ export class ShellPanel {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<ShellPanelMessages>",
           "resolved": "{ resize?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "ShellPanelMessages": {
               "location": "import",
               "path": "./assets/shell-panel/t9n"
             }

package/dist/collection/components/slider/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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   handleLabel: "handle__label",

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.701
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   sortItem: "sort-item",

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.701
+ * v1.0.0-next.702
  */
 import Sortable from "sortablejs";
 import { 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.701
+ * v1.0.0-next.702
  */
 export const CSS = {
   container: "split-button__container",

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.701
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";

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.701
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { focusElementInGroup } from "../../utils/dom";
@@ -24,6 +24,7 @@ export class Stepper {
     this.layout = "horizontal";
     this.numbered = false;
     this.numberingSystem = undefined;
+    this.selectedItem = null;
     this.scale = "m";
   }
   //--------------------------------------------------------------------------
@@ -87,16 +88,14 @@ export class Stepper {
     const { position } = event.detail;
     if (typeof position === "number") {
       this.currentPosition = position;
+      this.selectedItem = event.target;
     }
     this.calciteInternalStepperItemChange.emit({
       position
     });
   }
-  handleUserRequestedStepperItemSelect(event) {
-    const { position } = event.detail;
-    this.calciteStepperItemChange.emit({
-      position
-    });
+  handleUserRequestedStepperItemSelect() {
+    this.calciteStepperItemChange.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -272,6 +271,29 @@ export class Stepper {
         "attribute": "numbering-system",
         "reflect": true
       },
+      "selectedItem": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "HTMLCalciteStepperItemElement",
+          "resolved": "HTMLCalciteStepperItemElement",
+          "references": {
+            "HTMLCalciteStepperItemElement": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "readonly",
+              "text": undefined
+            }],
+          "text": "Specifies the component's selected item."
+        },
+        "defaultValue": "null"
+      },
       "scale": {
         "type": "string",
         "mutable": false,
@@ -309,14 +331,9 @@ export class Stepper {
           "text": "Fires when the active `calcite-stepper-item` changes."
         },
         "complexType": {
-          "original": "StepperItemChangeEventDetail",
-          "resolved": "StepperItemChangeEventDetail",
-          "references": {
-            "StepperItemChangeEventDetail": {
-              "location": "import",
-              "path": "./interfaces"
-            }
-          }
+          "original": "void",
+          "resolved": "void",
+          "references": {}
         }
       }, {
         "method": "calciteInternalStepperItemChange",

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.701
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/switch/switch.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.701
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tab/tab.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.701
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";