@esri/calcite-components 1.0.0-next.684 → 1.0.0-next.686

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-15T17:58:24",
+  "timestamp": "2022-12-15T21:18:46",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -1723,29 +1723,18 @@
           "required": false
         },
         {
-          "name": "color",
-          "type": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
+          "name": "icon",
+          "type": "boolean | string",
           "mutable": false,
-          "attr": "color",
+          "attr": "icon",
           "reflectToAttr": true,
-          "docs": "Specifies the color for the component (will apply to top border and icon).",
+          "docs": "When `true`, shows a default recommended icon. Alternatively,\npass a Calcite UI Icon name to display a specific icon.",
           "docsTags": [],
-          "default": "\"blue\"",
           "values": [
             {
-              "value": "blue",
-              "type": "string"
-            },
-            {
-              "value": "green",
-              "type": "string"
-            },
-            {
-              "value": "red",
-              "type": "string"
+              "type": "boolean"
             },
             {
-              "value": "yellow",
               "type": "string"
             }
           ],
@@ -1753,18 +1742,33 @@
           "required": false
         },
         {
-          "name": "icon",
-          "type": "boolean | string",
+          "name": "kind",
+          "type": "\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
           "mutable": false,
-          "attr": "icon",
+          "attr": "kind",
           "reflectToAttr": true,
-          "docs": "When `true`, shows a default recommended icon. Alternatively,\npass a Calcite UI Icon name to display a specific icon.",
+          "docs": "Specifies the kind of the component (will apply to top border and icon).",
           "docsTags": [],
+          "default": "\"brand\"",
           "values": [
             {
-              "type": "boolean"
+              "value": "brand",
+              "type": "string"
             },
             {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
               "type": "string"
             }
           ],
@@ -3756,11 +3760,11 @@
       "events": [
         {
           "event": "calciteChipClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Fires when the close button is clicked.\n\n**Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.",
+          "docs": "Fires when the close button is clicked.",
           "docsTags": []
         }
       ],
@@ -5289,11 +5293,11 @@
       "events": [
         {
           "event": "calciteComboboxItemChange",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Emits whenever the component is selected or unselected.\n\n**Note:**: The event's payload is deprecated, please use the event's `target`/`currentTarget` instead",
+          "docs": "Emits whenever the component is selected or unselected.",
           "docsTags": []
         }
       ],
@@ -6226,26 +6230,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "calciteDatePickerActiveDateChange",
-          "detail": "Date",
-          "bubbles": true,
-          "cancelable": false,
-          "composed": true,
-          "docs": "Active date for the user keyboard access.",
-          "docsTags": []
-        },
-        {
-          "event": "calciteDatePickerSelect",
-          "detail": "Date",
-          "bubbles": true,
-          "cancelable": false,
-          "composed": true,
-          "docs": "Event emitted when user selects the date.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [
         {
           "event": "pointerout",
@@ -6419,17 +6404,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "calciteDatePickerSelect",
-          "detail": "Date",
-          "bubbles": true,
-          "cancelable": false,
-          "composed": true,
-          "docs": "Changes to active date",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -13480,27 +13455,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "color",
-          "type": "\"blue\" | \"red\"",
-          "mutable": false,
-          "attr": "color",
-          "reflectToAttr": true,
-          "docs": "Adds a color bar to the top of component for visual impact.\nUse color to add importance to destructive or workflow dialogs.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "blue",
-              "type": "string"
-            },
-            {
-              "value": "red",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "docked",
           "type": "boolean",
@@ -13568,21 +13522,32 @@
           "required": false
         },
         {
-          "name": "intlClose",
-          "type": "string",
+          "name": "kind",
+          "type": "\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
           "mutable": false,
-          "attr": "intl-close",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's close button.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "– translations are now built-in, if you need to override a string, please use `messageOverrides`."
-            }
-          ],
-          "deprecation": "– translations are now built-in, if you need to override a string, please use `messageOverrides`.",
+          "attr": "kind",
+          "reflectToAttr": true,
+          "docs": "Specifies the kind of the component (will apply to top border).",
+          "docsTags": [],
           "values": [
             {
+              "value": "brand",
+              "type": "string"
+            },
+            {
+              "value": "danger",
+              "type": "string"
+            },
+            {
+              "value": "info",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            },
+            {
+              "value": "warning",
               "type": "string"
             }
           ],
@@ -13853,33 +13818,10 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-notice scale=\"l\" width=\"half\" active>\n  <div slot=\"title\">Something failed</div>\n  <div slot=\"message\">That thing you wanted to do didn't work as expected</div>\n  <calcite-link slot=\"link\" href=\"/\">View details</calcite-link>\n  <calcite-action id=\"retry-action\" slot=\"actions-end\" title=\"Retry\" icon=\"reset\"></calcite-action>\n</calcite-notice>\n```\n",
+        "Basic": "```html\n<calcite-notice scale=\"l\" width=\"half\" open>\n  <div slot=\"title\">Something failed</div>\n  <div slot=\"message\">That thing you wanted to do didn't work as expected</div>\n  <calcite-link slot=\"link\" href=\"/\">View details</calcite-link>\n  <calcite-action id=\"retry-action\" slot=\"actions-end\" title=\"Retry\" icon=\"reset\"></calcite-action>\n</calcite-notice>\n```\n",
         "Set-focus": "You can programmatically focus the close button of a `dismissible` `calcite-notice` with the `setFocus()` method:\n\n```html\n<div onclick=\"document.querySelector('#my-notice').setFocus();\">Focus!</div>\n```\n"
       },
       "props": [
-        {
-          "name": "active",
-          "type": "boolean",
-          "mutable": true,
-          "attr": "active",
-          "reflectToAttr": true,
-          "docs": "When `true`, the component is active.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "Use `open` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "Use `open` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "closable",
           "type": "boolean",
@@ -13898,29 +13840,18 @@
           "required": false
         },
         {
-          "name": "color",
-          "type": "\"blue\" | \"green\" | \"red\" | \"yellow\"",
+          "name": "icon",
+          "type": "boolean | string",
           "mutable": false,
-          "attr": "color",
+          "attr": "icon",
           "reflectToAttr": true,
-          "docs": "The color for the component's top border and icon.",
+          "docs": "When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.",
           "docsTags": [],
-          "default": "\"blue\"",
           "values": [
             {
-              "value": "blue",
-              "type": "string"
-            },
-            {
-              "value": "green",
-              "type": "string"
-            },
-            {
-              "value": "red",
-              "type": "string"
+              "type": "boolean"
             },
             {
-              "value": "yellow",
               "type": "string"
             }
           ],
@@ -13928,67 +13859,33 @@
           "required": false
         },
         {
-          "name": "dismissible",
-          "type": "boolean",
+          "name": "kind",
+          "type": "\"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
           "mutable": false,
-          "attr": "dismissible",
+          "attr": "kind",
           "reflectToAttr": true,
-          "docs": "When `true`, a close button is added to the component.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `closable` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "use `closable` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "icon",
-          "type": "boolean | string",
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": true,
-          "docs": "When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.",
+          "docs": "Specifies the kind of the component (will apply to top border and icon).",
           "docsTags": [],
+          "default": "\"brand\"",
           "values": [
             {
-              "type": "boolean"
+              "value": "brand",
+              "type": "string"
             },
             {
+              "value": "danger",
               "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "intlClose",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-close",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the close button.",
-          "docsTags": [
+            },
             {
-              "name": "default",
-              "text": "\"Close\""
+              "value": "info",
+              "type": "string"
             },
             {
-              "name": "deprecated",
-              "text": "– translations are now built-in, if you need to override a string, please use `messageOverrides`."
-            }
-          ],
-          "deprecation": "– translations are now built-in, if you need to override a string, please use `messageOverrides`.",
-          "values": [
+              "value": "success",
+              "type": "string"
+            },
             {
+              "value": "warning",
               "type": "string"
             }
           ],
@@ -14502,50 +14399,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "textLabelNext",
-          "type": "string",
-          "mutable": false,
-          "attr": "text-label-next",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's next button.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "– translations are now built-in, if you need to override a string, please use `messageOverrides`"
-            }
-          ],
-          "deprecation": "– translations are now built-in, if you need to override a string, please use `messageOverrides`",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "textLabelPrevious",
-          "type": "string",
-          "mutable": false,
-          "attr": "text-label-previous",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's previous button.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "– translations are now built-in, if you need to override a string, please use `messageOverrides`"
-            }
-          ],
-          "deprecation": "– translations are now built-in, if you need to override a string, please use `messageOverrides`",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "total",
           "type": "number",
@@ -14811,50 +14664,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "intlClose",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-close",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's close button. The close button will only be shown when `closeable` is `true`.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }
-          ],
-          "deprecation": "use `calcite-flow-item` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "intlOptions",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-options",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's actions menu.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `calcite-flow-item` instead."
-            }
-          ],
-          "deprecation": "use `calcite-flow-item` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "loading",
           "type": "boolean",
@@ -15581,28 +15390,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "intlRemove",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-remove",
-          "reflectToAttr": true,
-          "docs": "When `removable` is `true`, the accessible name for the component's remove button.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "– translations are now built-in, if you need to override a string, please use `messageOverrides`"
-            }
-          ],
-          "deprecation": "– translations are now built-in, if you need to override a string, please use `messageOverrides`",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "label",
           "type": "string",
@@ -15936,28 +15723,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "intlClose",
-          "type": "string",
-          "mutable": false,
-          "attr": "intl-close",
-          "reflectToAttr": false,
-          "docs": "Accessible name for the component's close button.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "– translations are now built-in, if you need to override a string, please use `messageOverrides`"
-            }
-          ],
-          "deprecation": "– translations are now built-in, if you need to override a string, please use `messageOverrides`",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "label",
           "type": "string",
@@ -17064,7 +16829,7 @@
       "events": [
         {
           "event": "calciteRadioGroupChange",
-          "detail": "string",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,

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

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

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

package/dist/loader/index.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.684
+ * v1.0.0-next.686
  */
 (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/alert/alert.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { AlertDuration, AlertPlacement, StatusColor, Sync } from "./interfaces";
+import { Kind, Scale } from "../interfaces";
+import { AlertDuration, Sync } from "./interfaces";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { NumberingSystem } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { Messages } from "./assets/alert/t9n";
 import { LoadableComponent } from "../../utils/loadable";
+import { MenuPlacement } from "../../utils/floating-ui";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -25,8 +26,8 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   autoClose: boolean;
   /** Specifies the duration before the component automatically closes (only use with `autoClose`). */
   autoCloseDuration: AlertDuration;
-  /** Specifies the color for the component (will apply to top border and icon). */
-  color: StatusColor;
+  /** Specifies the kind of the component (will apply to top border and icon). */
+  kind: Kind;
   /**
    * When `true`, shows a default recommended icon. Alternatively,
    * pass a Calcite UI Icon name to display a specific icon.
@@ -39,7 +40,7 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
    */
   numberingSystem: NumberingSystem;
   /** Specifies the placement of the component */
-  placement: AlertPlacement;
+  placement: MenuPlacement;
   /** Specifies the size of the component. */
   scale: Scale;
   /**

package/dist/types/components/alert/interfaces.d.ts

@@ -1,12 +1,4 @@
-export declare type StatusColor = "blue" | "green" | "red" | "yellow";
 export declare type AlertDuration = "fast" | "medium" | "slow";
-export declare type AlertPlacement = "bottom" | "bottom-end" | "bottom-start" | "top" | "top-end" | "top-start";
-export declare enum StatusIcons {
-  green = "checkCircle",
-  yellow = "exclamationMarkTriangle",
-  red = "exclamationMarkTriangle",
-  blue = "lightbulb"
-}
 export interface Sync {
   queue: HTMLCalciteAlertElement[];
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ChipColor } from "./interfaces";
-import { Appearance, DeprecatedEventPayload, Scale } from "../interfaces";
+import { Appearance, Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { Messages } from "./assets/chip/t9n";
 import { T9nComponent } from "../../utils/t9n";
@@ -50,10 +50,8 @@ export declare class Chip implements ConditionalSlotComponent, LoadableComponent
   setFocus(): Promise<void>;
   /**
    * Fires when the close button is clicked.
-   *
-   * **Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.
    */
-  calciteChipClose: EventEmitter<DeprecatedEventPayload>;
+  calciteChipClose: EventEmitter<void>;
   closeClickHandler: (event: MouseEvent) => void;
   private closeButton;
   private guid;