@esri/calcite-components 1.0.0-next.700 → 1.0.0-next.702

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-next.700
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, ICONS } from "./resources";

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-next.700
+ * v1.0.0-next.702
  */
 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-next.700
+ * v1.0.0-next.702
  */
 import { Host, h } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";
@@ -231,10 +231,10 @@ export class ActionPad {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "ActionPadMessages",
           "resolved": "{ expand: string; collapse: string; }",
           "references": {
-            "Messages": {
+            "ActionPadMessages": {
               "location": "import",
               "path": "./assets/action-pad/t9n"
             }
@@ -254,13 +254,13 @@ export class ActionPad {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<ActionPadMessages>",
           "resolved": "{ expand?: string; collapse?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "ActionPadMessages": {
               "location": "import",
               "path": "./assets/action-pad/t9n"
             }

package/dist/collection/components/action-pad/assets/action-pad/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type ActionPadMessages = {
   expand: string;
   collapse: string;
 };

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-next.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/collection/components/alert/alert.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.700
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean, slotChangeHasAssignedElement } from "../../utils/dom";
@@ -440,10 +440,10 @@ export class Alert {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "AlertMessages",
           "resolved": "{ close: string; }",
           "references": {
-            "Messages": {
+            "AlertMessages": {
               "location": "import",
               "path": "./assets/alert/t9n"
             }
@@ -463,13 +463,13 @@ export class Alert {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<AlertMessages>",
           "resolved": "{ close?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "AlertMessages": {
               "location": "import",
               "path": "./assets/alert/t9n"
             }

package/dist/collection/components/alert/assets/alert/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type AlertMessages = {
   close: string;
 };

package/dist/collection/components/alert/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-next.700
+ * v1.0.0-next.702
  */
 export const DURATIONS = {
   slow: 14000,

package/dist/collection/components/avatar/avatar.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.700
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { isValidHex } from "../color-picker/utils";

package/dist/collection/components/avatar/utils.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.700
+ * v1.0.0-next.702
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/assets/block/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type BlockMessages = {
   collapse: string;
   expand: string;
   loading: string;

package/dist/collection/components/block/block.css

@@ -119,6 +119,13 @@
   opacity: var(--calcite-ui-opacity-disabled);
 }
 
+/**
+* CSS Custom Properties
+*
+* These properties can be overridden using the component's tag as selector.
+*
+* @prop --calcite-block-padding: Specifies the padding of the block `default` slot.
+*/
 :host {
   display: flex;
   flex-shrink: 0;

package/dist/collection/components/block/block.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.700
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { CSS, ICONS, SLOTS } from "./resources";
@@ -300,10 +300,10 @@ export class Block {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "BlockMessages",
           "resolved": "{ collapse: string; expand: string; loading: string; options: string; }",
           "references": {
-            "Messages": {
+            "BlockMessages": {
               "location": "import",
               "path": "./assets/block/t9n"
             }
@@ -323,13 +323,13 @@ export class Block {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<BlockMessages>",
           "resolved": "{ collapse?: string; expand?: string; loading?: string; options?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "BlockMessages": {
               "location": "import",
               "path": "./assets/block/t9n"
             }

package/dist/collection/components/block/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-next.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/block-section/assets/block-section/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type BlockSectionMessages = {
   collapse: string;
   expand: string;
 };

package/dist/collection/components/block-section/block-section.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.700
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";
@@ -198,10 +198,10 @@ export class BlockSection {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "BlockSectionMessages",
           "resolved": "{ collapse: string; expand: string; }",
           "references": {
-            "Messages": {
+            "BlockSectionMessages": {
               "location": "import",
               "path": "./assets/block-section/t9n"
             }
@@ -221,13 +221,13 @@ export class BlockSection {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<BlockSectionMessages>",
           "resolved": "{ collapse?: string; expand?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "BlockSectionMessages": {
               "location": "import",
               "path": "./assets/block-section/t9n"
             }

package/dist/collection/components/block-section/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-next.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   content: "content",

package/dist/collection/components/button/assets/button/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type ButtonMessages = {
   loading: string;
 };

package/dist/collection/components/button/button.css

@@ -117,11 +117,11 @@
 
 :host button,
 :host a {
-  --calcite-button-content-margin: 0.5rem;
-  --calcite-button-padding-x: 7px;
-  --calcite-button-padding-y: 3px;
-  padding-block: var(--calcite-button-padding-y);
-  padding-inline: var(--calcite-button-padding-x);
+  --calcite-button-content-margin-internal: 0.5rem;
+  --calcite-button-padding-x-internal: 7px;
+  --calcite-button-padding-y-internal: 3px;
+  padding-block: var(--calcite-button-padding-y-internal);
+  padding-inline: var(--calcite-button-padding-x-internal);
   position: relative;
   box-sizing: border-box;
   display: flex;
@@ -150,7 +150,7 @@
 .content {
   display: flex;
   flex-basis: auto;
-  margin-inline: var(--calcite-button-content-margin);
+  margin-inline: var(--calcite-button-content-margin-internal);
 }
 
 .icon-start-empty .content {
@@ -163,12 +163,12 @@
 
 :host([scale=m]) button,
 :host([scale=m]) a {
-  --calcite-button-content-margin: 0.75rem;
+  --calcite-button-content-margin-internal: 0.75rem;
 }
 
 :host([scale=l]) button,
 :host([scale=l]) a {
-  --calcite-button-content-margin: 1rem;
+  --calcite-button-content-margin-internal: 1rem;
 }
 
 :host([width=auto]) {
@@ -221,7 +221,7 @@
 
 :host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,
 :host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end {
-  margin-inline-start: var(--calcite-button-content-margin);
+  margin-inline-start: var(--calcite-button-content-margin-internal);
 }
 
 .icon {
@@ -289,7 +289,7 @@
 
 :host([loading]) button.content--slotted .calcite-button--loader calcite-loader,
 :host([loading]) a.content--slotted .calcite-button--loader calcite-loader {
-  margin-inline-end: var(--calcite-button-content-margin);
+  margin-inline-end: var(--calcite-button-content-margin-internal);
 }
 :host([loading]) button:not(.content--slotted) .icon--start,
 :host([loading]) button:not(.content--slotted) .icon--end,
@@ -694,7 +694,7 @@
   border-block-style: solid;
 }
 :host([appearance=transparent][kind=neutral].cancel-editing-button) button:not(.content--slotted) {
-  --calcite-button-padding-y: 0;
+  --calcite-button-padding-y-internal: 0;
 }
 :host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover {
   color: var(--calcite-ui-text-1);
@@ -724,50 +724,50 @@
 
 :host([scale=s][appearance=transparent]) button.content--slotted,
 :host([scale=s][appearance=transparent]) a.content--slotted {
-  --calcite-button-padding-x: 0.5rem;
+  --calcite-button-padding-x-internal: 0.5rem;
 }
 
 :host([scale=s]) button,
 :host([scale=s]) a {
-  --calcite-button-padding-y: 3px;
+  --calcite-button-padding-y-internal: 3px;
 }
 
 :host([scale=m]) button.content--slotted,
 :host([scale=m]) a.content--slotted {
-  --calcite-button-padding-x: 11px;
+  --calcite-button-padding-x-internal: 11px;
   font-size: var(--calcite-font-size--1);
   line-height: 1rem;
 }
 
 :host([scale=m]) button,
 :host([scale=m]) a {
-  --calcite-button-padding-y: 7px;
+  --calcite-button-padding-y-internal: 7px;
 }
 
 :host([scale=m][appearance=transparent]) button.content--slotted,
 :host([scale=m][appearance=transparent]) a.content--slotted {
-  --calcite-button-padding-x: 0.75rem;
+  --calcite-button-padding-x-internal: 0.75rem;
 }
 
 :host([scale=l]) button.content--slotted,
 :host([scale=l]) a.content--slotted {
-  --calcite-button-padding-x: 15px;
+  --calcite-button-padding-x-internal: 15px;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
 }
 
 :host([scale=l]) .button-padding {
-  --calcite-button-padding-x: 1rem;
-  --calcite-button-padding-y: 11px;
+  --calcite-button-padding-x-internal: 1rem;
+  --calcite-button-padding-y-internal: 11px;
 }
 :host([scale=l]) .button-padding--shrunk {
-  --calcite-button-padding-y: 9px;
+  --calcite-button-padding-y-internal: 9px;
 }
 
 :host([scale=s]) button:not(.content--slotted),
 :host([scale=s]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 0.125rem;
-  --calcite-button-padding-y: 3px;
+  --calcite-button-padding-x-internal: 0.125rem;
+  --calcite-button-padding-y-internal: 3px;
   inline-size: 1.5rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
@@ -776,8 +776,8 @@
 
 :host([scale=m]) button:not(.content--slotted),
 :host([scale=m]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 0.125rem;
-  --calcite-button-padding-y: 7px;
+  --calcite-button-padding-x-internal: 0.125rem;
+  --calcite-button-padding-y-internal: 7px;
   inline-size: 2rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
@@ -786,8 +786,8 @@
 
 :host([scale=l]) button:not(.content--slotted),
 :host([scale=l]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 0.125rem;
-  --calcite-button-padding-y: 9px;
+  --calcite-button-padding-x-internal: 0.125rem;
+  --calcite-button-padding-y-internal: 9px;
   inline-size: 2.75rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
@@ -796,12 +796,12 @@
 
 :host([scale=l][appearance=transparent]) button:not(.content--slotted),
 :host([scale=l][appearance=transparent]) a:not(.content--slotted) {
-  --calcite-button-padding-y: 0.625rem;
+  --calcite-button-padding-y-internal: 0.625rem;
 }
 
 :host([scale=s][icon-start][icon-end]) button:not(.content--slotted),
 :host([scale=s][icon-start][icon-end]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 23px;
+  --calcite-button-padding-x-internal: 23px;
   block-size: 1.5rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
@@ -809,12 +809,12 @@
 
 :host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),
 :host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 1.5rem;
+  --calcite-button-padding-x-internal: 1.5rem;
 }
 
 :host([scale=m][icon-start][icon-end]) button:not(.content--slotted),
 :host([scale=m][icon-start][icon-end]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 2rem;
+  --calcite-button-padding-x-internal: 2rem;
   block-size: 2rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
@@ -822,12 +822,12 @@
 
 :host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),
 :host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 33px;
+  --calcite-button-padding-x-internal: 33px;
 }
 
 :host([scale=l][icon-start][icon-end]) button:not(.content--slotted),
 :host([scale=l][icon-start][icon-end]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 43px;
+  --calcite-button-padding-x-internal: 43px;
   block-size: 2.75rem;
   font-size: var(--calcite-font-size-0);
   line-height: 1.25rem;
@@ -839,5 +839,5 @@
 
 :host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),
 :host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted) {
-  --calcite-button-padding-x: 2.75rem;
+  --calcite-button-padding-x-internal: 2.75rem;
 }

package/dist/collection/components/button/button.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.700
+ * v1.0.0-next.702
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { h, Build } from "@stencil/core";
@@ -534,10 +534,10 @@ export class Button {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "ButtonMessages",
           "resolved": "{ loading: string; }",
           "references": {
-            "Messages": {
+            "ButtonMessages": {
               "location": "import",
               "path": "./assets/button/t9n"
             }
@@ -557,13 +557,13 @@ export class Button {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<ButtonMessages>",
           "resolved": "{ loading?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "ButtonMessages": {
               "location": "import",
               "path": "./assets/button/t9n"
             }

package/dist/collection/components/button/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-next.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   buttonLoader: "calcite-button--loader",

package/dist/collection/components/card/assets/card/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type CardMessages = {
   select: string;
   deselect: string;
   loading: string;

package/dist/collection/components/card/card.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.700
+ * v1.0.0-next.702
  */
 import { h } from "@stencil/core";
 import { getSlotted, toAriaBoolean } from "../../utils/dom";
@@ -199,10 +199,10 @@ export class Card {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "CardMessages",
           "resolved": "{ select: string; deselect: string; loading: string; }",
           "references": {
-            "Messages": {
+            "CardMessages": {
               "location": "import",
               "path": "./assets/card/t9n"
             }
@@ -222,13 +222,13 @@ export class Card {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<CardMessages>",
           "resolved": "{ select?: string; deselect?: string; loading?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "CardMessages": {
               "location": "import",
               "path": "./assets/card/t9n"
             }

package/dist/collection/components/card/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-next.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/checkbox/checkbox.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.700
+ * v1.0.0-next.702
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/chip/assets/chip/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type ChipMessages = {
   dismissLabel: string;
 };

package/dist/collection/components/chip/chip.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.700
+ * v1.0.0-next.702
  */
 import { h, Build } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -305,13 +305,13 @@ export class Chip {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Partial<Messages>",
+          "original": "Partial<ChipMessages>",
           "resolved": "{ dismissLabel?: string; }",
           "references": {
             "Partial": {
               "location": "global"
             },
-            "Messages": {
+            "ChipMessages": {
               "location": "import",
               "path": "./assets/chip/t9n"
             }
@@ -328,10 +328,10 @@ export class Chip {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "Messages",
+          "original": "ChipMessages",
           "resolved": "{ dismissLabel: string; }",
           "references": {
-            "Messages": {
+            "ChipMessages": {
               "location": "import",
               "path": "./assets/chip/t9n"
             }

package/dist/collection/components/chip/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-next.700
+ * v1.0.0-next.702
  */
 export const CSS = {
   title: "title",

package/dist/collection/components/color-picker/assets/color-picker/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type ColorPickerMessages = {
   b: string;
   blue: string;
   deleteColor: string;