npm - @esri/calcite-components - Versions diffs - 1.0.0-next.573 → 1.0.0-next.576 - Mend

@esri/calcite-components 1.0.0-next.573 → 1.0.0-next.576

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (905) hide show

package/dist/collection/components/shell-center-row/resources.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 export const CSS = {
   actionBarContainer: "action-bar-container",

package/dist/collection/components/shell-center-row/shell-center-row.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Prop, h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";

package/dist/collection/components/shell-panel/resources.js CHANGED Viewed

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

package/dist/collection/components/shell-panel/shell-panel.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, Prop, Watch, h, State, forceUpdate } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/slider/slider.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/sortable-list/resources.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 export const CSS = {
   sortItem: "sort-item",

package/dist/collection/components/sortable-list/sortable-list.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import Sortable from "sortablejs";
 import { Component, Element, Event, Listen, Prop, State, h } from "@stencil/core";

package/dist/collection/components/split-button/resources.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 export const CSS = {
   container: "split-button__container",

package/dist/collection/components/split-button/split-button.css CHANGED Viewed

@@ -99,19 +99,19 @@
   vertical-align: top;
 }
-:host([appearance=solid]):host([color=blue]) {
+:host:host([color=blue]) {
   --calcite-split-button-background: var(--calcite-ui-brand);
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
-:host([appearance=solid]):host([color=red]) {
+:host:host([color=red]) {
   --calcite-split-button-background: var(--calcite-ui-danger);
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
-:host([appearance=solid]):host([color=neutral]) {
+:host:host([color=neutral]) {
   --calcite-split-button-background: var(--calcite-ui-foreground-3);
   --calcite-split-button-divider: var(--calcite-ui-text-1);
 }
-:host([appearance=solid]):host([color=inverse]) {
+:host:host([color=inverse]) {
   --calcite-split-button-background: var(--calcite-ui-inverse);
   --calcite-split-button-divider: var(--calcite-ui-foreground-1);
 }
@@ -183,29 +183,35 @@
 }
 :host([appearance=outline]) .split-button__divider-container,
-:host([appearance=clear]) .split-button__divider-container {
+:host([appearance=clear]) .split-button__divider-container,
+:host([appearance=minimal]) .split-button__divider-container {
   border-block: 1px solid var(--calcite-split-button-divider);
 }
 :host([appearance=outline]):hover .split-button__divider-container,
-:host([appearance=clear]):hover .split-button__divider-container {
+:host([appearance=clear]):hover .split-button__divider-container,
+:host([appearance=minimal]):hover .split-button__divider-container {
   background-color: var(--calcite-split-button-divider);
 }
 :host([appearance=outline]:hover) .split-button__divider-container,
-:host([appearance=clear]:hover) .split-button__divider-container {
+:host([appearance=clear]:hover) .split-button__divider-container,
+:host([appearance=minimal]):hover .split-button__divider-container {
   background-color: var(--calcite-split-button-divider);
 }
 :host([appearance=outline]:focus-within):host([color=blue]),
-:host([appearance=clear]:focus-within):host([color=blue]) {
+:host([appearance=clear]:focus-within):host([color=blue]),
+:host([appearance=minimal]:focus-within):host([color=blue]) {
   --calcite-split-button-divider: var(--calcite-ui-brand-press);
 }
 :host([appearance=outline]:focus-within):host([color=red]),
-:host([appearance=clear]:focus-within):host([color=red]) {
+:host([appearance=clear]:focus-within):host([color=red]),
+:host([appearance=minimal]:focus-within):host([color=red]) {
   --calcite-split-button-divider: var(--calcite-ui-danger-press);
 }
 :host([appearance=outline]:focus-within) .split-button__divider-container,
-:host([appearance=clear]:focus-within) .split-button__divider-container {
+:host([appearance=clear]:focus-within) .split-button__divider-container,
+:host([appearance=minimal]:focus-within) .split-button__divider-container {
   background-color: var(--calcite-split-button-divider);
 }

package/dist/collection/components/split-button/split-button.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, h, Prop, Watch } from "@stencil/core";
 import { CSS } from "./resources";
@@ -100,7 +100,7 @@ export class SplitButton {
       "mutable": false,
       "complexType": {
         "original": "ButtonAppearance",
-        "resolved": "\"clear\" | \"outline\" | \"solid\" | \"transparent\"",
+        "resolved": "\"clear\" | \"minimal\" | \"outline\" | \"solid\" | \"transparent\"",
         "references": {
           "ButtonAppearance": {
             "location": "import",

package/dist/collection/components/stepper/interfaces.js CHANGED Viewed

@@ -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-next.573
+ * v1.0.0-next.576
  */
 export {};

package/dist/collection/components/stepper/stepper.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, h, Listen, Method, Prop } from "@stencil/core";
 import { focusElement } from "../../utils/dom";

package/dist/collection/components/stepper-item/stepper-item.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, h, Host, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/switch/switch.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, h, Host, Method, Prop, Watch } from "@stencil/core";
 import { focusElement, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/tab/interfaces.js CHANGED Viewed

@@ -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-next.573
+ * v1.0.0-next.576
  */
 export {};

package/dist/collection/components/tab/tab.js CHANGED Viewed

@@ -1,24 +1,28 @@
 /*!
  * 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.573
+ * v1.0.0-next.576
  */
 import { Component, Prop, Element, Listen, Method, Event, h, State, Host, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
 import { nodeListToArray } from "../../utils/dom";
 /**
- * @slot - A slot for adding custom content.
+ * @slot - A slot for adding content to the component.
  */
 export class Tab {
   constructor() {
     /**
-     * Show this tab
+     * When true, the component's contents are selected.
      *
-     * @deprecated Use selected instead.
+     * Only one tab can be selected within the `calcite-tabs` parent.
+     *
+     * @deprecated Use "selected" instead.
      */
     this.active = false;
     /**
-     * When true, display this tab.
+     * When true, the component's contents are selected.
+     *
+     * Only one tab can be selected within the `calcite-tabs` parent.
      */
     this.selected = false;
     /**
@@ -98,7 +102,7 @@ export class Tab {
   //
   //--------------------------------------------------------------------------
   /**
-   * Return the index of this tab within the tab array
+   * Returns the index of the component item within the tab array.
    */
   async getTabIndex() {
     return Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((el) => el.matches("calcite-tab")), this.el);
@@ -134,10 +138,10 @@ export class Tab {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
-        "text": "Optionally include a unique name for this tab,\nbe sure to also set this name on the associated title."
+        "text": "Specifies a unique name for the component.\n\nWhen specified, use the same value on the `calcite-tab-title`."
       },
       "attribute": "tab",
       "reflect": true
@@ -155,9 +159,9 @@ export class Tab {
       "docs": {
         "tags": [{
             "name": "deprecated",
-            "text": "Use selected instead."
+            "text": "Use \"selected\" instead."
           }],
-        "text": "Show this tab"
+        "text": "When true, the component's contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent."
       },
       "attribute": "active",
       "reflect": true,
@@ -175,7 +179,7 @@ export class Tab {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, display this tab."
+        "text": "When true, the component's contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent."
       },
       "attribute": "selected",
       "reflect": true,
@@ -243,7 +247,7 @@ export class Tab {
         "return": "Promise<number>"
       },
       "docs": {
-        "text": "Return the index of this tab within the tab array",
+        "text": "Returns the index of the component item within the tab array.",
         "tags": []
       }
     },

package/dist/collection/components/tab-nav/tab-nav.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from "@stencil/core";
 import { getElementDir, filterDirectChildren } from "../../utils/dom";
@@ -222,7 +222,7 @@ export class TabNav {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Name to use when saving selected tab data to localStorage"
+        "text": "Specifies the name when saving selected `calcite-tab` data to `localStorage`."
       },
       "attribute": "storage-id",
       "reflect": false
@@ -239,7 +239,7 @@ export class TabNav {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Pass the same string to multiple tab navs to keep them all in sync if one changes"
+        "text": "Specifies text to update multiple components to keep in sync if one changes."
       },
       "attribute": "sync-id",
       "reflect": false
@@ -399,7 +399,7 @@ export class TabNav {
             "name": "see",
             "text": "[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
           }],
-        "text": "Emitted when the active tab changes"
+        "text": "Emits when the selected `calcite-tab` changes."
       },
       "complexType": {
         "original": "TabChangeEventDetail",

package/dist/collection/components/tab-title/tab-title.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 import { Build, Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -19,16 +19,20 @@ export class TabTitle {
     //
     //--------------------------------------------------------------------------
     /**
-     * Show this tab title as selected
+     * When true, the component and its respective `calcite-tab` contents are selected.
      *
-     * @deprecated Use selected instead.
+     * Only one tab can be selected within the `calcite-tabs` parent.
+     *
+     * @deprecated Use "selected" instead.
      */
     this.active = false;
     /**
-     * When true, display this tab title as selected.
+     * When true, the component and its respective `calcite-tab` contents are selected.
+     *
+     * Only one tab can be selected within the `calcite-tabs` parent.
      */
     this.selected = false;
-    /** Disable this tab title  */
+    /** When true, interaction is prevented and the component is displayed with lower opacity.  */
     this.disabled = false;
     /**
      * @internal
@@ -179,7 +183,7 @@ export class TabTitle {
   //
   //--------------------------------------------------------------------------
   /**
-   * Return the index of this title within the nav
+   * Returns the index of the title within the `calcite-tab-nav`.
    */
   async getTabIndex() {
     return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el);
@@ -237,9 +241,9 @@ export class TabTitle {
       "docs": {
         "tags": [{
             "name": "deprecated",
-            "text": "Use selected instead."
+            "text": "Use \"selected\" instead."
           }],
-        "text": "Show this tab title as selected"
+        "text": "When true, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent."
       },
       "attribute": "active",
       "reflect": true,
@@ -257,7 +261,7 @@ export class TabTitle {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "When true, display this tab title as selected."
+        "text": "When true, the component and its respective `calcite-tab` contents are selected.\n\nOnly one tab can be selected within the `calcite-tabs` parent."
       },
       "attribute": "selected",
       "reflect": true,
@@ -275,7 +279,7 @@ export class TabTitle {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Disable this tab title"
+        "text": "When true, interaction is prevented and the component is displayed with lower opacity."
       },
       "attribute": "disabled",
       "reflect": true,
@@ -293,7 +297,7 @@ export class TabTitle {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally pass an icon to display at the end of a tab title - accepts calcite ui icon names"
+        "text": "Specifies an icon to display at the end of the component - accepts Calcite UI icon names."
       },
       "attribute": "icon-end",
       "reflect": true
@@ -315,7 +319,7 @@ export class TabTitle {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "flip the icon(s) in rtl"
+        "text": "When true, the icon will be flipped when the element direction is right-to-left (\"rtl\")."
       },
       "attribute": "icon-flip-rtl",
       "reflect": true
@@ -332,7 +336,7 @@ export class TabTitle {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "optionally pass an icon to display at the start of a tab title - accepts calcite ui icon names"
+        "text": "Specifies an icon to display at the start of the component - accepts Calcite UI icon names."
       },
       "attribute": "icon-start",
       "reflect": true
@@ -445,7 +449,7 @@ export class TabTitle {
       "optional": true,
       "docs": {
         "tags": [],
-        "text": "Optionally include a unique name for the tab title,\nbe sure to also set this name on the associated tab."
+        "text": "Specifies a unique name for the component.\n\nWhen specified, use the same value on the `calcite-tab`."
       },
       "attribute": "tab",
       "reflect": true
@@ -466,7 +470,7 @@ export class TabTitle {
             "name": "see",
             "text": "[TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)"
           }],
-        "text": "Fires when a specific tab is activated. Emits the \"tab\" property or the index position."
+        "text": "Fires when a `calcite-tab` is selected. Emits the \"tab\" property, or the index position."
       },
       "complexType": {
         "original": "TabChangeEventDetail",
@@ -492,7 +496,7 @@ export class TabTitle {
             "name": "internal",
             "text": undefined
           }],
-        "text": "Fires when a specific tab is activated (`event.details`)"
+        "text": "Fires when a `calcite-tab` is selected (`event.details`)."
       },
       "complexType": {
         "original": "TabChangeEventDetail",
@@ -577,7 +581,7 @@ export class TabTitle {
         "return": "Promise<number>"
       },
       "docs": {
-        "text": "Return the index of this title within the nav",
+        "text": "Returns the index of the title within the `calcite-tab-nav`.",
         "tags": []
       }
     },

package/dist/collection/components/tabs/interfaces.js CHANGED Viewed

@@ -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-next.573
+ * v1.0.0-next.576
  */
 export {};

package/dist/collection/components/tabs/resources.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 export const SLOTS = {
   tabNav: "tab-nav"

package/dist/collection/components/tabs/tabs.js CHANGED Viewed

@@ -1,13 +1,13 @@
 /*!
  * 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.573
+ * v1.0.0-next.576
  */
 import { Component, Prop, h, Element, Listen, State, Fragment } from "@stencil/core";
 import { SLOTS } from "./resources";
 /**
  * @slot - A slot for adding `calcite-tab`s.
- * @slot tab-nav - A slot for adding a tab navigation component.
+ * @slot tab-nav - A slot for adding a `calcite-tab-nav`.
  */
 export class Tabs {
   constructor() {
@@ -17,20 +17,20 @@ export class Tabs {
     //
     //--------------------------------------------------------------------------
     /**
-     * Align tab titles to the edge or fully justify them across the tab nav ("center")
+     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
      */
     this.layout = "inline";
     /**
-     * Display the tabs top (default) or bottom of the tab content. above and below are deprecated.
+     * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
      *
      */
     this.position = "top";
     /**
-     * Specify the scale of the tabs component, defaults to m
+     * Specifies the size of the component.
      */
     this.scale = "m";
     /**
-     * Optionally enable tabs to appear like a folder-style menu when its layout is "inline"
+     * When true and layout is set to "inline", the component will display with a folder style menu.
      */
     this.bordered = false;
     //--------------------------------------------------------------------------
@@ -184,7 +184,7 @@ export class Tabs {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Align tab titles to the edge or fully justify them across the tab nav (\"center\")"
+        "text": "Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (\"inline\"), or across and centered (\"center\")."
       },
       "attribute": "layout",
       "reflect": true,
@@ -207,7 +207,7 @@ export class Tabs {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Display the tabs top (default) or bottom of the tab content. above and below are deprecated."
+        "text": "Specifies the position of the component in relation to the `calcite-tab`s. The \"above\" and \"below\" values are deprecated."
       },
       "attribute": "position",
       "reflect": true,
@@ -230,7 +230,7 @@ export class Tabs {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specify the scale of the tabs component, defaults to m"
+        "text": "Specifies the size of the component."
       },
       "attribute": "scale",
       "reflect": true,
@@ -248,7 +248,7 @@ export class Tabs {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Optionally enable tabs to appear like a folder-style menu when its layout is \"inline\""
+        "text": "When true and layout is set to \"inline\", the component will display with a folder style menu."
       },
       "attribute": "bordered",
       "reflect": true,

package/dist/collection/components/tile/resources.js CHANGED Viewed

@@ -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.573
+ * v1.0.0-next.576
  */
 export const SLOTS = {
   contentStart: "content-start",