@esri/calcite-components 1.0.0-beta.82 → 1.0.0-beta.83

package/dist/collection/components/date-picker-day/date-picker-day.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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Prop, Host, Event, Listen, h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -43,7 +43,7 @@ export class DatePickerDay {
     };
   }
   mouseoverHandler() {
-    this.calciteDayHover.emit({
+    this.calciteInternalDayHover.emit({
       disabled: this.disabled
     });
   }
@@ -336,8 +336,8 @@ export class DatePickerDay {
         "references": {}
       }
     }, {
-      "method": "calciteDayHover",
-      "name": "calciteDayHover",
+      "method": "calciteInternalDayHover",
+      "name": "calciteInternalDayHover",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/date-picker-month/date-picker-month.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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Prop, Host, Event, h, Listen } from "@stencil/core";
 import { inRange, sameDate, dateFromRange } from "../../utils/date";
@@ -69,11 +69,12 @@ export class DatePickerMonth {
     this.dayHover = (e) => {
       const target = e.target;
       if (e.detail.disabled) {
-        this.calciteDatePickerMouseOut.emit();
+        this.calciteInternalDatePickerMouseOut.emit();
       }
       else {
-        this.calciteDatePickerHover.emit(target.value);
+        this.calciteInternalDatePickerHover.emit(target.value);
       }
+      e.stopPropagation();
     };
     this.daySelect = (e) => {
       const target = e.target;
@@ -81,7 +82,7 @@ export class DatePickerMonth {
     };
   }
   mouseoutHandler() {
-    this.calciteDatePickerMouseOut.emit();
+    this.calciteInternalDatePickerMouseOut.emit();
   }
   //--------------------------------------------------------------------------
   //
@@ -129,6 +130,8 @@ export class DatePickerMonth {
   //--------------------------------------------------------------------------
   /**
    * Add n months to the current month
+   *
+   * @param step
    */
   addMonths(step) {
     const nextDate = new Date(this.activeDate);
@@ -138,6 +141,8 @@ export class DatePickerMonth {
   }
   /**
    * Add n days to the current date
+   *
+   * @param step
    */
   addDays(step = 0) {
     const nextDate = new Date(this.activeDate);
@@ -147,6 +152,10 @@ export class DatePickerMonth {
   }
   /**
    * Get dates for last days of the previous month
+   *
+   * @param month
+   * @param year
+   * @param startOfWeek
    */
   getPrevMonthdays(month, year, startOfWeek) {
     const lastDate = new Date(year, month, 0);
@@ -163,6 +172,9 @@ export class DatePickerMonth {
   }
   /**
    * Get dates for the current month
+   *
+   * @param month
+   * @param year
    */
   getCurrentMonthDays(month, year) {
     const num = new Date(year, month + 1, 0).getDate();
@@ -174,6 +186,10 @@ export class DatePickerMonth {
   }
   /**
    * Get dates for first days of the next month
+   *
+   * @param month
+   * @param year
+   * @param startOfWeek
    */
   getNextMonthDays(month, year, startOfWeek) {
     const endDay = new Date(year, month + 1, 0).getDay();
@@ -188,6 +204,8 @@ export class DatePickerMonth {
   }
   /**
    * Determine if the date is in between the start and end dates
+   *
+   * @param date
    */
   betweenSelectedRange(date) {
     return !!(this.startDate &&
@@ -198,6 +216,8 @@ export class DatePickerMonth {
   }
   /**
    * Determine if the date should be in selected state
+   *
+   * @param date
    */
   isSelected(date) {
     return !!(sameDate(date, this.selectedDate) ||
@@ -206,6 +226,8 @@ export class DatePickerMonth {
   }
   /**
    * Determine if the date is the start of the date range
+   *
+   * @param date
    */
   isStartOfRange(date) {
     return !!(this.startDate &&
@@ -222,6 +244,12 @@ export class DatePickerMonth {
   }
   /**
    * Render calcite-date-picker-day
+   *
+   * @param active
+   * @param day
+   * @param date
+   * @param currentMonth
+   * @param ref
    */
   renderDateDay(active, day, date, currentMonth, ref) {
     var _a;
@@ -233,7 +261,7 @@ export class DatePickerMonth {
         "hover--outside-range": this.startDate && !isHoverInRange,
         "focused--start": isFocusedOnStart,
         "focused--end": !isFocusedOnStart
-      }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), localeData: this.localeData, onCalciteDayHover: this.dayHover, onCalciteDaySelect: this.daySelect, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
+      }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), localeData: this.localeData, onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
         // when moving via keyboard, focus must be updated on active date
         if (ref && active && this.activeFocus) {
           el === null || el === void 0 ? void 0 : el.focus();
@@ -475,8 +503,8 @@ export class DatePickerMonth {
         "references": {}
       }
     }, {
-      "method": "calciteDatePickerHover",
-      "name": "calciteDatePickerHover",
+      "method": "calciteInternalDatePickerHover",
+      "name": "calciteInternalDatePickerHover",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -508,8 +536,8 @@ export class DatePickerMonth {
         "references": {}
       }
     }, {
-      "method": "calciteDatePickerMouseOut",
-      "name": "calciteDatePickerMouseOut",
+      "method": "calciteInternalDatePickerMouseOut",
+      "name": "calciteInternalDatePickerMouseOut",
       "bubbles": true,
       "cancelable": true,
       "composed": true,

package/dist/collection/components/date-picker-month-header/date-picker-month-header.css

@@ -137,12 +137,8 @@
   color: var(--calcite-ui-text-3);
   outline: 2px solid transparent;
   outline-offset: 2px;
-  transition-property: all;
-  transition-duration: 150ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   width: 14.2857142857%;
 }
 .chevron:focus {
@@ -197,9 +193,7 @@
   background-color: transparent;
   text-align: center;
   font-family: inherit;
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   z-index: 2;
 }
 .year:hover {

package/dist/collection/components/date-picker-month-header/date-picker-month-header.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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Prop, Event, h, State, Watch, Fragment } from "@stencil/core";
 import { dateFromRange, nextMonth, prevMonth, localizeNumber, parseNumber, getOrder } from "../../utils/date";
@@ -15,6 +15,8 @@ export class DatePickerMonthHeader {
     //--------------------------------------------------------------------------
     /**
      * Increment year on UP/DOWN keys
+     *
+     * @param e
      */
     this.onYearKey = (e) => {
       const localizedYear = e.target.value;
@@ -125,6 +127,11 @@ export class DatePickerMonthHeader {
   /**
    * Parse localized year string from input,
    * set to active if in range
+   *
+   * @param root0
+   * @param root0.localizedYear
+   * @param root0.commit
+   * @param root0.offset
    */
   setYear({ localizedYear, commit = true, offset = 0 }) {
     const { yearInput, activeDate, localeData } = this;

package/dist/collection/components/dropdown/dropdown.css

@@ -157,7 +157,6 @@
 .calcite-dropdown-trigger-container {
   position: relative;
   display: flex;
-  flex: 1 1 auto;
 }
 
 :host([width=s]) {

package/dist/collection/components/dropdown/dropdown.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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";
@@ -32,12 +32,13 @@ export class Dropdown {
     /**
      specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -
      this value does not include groupTitles passed to calcite-dropdown-group
-    */
+     */
     this.maxItems = 0;
     /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
     this.overlayPositioning = "absolute";
     /**
      * Determines where the dropdown will be positioned relative to the button.
+     *
      * @default "bottom-leading"
      */
     this.placement = defaultMenuPlacement;
@@ -51,13 +52,11 @@ export class Dropdown {
     this.selectedItems = [];
     /** specify whether the dropdown is opened by hover or click of a trigger element */
     this.type = "click";
-    /** specify the width of dropdown, defaults to m */
-    this.width = "m";
     this.items = [];
     this.groups = [];
     this.activeTransitionProp = "visibility";
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
-    this.resizeObserver = createObserver("resize", () => this.setMaxScrollerHeight());
+    this.resizeObserver = createObserver("resize", (entries) => this.resizeObserverCallback(entries));
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -89,6 +88,25 @@ export class Dropdown {
       this.groups = groups;
       this.updateItems();
     };
+    this.resizeObserverCallback = (entries) => {
+      entries.forEach((entry) => {
+        const { target } = entry;
+        if (target === this.referenceEl) {
+          this.setDropdownWidth();
+        }
+        else if (target === this.scrollerEl) {
+          this.setMaxScrollerHeight();
+        }
+      });
+    };
+    this.setDropdownWidth = () => {
+      const { referenceEl, scrollerEl } = this;
+      const referenceElWidth = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.clientWidth;
+      if (!referenceElWidth || !scrollerEl) {
+        return;
+      }
+      scrollerEl.style.minWidth = `${referenceElWidth}px`;
+    };
     this.setMaxScrollerHeight = () => {
       const { active, scrollerEl } = this;
       if (!scrollerEl || !active) {
@@ -110,6 +128,7 @@ export class Dropdown {
     };
     this.setReferenceEl = (el) => {
       this.referenceEl = el;
+      this.resizeObserver.observe(el);
     };
     this.setMenuEl = (el) => {
       this.menuEl = el;
@@ -230,8 +249,9 @@ export class Dropdown {
     }
     this.closeCalciteDropdown(false);
   }
-  closeCalciteDropdownOnEvent() {
+  closeCalciteDropdownOnEvent(e) {
     this.closeCalciteDropdown();
+    e.stopPropagation();
   }
   closeCalciteDropdownOnOpenEvent(e) {
     if (e.composedPath().includes(this.el)) {
@@ -249,7 +269,7 @@ export class Dropdown {
       this.closeCalciteDropdown();
     }
   }
-  calciteDropdownItemKeyEvent(e) {
+  calciteInternalDropdownItemKeyEvent(e) {
     const { keyboardEvent } = e.detail;
     // handle edge
     const target = keyboardEvent.target;
@@ -294,6 +314,7 @@ export class Dropdown {
       event.detail.requestedDropdownGroup.selectionMode === "none") {
       this.closeCalciteDropdown();
     }
+    event.stopPropagation();
   }
   getModifiers() {
     const flipModifier = {
@@ -618,14 +639,13 @@ export class Dropdown {
         }
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
-        "text": "specify the width of dropdown, defaults to m"
+        "text": "specify the width of dropdown"
       },
       "attribute": "width",
-      "reflect": true,
-      "defaultValue": "\"m\""
+      "reflect": true
     }
   }; }
   static get events() { return [{
@@ -636,7 +656,7 @@ export class Dropdown {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "fires when a dropdown item has been selected or deselected *"
+        "text": "fires when a dropdown item has been selected or deselected"
       },
       "complexType": {
         "original": "void",
@@ -651,7 +671,7 @@ export class Dropdown {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "fires when a dropdown has been opened *"
+        "text": "fires when a dropdown has been opened"
       },
       "complexType": {
         "original": "void",
@@ -666,7 +686,7 @@ export class Dropdown {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "fires when a dropdown has been closed *"
+        "text": "fires when a dropdown has been closed"
       },
       "complexType": {
         "original": "void",
@@ -716,7 +736,7 @@ export class Dropdown {
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteDropdownCloseRequest",
+      "name": "calciteInternalDropdownCloseRequest",
       "method": "closeCalciteDropdownOnEvent",
       "target": undefined,
       "capture": false,
@@ -740,13 +760,13 @@ export class Dropdown {
       "capture": false,
       "passive": true
     }, {
-      "name": "calciteDropdownItemKeyEvent",
-      "method": "calciteDropdownItemKeyEvent",
+      "name": "calciteInternalDropdownItemKeyEvent",
+      "method": "calciteInternalDropdownItemKeyEvent",
       "target": undefined,
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteDropdownItemSelect",
+      "name": "calciteInternalDropdownItemSelect",
       "method": "handleItemSelect",
       "target": undefined,
       "capture": false,

package/dist/collection/components/dropdown/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-beta.82
+ * v1.0.0-beta.83
  */
 export {};

package/dist/collection/components/dropdown/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.82
+ * v1.0.0-beta.83
  */
 export const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

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

@@ -82,6 +82,10 @@
   display: block;
 }
 
+.container {
+  text-align: start;
+}
+
 .container--s {
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;

package/dist/collection/components/dropdown-group/dropdown-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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Event, h, Host, Listen, Prop } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";
@@ -11,8 +11,10 @@ import { CSS } from "./resources";
  */
 export class DropdownGroup {
   constructor() {
-    /** specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
-     none (no active items), defaults to single */
+    /**
+      specify the selection mode - multi (allow any number of (or no) active items), single (allow and require one active item),
+     none (no active items), defaults to single
+     */
     this.selectionMode = "single";
   }
   //--------------------------------------------------------------------------
@@ -46,7 +48,7 @@ export class DropdownGroup {
   updateActiveItemOnChange(event) {
     this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
     this.requestedDropdownItem = event.detail.requestedDropdownItem;
-    this.calciteDropdownItemChange.emit({
+    this.calciteInternalDropdownItemChange.emit({
       requestedDropdownGroup: this.requestedDropdownGroup,
       requestedDropdownItem: this.requestedDropdownItem
     });
@@ -132,8 +134,8 @@ export class DropdownGroup {
     }
   }; }
   static get events() { return [{
-      "method": "calciteDropdownItemChange",
-      "name": "calciteDropdownItemChange",
+      "method": "calciteInternalDropdownItemChange",
+      "name": "calciteInternalDropdownItemChange",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -152,7 +154,7 @@ export class DropdownGroup {
     }]; }
   static get elementRef() { return "el"; }
   static get listeners() { return [{
-      "name": "calciteDropdownItemSelect",
+      "name": "calciteInternalDropdownItemSelect",
       "method": "updateActiveItemOnChange",
       "target": undefined,
       "capture": false,

package/dist/collection/components/dropdown-group/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-beta.82
+ * v1.0.0-beta.83
  */
 export {};

package/dist/collection/components/dropdown-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.82
+ * v1.0.0-beta.83
  */
 export const CSS = {
   containerSmall: "container--s",

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

@@ -146,6 +146,7 @@
   outline-offset: 2px;
   transition-duration: 150ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  text-align: start;
 }
 
 .dropdown-item-content {
@@ -155,9 +156,7 @@
 }
 
 :host, .container--link a {
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
 
 :host(:focus) {

package/dist/collection/components/dropdown-item/dropdown-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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
@@ -86,30 +86,28 @@ export class DropdownItem {
   keyDownHandler(e) {
     switch (e.key) {
       case " ":
-        this.emitRequestedItem();
-        if (this.href) {
-          e.preventDefault();
-          this.childLink.click();
-        }
-        break;
       case "Enter":
         this.emitRequestedItem();
         if (this.href) {
           this.childLink.click();
         }
+        e.preventDefault();
         break;
       case "Escape":
-        this.calciteDropdownCloseRequest.emit();
+        this.calciteInternalDropdownCloseRequest.emit();
+        e.preventDefault();
         break;
       case "Tab":
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        break;
       case "ArrowUp":
       case "ArrowDown":
       case "Home":
       case "End":
-        this.calciteDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        e.preventDefault();
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
         break;
     }
-    e.preventDefault();
   }
   updateActiveItemOnChange(event) {
     const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);
@@ -118,6 +116,7 @@ export class DropdownItem {
       this.requestedDropdownItem = event.detail.requestedDropdownItem;
       this.determineActiveItem();
     }
+    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -152,7 +151,7 @@ export class DropdownItem {
     }
   }
   emitRequestedItem() {
-    this.calciteDropdownItemSelect.emit({
+    this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
       requestedDropdownGroup: this.parentDropdownGroupEl
     });
@@ -310,8 +309,8 @@ export class DropdownItem {
     }
   }; }
   static get events() { return [{
-      "method": "calciteDropdownItemSelect",
-      "name": "calciteDropdownItemSelect",
+      "method": "calciteInternalDropdownItemSelect",
+      "name": "calciteInternalDropdownItemSelect",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -328,8 +327,8 @@ export class DropdownItem {
         "references": {}
       }
     }, {
-      "method": "calciteDropdownItemKeyEvent",
-      "name": "calciteDropdownItemKeyEvent",
+      "method": "calciteInternalDropdownItemKeyEvent",
+      "name": "calciteInternalDropdownItemKeyEvent",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -351,8 +350,8 @@ export class DropdownItem {
         }
       }
     }, {
-      "method": "calciteDropdownCloseRequest",
-      "name": "calciteDropdownCloseRequest",
+      "method": "calciteInternalDropdownCloseRequest",
+      "name": "calciteInternalDropdownCloseRequest",
       "bubbles": true,
       "cancelable": true,
       "composed": true,
@@ -401,7 +400,7 @@ export class DropdownItem {
       "capture": false,
       "passive": false
     }, {
-      "name": "calciteDropdownItemChange",
+      "name": "calciteInternalDropdownItemChange",
       "method": "updateActiveItemOnChange",
       "target": "body",
       "capture": false,

package/dist/collection/components/dropdown-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.82
+ * v1.0.0-beta.83
  */
 export const CSS = {
   containerLink: "container--link",

package/dist/collection/components/fab/fab.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.82
+ * v1.0.0-beta.83
  */
 import { Component, Element, Method, Prop, h } from "@stencil/core";
 import { CSS, ICONS } from "./resources";
@@ -28,6 +28,7 @@ export class Fab {
     this.disabled = false;
     /**
      * The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
+     *
      * @default "plus"
      */
     this.icon = ICONS.plus;

package/dist/collection/components/fab/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.82
+ * v1.0.0-beta.83
  */
 export const CSS = {
   button: "button"