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

package/dist/collection/components/action-group/action-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.83
+ * v1.0.0-beta.84
  */
 import { Component, h, Prop, Watch, Element } from "@stencil/core";
 import { SLOTS, TEXT, ICONS } from "./resources";
@@ -11,8 +11,8 @@ import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding a group of `calcite-action`s.
- * @slot menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
- * @slot menu-tooltip - a slot for adding an tooltip for the menu.
+ * @slot menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.
+ * @slot menu-tooltip - A slot for adding a `calcite-tooltip` for the menu.
  */
 export class ActionGroup {
   constructor() {
@@ -22,15 +22,15 @@ export class ActionGroup {
     //
     // --------------------------------------------------------------------------
     /**
-     * Indicates whether widget is expanded.
+     * When true, the component is expanded.
      */
     this.expanded = false;
     /**
-     * Indicates the horizontal, vertical, or grid layout of the component.
+     * Indicates the layout of the component.
      */
     this.layout = "vertical";
     /**
-     * Opens the action menu.
+     * When true, the `calcite-action-menu` is open.
      */
     this.menuOpen = false;
     // --------------------------------------------------------------------------
@@ -100,7 +100,7 @@ export class ActionGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates whether widget is expanded."
+        "text": "When true, the component is expanded."
       },
       "attribute": "expanded",
       "reflect": true,
@@ -123,7 +123,7 @@ export class ActionGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates the horizontal, vertical, or grid layout of the component."
+        "text": "Indicates the layout of the component."
       },
       "attribute": "layout",
       "reflect": true,
@@ -163,7 +163,7 @@ export class ActionGroup {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Text string for the actions menu."
+        "text": "Specifies a text string for the `calcite-action-menu`."
       },
       "attribute": "intl-more",
       "reflect": false
@@ -180,7 +180,7 @@ export class ActionGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Opens the action menu."
+        "text": "When true, the `calcite-action-menu` is open."
       },
       "attribute": "menu-open",
       "reflect": true,
@@ -203,7 +203,7 @@ export class ActionGroup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specifies the size of the action-menu."
+        "text": "Specifies the size of the `calcite-action-menu`."
       },
       "attribute": "scale",
       "reflect": true

package/dist/collection/components/action-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.83
+ * v1.0.0-beta.84
  */
 export const SLOTS = {
   menuActions: "menu-actions",

package/dist/collection/components/action-menu/action-menu.css

@@ -105,7 +105,8 @@
   align-self: stretch;
 }
 
-slot[name=trigger]::slotted(calcite-action), calcite-action::slotted([slot=trigger]) {
+slot[name=trigger]::slotted(calcite-action), 
+calcite-action::slotted([slot=trigger]) {
   position: relative;
   height: 100%;
   flex: 0 1 auto;

package/dist/collection/components/action-menu/action-menu.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.83
+ * v1.0.0-beta.84
  */
 import { Component, h, Element, Event, Listen, Prop, Watch, Method, State } from "@stencil/core";
 import { CSS, SLOTS, ICONS } from "./resources";
@@ -26,17 +26,17 @@ export class ActionMenu {
     //
     // --------------------------------------------------------------------------
     /**
-     * Indicates whether widget is expanded.
+     * When true, the component is expanded.
      */
     this.expanded = false;
     /**
-     * Opens the action menu.
+     * When true, the component is open.
      */
     this.open = false;
-    /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
+    /** Determines 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 component will be positioned relative to the referenceElement.
+     * Determines where the component will be positioned relative to the `referenceElement`.
      *
      * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
      */
@@ -310,7 +310,7 @@ export class ActionMenu {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates whether widget is expanded."
+        "text": "When true, the component is expanded."
       },
       "attribute": "expanded",
       "reflect": true,
@@ -348,7 +348,7 @@ export class ActionMenu {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Text string for the actions menu."
+        "text": "Specifies the text string for the component."
       },
       "attribute": "label",
       "reflect": false
@@ -365,7 +365,7 @@ export class ActionMenu {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Opens the action menu."
+        "text": "When true, the component is open."
       },
       "attribute": "open",
       "reflect": true,
@@ -388,7 +388,7 @@ export class ActionMenu {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value."
+        "text": "Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the \"fixed\" value."
       },
       "attribute": "overlay-positioning",
       "reflect": false,
@@ -414,7 +414,7 @@ export class ActionMenu {
             "name": "see",
             "text": "[PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)"
           }],
-        "text": "Determines where the component will be positioned relative to the referenceElement."
+        "text": "Determines where the component will be positioned relative to the `referenceElement`."
       },
       "attribute": "placement",
       "reflect": true,
@@ -437,7 +437,7 @@ export class ActionMenu {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specifies the size of the menu trigger action."
+        "text": "Specifies the size of the component's trigger `calcite-action`."
       },
       "attribute": "scale",
       "reflect": true
@@ -454,7 +454,7 @@ export class ActionMenu {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when the open property has changed."
+        "text": "Emits when the `open` property has changed."
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/action-menu/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.83
+ * v1.0.0-beta.84
  */
 export const CSS = {
   menu: "menu",

package/dist/collection/components/action-pad/action-pad.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.83
+ * v1.0.0-beta.84
  */
 import { Component, Element, Event, Host, Prop, Watch, h, Method } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";
@@ -9,8 +9,8 @@ import { focusElement, getSlotted } from "../../utils/dom";
 import { CSS, TEXT, SLOTS } from "./resources";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
- * @slot - A slot for adding `calcite-action`s to the action pad.
- * @slot expand-tooltip - Used to set the tooltip for the expand toggle.
+ * @slot - A slot for adding `calcite-action`s to the component.
+ * @slot expand-tooltip - Used to set the `calcite-tooltip` for the expand toggle.
  */
 export class ActionPad {
   constructor() {
@@ -20,15 +20,15 @@ export class ActionPad {
     //
     // --------------------------------------------------------------------------
     /**
-     * When set to true, the expand-toggling behavior will be disabled.
+     * When true, the expand-toggling behavior is disabled.
      */
     this.expandDisabled = false;
     /**
-     * Indicates whether widget is expanded.
+     * When true, the component is expanded.
      */
     this.expanded = false;
     /**
-     * Indicates the horizontal or vertical layout of the component.
+     * Indicates the layout of the component.
      */
     this.layout = "vertical";
     // --------------------------------------------------------------------------
@@ -83,11 +83,12 @@ export class ActionPad {
    * @param focusId
    */
   async setFocus(focusId) {
+    var _a;
     if (focusId === "expand-toggle") {
       await focusElement(this.expandToggleEl);
       return;
     }
-    this.el.focus();
+    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
   }
   // --------------------------------------------------------------------------
   //
@@ -131,7 +132,7 @@ export class ActionPad {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When set to true, the expand-toggling behavior will be disabled."
+        "text": "When true, the expand-toggling behavior is disabled."
       },
       "attribute": "expand-disabled",
       "reflect": true,
@@ -149,7 +150,7 @@ export class ActionPad {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates whether widget is expanded."
+        "text": "When true, the component is expanded."
       },
       "attribute": "expanded",
       "reflect": true,
@@ -172,7 +173,7 @@ export class ActionPad {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Indicates the horizontal or vertical layout of the component."
+        "text": "Indicates the layout of the component."
       },
       "attribute": "layout",
       "reflect": true,
@@ -190,7 +191,7 @@ export class ActionPad {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Updates the label of the expand icon when the component is not expanded."
+        "text": "Specifies the label of the expand icon when the component is collapsed."
       },
       "attribute": "intl-expand",
       "reflect": false
@@ -207,7 +208,7 @@ export class ActionPad {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Updates the label of the collapse icon when the component is expanded."
+        "text": "Specifies the label of the collapse icon when the component is expanded."
       },
       "attribute": "intl-collapse",
       "reflect": false
@@ -229,7 +230,7 @@ export class ActionPad {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Arranges the component depending on the elements 'dir' property."
+        "text": "Arranges the component depending on the element's `dir` property."
       },
       "attribute": "position",
       "reflect": true
@@ -251,7 +252,7 @@ export class ActionPad {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specifies the size of the expand action."
+        "text": "Specifies the size of the expand `calcite-action`."
       },
       "attribute": "scale",
       "reflect": true
@@ -265,7 +266,7 @@ export class ActionPad {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Emitted when expanded has been toggled."
+        "text": "Emits when the `expanded` property is toggled."
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/action-pad/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.83
+ * v1.0.0-beta.84
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/collection/components/alert/alert.css

@@ -83,22 +83,25 @@
 *
 * These properties can be overridden using the component's tag as selector.
 *
-* @prop --calcite-alert-width: the width of the alert
+* @prop --calcite-alert-width: Specifies the width of the component.
 */
 :host([scale=s]) {
   --calcite-alert-width: 40em;
   --calcite-alert-spacing-token-small: 0.5rem;
   --calcite-alert-spacing-token-large: 0.75rem;
 }
-:host([scale=s]) slot[name=title]::slotted(*), :host([scale=s]) *::slotted([slot=title]) {
+:host([scale=s]) slot[name=title]::slotted(*), 
+:host([scale=s]) *::slotted([slot=title]) {
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
 }
-:host([scale=s]) slot[name=message]::slotted(*), :host([scale=s]) *::slotted([slot=message]) {
+:host([scale=s]) slot[name=message]::slotted(*), 
+:host([scale=s]) *::slotted([slot=message]) {
   font-size: var(--calcite-font-size--2);
   line-height: 1.375;
 }
-:host([scale=s]) slot[name=link]::slotted(*), :host([scale=s]) *::slotted([slot=link]) {
+:host([scale=s]) slot[name=link]::slotted(*), 
+:host([scale=s]) *::slotted([slot=link]) {
   font-size: var(--calcite-font-size--2);
   line-height: 1.375;
 }
@@ -118,15 +121,18 @@
   --calcite-alert-spacing-token-small: 0.75rem;
   --calcite-alert-spacing-token-large: 1rem;
 }
-:host([scale=m]) slot[name=title]::slotted(*), :host([scale=m]) *::slotted([slot=title]) {
+:host([scale=m]) slot[name=title]::slotted(*), 
+:host([scale=m]) *::slotted([slot=title]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
 }
-:host([scale=m]) slot[name=message]::slotted(*), :host([scale=m]) *::slotted([slot=message]) {
+:host([scale=m]) slot[name=message]::slotted(*), 
+:host([scale=m]) *::slotted([slot=message]) {
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
 }
-:host([scale=m]) slot[name=link]::slotted(*), :host([scale=m]) *::slotted([slot=link]) {
+:host([scale=m]) slot[name=link]::slotted(*), 
+:host([scale=m]) *::slotted([slot=link]) {
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
 }
@@ -143,16 +149,19 @@
   --calcite-alert-spacing-token-small: 1rem;
   --calcite-alert-spacing-token-large: 1.25rem;
 }
-:host([scale=l]) slot[name=title]::slotted(*), :host([scale=l]) *::slotted([slot=title]) {
+:host([scale=l]) slot[name=title]::slotted(*), 
+:host([scale=l]) *::slotted([slot=title]) {
   margin-bottom: 0.25rem;
   font-size: var(--calcite-font-size-1);
   line-height: 1.375;
 }
-:host([scale=l]) slot[name=message]::slotted(*), :host([scale=l]) *::slotted([slot=message]) {
+:host([scale=l]) slot[name=message]::slotted(*), 
+:host([scale=l]) *::slotted([slot=message]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
 }
-:host([scale=l]) slot[name=link]::slotted(*), :host([scale=l]) *::slotted([slot=link]) {
+:host([scale=l]) slot[name=link]::slotted(*), 
+:host([scale=l]) *::slotted([slot=link]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
 }
@@ -249,14 +258,16 @@
   transform: translate3d(0, var(--calcite-alert-edge-distance), inherit);
 }
 
-slot[name=title]::slotted(*), *::slotted([slot=title]) {
+slot[name=title]::slotted(*), 
+*::slotted([slot=title]) {
   font-size: var(--calcite-font-size-0);
   line-height: 1.375;
   font-weight: var(--calcite-font-weight-medium);
   color: var(--calcite-ui-text-1);
 }
 
-slot[name=message]::slotted(*), *::slotted([slot=message]) {
+slot[name=message]::slotted(*), 
+*::slotted([slot=message]) {
   margin: 0px;
   display: inline;
   font-size: var(--calcite-font-size--1);
@@ -266,7 +277,8 @@ slot[name=message]::slotted(*), *::slotted([slot=message]) {
   margin-inline-end: 0.5rem;
 }
 
-slot[name=link]::slotted(*), *::slotted([slot=link]) {
+slot[name=link]::slotted(*), 
+*::slotted([slot=link]) {
   display: inline-flex;
   color: var(--calcite-ui-text-link);
 }
@@ -319,7 +331,7 @@ slot[name=link]::slotted(*), *::slotted([slot=link]) {
   outline-offset: 2px;
   border-end-end-radius: var(--calcite-border-radius);
 }
-.alert-close:hover, .alert-close:focus {
+.alert-close:hover,  .alert-close:focus {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-text-1);
 }