npm - @esri/calcite-components - Versions diffs - 1.0.0-next.659 → 1.0.0-next.660 - Mend

@esri/calcite-components 1.0.0-next.659 → 1.0.0-next.660

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

package/dist/cjs/{nonChromiumPlatformUtils-e4a884fd.js → nonChromiumPlatformUtils-9e529bd1.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 /*!
  * 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.659
+ * v1.0.0-next.660
  */
 'use strict';
-const floatingUi = require('./floating-ui-286e7597.js');
-require('./dom-b8109d1c.js');
-require('./resources-9ebcce44.js');
-require('./guid-c9f233a2.js');
-require('./debounce-82fbae40.js');
+const floatingUi = require('./floating-ui-8656c7b9.js');
+require('./dom-2bc0c94d.js');
+require('./resources-0519d343.js');
+require('./guid-6d86728a.js');
+require('./debounce-522cf9b2.js');
 /**
  * This module provides utils to fix positioning across shadow DOM in non-Chromium browsers

package/dist/cjs/{observers-6838f598.js → observers-f03638b5.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/cjs/{openCloseComponent-1afc69e4.js → openCloseComponent-a3b8b1de.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 /*!
  * 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.659
+ * v1.0.0-next.660
  */
 'use strict';
-const index = require('./index-811ad178.js');
+const index = require('./index-3dadce62.js');
 const componentToTransitionListeners = new WeakMap();
 function transitionStart(event) {

package/dist/cjs/{resources-9ebcce44.js → resources-0519d343.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/cjs/{resources-c7623df3.js → resources-39de31d9.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 /*!
  * 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.659
+ * v1.0.0-next.660
  */
 'use strict';
-const index = require('./index-811ad178.js');
-const locale = require('./locale-d984f635.js');
+const index = require('./index-3dadce62.js');
+const locale = require('./locale-76fed710.js');
 /**
  * Check if date is within a min and max

package/dist/cjs/{resources-eddd401e.js → resources-6a8d0e94.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/cjs/{resources-37db2a66.js → resources-6d011a13.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/cjs/{resources-63711310.js → resources-f52f298d.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/cjs/{resources-f69bcbbc.js → resources-fa192b42.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 /*!
  * 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.659
+ * v1.0.0-next.660
  */
 'use strict';
-const dom = require('./dom-b8109d1c.js');
-const array = require('./array-b31be074.js');
-const debounce = require('./debounce-82fbae40.js');
-const index = require('./index-811ad178.js');
+const dom = require('./dom-2bc0c94d.js');
+const array = require('./array-047a404d.js');
+const debounce = require('./debounce-522cf9b2.js');
+const index = require('./index-3dadce62.js');
 const CSS$2 = {
   heading: "heading",

package/dist/cjs/{sortable.esm-aeaed176.js → sortable.esm-aacb1289.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/cjs/{utils-c55ec029.js → utils-930ed2a8.js} RENAMED 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.659
+ * v1.0.0-next.660
  */
 'use strict';

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -94,8 +94,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.19.3",
-    "typescriptVersion": "4.7.4"
+    "version": "2.20.0",
+    "typescriptVersion": "4.8.4"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/accordion/accordion.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.659
+ * v1.0.0-next.660
  */
 import { h } from "@stencil/core";
 /**
@@ -251,7 +251,7 @@ export class Accordion {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Specifies the selection mode - \"multiple\" (allow any number of open items), \"single\" (allow one open item),\nor \"single-persist\" (allow and require one open item)."
+          "text": "Specifies the selection mode - `\"multiple\"` (allow any number of open items), `\"single\"` (allow one open item),\nor `\"single-persist\"` (allow and require one open item)."
         },
         "attribute": "selection-mode",
         "reflect": true,

package/dist/collection/components/accordion-item/accordion-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.659
+ * v1.0.0-next.660
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, toAriaBoolean } from "../../utils/dom";
@@ -179,7 +179,7 @@ export class AccordionItem {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies heading text for the component."
@@ -213,7 +213,7 @@ export class AccordionItem {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies an icon to display at the start of the component."
@@ -230,7 +230,7 @@ export class AccordionItem {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies an icon to display at the end of the component."

package/dist/collection/components/accordion-item/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.659
+ * v1.0.0-next.660
  */
 export const SLOTS = {
   actionsStart: "actions-start",

package/dist/collection/components/action/action.css CHANGED Viewed

@@ -353,4 +353,16 @@
 :host([indicator][active]) .button::after {
   border-color: var(--calcite-ui-foreground-3);
+}
+.indicator-text {
+  position: absolute;
+  inline-size: 1px;
+  block-size: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
 }

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

@@ -1,10 +1,11 @@
 /*!
  * 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.659
+ * v1.0.0-next.660
  */
 import { Host, h, forceUpdate } from "@stencil/core";
 import { CSS, TEXT, SLOTS } from "./resources";
+import { guid } from "../../utils/guid";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
 import { toAriaBoolean } from "../../utils/dom";
@@ -15,6 +16,9 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
 export class Action {
   constructor() {
     this.mutationObserver = createObserver("mutation", () => forceUpdate(this));
+    this.guid = `calcite-action-${guid()}`;
+    this.indicatorId = `${this.guid}-indicator`;
+    this.buttonId = `${this.guid}-button`;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -38,6 +42,7 @@ export class Action {
     this.disabled = false;
     this.icon = undefined;
     this.indicator = false;
+    this.intlIndicator = TEXT.indicator;
     this.intlLoading = TEXT.loading;
     this.label = undefined;
     this.loading = false;
@@ -88,6 +93,10 @@ export class Action {
     };
     return text ? (h("div", { class: textContainerClasses, key: "text-container" }, text)) : null;
   }
+  renderIndicatorText() {
+    const { indicator, intlIndicator, indicatorId, buttonId } = this;
+    return (h("div", { "aria-labelledby": buttonId, "aria-live": "polite", class: CSS.indicatorText, id: indicatorId, role: "region" }, indicator ? intlIndicator : null));
+  }
   renderIconContainer() {
     const { loading, icon, scale, el, intlLoading } = this;
     const iconScale = scale === "l" ? "m" : "s";
@@ -103,14 +112,14 @@ export class Action {
     return hasIconToDisplay ? (h("div", { "aria-hidden": "true", class: CSS.iconContainer, key: "icon-container" }, iconNode, slotContainerNode)) : null;
   }
   render() {
-    const { compact, disabled, loading, textEnabled, label, text } = this;
-    const ariaLabel = label || text;
+    const { active, compact, disabled, loading, textEnabled, label, text, indicator, indicatorId, buttonId, intlIndicator } = this;
+    const ariaLabel = `${label || text}${indicator ? ` (${intlIndicator})` : ""}`;
     const buttonClasses = {
       [CSS.button]: true,
       [CSS.buttonTextVisible]: textEnabled,
       [CSS.buttonCompact]: compact
     };
-    return (h(Host, null, h("button", { "aria-busy": toAriaBoolean(loading), "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, class: buttonClasses, disabled: disabled, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer()), h("slot", { name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange })));
+    return (h(Host, null, h("button", { "aria-busy": toAriaBoolean(loading), "aria-controls": indicator ? indicatorId : null, "aria-disabled": toAriaBoolean(disabled), "aria-label": ariaLabel, "aria-pressed": toAriaBoolean(active), class: buttonClasses, disabled: disabled, id: buttonId, ref: (buttonEl) => (this.buttonEl = buttonEl) }, this.renderIconContainer(), this.renderTextContainer()), h("slot", { name: SLOTS.tooltip, onSlotchange: this.handleTooltipSlotChange }), this.renderIndicatorText()));
   }
   static get is() { return "calcite-action"; }
   static get encapsulation() { return "shadow"; }
@@ -158,7 +167,7 @@ export class Action {
           }
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the horizontal alignment of button elements with text content."
@@ -237,7 +246,7 @@ export class Action {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies an icon to display."
@@ -263,6 +272,27 @@ export class Action {
         "reflect": true,
         "defaultValue": "false"
       },
+      "intlIndicator": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "\"Unread changes\""
+            }],
+          "text": "Specifies the text label to display `indicator` is `true`."
+        },
+        "attribute": "intl-indicator",
+        "reflect": false,
+        "defaultValue": "TEXT.indicator"
+      },
       "intlLoading": {
         "type": "string",
         "mutable": false,
@@ -272,7 +302,7 @@ export class Action {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [{
               "name": "default",
@@ -293,7 +323,7 @@ export class Action {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop."

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

@@ -1,12 +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.659
+ * v1.0.0-next.660
  */
 export const CSS = {
   button: "button",
   buttonTextVisible: "button--text-visible",
   buttonCompact: "button--compact",
+  indicatorText: "indicator-text",
   iconContainer: "icon-container",
   slotContainer: "slot-container",
   slotContainerHidden: "slot-container--hidden",
@@ -14,7 +15,8 @@ export const CSS = {
   textContainerVisible: "text-container--visible"
 };
 export const TEXT = {
-  loading: "Loading"
+  loading: "Loading",
+  indicator: "indicator present"
 };
 export const SLOTS = {
   tooltip: "tooltip"

package/dist/collection/components/action-bar/action-bar.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.659
+ * v1.0.0-next.660
  */
 import { Host, h } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";
@@ -235,7 +235,7 @@ export class ActionBar {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the label of the expand icon when the component is collapsed."
@@ -252,7 +252,7 @@ export class ActionBar {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the label of the collapse icon when the component is expanded."

package/dist/collection/components/action-bar/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.659
+ * v1.0.0-next.660
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/collection/components/action-bar/utils.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.659
+ * v1.0.0-next.660
  */
 import { forceUpdate } from "@stencil/core";
 import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";

package/dist/collection/components/action-group/action-group.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.659
+ * v1.0.0-next.660
  */
 import { h } from "@stencil/core";
 import { ICONS, SLOTS, TEXT } from "./resources";
@@ -132,7 +132,7 @@ export class ActionGroup {
           }
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Indicates number of columns."
@@ -149,7 +149,7 @@ export class ActionGroup {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies a text string for the `calcite-action-menu`."

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

package/dist/collection/components/action-menu/action-menu.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.659
+ * v1.0.0-next.660
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, ICONS } from "./resources";
@@ -313,7 +313,7 @@ export class ActionMenu {
           }
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Defines the available placements that can be used when a flip occurs."

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

package/dist/collection/components/action-pad/action-pad.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.659
+ * v1.0.0-next.660
  */
 import { Host, h } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";
@@ -183,7 +183,7 @@ export class ActionPad {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the label of the expand icon when the component is collapsed."
@@ -200,7 +200,7 @@ export class ActionPad {
           "references": {}
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the label of the collapse icon when the component is expanded."

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

package/dist/collection/components/alert/alert.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.659
+ * v1.0.0-next.660
  */
 import { h, Host } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean, slotChangeHasAssignedElement } from "../../utils/dom";
@@ -15,9 +15,9 @@ import { setUpLoadableComponent, setComponentLoaded, componentLoaded } from "../
  * 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.
  */
 /**
- * @slot title - A slot for optionally adding a title to the component.
+ * @slot title - A slot for adding a title to the component.
  * @slot message - A slot for adding main text to the component.
- * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
+ * @slot link - A slot for adding a `calcite-action` to take from the component such as: "undo", "try again", "link to page", etc.
  * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.
  */
 export class Alert {
@@ -360,7 +360,7 @@ export class Alert {
           }
         },
         "required": false,
-        "optional": true,
+        "optional": false,
         "docs": {
           "tags": [],
           "text": "Specifies the Unicode numeral system used by the component for localization."

package/dist/collection/components/alert/interfaces.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.659
+ * v1.0.0-next.660
  */
 export var StatusIcons;
 (function (StatusIcons) {

package/dist/collection/components/alert/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.659
+ * v1.0.0-next.660
  */
 export const TEXT = {
   intlClose: "Close"

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

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

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

@@ -308,6 +308,8 @@ calcite-handle {
 .content {
   animation: in var(--calcite-internal-animation-timing-slow) ease-in-out;
+  padding-block: var(--calcite-block-padding, 0.5rem);
+  padding-inline: var(--calcite-block-padding, 0.625rem);
 }
 .control-container {