@esri/calcite-components 3.2.0-next.9 → 3.2.0

package/dist/components/calcite-panel/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.9 */
+v3.2.0 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit-html/directives/keyed.js";
 import { ref } from "lit-html/directives/ref.js";
@@ -16,13 +16,12 @@ import { e as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { C as CSS, S as SLOTS, I as ICONS, a as IDS } from "../../chunks/resources3.js";
 import { css } from "@lit/reactive-element/css-tag.js";
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height: calc(var(--calcite-icon-size) * 3);border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,.back-button,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-pressed: var(--calcite-panel-header-action-text-color-pressed)}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header-slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-space)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height: calc(var(--calcite-icon-size) * 3);border-radius:var(--calcite-panel-corner-radius, var(--calcite-corner-radius-sharp))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0;padding:0;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:.5rem}:host([scale=s]){--calcite-internal-panel-default-space: var(--calcite-spacing-sm);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-sm-plus)}:host([scale=s]) .header-content .heading{font-size:var(--calcite-font-size--1)}:host([scale=s]) .header-content .description{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-panel-default-space: var(--calcite-spacing-md);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-md-plus)}:host([scale=m]) .header-content .heading{font-size:var(--calcite-font-size-0)}:host([scale=m]) .header-content .description{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-panel-default-space: var(--calcite-spacing-lg);--calcite-internal-panel-header-vertical-padding: var(--calcite-spacing-xl)}:host([scale=l]) .header-content .heading{font-size:var(--calcite-font-size-1)}:host([scale=l]) .header-content .description{font-size:var(--calcite-font-size-0)}.content-top,.content-bottom{display:flex;align-items:flex-start;align-self:stretch;padding:var(--calcite-internal-panel-default-space);border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));background-color:var(--calcite-panel-background-color, var(--calcite-color-foreground-1))}.container{position:relative;margin:0;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;overflow:hidden;background-color:var(--calcite-color-background);padding:0;color:var(--calcite-color-text-2);transition:max-block-size var(--calcite-animation-timing),inline-size var(--calcite-animation-timing);box-sizing:border-box;font-size:var(--calcite-font-size--1)}.container *{box-sizing:border-box}.container[hidden]{display:none}.header{z-index:var(--calcite-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-panel-header-background-color, var(--calcite-color-foreground-1));border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-panel-header-border-block-end, var(--calcite-color-border-3)))}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3))}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:.75rem;padding-block:.875rem;margin-inline-end:auto;justify-content:center}.header-content .heading,.header-content .description{display:block;flex:none;overflow-wrap:break-word;padding:0;line-height:var(--calcite-font-line-height-relative-snug)}.header-content .heading{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-panel-heading-text-color, var(--calcite-color-text-1))}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{color:var(--calcite-panel-description-text-color, var(--calcite-color-text-2))}#close,#collapse,.back-button,calcite-action-menu{--calcite-action-background-color: var(--calcite-panel-header-action-background-color);--calcite-action-background-color-hover: var(--calcite-panel-header-action-background-color-hover);--calcite-action-background-color-press: var(--calcite-panel-header-action-background-color-press);--calcite-action-text-color: var(--calcite-panel-header-action-text-color);--calcite-action-text-color-press: var(--calcite-panel-header-action-text-color-press)}.back-button{border-width:0px;border-style:solid;border-inline-end-width:1px;border-color:var(--calcite-panel-border-color, var(--calcite-color-border-3))}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;color:var(--calcite-color-text-2);outline-color:transparent;padding:var(--calcite-panel-space, var(--calcite-panel-content-space, 0));background:var(--calcite-panel-background-color, var(--calcite-color-background))}.content-wrapper:focus-visible{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.header-content{flex:1 1 auto;justify-content:center;padding-block:var(--calcite-internal-panel-header-vertical-padding);padding-inline:var(--calcite-internal-panel-default-space)}.header-content.header-slotted-content{padding:var(--calcite-panel-header-content-space, var(--calcite-internal-panel-header-vertical-padding) var(--calcite-internal-panel-default-space))}.footer{margin-block-start:auto;display:flex;flex-direction:row;align-content:space-between;align-items:center;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;border-block-start:1px solid var(--calcite-panel-border-color, var(--calcite-color-border-3));padding:var(--calcite-panel-footer-space, var(--calcite-panel-footer-padding, var(--calcite-internal-panel-default-space)));background-color:var(--calcite-panel-footer-background-color, var(--calcite-color-foreground-1))}.footer-content{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:center}.footer-actions{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--calcite-internal-panel-default-space)}.footer-start{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-start;margin-inline-end:auto;gap:var(--calcite-internal-panel-default-space)}.footer-end{display:flex;flex:1 1 0%;flex-direction:row;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:var(--calcite-internal-panel-default-space)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:.5rem;inset-inline:0;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}`;
 class Panel extends LitElement {
-  // #endregion
-  // #region Lifecycle
   constructor() {
     super();
     this.resizeObserver = createObserver("resize", () => this.resizeHandler());
+    this.messages = useT9n();
     this.hasActionBar = false;
     this.hasContentBottom = false;
     this.hasContentTop = false;
@@ -46,7 +45,6 @@ class Panel extends LitElement {
     this.loading = false;
     this.menuOpen = false;
     this.menuPlacement = defaultEndMenuPlacement;
-    this.messages = useT9n();
     this.overlayPositioning = "absolute";
     this.scale = "m";
     this.calcitePanelClose = createEvent({ cancelable: false });
@@ -55,29 +53,14 @@ class Panel extends LitElement {
     this.listen("keydown", this.panelKeyDownHandler);
   }
   static {
-    this.properties = { hasActionBar: [16, { state: true }], hasContentBottom: [16, { state: true }], hasContentTop: [16, { state: true }], hasEndActions: [16, { state: true }], hasFab: [16, { state: true }], hasFooterActions: [16, { state: true }], hasFooterContent: [16, { state: true }], hasFooterEndContent: [16, { state: true }], hasFooterStartContent: [16, { state: true }], hasHeaderContent: [16, { state: true }], hasMenuItems: [16, { state: true }], hasStartActions: [16, { state: true }], isClosed: [16, { state: true }], showHeaderContent: [16, { state: true }], beforeClose: [0, { attribute: false }], closable: [7, { reflect: true, type: Boolean }], closed: [7, { reflect: true, type: Boolean }], collapseDirection: 1, collapsed: [7, { reflect: true, type: Boolean }], collapsible: [7, { reflect: true, type: Boolean }], description: 1, disabled: [7, { reflect: true, type: Boolean }], heading: 1, headingLevel: [11, { type: Number, reflect: true }], loading: [7, { reflect: true, type: Boolean }], menuFlipPlacements: [0, { attribute: false }], menuOpen: [7, { reflect: true, type: Boolean }], menuPlacement: [3, { reflect: true }], messageOverrides: [0, { attribute: false }], overlayPositioning: [3, { reflect: true }], scale: [3, { reflect: true }] };
+    this.properties = { hasActionBar: [16, {}, { state: true }], hasContentBottom: [16, {}, { state: true }], hasContentTop: [16, {}, { state: true }], hasEndActions: [16, {}, { state: true }], hasFab: [16, {}, { state: true }], hasFooterActions: [16, {}, { state: true }], hasFooterContent: [16, {}, { state: true }], hasFooterEndContent: [16, {}, { state: true }], hasFooterStartContent: [16, {}, { state: true }], hasHeaderContent: [16, {}, { state: true }], hasMenuItems: [16, {}, { state: true }], hasStartActions: [16, {}, { state: true }], isClosed: [16, {}, { state: true }], showHeaderContent: [16, {}, { state: true }], beforeClose: [0, {}, { attribute: false }], closable: [7, {}, { reflect: true, type: Boolean }], closed: [7, {}, { reflect: true, type: Boolean }], collapseDirection: 1, collapsed: [7, {}, { reflect: true, type: Boolean }], collapsible: [7, {}, { reflect: true, type: Boolean }], description: 1, disabled: [7, {}, { reflect: true, type: Boolean }], heading: 1, headingLevel: [11, {}, { type: Number, reflect: true }], loading: [7, {}, { reflect: true, type: Boolean }], menuFlipPlacements: [0, {}, { attribute: false }], menuOpen: [7, {}, { reflect: true, type: Boolean }], menuPlacement: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], overlayPositioning: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }] };
   }
   static {
     this.styles = styles;
   }
-  // #endregion
-  // #region Public Methods
-  /**
-   * Scrolls the component's content to a specified set of coordinates.
-   *
-   * @example
-   * myCalciteFlowItem.scrollContentTo({
-   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
-   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
-   *   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
-   * });
-   * @param options - allows specific coordinates to be defined.
-   * @returns - promise that resolves once the content is scrolled to.
-   */
   async scrollContentTo(options) {
     this.panelScrollEl?.scrollTo(options);
   }
-  /** Sets focus on the component's first focusable element. */
   async setFocus() {
     await componentFocusable(this);
     focusFirstTabbable(this.containerEl);
@@ -101,8 +84,6 @@ class Panel extends LitElement {
     super.disconnectedCallback();
     this.resizeObserver?.disconnect();
   }
-  // #endregion
-  // #region Private Methods
   resizeHandler() {
     const { panelScrollEl } = this;
     if (!panelScrollEl || typeof panelScrollEl.scrollHeight !== "number" || typeof panelScrollEl.offsetHeight !== "number") {
@@ -203,8 +184,6 @@ class Panel extends LitElement {
       }
     });
   }
-  // #endregion
-  // #region Rendering
   renderHeaderContent() {
     const { heading, headingLevel, description, hasHeaderContent } = this;
     const headingNode = heading ? Heading({ class: CSS.heading, level: headingLevel, children: heading }) : null;
@@ -236,7 +215,7 @@ class Panel extends LitElement {
   }
   renderMenu() {
     const { hasMenuItems, messages, menuOpen, menuFlipPlacements, menuPlacement } = this;
-    return keyed("menu", html`<calcite-action-menu .flipPlacements=${menuFlipPlacements ?? ["top", "bottom"]} .hidden=${!hasMenuItems} .label=${messages.options} .open=${menuOpen} .overlayPositioning=${this.overlayPositioning} .placement=${menuPlacement}><calcite-action .icon=${ICONS.menu} .scale=${this.scale} slot=${SLOTS$1.trigger} .text=${messages.options}></calcite-action><slot name=${SLOTS.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`);
+    return keyed("menu", html`<calcite-action-menu .flipPlacements=${menuFlipPlacements ?? ["top", "bottom"]} .hidden=${!hasMenuItems} .label=${messages.options} .open=${menuOpen} .overlayPositioning=${this.overlayPositioning} .placement=${menuPlacement}><calcite-action class=${safeClassMap(CSS.menuAction)} .icon=${ICONS.menu} .scale=${this.scale} slot=${SLOTS$1.trigger} .text=${messages.options}></calcite-action><slot name=${SLOTS.headerMenuActions} @slotchange=${this.handleHeaderMenuActionsSlotChange}></slot></calcite-action-menu>`);
   }
   renderHeaderNode() {
     const { hasHeaderContent, hasStartActions, hasEndActions, closable, collapsible, hasMenuItems, hasActionBar } = this;

package/dist/components/calcite-panel/resources.d.ts

@@ -22,6 +22,7 @@ export declare const CSS: {
     footerStart: string;
     footerEnd: string;
     headerSlottedContent: string;
+    menuAction: string;
 };
 export declare const IDS: {
     close: string;

package/dist/components/calcite-popover/customElement.d.ts

@@ -7,17 +7,33 @@ import { HeadingLevel } from '../functional/Heading';
 import { Scale } from '../interfaces';
 import { FocusTrapOptions } from '../../controllers/useFocusTrap';
 
-/** @slot - A slot for adding custom content. */
+/** @slot  - A slot for adding custom content. */
 export declare class Popover extends LitElement {
-    /** When `true`, clicking outside of the component automatically closes open `calcite-popover`s. */
+    /**
+     * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
+     *
+     * @default false
+     */
     autoClose: boolean;
-    /** When `true`, displays a close button within the component. */
+    /**
+     * When `true`, displays a close button within the component.
+     *
+     * @default false
+     */
     closable: boolean;
-    /** When `true`, prevents flipping the component's placement when overlapping its `referenceElement`. */
+    /**
+     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
+     *
+     * @default false
+     */
     flipDisabled: boolean;
     /** Specifies the component's fallback `placement` when it's initial or specified `placement` has insufficient space available. */
     flipPlacements: FlipPlacement[];
-    /** When `true`, prevents focus trapping. */
+    /**
+     * When `true`, prevents focus trapping.
+     *
+     * @default false
+     */
     focusTrapDisabled: boolean;
     /**
      * Specifies custom focus trap configuration on the component, where
@@ -40,25 +56,23 @@ export declare class Popover extends LitElement {
     label: string;
     /** Use this property to override individual strings used by the component. */
     messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Made into a prop for testing purposes only
-     *
-     * @private
-     */
-    private messages: Partial<{
-        close: string;
-    }> & import('@arcgis/components-controllers').T9nMeta<{
-        close: string;
-    }>;
     /**
      * Offsets the position of the popover away from the `referenceElement`.
      *
      * @default 6
      */
     offsetDistance: number;
-    /** Offsets the position of the component along the `referenceElement`. */
+    /**
+     * Offsets the position of the component along the `referenceElement`.
+     *
+     * @default 0
+     */
     offsetSkidding: number;
-    /** When `true`, displays and positions the component. */
+    /**
+     * When `true`, displays and positions the component.
+     *
+     * @default false
+     */
     open: boolean;
     /**
      * Determines the type of positioning to use for the overlaid content.
@@ -66,11 +80,21 @@ export declare class Popover extends LitElement {
      * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
      *
      * `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+     *
+     * @default "absolute"
      */
     overlayPositioning: OverlayPositioning;
-    /** Determines where the component will be positioned relative to the `referenceElement`. */
+    /**
+     * Determines where the component will be positioned relative to the `referenceElement`.
+     *
+     * @default "auto"
+     */
     placement: LogicalPlacement;
-    /** When `true`, removes the caret pointer. */
+    /**
+     * When `true`, removes the caret pointer.
+     *
+     * @default false
+     */
     pointerDisabled: boolean;
     /**
      * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
@@ -78,12 +102,18 @@ export declare class Popover extends LitElement {
      * @required
      */
     referenceElement: ReferenceElement | string;
-    /** Specifies the size of the component. */
+    /**
+     * Specifies the size of the component.
+     *
+     * @default "m"
+     */
     scale: Scale;
     /**
      * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
      *
      * This property can be set to `true` to manage when the component is open.
+     *
+     * @default false
      */
     triggerDisabled: boolean;
     /**
@@ -97,11 +127,16 @@ export declare class Popover extends LitElement {
     /** Updates the element(s) that are used within the focus-trap of the component. */
     updateFocusTrapElements(): Promise<void>;
     /** Fires when the component is requested to be closed and before the closing transition begins. */
-    readonly calcitePopoverBeforeClose: TargetedEvent<this, undefined>;
+    readonly calcitePopoverBeforeClose: TargetedEvent<this, void>;
     /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-    readonly calcitePopoverBeforeOpen: TargetedEvent<this, undefined>;
+    readonly calcitePopoverBeforeOpen: TargetedEvent<this, void>;
     /** Fires when the component is closed and animation is complete. */
-    readonly calcitePopoverClose: TargetedEvent<this, undefined>;
+    readonly calcitePopoverClose: TargetedEvent<this, void>;
     /** Fires when the component is open and animation is complete. */
-    readonly calcitePopoverOpen: TargetedEvent<this, undefined>;
+    readonly calcitePopoverOpen: TargetedEvent<this, void>;
+    private messages: Partial<{
+        close: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        close: string;
+    }>;
 }

package/dist/components/calcite-popover/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.9 */
+v3.2.0 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { keyed } from "lit-html/directives/keyed.js";
 import { html } from "lit";
@@ -123,12 +123,12 @@ class Popover extends LitElement {
     this.hasLoaded = false;
     this.mutationObserver = createObserver("mutation", () => this.focusTrap.updateContainerElements());
     this.transitionProp = "opacity";
+    this.messages = useT9n();
     this.floatingLayout = "vertical";
     this.autoClose = false;
     this.closable = false;
     this.flipDisabled = false;
     this.focusTrapDisabled = false;
-    this.messages = useT9n();
     this.offsetDistance = defaultOffsetDistance;
     this.offsetSkidding = 0;
     this.open = false;
@@ -143,18 +143,11 @@ class Popover extends LitElement {
     this.calcitePopoverOpen = createEvent({ cancelable: false });
   }
   static {
-    this.properties = { floatingLayout: [16, { state: true }], referenceEl: [16, { state: true }], autoClose: [7, { reflect: true, type: Boolean }], closable: [7, { reflect: true, type: Boolean }], flipDisabled: [7, { reflect: true, type: Boolean }], flipPlacements: [0, { attribute: false }], focusTrapDisabled: [7, { reflect: true, type: Boolean }], focusTrapOptions: [0, { attribute: false }], heading: 1, headingLevel: [11, { type: Number, reflect: true }], label: 1, messageOverrides: [0, { attribute: false }], offsetDistance: [11, { type: Number, reflect: true }], offsetSkidding: [11, { reflect: true, type: Number }], open: [7, { reflect: true, type: Boolean }], overlayPositioning: [3, { reflect: true }], placement: [3, { reflect: true }], pointerDisabled: [7, { reflect: true, type: Boolean }], referenceElement: 1, scale: [3, { reflect: true }], triggerDisabled: [7, { reflect: true, type: Boolean }] };
+    this.properties = { floatingLayout: [16, {}, { state: true }], referenceEl: [16, {}, { state: true }], autoClose: [7, {}, { reflect: true, type: Boolean }], closable: [7, {}, { reflect: true, type: Boolean }], flipDisabled: [7, {}, { reflect: true, type: Boolean }], flipPlacements: [0, {}, { attribute: false }], focusTrapDisabled: [7, {}, { reflect: true, type: Boolean }], focusTrapOptions: [0, {}, { attribute: false }], heading: 1, headingLevel: [11, {}, { type: Number, reflect: true }], label: 1, messageOverrides: [0, {}, { attribute: false }], offsetDistance: [11, {}, { type: Number, reflect: true }], offsetSkidding: [11, {}, { reflect: true, type: Number }], open: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], placement: [3, {}, { reflect: true }], pointerDisabled: [7, {}, { reflect: true, type: Boolean }], referenceElement: 1, scale: [3, {}, { reflect: true }], triggerDisabled: [7, {}, { reflect: true, type: Boolean }] };
   }
   static {
     this.styles = styles;
   }
-  // #endregion
-  // #region Public Methods
-  /**
-   * Updates the position of the component.
-   *
-   * @param delayed
-   */
   async reposition(delayed = false) {
     const { referenceEl, placement, overlayPositioning, flipDisabled, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl, floatingEl } = this;
     return reposition(this, {
@@ -170,18 +163,14 @@ class Popover extends LitElement {
       type: "popover"
     }, delayed);
   }
-  /** Sets focus on the component's first focusable element. */
   async setFocus() {
     await componentFocusable(this);
     this.requestUpdate();
     focusFirstTabbable(this.el);
   }
-  /** Updates the element(s) that are used within the focus-trap of the component. */
   async updateFocusTrapElements() {
     this.focusTrap.updateContainerElements();
   }
-  // #endregion
-  // #region Lifecycle
   connectedCallback() {
     super.connectedCallback();
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
@@ -214,8 +203,6 @@ class Popover extends LitElement {
     this.removeReferences();
     disconnectFloatingUI(this);
   }
-  // #endregion
-  // #region Private Methods
   flipPlacementsHandler() {
     this.setFilteredPlacements();
     this.reposition(true);
@@ -318,8 +305,6 @@ class Popover extends LitElement {
     this.arrowEl = el;
     this.reposition(true);
   }
-  // #endregion
-  // #region Rendering
   renderCloseButton() {
     const { messages, closable } = this;
     return closable ? keyed(CSS.closeButtonContainer, html`<div class=${safeClassMap(CSS.closeButtonContainer)}><calcite-action appearance=transparent class=${safeClassMap(CSS.closeButton)} @click=${this.hide} .scale=${this.scale} .text=${messages.close} ${ref(this.closeButtonEl)}><calcite-icon icon=x .scale=${getIconScale(this.scale)}></calcite-icon></calcite-action></div>`) : null;

package/dist/components/calcite-progress/customElement.d.ts

@@ -4,7 +4,11 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
 export declare class Progress extends LitElement {
     /** Accessible name for the component. */
     label: string;
-    /** When `true` and for `"indeterminate"` progress bars, reverses the animation direction. */
+    /**
+     * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
+     *
+     * @default false
+     */
     reversed: boolean;
     /** Text that displays under the component's indicator. */
     text: string;
@@ -12,8 +16,14 @@ export declare class Progress extends LitElement {
      * Specifies the component type.
      *
      * Use `"indeterminate"` if finding actual progress value is impossible.
+     *
+     * @default "determinate"
      */
     type: "indeterminate" | "determinate";
-    /** When `type` is `"determinate"`, specifies the component's value with a range of 0 to 100. */
+    /**
+     * When `type` is `"determinate"`, specifies the component's value with a range of 0 to 100.
+     *
+     * @default 0
+     */
     value: number;
 }

package/dist/components/calcite-progress/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.9 */
+v3.2.0 */
 import { C as CSS_UTILITY, c as customElement } from "../../chunks/runtime.js";
 import { html } from "lit-html";
 import { LitElement, safeClassMap, safeStyleMap } from "@arcgis/lumina";
@@ -15,13 +15,11 @@ class Progress extends LitElement {
     this.value = 0;
   }
   static {
-    this.properties = { label: 1, reversed: [7, { reflect: true, type: Boolean }], text: 1, type: [3, { reflect: true }], value: [9, { type: Number }] };
+    this.properties = { label: 1, reversed: [7, {}, { reflect: true, type: Boolean }], text: 1, type: [3, {}, { reflect: true }], value: [9, {}, { type: Number }] };
   }
   static {
     this.styles = styles;
   }
-  // #endregion
-  // #region Rendering
   render() {
     const isDeterminate = this.type === "determinate";
     const barStyles = isDeterminate ? { width: `${this.value}%` } : {};

package/dist/components/calcite-radio-button/customElement.d.ts

@@ -8,9 +8,17 @@ import { Scale } from '../interfaces';
 import { Label } from '../calcite-label/customElement.js';
 
 export declare class RadioButton extends LitElement {
-    /** When `true`, the component is checked. */
+    /**
+     * When `true`, the component is checked.
+     *
+     * @default false
+     */
     checked: boolean;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     *
+     * @default false
+     */
     disabled: boolean;
     /**
      * The `id` of the form that will be associated with the component.
@@ -27,9 +35,15 @@ export declare class RadioButton extends LitElement {
     /**
      * When `true` and the component resides in a form,
      * the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+     *
+     * @default false
      */
     required: boolean;
-    /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
+    /**
+     * Specifies the size of the component inherited from the `calcite-radio-button-group`.
+     *
+     * @default "m"
+     */
     scale: Scale;
     /**
      * The component's value.
@@ -45,5 +59,5 @@ export declare class RadioButton extends LitElement {
      * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
      * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
      */
-    readonly calciteRadioButtonChange: TargetedEvent<this, undefined>;
+    readonly calciteRadioButtonChange: TargetedEvent<this, void>;
 }

package/dist/components/calcite-radio-button/customElement.js

@@ -1,6 +1,6 @@
 /*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v3.2.0-next.9 */
+v3.2.0 */
 import { c as customElement } from "../../chunks/runtime.js";
 import { ref } from "lit-html/directives/ref.js";
 import { nothing, html } from "lit";
@@ -13,12 +13,11 @@ import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../.
 import { c as componentFocusable } from "../../chunks/component.js";
 import { css } from "@lit/reactive-element/css-tag.js";
 const CSS = {
-  container: "container"
+  container: "container",
+  radio: "radio"
 };
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([focused]) .radio{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 1px var(--calcite-color-border-input)}:host([scale=s]){--calcite-radio-size: var(--calcite-font-size--2)}:host([scale=m]){--calcite-radio-size: var(--calcite-font-size--1)}:host([scale=l]){--calcite-radio-size: var(--calcite-font-size-0)}.radio{block-size:var(--calcite-radio-size);max-inline-size:var(--calcite-radio-size);min-inline-size:var(--calcite-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand)}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 4px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand)}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand)}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-color-brand),0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-radio-size);block-size:var(--calcite-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;cursor:pointer}:host .container{position:relative;outline:2px solid transparent;outline-offset:2px}:host .radio{cursor:pointer;outline-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-radius:var(--calcite-radio-button-corner-radius, var(--calcite-corner-radius-pill));background-color:var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1));box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([hovered]) .radio,:host(:not([checked])[focused]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-md) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([focused]) .radio{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([disabled]) .radio{cursor:default;opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hovered][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-sm) var(--calcite-radio-button-border-color, var(--calcite-color-border-input))}:host([scale=s]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-md)) )}:host([scale=m]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-md-plus)) )}:host([scale=l]){--calcite-internal-radio-size: var( --calcite-radio-button-size, var(--calcite-radio-size, var(--calcite-size-fixed-lg)) )}.radio{block-size:var(--calcite-internal-radio-size);inline-size:var(--calcite-internal-radio-size);size:var(--calcite-internal-radio-size)}:host([scale=s][checked]) .radio,:host([hovered][scale=s][checked][disabled]) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=s][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 var(--calcite-border-width-lg) var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=m][checked]) .radio,:host([hovered][scale=m][checked][disabled]) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=m][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 5px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}:host([scale=l][checked]) .radio,:host([hovered][scale=l][checked][disabled]) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand))}:host([scale=l][focused][checked]:not([disabled])) .radio{box-shadow:inset 0 0 0 6px var(--calcite-radio-button-border-color, var(--calcite-color-brand)),0 0 0 2px var(--calcite-radio-button-background-color, var(--calcite-color-foreground-1))}@media (forced-colors: active){:host([checked]) .radio:after,:host([checked][disabled]) .radio:after{content:"";inline-size:var(--calcite-internal-radio-size);block-size:var(--calcite-internal-radio-size);background-color:windowText;display:block}}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
 class RadioButton extends LitElement {
-  // #endregion
-  // #region Lifecycle
   constructor() {
     super();
     this.checked = false;
@@ -37,18 +36,14 @@ class RadioButton extends LitElement {
     this.listen("keydown", this.handleKeyDown);
   }
   static {
-    this.properties = { checked: [7, { reflect: true, type: Boolean }], disabled: [7, { reflect: true, type: Boolean }], focused: [7, { reflect: true, type: Boolean }], form: [3, { reflect: true }], hovered: [7, { reflect: true, type: Boolean }], label: 1, name: [3, { reflect: true }], required: [7, { reflect: true, type: Boolean }], scale: [3, { reflect: true }], value: 1 };
+    this.properties = { checked: [7, {}, { reflect: true, type: Boolean }], disabled: [7, {}, { reflect: true, type: Boolean }], focused: [7, {}, { reflect: true, type: Boolean }], form: [3, {}, { reflect: true }], hovered: [7, {}, { reflect: true, type: Boolean }], label: 1, name: [3, {}, { reflect: true }], required: [7, {}, { reflect: true, type: Boolean }], scale: [3, {}, { reflect: true }], value: 1 };
   }
   static {
     this.styles = styles;
   }
-  // #endregion
-  // #region Public Methods
-  /** @private */
   async emitCheckedChange() {
     this.calciteInternalRadioButtonCheckedChange.emit();
   }
-  /** Sets focus on the component. */
   async setFocus() {
     await componentFocusable(this);
     if (!this.disabled) {
@@ -90,8 +85,6 @@ class RadioButton extends LitElement {
     disconnectForm(this);
     this.updateTabIndexOfOtherRadioButtonsInGroup();
   }
-  // #endregion
-  // #region Private Methods
   checkedChanged(newChecked) {
     if (newChecked) {
       this.uncheckOtherRadioButtonsInGroup();
@@ -263,11 +256,9 @@ class RadioButton extends LitElement {
       this.calciteInternalRadioButtonFocus.emit();
     }
   }
-  // #endregion
-  // #region Rendering
   render() {
     const tabIndex = this.getTabIndex();
-    return InteractiveContainer({ disabled: this.disabled, children: html`<div .ariaChecked=${this.checked} .ariaLabel=${getLabelText(this)} class=${safeClassMap(CSS.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${tabIndex ?? nothing} ${ref(this.setContainerEl)}><div class="radio"></div></div>${HiddenFormInputSlot({ component: this })}` });
+    return InteractiveContainer({ disabled: this.disabled, children: html`<div .ariaChecked=${this.checked} .ariaLabel=${getLabelText(this)} class=${safeClassMap(CSS.container)} @blur=${this.onContainerBlur} @focus=${this.onContainerFocus} role=radio tabindex=${tabIndex ?? nothing} ${ref(this.setContainerEl)}><div class=${safeClassMap(CSS.radio)}></div></div>${HiddenFormInputSlot({ component: this })}` });
   }
 }
 customElement("calcite-radio-button", RadioButton);

package/dist/components/calcite-radio-button/resources.d.ts

@@ -1,3 +1,4 @@
 export declare const CSS: {
     container: string;
+    radio: string;
 };

package/dist/components/calcite-radio-button-group/customElement.d.ts

@@ -5,11 +5,19 @@ import { Layout, Scale, Status } from '../interfaces';
 import { IconNameOrString } from '../calcite-icon/interfaces';
 import { RadioButton } from '../calcite-radio-button/customElement.js';
 
-/** @slot - A slot for adding `calcite-radio-button`s. */
+/** @slot  - A slot for adding `calcite-radio-button`s. */
 export declare class RadioButtonGroup extends LitElement {
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    /**
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
+     *
+     * @default false
+     */
     disabled: boolean;
-    /** Defines the layout of the component. */
+    /**
+     * Defines the layout of the component.
+     *
+     * @default "horizontal"
+     */
     layout: Extract<"horizontal" | "vertical" | "grid", Layout>;
     /**
      * Specifies the name of the component on form submission. Must be unique to other component instances.
@@ -20,17 +28,23 @@ export declare class RadioButtonGroup extends LitElement {
     /**
      * When `true` and the component resides in a form,
      * the component must have a value in order for the form to submit.
+     *
+     * @default false
      */
     required: boolean;
-    /** Specifies the size of the component. */
-    scale: Scale;
     /**
-     * Specifies the component's selected item.
+     * Specifies the size of the component.
      *
-     * @readonly
+     * @default "m"
      */
+    scale: Scale;
+    /** Specifies the component's selected item. */
     readonly selectedItem: HTMLCalciteRadioButtonElement;
-    /** Specifies the status of the validation message. */
+    /**
+     * Specifies the status of the validation message.
+     *
+     * @default "idle"
+     */
     status: Status;
     /** Specifies the validation icon to display under the component. */
     validationIcon: IconNameOrString | boolean;
@@ -39,5 +53,5 @@ export declare class RadioButtonGroup extends LitElement {
     /** Sets focus on the fist focusable `calcite-radio-button` element in the component. */
     setFocus(): Promise<void>;
     /** Fires when the component has changed. */
-    readonly calciteRadioButtonGroupChange: TargetedEvent<this, undefined>;
+    readonly calciteRadioButtonGroupChange: TargetedEvent<this, void>;
 }