@esri/calcite-components 1.0.0-beta.94 → 1.0.0-beta.95

package/dist/collection/components/input-date-picker/input-date-picker.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.94
+ * v1.0.0-beta.95
  */
 import { Component, h, Prop, Element, Host, State, Listen, Watch, Method, Event, Build } from "@stencil/core";
 import { getLocaleData, getValueAsDateRange } from "../date-picker/utils";
@@ -14,6 +14,8 @@ import { positionFloatingUI, FloatingCSS, connectFloatingUI, disconnectFloatingU
 import { updateHostInteraction } from "../../utils/interactive";
 import { toAriaBoolean } from "../../utils/dom";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
+import { unwatchGlobalAttributes, watchGlobalAttributes } from "../../utils/globalAttributes";
+import { getLocale } from "../../utils/locale";
 import { debounce } from "lodash-es";
 export class InputDatePicker {
   constructor() {
@@ -58,8 +60,6 @@ export class InputDatePicker {
      * @default "Year"
      */
     this.intlYear = TEXT.year;
-    /** BCP 47 language tag for desired language and country format */
-    this.locale = document.documentElement.lang || "en";
     /** specify the scale of the date picker */
     this.scale = "m";
     /**
@@ -88,6 +88,7 @@ export class InputDatePicker {
     /** Layout */
     this.layout = "horizontal";
     this.focusedInput = "start";
+    this.globalAttributes = {};
     this.openTransitionProp = "opacity";
     //--------------------------------------------------------------------------
     //
@@ -307,6 +308,7 @@ export class InputDatePicker {
     connectLabel(this);
     connectForm(this);
     connectOpenCloseComponent(this);
+    watchGlobalAttributes(this, ["lang"]);
     this.setFilteredPlacements();
     this.debouncedReposition();
   }
@@ -323,6 +325,7 @@ export class InputDatePicker {
     disconnectForm(this);
     disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
     disconnectOpenCloseComponent(this);
+    unwatchGlobalAttributes(this);
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -334,8 +337,9 @@ export class InputDatePicker {
     const endDate = this.range
       ? dateFromRange(this.endAsDate, this.minAsDate, this.maxAsDate)
       : null;
-    const formattedEndDate = endDate ? endDate.toLocaleDateString(this.locale) : "";
-    const formattedDate = date ? date.toLocaleDateString(this.locale) : "";
+    const locale = getLocale(this);
+    const formattedEndDate = endDate ? endDate.toLocaleDateString(locale) : "";
+    const formattedDate = date ? date.toLocaleDateString(locale) : "";
     return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" },
       this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" },
         h("div", { class: "input-wrapper", ref: this.setStartWrapper },
@@ -350,7 +354,7 @@ export class InputDatePicker {
               [FloatingCSS.animation]: true,
               [FloatingCSS.animationActive]: this.open
             }, ref: this.setTransitionEl },
-            h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, locale: this.locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))),
+            h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, lang: locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))),
         this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" },
           h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))),
         this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" },
@@ -395,8 +399,7 @@ export class InputDatePicker {
     if (!Build.isBrowser) {
       return;
     }
-    const { locale } = this;
-    this.localeData = await getLocaleData(locale);
+    this.localeData = await getLocaleData(getLocale(this));
   }
   clearCurrentValue() {
     if (!this.range) {
@@ -472,7 +475,8 @@ export class InputDatePicker {
    * @param target
    */
   blur(target) {
-    const { locale, focusedInput, endAsDate, range, startAsDate, valueAsDate } = this;
+    const { focusedInput, endAsDate, range, startAsDate, valueAsDate } = this;
+    const locale = getLocale(this);
     const date = this.getDateFromInput(target.value);
     if (!date) {
       if (!range && valueAsDate) {
@@ -901,12 +905,17 @@ export class InputDatePicker {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "deprecated",
+            "text": "set the global `lang` attribute on the element instead."
+          }, {
+            "name": "mdn",
+            "text": "[lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)"
+          }],
         "text": "BCP 47 language tag for desired language and country format"
       },
       "attribute": "locale",
-      "reflect": false,
-      "defaultValue": "document.documentElement.lang || \"en\""
+      "reflect": false
     },
     "scale": {
       "type": "string",
@@ -1093,6 +1102,7 @@ export class InputDatePicker {
   }; }
   static get states() { return {
     "focusedInput": {},
+    "globalAttributes": {},
     "localeData": {}
   }; }
   static get events() { return [{
@@ -1293,6 +1303,9 @@ export class InputDatePicker {
     }, {
       "propName": "end",
       "methodName": "endWatcher"
+    }, {
+      "propName": "globalAttributes",
+      "methodName": "loadLocaleData"
     }, {
       "propName": "locale",
       "methodName": "loadLocaleData"

package/dist/collection/components/input-date-picker/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.94
+ * v1.0.0-beta.95
  */
 export const CSS = {
   menu: "menu-container",

package/dist/collection/components/input-message/input-message.css

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/input-message/input-message.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.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, Host, h, Prop, Watch } from "@stencil/core";
 import { getElementProp, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/interfaces.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.94
+ * v1.0.0-beta.95
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/collection/components/input-number/input-number.css

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/input-number/input-number.js

@@ -1,20 +1,21 @@
 /*!
  * 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.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
 import { CSS, SLOTS, TEXT } from "./resources";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { getDecimalSeparator, delocalizeNumberString, localizeNumberString } from "../../utils/locale";
+import { delocalizeNumberString, getLocale, getDecimalSeparator, localizeNumberString } from "../../utils/locale";
 import { numberKeys } from "../../utils/key";
 import { isValidNumber, parseNumberString, sanitizeNumberString } from "../../utils/number";
 import { CSS_UTILITY, TEXT as COMMON_TEXT } from "../../utils/resources";
 import { decimalPlaces } from "../../utils/math";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
+import { unwatchGlobalAttributes, watchGlobalAttributes } from "../../utils/globalAttributes";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
@@ -63,8 +64,6 @@ export class InputNumber {
     this.iconFlipRtl = false;
     /** When true, the component is in the loading state and `calcite-progress` is displayed. */
     this.loading = false;
-    /** Specifies the BCP 47 language tag for the desired language and country format. */
-    this.locale = document.documentElement.lang || "en";
     /**
      * Toggles locale formatting for numbers.
      *
@@ -96,6 +95,12 @@ export class InputNumber {
     this.userChangedValue = false;
     //--------------------------------------------------------------------------
     //
+    //  State
+    //
+    //--------------------------------------------------------------------------
+    this.globalAttributes = {};
+    //--------------------------------------------------------------------------
+    //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
@@ -143,7 +148,7 @@ export class InputNumber {
         return;
       }
       const value = nativeEvent.target.value;
-      const delocalizedValue = delocalizeNumberString(value, this.locale);
+      const delocalizedValue = delocalizeNumberString(value, getLocale(this));
       if (nativeEvent.inputType === "insertFromPaste") {
         if (!isValidNumber(delocalizedValue)) {
           nativeEvent.preventDefault();
@@ -197,7 +202,7 @@ export class InputNumber {
         }
         return;
       }
-      const decimalSeparator = getDecimalSeparator(this.locale);
+      const decimalSeparator = getDecimalSeparator(getLocale(this));
       if (event.key === decimalSeparator) {
         if (!this.value && !this.childNumberEl.value) {
           return;
@@ -281,14 +286,15 @@ export class InputNumber {
       this.previousValue = isValidNumber(newPreviousValue) ? newPreviousValue : "";
     };
     this.setNumberValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
-      const previousLocalizedValue = localizeNumberString(this.previousValue, this.locale, this.groupSeparator, this.numberingSystem);
+      const locale = getLocale(this);
+      const previousLocalizedValue = localizeNumberString(this.previousValue, locale, this.groupSeparator, this.numberingSystem);
       const sanitizedValue = sanitizeNumberString(value);
       const newValue = value && !sanitizedValue
         ? isValidNumber(this.previousValue)
           ? this.previousValue
           : ""
         : sanitizedValue;
-      const newLocalizedValue = localizeNumberString(newValue, this.locale, this.groupSeparator, this.numberingSystem);
+      const newLocalizedValue = localizeNumberString(newValue, locale, this.groupSeparator, this.numberingSystem);
       this.setPreviousNumberValue(previousValue || this.value);
       this.previousValueOrigin = origin;
       this.userChangedValue = origin === "user" && this.value !== newValue;
@@ -372,6 +378,7 @@ export class InputNumber {
     });
     connectLabel(this);
     connectForm(this);
+    watchGlobalAttributes(this, ["lang"]);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
@@ -380,6 +387,7 @@ export class InputNumber {
     var _a;
     disconnectLabel(this);
     disconnectForm(this);
+    unwatchGlobalAttributes(this);
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
@@ -764,12 +772,17 @@ export class InputNumber {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "deprecated",
+            "text": "set the global `lang` attribute on the element instead."
+          }, {
+            "name": "mdn",
+            "text": "[lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)"
+          }],
         "text": "Specifies the BCP 47 language tag for the desired language and country format."
       },
       "attribute": "locale",
-      "reflect": false,
-      "defaultValue": "document.documentElement.lang || \"en\""
+      "reflect": false
     },
     "numberingSystem": {
       "type": "string",
@@ -1135,6 +1148,7 @@ export class InputNumber {
     }
   }; }
   static get states() { return {
+    "globalAttributes": {},
     "localizedValue": {}
   }; }
   static get events() { return [{

package/dist/collection/components/input-number/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.94
+ * v1.0.0-beta.95
  */
 export {};

package/dist/collection/components/input-number/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.94
+ * v1.0.0-beta.95
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-text/input-text.css

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/input-text/input-text.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.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-text/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.94
+ * v1.0.0-beta.95
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-time-picker/input-time-picker.css

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/input-time-picker/input-time-picker.js

@@ -1,14 +1,16 @@
 /*!
  * 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.94
+ * v1.0.0-beta.95
  */
-import { Component, Element, Host, h, Prop, Listen, Event, Method, Watch, State } from "@stencil/core";
+import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
 import { formatTimeString, isValidTime, localizeTimeString } from "../../utils/time";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
 import { updateHostInteraction } from "../../utils/interactive";
+import { unwatchGlobalAttributes, watchGlobalAttributes } from "../../utils/globalAttributes";
+import { getLocale } from "../../utils/locale";
 export class InputTimePicker {
   constructor() {
     //--------------------------------------------------------------------------
@@ -32,12 +34,6 @@ export class InputTimePicker {
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
     this.readOnly = false;
-    /**
-     * BCP 47 language tag for desired language and country format
-     *
-     * @internal
-     */
-    this.locale = document.documentElement.lang || navigator.language || "en";
     /**
      * When true, makes the component required for form-submission.
      *
@@ -69,14 +65,21 @@ export class InputTimePicker {
     this.referenceElementId = `input-time-picker-${guid()}`;
     //--------------------------------------------------------------------------
     //
+    //  State
+    //
+    //--------------------------------------------------------------------------
+    this.globalAttributes = {};
+    //--------------------------------------------------------------------------
+    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
     this.calciteInternalInputBlurHandler = () => {
       this.open = false;
       const shouldIncludeSeconds = this.shouldIncludeSeconds();
-      const localizedInputValue = localizeTimeString(this.calciteInputEl.value, this.locale, shouldIncludeSeconds);
-      this.setInputValue(localizedInputValue || localizeTimeString(this.value, this.locale, shouldIncludeSeconds));
+      const locale = getLocale(this);
+      const localizedInputValue = localizeTimeString(this.calciteInputEl.value, locale, shouldIncludeSeconds);
+      this.setInputValue(localizedInputValue || localizeTimeString(this.value, locale, shouldIncludeSeconds));
     };
     this.calciteInternalInputFocusHandler = (event) => {
       if (!this.readOnly) {
@@ -132,7 +135,7 @@ export class InputTimePicker {
     this.setValue = ({ value, origin = "input" }) => {
       const previousValue = this.value;
       const newValue = formatTimeString(value);
-      const newLocalizedValue = localizeTimeString(newValue, this.locale, this.shouldIncludeSeconds());
+      const newLocalizedValue = localizeTimeString(newValue, getLocale(this), this.shouldIncludeSeconds());
       this.internalValueChange = origin !== "external" && origin !== "loading";
       const shouldEmit = origin !== "loading" &&
         origin !== "external" &&
@@ -185,8 +188,9 @@ export class InputTimePicker {
       this.open = false;
     }
   }
-  localeWatcher(newLocale) {
-    this.setInputValue(localizeTimeString(this.value, newLocale, this.shouldIncludeSeconds()));
+  localeWatcher() {
+    const locale = getLocale(this);
+    this.setInputValue(localizeTimeString(this.value, locale, this.shouldIncludeSeconds()));
   }
   valueWatcher(newValue) {
     if (!this.internalValueChange) {
@@ -245,6 +249,7 @@ export class InputTimePicker {
     }
     connectLabel(this);
     connectForm(this);
+    watchGlobalAttributes(this, ["lang"]);
     if (open) {
       this.active = open;
     }
@@ -258,6 +263,7 @@ export class InputTimePicker {
   disconnectedCallback() {
     disconnectLabel(this);
     disconnectForm(this);
+    unwatchGlobalAttributes(this);
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -273,7 +279,7 @@ export class InputTimePicker {
       h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" },
         h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })),
       h("calcite-popover", { id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true },
-        h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })),
+        h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: getLocale(this), onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })),
       h(HiddenFormInputSlot, { component: this })));
   }
   static get is() { return "calcite-input-time-picker"; }
@@ -581,12 +587,17 @@ export class InputTimePicker {
         "tags": [{
             "name": "internal",
             "text": undefined
+          }, {
+            "name": "deprecated",
+            "text": "set the global `lang` attribute on the element instead."
+          }, {
+            "name": "mdn",
+            "text": "[lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)"
           }],
         "text": "BCP 47 language tag for desired language and country format"
       },
-      "attribute": "lang",
-      "reflect": false,
-      "defaultValue": "document.documentElement.lang || navigator.language || \"en\""
+      "attribute": "locale",
+      "reflect": false
     },
     "name": {
       "type": "string",
@@ -736,6 +747,7 @@ export class InputTimePicker {
     }
   }; }
   static get states() { return {
+    "globalAttributes": {},
     "localizedValue": {}
   }; }
   static get events() { return [{
@@ -801,6 +813,9 @@ export class InputTimePicker {
     }, {
       "propName": "readOnly",
       "methodName": "handleDisabledAndReadOnlyChange"
+    }, {
+      "propName": "globalAttributes",
+      "methodName": "localeWatcher"
     }, {
       "propName": "locale",
       "methodName": "localeWatcher"

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

package/dist/collection/components/label/label.css

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/label/label.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.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, Event, h, Prop, Host } from "@stencil/core";
 import { labelDisconnectedEvent, labelConnectedEvent } from "../../utils/label";

package/dist/collection/components/label/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.94
+ * v1.0.0-beta.95
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/link/link.css

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/link/link.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.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, h, Host, Listen, Method, Prop } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";

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

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/list/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-beta.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, h, Host, Prop, Method } from "@stencil/core";
 import { CSS } from "./resources";

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

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

@@ -67,6 +67,11 @@
   animation-name: in-scale;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --calcite-internal-duration-factor: 0.01;
+  }
+}
 /**
 * Currently only used in Checkbox.
 */

package/dist/collection/components/list-item/list-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.94
+ * v1.0.0-beta.95
  */
 import { Component, Element, Prop, h, Host, Method } from "@stencil/core";
 import { SLOTS, CSS } from "./resources";

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