@esri/calcite-components 1.0.0-beta.81 → 1.0.0-beta.84

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.81
+ * v1.0.0-beta.84
  */
 export const CSS = {
   container: "container"

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

@@ -82,7 +82,8 @@
   display: inline;
 }
 
-:host a, :host span {
+:host a, 
+:host span {
   position: relative;
   display: flex;
   cursor: pointer;
@@ -91,10 +92,7 @@
   border-radius: 0px;
   border-style: none;
   font-family: inherit;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   text-decoration: none;
   line-height: inherit;
   font-size: inherit;
@@ -105,12 +103,12 @@
   text-decoration: none;
 }
 
-:host a, :host span {
-  outline-offset: 0;
+:host a, 
+:host span {
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
-:host a:focus, :host span:focus {
+:host a:focus, 
+:host span:focus {
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: -2px;
 }
@@ -124,10 +122,7 @@ calcite-icon {
 
 .calcite-link--icon {
   vertical-align: text-top;
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   margin-top: 0.125rem;
 }
 
@@ -139,17 +134,15 @@ calcite-icon {
   margin-inline-start: 0.5rem;
 }
 
-:host span, :host a {
+:host span, 
+:host a {
   position: relative;
   display: inline;
   border-style: none;
   background-color: transparent;
   padding: 0px;
   color: var(--calcite-ui-text-link);
-  transition-property: all;
-  transition-duration: var(--calcite-animation-timing);
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   line-height: inherit;
   white-space: initial;
   background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));

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.81
+ * v1.0.0-beta.84
  */
 import { Component, Element, h, Host, Method, Prop } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";
@@ -20,7 +20,8 @@ export class Link {
     //--------------------------------------------------------------------------
     /** is the link disabled  */
     this.disabled = false;
-    /** Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
+    /**
+     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
      * Without a value, the browser will suggest a filename/extension
      * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
      */

package/dist/collection/components/list/list.js

@@ -1,13 +1,14 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
 import { Component, Element, h, Host, Prop, Method } from "@stencil/core";
 import { CSS } from "./resources";
 import { updateHostInteraction } from "../../utils/interactive";
 /**
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
+ *
  * @slot - A slot for adding `calcite-list-item` elements.
  */
 export class List {
@@ -18,7 +19,7 @@ export class List {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, disabled prevents user interaction.
+     * When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
   }
@@ -71,7 +72,7 @@ export class List {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, disabled prevents user interaction."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -94,7 +95,7 @@ export class List {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Number at which section headings should start for this component."
+        "text": "Specifies the number at which section headings should start."
       },
       "attribute": "heading-level",
       "reflect": false

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.81
+ * v1.0.0-beta.84
  */
 export const CSS = {
   container: "container"

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

@@ -121,31 +121,29 @@
   font-family: var(--calcite-sans-family);
   font-weight: var(--calcite-font-weight-normal);
   color: var(--calcite-ui-text-2);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
 
 .content-container--button {
   cursor: pointer;
   border-style: none;
   background-color: var(--calcite-ui-foreground-1);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   text-align: initial;
 }
 .content-container--button:hover {
   background-color: var(--calcite-ui-foreground-2);
 }
-.content-container--button:hover .label, .content-container--button:hover .description {
+.content-container--button:hover .label, 
+.content-container--button:hover .description {
   color: var(--calcite-ui-text-1);
 }
 .content-container--button:focus {
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: -2px;
 }
-.content-container--button .content-start, .content-container--button .content-end {
+.content-container--button .content-start, 
+.content-container--button .content-end {
   pointer-events: none;
 }
 
@@ -162,14 +160,16 @@
   line-height: 1.375;
 }
 
-.label, .description {
+.label, 
+.description {
   font-family: var(--calcite-sans-family);
   font-size: var(--calcite-font-size--2);
   font-weight: var(--calcite-font-weight-normal);
   word-wrap: break-word;
   word-break: break-word;
 }
-.label:only-child, .description:only-child {
+.label:only-child, 
+.description:only-child {
   margin: 0px;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -192,30 +192,38 @@
   justify-content: flex-end;
 }
 
-.content-start, .content-end {
+.content-start, 
+.content-end {
   flex: 1 1 auto;
 }
 
-.has-center-content .content-start, .has-center-content .content-end {
+.has-center-content .content-start, 
+.has-center-content .content-end {
   flex: 0 1 auto;
 }
 
-.actions-start, .actions-end, .content-start, .content-end {
+.actions-start, 
+.actions-end, 
+.content-start, 
+.content-end {
   display: flex;
   align-items: center;
 }
 
-.content-start ::slotted(calcite-icon), .content-end ::slotted(calcite-icon) {
+.content-start ::slotted(calcite-icon), 
+.content-end ::slotted(calcite-icon) {
   align-self: center;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
 
-.actions-start ::slotted(calcite-action), .actions-end ::slotted(calcite-action) {
+.actions-start ::slotted(calcite-action), 
+.actions-end ::slotted(calcite-action) {
   align-self: stretch;
   color: inherit;
 }
 
-::slotted(calcite-list-item-group), ::slotted(calcite-list-item) {
-  padding-left: 0.5rem;
+::slotted(calcite-list-item-group),
+::slotted(calcite-list-item) {
+  padding-inline-start: 0.5rem;
 }

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.81
+ * v1.0.0-beta.84
  */
 import { Component, Element, Prop, h, Host, Method } from "@stencil/core";
 import { SLOTS, CSS } from "./resources";
@@ -10,10 +10,10 @@ import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } f
 import { updateHostInteraction } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
- * @slot content-start - A slot for adding non-actionable elements before the label and description of the list item.
- * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
- * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
+ * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the component.
+ * @slot content-start - A slot for adding non-actionable elements before the label and description of the component.
+ * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
+ * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
  */
 export class ListItem {
   constructor() {
@@ -23,11 +23,11 @@ export class ListItem {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, prevents the content of the list item from user interaction.
+     * When true, prevents the content of the component from user interaction.
      */
     this.nonInteractive = false;
     /**
-     * When true, disabled prevents interaction.
+     * When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
   }
@@ -131,7 +131,7 @@ export class ListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, prevents the content of the list item from user interaction."
+        "text": "When true, prevents the content of the component from user interaction."
       },
       "attribute": "non-interactive",
       "reflect": true,
@@ -146,10 +146,10 @@ export class ListItem {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
-        "text": "An optional description for this item.  This will appear below the label text."
+        "text": "A description for the component. Displays below the label text."
       },
       "attribute": "description",
       "reflect": false
@@ -166,7 +166,7 @@ export class ListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, disabled prevents interaction."
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -184,7 +184,7 @@ export class ListItem {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The label text of the list item. This will appear above the description text."
+        "text": "The label text of the component. Displays above the description text."
       },
       "attribute": "label",
       "reflect": false

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.81
+ * v1.0.0-beta.84
  */
 export const CSS = {
   container: "container",

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

@@ -103,5 +103,5 @@
 }
 
 ::slotted(calcite-list-item-group) {
-  padding-left: 0.5rem;
+  padding-inline-start: 0.5rem;
 }

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-beta.81
+ * v1.0.0-beta.84
  */
 import { Component, Element, Prop, h, Host } from "@stencil/core";
 import { CSS } from "./resources";
@@ -48,7 +48,7 @@ export class ListItemGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The title used for all nested `calcite-list-item` rows."
+        "text": "The header text for all nested `calcite-list-item` rows."
       },
       "attribute": "heading",
       "reflect": true
@@ -70,7 +70,7 @@ export class ListItemGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Number at which section headings should start for this component."
+        "text": "Specifies the number at which section headings should start."
       },
       "attribute": "heading-level",
       "reflect": false

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-beta.81
+ * v1.0.0-beta.84
  */
 export const CSS = {
   heading: "heading",

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

@@ -84,9 +84,9 @@
 *
 * 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 loader percentage
-* @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
+* @prop --calcite-loader-font-size: When type is "determinate", the font size of the loading percentage.
+* @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.
 */
 :host{
   position: relative;

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-beta.81
+ * v1.0.0-beta.84
  */
 import { Component, Element, h, Host, Prop } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -12,17 +12,17 @@ export class Loader {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** Show the loader */
+    /** When true, the component is active. */
     this.active = false;
-    /** Inline loaders are smaller and will appear to the left of the text */
+    /** When true, displays smaller and appears to the left of the text. */
     this.inline = false;
-    /** Speficy the scale of the loader. Defaults to "m" */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** Percent complete of 100, only valid for determinate indicators */
+    /** The component's value. Valid only for determinate indicators. Percent complete of 100. */
     this.value = 0;
-    /** Text which should appear under the loading indicator (optional) */
+    /** Text that displays under the component's indicator. */
     this.text = "";
-    /** Turn off spacing around the loader */
+    /** Disables spacing around the component. */
     this.noPadding = false;
   }
   //--------------------------------------------------------------------------
@@ -50,14 +50,14 @@ export class Loader {
     };
     const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
     const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-    return (h(Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})),
+    return (h(Host, { "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) },
       h("div", { class: "loader__svgs" },
         h("svg", { class: "loader__svg loader__svg--1", viewBox: viewbox },
-          h("circle", Object.assign({}, svgAttributes))),
+          h("circle", { ...svgAttributes })),
         h("svg", { class: "loader__svg loader__svg--2", viewBox: viewbox },
-          h("circle", Object.assign({}, svgAttributes))),
-        h("svg", Object.assign({ class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})),
-          h("circle", Object.assign({}, svgAttributes)))),
+          h("circle", { ...svgAttributes })),
+        h("svg", { class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) },
+          h("circle", { ...svgAttributes }))),
       text && h("div", { class: "loader__text" }, text),
       isDeterminate && h("div", { class: "loader__percentage" }, value)));
   }
@@ -68,6 +68,8 @@ export class Loader {
   //--------------------------------------------------------------------------
   /**
    * Return the proper sizes based on the scale property
+   *
+   * @param scale
    */
   getSize(scale) {
     return {
@@ -104,7 +106,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Show the loader"
+        "text": "When true, the component is active."
       },
       "attribute": "active",
       "reflect": true,
@@ -122,7 +124,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Inline loaders are smaller and will appear to the left of the text"
+        "text": "When true, displays smaller and appears to the left of the text."
       },
       "attribute": "inline",
       "reflect": true,
@@ -140,7 +142,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Accessible name for the component"
+        "text": "Accessible name for the component."
       },
       "attribute": "label",
       "reflect": false
@@ -162,7 +164,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Speficy the scale of the loader. Defaults to \"m\""
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -180,7 +182,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Use indeterminate if finding actual progress value is impossible"
+        "text": "Use indeterminate if finding actual progress value is impossible."
       },
       "attribute": "type",
       "reflect": true
@@ -197,7 +199,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Percent complete of 100, only valid for determinate indicators"
+        "text": "The component's value. Valid only for determinate indicators. Percent complete of 100."
       },
       "attribute": "value",
       "reflect": false,
@@ -212,10 +214,10 @@ export class Loader {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
-        "text": "Text which should appear under the loading indicator (optional)"
+        "text": "Text that displays under the component's indicator."
       },
       "attribute": "text",
       "reflect": false,
@@ -233,7 +235,7 @@ export class Loader {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Turn off spacing around the loader"
+        "text": "Disables spacing around the component."
       },
       "attribute": "no-padding",
       "reflect": false,

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