npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.85 → 1.0.0-beta.86 - Mend

@esri/calcite-components 1.0.0-beta.85 → 1.0.0-beta.86

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 (839) hide show

package/dist/extras/docs-json.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-07-13T03:24:27",
+  "timestamp": "2022-07-13T22:46:40",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.1",
@@ -3634,6 +3634,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, show abutton user can click to dismiss the chip.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "closed",
           "type": "boolean",
@@ -3714,8 +3731,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "Optionally show a button the user can click to dismiss the chip",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -12931,6 +12954,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, displays a button user can click to dismiss the `calcite-notice`",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "color",
           "type": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
@@ -12968,8 +13008,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "When true, a close button is added to the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -12984,7 +13030,7 @@
           "mutable": false,
           "attr": "icon",
           "reflectToAttr": true,
-          "docs": "Specifies an icon to display - accepts Calcite UI icon names.",
+          "docs": "When present, shows a default recommended icon. You can\nalso pass a calcite-ui-icon name to display a requested icon.",
           "docsTags": [],
           "values": [
             {
@@ -13560,6 +13606,40 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, displays a close button in the trailing side of the header",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "closed",
+          "type": "boolean",
+          "mutable": true,
+          "attr": "closed",
+          "reflectToAttr": true,
+          "docs": "When true, panel will be hidden",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "description",
           "type": "string",
@@ -13600,8 +13680,14 @@
           "attr": "dismissed",
           "reflectToAttr": true,
           "docs": "When true, hides the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closed instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closed instead",
           "values": [
             {
               "type": "boolean"
@@ -13617,8 +13703,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "When true, a close button is added to the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"
@@ -14674,6 +14766,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "closable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "closable",
+          "reflectToAttr": true,
+          "docs": "When true, display a close button within the Popover",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "closeButton",
           "type": "boolean",
@@ -14738,8 +14847,14 @@
           "attr": "dismissible",
           "reflectToAttr": true,
           "docs": "When true, a close button is added to the component.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": "use closable instead"
+            }
+          ],
           "default": "false",
+          "deprecation": "use closable instead",
           "values": [
             {
               "type": "boolean"

package/dist/loader/cdn.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-beta.85
+ * v1.0.0-beta.86
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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-beta.85
+ * v1.0.0-beta.86
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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-beta.85
+ * v1.0.0-beta.86
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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-beta.85
+ * v1.0.0-beta.86
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/chip/chip.d.ts CHANGED Viewed

@@ -11,8 +11,14 @@ export declare class Chip implements ConditionalSlotComponent {
   appearance: Extract<"solid" | "clear", Appearance>;
   /** specify the color of the button, defaults to blue */
   color: ChipColor;
-  /** Optionally show a button the user can click to dismiss the chip */
+  /**
+   * Optionally show a button the user can click to dismiss the chip
+   *
+   * @deprecated use closable instead
+   */
   dismissible: boolean;
+  /** When true, show abutton user can click to dismiss the chip. */
+  closable: boolean;
   /**
    * Aria label for the "x" button
    *

package/dist/types/components/notice/notice.d.ts CHANGED Viewed

@@ -20,9 +20,18 @@ export declare class Notice implements ConditionalSlotComponent {
   active: boolean;
   /** The color for the component's top border and icon. */
   color: StatusColor;
-  /** When true, a close button is added to the component. */
+  /**
+   * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
+   */
   dismissible?: boolean;
-  /** Specifies an icon to display - accepts Calcite UI icon names. */
+  /** When true, displays a button user can click to dismiss the `calcite-notice` */
+  closable?: boolean;
+  /**
+   * When present, shows a default recommended icon. You can
+   * also pass a calcite-ui-icon name to display a requested icon.
+   */
   icon: string | boolean;
   /**
    * Accessible name for the close button.

package/dist/types/components/panel/panel.d.ts CHANGED Viewed

@@ -16,8 +16,12 @@ import { InteractiveComponent } from "../../utils/interactive";
 export declare class Panel implements ConditionalSlotComponent, InteractiveComponent {
   /**
    * When true, hides the component.
+   *
+   * @deprecated use closed instead
    */
   dismissed: boolean;
+  /** When true, panel will be hidden */
+  closed: boolean;
   dismissedHandler(): void;
   /**
    * When provided, this method will be called before it is removed from the parent flow.
@@ -29,8 +33,12 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   disabled: boolean;
   /**
    * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
    */
   dismissible: boolean;
+  /** When true, displays a close button in the trailing side of the header */
+  closable: boolean;
   /**
    * Specifies the number at which section headings should start.
    */

package/dist/types/components/popover/popover.d.ts CHANGED Viewed

@@ -18,8 +18,12 @@ export declare class Popover {
   closeButton: boolean;
   /**
    * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
    */
   dismissible: boolean;
+  /** When true, display a close button within the Popover */
+  closable: boolean;
   /**
    * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
    */

package/dist/types/components.d.ts CHANGED Viewed

@@ -614,6 +614,10 @@ export namespace Components {
           * specify the appearance style of the button, defaults to solid.
          */
         "appearance": Extract<"solid" | "clear", Appearance>;
+        /**
+          * When true, show abutton user can click to dismiss the chip.
+         */
+        "closable": boolean;
         /**
           * When true, hides the chip
          */
@@ -629,6 +633,7 @@ export namespace Components {
         "dismissLabel"?: string;
         /**
           * Optionally show a button the user can click to dismiss the chip
+          * @deprecated use closable instead
          */
         "dismissible": boolean;
         /**
@@ -2296,16 +2301,21 @@ export namespace Components {
           * When true, the component is active.
          */
         "active": boolean;
+        /**
+          * When true, displays a button user can click to dismiss the `calcite-notice`
+         */
+        "closable"?: boolean;
         /**
           * The color for the component's top border and icon.
          */
         "color": StatusColor;
         /**
           * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
+          * When present, shows a default recommended icon. You can also pass a calcite-ui-icon name to display a requested icon.
          */
         "icon": string | boolean;
         /**
@@ -2395,6 +2405,14 @@ export namespace Components {
           * When provided, this method will be called before it is removed from the parent flow.
          */
         "beforeBack"?: () => Promise<void>;
+        /**
+          * When true, displays a close button in the trailing side of the header
+         */
+        "closable": boolean;
+        /**
+          * When true, panel will be hidden
+         */
+        "closed": boolean;
         /**
           * A description for the component.
          */
@@ -2405,10 +2423,12 @@ export namespace Components {
         "disabled": boolean;
         /**
           * When true, hides the component.
+          * @deprecated use closed instead
          */
         "dismissed": boolean;
         /**
           * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible": boolean;
         /**
@@ -2575,6 +2595,10 @@ export namespace Components {
           * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
          */
         "autoClose": boolean;
+        /**
+          * When true, display a close button within the Popover
+         */
+        "closable": boolean;
         /**
           * When true, a close button is added to the component.
           * @deprecated use dismissible instead.
@@ -2590,6 +2614,7 @@ export namespace Components {
         "disablePointer": boolean;
         /**
           * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible": boolean;
         /**
@@ -5314,6 +5339,10 @@ declare namespace LocalJSX {
           * specify the appearance style of the button, defaults to solid.
          */
         "appearance"?: Extract<"solid" | "clear", Appearance>;
+        /**
+          * When true, show abutton user can click to dismiss the chip.
+         */
+        "closable"?: boolean;
         /**
           * When true, hides the chip
          */
@@ -5329,6 +5358,7 @@ declare namespace LocalJSX {
         "dismissLabel"?: string;
         /**
           * Optionally show a button the user can click to dismiss the chip
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**
@@ -6986,16 +7016,21 @@ declare namespace LocalJSX {
           * When true, the component is active.
          */
         "active"?: boolean;
+        /**
+          * When true, displays a button user can click to dismiss the `calcite-notice`
+         */
+        "closable"?: boolean;
         /**
           * The color for the component's top border and icon.
          */
         "color"?: StatusColor;
         /**
           * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**
-          * Specifies an icon to display - accepts Calcite UI icon names.
+          * When present, shows a default recommended icon. You can also pass a calcite-ui-icon name to display a requested icon.
          */
         "icon"?: string | boolean;
         /**
@@ -7091,6 +7126,14 @@ declare namespace LocalJSX {
           * When provided, this method will be called before it is removed from the parent flow.
          */
         "beforeBack"?: () => Promise<void>;
+        /**
+          * When true, displays a close button in the trailing side of the header
+         */
+        "closable"?: boolean;
+        /**
+          * When true, panel will be hidden
+         */
+        "closed"?: boolean;
         /**
           * A description for the component.
          */
@@ -7101,10 +7144,12 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * When true, hides the component.
+          * @deprecated use closed instead
          */
         "dismissed"?: boolean;
         /**
           * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**
@@ -7276,6 +7321,10 @@ declare namespace LocalJSX {
           * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
          */
         "autoClose"?: boolean;
+        /**
+          * When true, display a close button within the Popover
+         */
+        "closable"?: boolean;
         /**
           * When true, a close button is added to the component.
           * @deprecated use dismissible instead.
@@ -7291,6 +7340,7 @@ declare namespace LocalJSX {
         "disablePointer"?: boolean;
         /**
           * When true, a close button is added to the component.
+          * @deprecated use closable instead
          */
         "dismissible"?: boolean;
         /**