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

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-next.597
+ * v1.0.0-next.599
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -24,23 +24,23 @@ export class InputText {
     /** Specifies the text alignment of the component's value. */
     this.alignment = "start";
     /**
-     * When true, the component is focused on page load.
+     * When `true`, the component is focused on page load.
      *
      * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
      */
     this.autofocus = false;
     /**
-     * When true, a clear button is displayed when the component has a value.
+     * When `true`, a clear button is displayed when the component has a value.
      */
     this.clearable = 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.
      *
      * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
      */
     this.disabled = false;
     /**
-     * When true, the component will not be visible.
+     * When `true`, the component will not be visible.
      *
      * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
      */
@@ -51,17 +51,17 @@ export class InputText {
      * @default "Loading"
      */
     this.intlLoading = COMMON_TEXT.loading;
-    /** 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;
-    /** When true, the component is in the loading state and `calcite-progress` is displayed. */
+    /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
     this.loading = false;
     /**
-     * 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.
      *
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
     this.readOnly = 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. */
     this.required = false;
     /** Specifies the size of the component. */
     this.scale = "m";
@@ -355,7 +355,7 @@ export class InputText {
               "name": "mdn",
               "text": "[autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)"
             }],
-          "text": "When true, the component is focused on page load."
+          "text": "When `true`, the component is focused on page load."
         },
         "attribute": "autofocus",
         "reflect": true,
@@ -373,7 +373,7 @@ export class InputText {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, a clear button is displayed when the component has a value."
+          "text": "When `true`, a clear button is displayed when the component has a value."
         },
         "attribute": "clearable",
         "reflect": true,
@@ -394,7 +394,7 @@ export class InputText {
               "name": "mdn",
               "text": "[disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)"
             }],
-          "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,
@@ -415,7 +415,7 @@ export class InputText {
               "name": "mdn",
               "text": "[hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)"
             }],
-          "text": "When true, the component will not be visible."
+          "text": "When `true`, the component will not be visible."
         },
         "attribute": "hidden",
         "reflect": true,
@@ -433,7 +433,7 @@ export class InputText {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon."
+          "text": "When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon."
         },
         "attribute": "icon",
         "reflect": true
@@ -488,7 +488,7 @@ export class InputText {
         "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,
@@ -523,7 +523,7 @@ export class InputText {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the component is in the loading state and `calcite-progress` is displayed."
+          "text": "When `true`, the component is in the loading state and `calcite-progress` is displayed."
         },
         "attribute": "loading",
         "reflect": true,
@@ -641,7 +641,7 @@ export class InputText {
               "name": "mdn",
               "text": "[readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
             }],
-          "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,
@@ -659,7 +659,7 @@ export class InputText {
         "optional": false,
         "docs": {
           "tags": [],
-          "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/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-next.597
+ * v1.0.0-next.599
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-time-picker/input-time-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-next.597
+ * v1.0.0-next.599
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -9,7 +9,8 @@ import { formatTimeString, isValidTime, localizeTimeString } from "../../utils/t
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
 import { updateHostInteraction } from "../../utils/interactive";
-import { connectLocalized, disconnectLocalized, updateEffectiveLocale } from "../../utils/locale";
+import { connectLocalized, disconnectLocalized, numberStringFormatter, updateEffectiveLocale } from "../../utils/locale";
+import { numberKeys } from "../../utils/key";
 export class InputTimePicker {
   constructor() {
     //--------------------------------------------------------------------------
@@ -18,17 +19,17 @@ export class InputTimePicker {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, the component is active.
+     * When `true`, the component is active.
      *
      * @deprecated Use `open` instead.
      */
     this.active = false;
-    /** When true, displays the `calcite-time-picker` component. */
+    /** When `true`, displays the `calcite-time-picker` component. */
     this.open = 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, the component's value can be read, but controls are not accessible and the value cannot be modified.
+     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
      *
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
@@ -78,9 +79,21 @@ export class InputTimePicker {
     this.calciteInternalInputBlurHandler = () => {
       this.open = false;
       const shouldIncludeSeconds = this.shouldIncludeSeconds();
-      const locale = this.effectiveLocale;
-      const localizedInputValue = localizeTimeString(this.calciteInputEl.value, locale, shouldIncludeSeconds);
-      this.setInputValue(localizedInputValue || localizeTimeString(this.value, locale, shouldIncludeSeconds));
+      const { effectiveLocale: locale, numberingSystem, value, calciteInputEl } = this;
+      numberStringFormatter.numberFormatOptions = {
+        locale,
+        numberingSystem,
+        useGrouping: false
+      };
+      const delocalizedValue = numberStringFormatter.delocalize(calciteInputEl.value);
+      const localizedInputValue = localizeTimeString({
+        value: delocalizedValue,
+        includeSeconds: shouldIncludeSeconds,
+        locale,
+        numberingSystem
+      });
+      this.setInputValue(localizedInputValue ||
+        localizeTimeString({ value, locale, numberingSystem, includeSeconds: shouldIncludeSeconds }));
     };
     this.calciteInternalInputFocusHandler = (event) => {
       if (!this.readOnly) {
@@ -90,7 +103,21 @@ export class InputTimePicker {
     };
     this.calciteInputInputHandler = (event) => {
       const target = event.target;
-      this.setValue({ value: target.value });
+      numberStringFormatter.numberFormatOptions = {
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        useGrouping: false
+      };
+      const delocalizedValue = numberStringFormatter.delocalize(target.value);
+      this.setValue({ value: delocalizedValue });
+      // only translate the numerals until blur
+      const localizedValue = delocalizedValue
+        .split("")
+        .map((char) => numberKeys.includes(char)
+        ? numberStringFormatter.numberFormatter.format(Number(char))
+        : char)
+        .join("");
+      this.setInputValue(localizedValue);
     };
     this.timePickerChangeHandler = (event) => {
       event.stopPropagation();
@@ -136,7 +163,12 @@ export class InputTimePicker {
     this.setValue = ({ value, origin = "input" }) => {
       const previousValue = this.value;
       const newValue = formatTimeString(value);
-      const newLocalizedValue = localizeTimeString(newValue, this.effectiveLocale, this.shouldIncludeSeconds());
+      const newLocalizedValue = localizeTimeString({
+        value: newValue,
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        includeSeconds: this.shouldIncludeSeconds()
+      });
       this.internalValueChange = origin !== "external" && origin !== "loading";
       const shouldEmit = origin !== "loading" &&
         origin !== "external" &&
@@ -199,7 +231,12 @@ export class InputTimePicker {
     this.internalValueChange = false;
   }
   effectiveLocaleWatcher() {
-    this.setInputValue(localizeTimeString(this.value, this.effectiveLocale, this.shouldIncludeSeconds()));
+    this.setInputValue(localizeTimeString({
+      value: this.value,
+      locale: this.effectiveLocale,
+      numberingSystem: this.numberingSystem,
+      includeSeconds: this.shouldIncludeSeconds()
+    }));
   }
   clickHandler(event) {
     if (event.composedPath().includes(this.calciteTimePickerEl)) {
@@ -278,7 +315,7 @@ export class InputTimePicker {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (h(Host, { onKeyDown: this.keyDownHandler }, 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, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), h(HiddenFormInputSlot, { component: this })));
+    return (h(Host, { onKeyDown: this.keyDownHandler }, 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.effectiveLocale, numberingSystem: this.numberingSystem, 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"; }
   static get encapsulation() { return "shadow"; }
@@ -309,7 +346,7 @@ export class InputTimePicker {
               "name": "deprecated",
               "text": "Use `open` instead."
             }],
-          "text": "When true, the component is active."
+          "text": "When `true`, the component is active."
         },
         "attribute": "active",
         "reflect": true,
@@ -327,7 +364,7 @@ export class InputTimePicker {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, displays the `calcite-time-picker` component."
+          "text": "When `true`, displays the `calcite-time-picker` component."
         },
         "attribute": "open",
         "reflect": true,
@@ -345,7 +382,7 @@ export class InputTimePicker {
         "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,
@@ -366,7 +403,7 @@ export class InputTimePicker {
               "name": "mdn",
               "text": "[readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)"
             }],
-          "text": "When true, the component's value can be read, but controls are not accessible and the value cannot be modified."
+          "text": "When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified."
         },
         "attribute": "read-only",
         "reflect": true,
@@ -619,6 +656,28 @@ export class InputTimePicker {
         "attribute": "name",
         "reflect": false
       },
+      "numberingSystem": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "NumberingSystem",
+          "resolved": "\"arab\" | \"arabext\" | \"bali\" | \"beng\" | \"deva\" | \"fullwide\" | \"gujr\" | \"guru\" | \"hanidec\" | \"khmr\" | \"knda\" | \"laoo\" | \"latn\" | \"limb\" | \"mlym\" | \"mong\" | \"mymr\" | \"orya\" | \"tamldec\" | \"telu\" | \"thai\" | \"tibt\"",
+          "references": {
+            "NumberingSystem": {
+              "location": "import",
+              "path": "../../utils/locale"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the Unicode numeral system used by the component for localization."
+        },
+        "attribute": "numbering-system",
+        "reflect": false
+      },
       "required": {
         "type": "boolean",
         "mutable": false,

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-next.597
+ * v1.0.0-next.599
  */
 import { h, Host } from "@stencil/core";
 import { labelDisconnectedEvent, labelConnectedEvent } from "../../utils/label";
@@ -29,13 +29,13 @@ export class Label {
     /** Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line. */
     this.layout = "default";
     /**
-     * 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.
      *
      * @deprecated Use the `disabled` property on the component the label is bound to instead.
      */
     this.disabled = false;
     /**
-     * When true, disables the component's spacing.
+     * When `true`, disables the component's spacing.
      *
      * @deprecated Set the `--calcite-label-margin-bottom` css variable to `0` instead.
      */
@@ -201,7 +201,7 @@ export class Label {
               "name": "deprecated",
               "text": "Use the `disabled` property on the component the label is bound to instead."
             }],
-          "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,
@@ -222,7 +222,7 @@ export class Label {
               "name": "deprecated",
               "text": "Set the `--calcite-label-margin-bottom` css variable to `0` instead."
             }],
-          "text": "When true, disables the component's spacing."
+          "text": "When `true`, disables the component's spacing."
         },
         "attribute": "disable-spacing",
         "reflect": true,

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

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-next.597
+ * v1.0.0-next.599
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";
@@ -18,7 +18,7 @@ export class Link {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** 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;
     /**
      * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
@@ -111,7 +111,7 @@ export class Link {
         "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,
@@ -186,7 +186,7 @@ export class Link {
         "optional": true,
         "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/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-next.597
+ * v1.0.0-next.599
  */
 import { h, Host } from "@stencil/core";
 import { CSS } from "./resources";
@@ -19,7 +19,7 @@ export class List {
     //
     // --------------------------------------------------------------------------
     /**
-     * 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;
   }
@@ -75,7 +75,7 @@ export class List {
         "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,

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

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-next.597
+ * v1.0.0-next.599
  */
 import { h, Host } from "@stencil/core";
 import { SLOTS, CSS } from "./resources";
@@ -23,11 +23,11 @@ export class ListItem {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, prevents the content of the component from user interaction.
+     * When `true`, prevents the content of the component from user interaction.
      */
     this.nonInteractive = 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;
   }
@@ -124,7 +124,7 @@ export class ListItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, prevents the content of the component from user interaction."
+          "text": "When `true`, prevents the content of the component from user interaction."
         },
         "attribute": "non-interactive",
         "reflect": true,
@@ -159,7 +159,7 @@ export class ListItem {
         "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,

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

package/dist/collection/components/list-item-group/list-item-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.599
  */
 import { h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/list-item-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-next.597
+ * v1.0.0-next.599
  */
 export const CSS = {
   heading: "heading",

package/dist/collection/components/loader/loader.css

@@ -89,7 +89,7 @@
 *
 * These properties can be overridden using the component's tag as selector.
 *
-* @prop --calcite-loader-font-size: When type is "determinate", the font size of the loading percentage.
+* @prop --calcite-loader-font-size: Specifies the font size of the loading percentage when type is `"determinate"`.
 * @prop --calcite-loader-size: The width and height of a non-inline loader.
 * @prop --calcite-loader-size-inline: The width and height of an inline loader.
 */

package/dist/collection/components/loader/loader.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.599
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -12,13 +12,13 @@ export class Loader {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** When true, the component is active. */
+    /** When `true`, the component is active. */
     this.active = false;
-    /** When true, displays smaller and appears to the left of the text. */
+    /** When `true`, displays smaller and appears to the left of the text. */
     this.inline = false;
     /** Specifies the size of the component. */
     this.scale = "m";
-    /** The component's value. Valid only for determinate indicators. Percent complete of 100. */
+    /** The component's value. Valid only for `"determinate"` indicators. Percent complete of 100. */
     this.value = 0;
     /** Text that displays under the component's indicator. */
     this.text = "";
@@ -106,7 +106,7 @@ export class Loader {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the component is active."
+          "text": "When `true`, the component is active."
         },
         "attribute": "active",
         "reflect": true,
@@ -124,7 +124,7 @@ export class Loader {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, displays smaller and appears to the left of the text."
+          "text": "When `true`, displays smaller and appears to the left of the text."
         },
         "attribute": "inline",
         "reflect": true,
@@ -182,7 +182,7 @@ export class Loader {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Use indeterminate if finding actual progress value is impossible."
+          "text": "Specifies the component type.\n\nUse `\"indeterminate\"` if finding actual progress value is impossible."
         },
         "attribute": "type",
         "reflect": true
@@ -199,7 +199,7 @@ export class Loader {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The component's value. Valid only for determinate indicators. Percent complete of 100."
+          "text": "The component's value. Valid only for `\"determinate\"` indicators. Percent complete of 100."
         },
         "attribute": "value",
         "reflect": false,