@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.598

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.597
+ * v1.0.0-next.598
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -20,10 +20,10 @@ export class RadioGroup {
     //--------------------------------------------------------------------------
     /** Specifies the appearance style of the component. */
     this.appearance = "solid";
-    /** When true, interaction is prevented and the component is displayed with lower opacity. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
-     * When true, the component must have a value in order for the form to submit.
+     * When `true`, the component must have a value in order for the form to submit.
      *
      * @internal
      */
@@ -32,7 +32,7 @@ export class RadioGroup {
     this.layout = "horizontal";
     /** Specifies the size of the component. */
     this.scale = "m";
-    /** The component's "selectedItem" value. */
+    /** The component's `selectedItem` value. */
     this.value = null;
     /** Specifies the width of the component. */
     this.width = "auto";
@@ -244,7 +244,7 @@ export class RadioGroup {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, interaction is prevented and the component is displayed with lower opacity."
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
         "attribute": "disabled",
         "reflect": true,
@@ -265,7 +265,7 @@ export class RadioGroup {
               "name": "internal",
               "text": undefined
             }],
-          "text": "When true, the component must have a value in order for the form to submit."
+          "text": "When `true`, the component must have a value in order for the form to submit."
         },
         "attribute": "required",
         "reflect": true,
@@ -346,7 +346,7 @@ export class RadioGroup {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The component's \"selectedItem\" value."
+          "text": "The component's `selectedItem` value."
         },
         "attribute": "value",
         "reflect": false,

package/dist/collection/components/radio-group/radio-group.stories.js

@@ -0,0 +1,79 @@
+import { select } from "@storybook/addon-knobs";
+import { boolean, storyFilters } from "../../../.storybook/helpers";
+import { themesDarkDefault } from "../../../.storybook/utils";
+import readme1 from "./readme.md";
+import readme2 from "../radio-group-item/readme.md";
+import { html } from "../../../support/formatting";
+export default {
+    title: "Components/Controls/Radio/Radio Group",
+    parameters: {
+        notes: [readme1, readme2]
+    },
+    ...storyFilters()
+};
+export const simple = () => html `
+  <calcite-radio-group
+    layout="${select("layout", ["horizontal", "vertical"], "horizontal")}"
+    appearance="${select("appearance", ["solid", "outline"], "solid")}"
+    scale="${select("scale", ["s", "m", "l"], "m")}"
+    width="${select("width", ["auto", "full"], "auto")}"
+    ${boolean("disabled", false)}
+  >
+    <calcite-radio-group-item value="react" checked>React</calcite-radio-group-item>
+    <calcite-radio-group-item value="ember">Ember</calcite-radio-group-item>
+    <calcite-radio-group-item value="angular">Angular</calcite-radio-group-item>
+    <calcite-radio-group-item value="vue">Vue</calcite-radio-group-item>
+  </calcite-radio-group>
+`;
+export const fullWidthWithIcons = () => html `
+  <div style="width:33vw;">
+    <calcite-label scale="${select("scale", ["s", "m", "l"], "m")}">
+      My great radio group
+      <calcite-radio-group
+        layout="${select("layout", ["horizontal", "vertical"], "horizontal")}"
+        appearance="${select("appearance", ["solid", "outline"], "solid")}"
+        width="${select("width", ["auto", "full"], "full")}"
+        ${boolean("disabled", false)}
+      >
+        <calcite-radio-group-item icon="car" value="car" checked>Car</calcite-radio-group-item>
+        <calcite-radio-group-item icon="plane" value="plane">Plane</calcite-radio-group-item>
+        <calcite-radio-group-item icon="biking" value="bicycle">Bicycle</calcite-radio-group-item>
+      </calcite-radio-group>
+    </calcite-label>
+  </div>
+`;
+export const darkThemeRTL_TestOnly = () => html `
+  <calcite-radio-group
+    class="calcite-theme-dark"
+    dir="rtl"
+    layout="${select("layout", ["horizontal", "vertical"], "horizontal")}"
+    appearance="${select("appearance", ["solid", "outline"], "solid")}"
+    scale="${select("scale", ["s", "m", "l"], "m")}"
+    width="${select("width", ["auto", "full"], "auto")}"
+    ${boolean("disabled", false)}
+  >
+    <calcite-radio-group-item value="react" checked>React</calcite-radio-group-item>
+    <calcite-radio-group-item value="ember">Ember</calcite-radio-group-item>
+    <calcite-radio-group-item value="angular">Angular</calcite-radio-group-item>
+    <calcite-radio-group-item value="vue">Vue</calcite-radio-group-item>
+  </calcite-radio-group>
+`;
+darkThemeRTL_TestOnly.parameters = { themes: themesDarkDefault };
+export const disabled_TestOnly = () => html `<calcite-radio-group disabled>
+  <calcite-radio-group-item value="react" checked>React</calcite-radio-group-item>
+  <calcite-radio-group-item value="ember">Ember</calcite-radio-group-item>
+  <calcite-radio-group-item value="angular">Angular</calcite-radio-group-item>
+  <calcite-radio-group-item value="vue">Vue</calcite-radio-group-item>
+</calcite-radio-group>`;
+export const WithIconStartAndEnd = () => html ` <calcite-radio-group scale="s">
+  <calcite-radio-group-item icon-start="car" icon-end="car" value="car" checked icon="plane" icon-positon="end"
+    >Car</calcite-radio-group-item
+  >
+  <calcite-radio-group-item icon-end="plane" value="plane" icon="banana" icon-positon="start"
+    >Plane</calcite-radio-group-item
+  >
+  <calcite-radio-group-item icon-start="biking" icon-end="biking" value="bicycle" icon="car" icon-positon="start"
+    >Bicycle</calcite-radio-group-item
+  >
+  <calcite-radio-group-item value="nothing">Nothing</calcite-radio-group-item>
+</calcite-radio-group>`;

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.597
+ * v1.0.0-next.598
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -13,9 +13,9 @@ export class RadioGroupItem {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** When true, the component is checked. */
+    /** When `true`, the component is checked. */
     this.checked = false;
-    /** When true, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+    /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
     this.iconFlipRtl = false;
     /**
      * Specifies the placement of the icon.
@@ -71,7 +71,7 @@ export class RadioGroupItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the component is checked."
+          "text": "When `true`, the component is checked."
         },
         "attribute": "checked",
         "reflect": true,
@@ -109,7 +109,7 @@ export class RadioGroupItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`)."
+          "text": "When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`)."
         },
         "attribute": "icon-flip-rtl",
         "reflect": true,

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

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.597
+ * v1.0.0-next.598
  */
 import { Fragment, h } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -21,11 +21,11 @@ export class Rating {
     this.scale = "m";
     /** The component's value. */
     this.value = 0;
-    /** When true, the component's value can be read, but cannot be modified. */
+    /** When `true`, the component's value can be read, but cannot be modified. */
     this.readOnly = false;
-    /** When true, interaction is prevented and the component is displayed with lower opacity. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`. */
+    /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */
     this.showChip = false;
     /**
      * Accessible name for the component.
@@ -40,7 +40,7 @@ export class Rating {
      */
     this.intlStars = TEXT.stars;
     /**
-     * When true, the component must have a value in order for the form to submit.
+     * When `true`, the component must have a value in order for the form to submit.
      *
      * @internal
      */
@@ -200,7 +200,7 @@ export class Rating {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the component's value can be read, but cannot be modified."
+          "text": "When `true`, the component's value can be read, but cannot be modified."
         },
         "attribute": "read-only",
         "reflect": true,
@@ -218,7 +218,7 @@ export class Rating {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, interaction is prevented and the component is displayed with lower opacity."
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
         "attribute": "disabled",
         "reflect": true,
@@ -236,7 +236,7 @@ export class Rating {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, and if available, displays the \"average\" and/or \"count\" data summary in a `calcite-chip`."
+          "text": "When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`."
         },
         "attribute": "show-chip",
         "reflect": true,
@@ -350,7 +350,7 @@ export class Rating {
               "name": "internal",
               "text": undefined
             }],
-          "text": "When true, the component must have a value in order for the form to submit."
+          "text": "When `true`, the component must have a value in order for the form to submit."
         },
         "attribute": "required",
         "reflect": true,

package/dist/collection/components/rating/rating.stories.js

@@ -0,0 +1,42 @@
+import { number, select, text } from "@storybook/addon-knobs";
+import { boolean, storyFilters } from "../../../.storybook/helpers";
+import { themesDarkDefault } from "../../../.storybook/utils";
+import readme from "./readme.md";
+import { html } from "../../../support/formatting";
+export default {
+    title: "Components/Controls/Rating",
+    parameters: {
+        notes: readme
+    },
+    ...storyFilters()
+};
+export const simple = () => html `
+  <calcite-rating
+    scale="${select("scale", ["s", "m", "l"], "m")}"
+    value="${number("value", 1)}"
+    ${boolean("show-chip", true)}
+    average="${number("average", 4.4)}"
+    count="${number("count", 10)}"
+    ${boolean("read-only", false)}
+    ${boolean("disabled", false)}
+    intl-rating="${text("intl-rating", "Rating")}"
+    intl-stars="${text("intl-rating", "Stars: ${num}")}"
+  ></calcite-rating>
+`;
+export const darkThemeRTL_TestOnly = () => html `
+  <calcite-rating
+    class="calcite-theme-dark"
+    dir="rtl"
+    scale="${select("scale", ["s", "m", "l"], "m")}"
+    value="${number("value", 2)}"
+    ${boolean("show-chip", true)}
+    average="${number("average", 4.4)}"
+    count="${number("count", 10)}"
+    ${boolean("read-only", false)}
+    ${boolean("disabled", false)}
+    intl-rating="${text("intl-rating", "Rating")}"
+    intl-stars="${text("intl-rating", "Stars: ${num}")}"
+  ></calcite-rating>
+`;
+darkThemeRTL_TestOnly.parameters = { themes: themesDarkDefault };
+export const disabled_TestOnly = () => html `<calcite-rating disabled value="3"></calcite-rating>`;

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.597
+ * v1.0.0-next.598
  */
 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.597
+ * v1.0.0-next.598
  */
 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.597
+ * v1.0.0-next.598
  */
 import { h } from "@stencil/core";
 import { CSS, TEXT } from "./resources";
@@ -22,7 +22,7 @@ export class Scrim {
      */
     this.intlLoading = TEXT.loading;
     /**
-     * When true, a busy indicator is displayed.
+     * When `true`, a busy indicator is displayed.
      */
     this.loading = false;
   }
@@ -85,7 +85,7 @@ export class Scrim {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, a busy indicator is displayed."
+          "text": "When `true`, a busy indicator is displayed."
         },
         "attribute": "loading",
         "reflect": true,

package/dist/collection/components/scrim/scrim.stories.js

@@ -0,0 +1,70 @@
+import { boolean, storyFilters } from "../../../.storybook/helpers";
+import { themesDarkDefault } from "../../../.storybook/utils";
+import readme from "./readme.md";
+import { html } from "../../../support/formatting";
+export default {
+    title: "Components/Scrim",
+    parameters: {
+        notes: readme
+    },
+    ...storyFilters()
+};
+export const simple = () => html `
+  <div tabindex="0" style="position: relative; width: 400px; height: 400px">
+    <calcite-scrim ${boolean("loading", false)}></calcite-scrim>
+    <div style="width: 400px; height: 400px; overflow: auto">
+      <p>
+        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor
+        quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean
+        ultricies mi vitae est. Mauris placerat eleifend leo.
+      </p>
+      <ul>
+        <li>
+          Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed
+          arcu. Cras consequat.
+        </li>
+        <li>
+          Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.
+          Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
+        </li>
+        <li>
+          Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique
+          cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
+        </li>
+        <li>
+          Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
+        </li>
+      </ul>
+    </div>
+  </div>
+`;
+export const darkThemeRTL_TestOnly = () => html `
+  <div tabindex="0" style="position: relative; width: 400px; height: 400px">
+    <calcite-scrim dir="rtl" class="calcite-theme-dark" ${boolean("loading", false)}></calcite-scrim>
+    <div style="width: 400px; height: 400px; overflow: auto">
+      <p>
+        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor
+        quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean
+        ultricies mi vitae est. Mauris placerat eleifend leo.
+      </p>
+      <ul>
+        <li>
+          Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed
+          arcu. Cras consequat.
+        </li>
+        <li>
+          Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.
+          Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
+        </li>
+        <li>
+          Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique
+          cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
+        </li>
+        <li>
+          Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
+        </li>
+      </ul>
+    </div>
+  </div>
+`;
+darkThemeRTL_TestOnly.parameters = { themes: themesDarkDefault };

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.597
+ * v1.0.0-next.598
  */
 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.597
+ * v1.0.0-next.598
  */
 import { Fragment, h } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
@@ -27,11 +27,11 @@ export class Select {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When true, the component must have a value in order for the form to submit.
+     * When `true`, the component must have a value in order for the form to submit.
      *
      * @internal
      */
@@ -40,7 +40,7 @@ export class Select {
      * Specifies the size of the component.
      */
     this.scale = "m";
-    /** The component's "selectedOption" value. */
+    /** The component's `selectedOption` value. */
     this.value = null;
     /**
      * Specifies the width of the component.
@@ -230,7 +230,7 @@ export class Select {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, interaction is prevented and the component is displayed with lower opacity."
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
         "attribute": "disabled",
         "reflect": true,
@@ -285,7 +285,7 @@ export class Select {
               "name": "internal",
               "text": undefined
             }],
-          "text": "When true, the component must have a value in order for the form to submit."
+          "text": "When `true`, the component must have a value in order for the form to submit."
         },
         "attribute": "required",
         "reflect": true,
@@ -326,7 +326,7 @@ export class Select {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The component's \"selectedOption\" value."
+          "text": "The component's `selectedOption` value."
         },
         "attribute": "value",
         "reflect": false,
@@ -388,7 +388,7 @@ export class Select {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Fires when the selected option changes."
+          "text": "Fires when the `selectedOption` changes."
         },
         "complexType": {
           "original": "void",

package/dist/collection/components/select/select.stories.js

@@ -0,0 +1,109 @@
+import { filterComponentAttributes, createComponentHTML as create, themesDarkDefault } from "../../../.storybook/utils";
+import { html } from "../../../support/formatting";
+import { boolean, text } from "@storybook/addon-knobs";
+import selectReadme from "../select/readme.md";
+import optionReadme from "../option/readme.md";
+import optionGroupReadme from "../option-group/readme.md";
+import { storyFilters } from "../../../.storybook/helpers";
+const createSelectAttributes = ({ exceptions } = { exceptions: [] }) => {
+    const group = "select";
+    return filterComponentAttributes([
+        {
+            name: "disabled",
+            commit() {
+                this.value = boolean("disabled", false, group);
+                delete this.build;
+                return this;
+            }
+        }
+    ], exceptions);
+};
+const createOptionAttributes = () => {
+    const group = "option";
+    return [
+        {
+            name: "disabled",
+            value: boolean("disabled", false, group)
+        },
+        {
+            name: "label",
+            value: text("label", "fancy label", group)
+        },
+        {
+            name: "selected",
+            value: boolean("selected", false, group)
+        },
+        {
+            name: "value",
+            value: text("value", "value", group)
+        }
+    ];
+};
+const createOptionGroupAttributes = () => {
+    const group = "option-group";
+    return [
+        {
+            name: "label",
+            value: text("label", "My fancy group label", group)
+        }
+    ];
+};
+export default {
+    title: "Components/Controls/Select",
+    parameters: {
+        notes: {
+            select: selectReadme,
+            option: optionReadme,
+            optionGroup: optionGroupReadme
+        }
+    },
+    ...storyFilters()
+};
+export const simple = () => html `<div style="width:260px">
+    ${create("calcite-select", createSelectAttributes(), html `
+        ${create("calcite-option", createOptionAttributes())}
+        <calcite-option
+          selected
+          label="some fixed option with a very long label set on it to extend past the end"
+          value="some-fixed-value"
+        ></calcite-option>
+        <calcite-option label="another fixed option" value="another-fixed-value"></calcite-option>
+      `)}
+  </div>`;
+export const grouped = () => create("calcite-select", createSelectAttributes(), html `
+      ${create("calcite-option-group", createOptionGroupAttributes(), html `
+          ${create("calcite-option", createOptionAttributes())}
+          <calcite-option label="some fixed option (A)" value="some-fixed-value-a"></calcite-option>
+          <calcite-option label="another fixed option (A)" value="another-fixed-value-a"></calcite-option>
+        `)}
+      <calcite-option-group label="group B (fixed)">
+        <calcite-option label="some fixed option (B)" value="some-fixed-value-b"></calcite-option>
+        <calcite-option label="another fixed option (B)" value="another-fixed-value-b"></calcite-option>
+      </calcite-option-group>
+    `);
+export const darkThemeRTL_TestOnly = () => create("calcite-select", [
+    ...createSelectAttributes({ exceptions: ["dir", "class"] }),
+    {
+        name: "dir",
+        value: "rtl"
+    },
+    {
+        name: "class",
+        value: "calcite-theme-dark"
+    }
+], html `
+      ${create("calcite-option-group", createOptionGroupAttributes(), html `
+          ${create("calcite-option", createOptionAttributes())}
+          <calcite-option label="some fixed option (A)" value="some-fixed-value-a"></calcite-option>
+          <calcite-option label="another fixed option (A)" value="another-fixed-value-a"></calcite-option>
+        `)}
+      <calcite-option-group label="group B (fixed)">
+        <calcite-option label="some fixed option (B)" value="some-fixed-value-b"></calcite-option>
+        <calcite-option label="another fixed option (B)" value="another-fixed-value-b"></calcite-option>
+      </calcite-option-group>
+    `);
+darkThemeRTL_TestOnly.parameters = { themes: themesDarkDefault };
+export const disabled_TestOnly = () => html `<calcite-select disabled>
+  <calcite-option label="first" value="1"></calcite-option>
+  <calcite-option label="second" value="2"></calcite-option>
+</calcite-select>`;

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