[TEST] - DisclosurePrimitve aria-controls changes

.changeset/seven-eyes-whisper.md

@@ -0,0 +1,7 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+`Accordion` - Set `aria-controls` of `Accordion::Item::Button` to `contentId` from `DisclosurePrimitve` for a11y improvements with toggled content
+`DisclosurePrimitve` - Changed DOM structure of content section and exposed `contentId` for a11y improvements with toggled content
+`Reveal` - Set `aria-controls` of `Reveal::Toggle` to `contentId` from `DisclosurePrimitve` for a11y improvements with toggled content

packages/components/.gitignore

@@ -1,8 +1,8 @@
 # See https://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/dist/
-/declarations/
+# /dist/
+# /declarations/
 
 # dependencies
 /bower_components/

packages/components/declarations/components/hds/accordion/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { ComponentLike } from '@glint/template';
+import type { HdsAccordionItemSignature } from './item/index.ts';
+import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from './types.ts';
+export interface HdsAccordionSignature {
+    Args: {
+        size?: HdsAccordionSizes;
+        type?: HdsAccordionTypes;
+        forceState?: HdsAccordionForceStates;
+        titleTag?: HdsAccordionItemTitleTags;
+    };
+    Blocks: {
+        default: [
+            {
+                Item?: ComponentLike<HdsAccordionItemSignature>;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsAccordion extends Component<HdsAccordionSignature> {
+    /**
+     * Sets the size for the component
+     *
+     * @param size
+     * @type {HdsAccordionSizes}
+     * @default 'medium'
+     */
+    get size(): HdsAccordionSizes;
+    get titleTag(): HdsAccordionItemTitleTags;
+    /**
+     * Sets the type of the component
+     *
+     * @param type
+     * @type {HdsAccordionTypes}
+     * @default 'card'
+     */
+    get type(): HdsAccordionTypes;
+    /**
+     * Get the class names to apply to the component.
+     * @method classNames
+     * @return {string} The "class" attribute to apply to the component.
+     */
+    get classNames(): string;
+}
+//# sourceMappingURL=index.d.ts.map

packages/components/declarations/components/hds/accordion/item/button.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { HdsAccordionSizes } from '../types.ts';
+export interface HdsAccordionItemButtonSignature {
+    Args: {
+        ariaLabel?: string;
+        ariaLabelledBy?: string;
+        contentId?: string;
+        isOpen?: boolean;
+        onClickToggle?: (event: MouseEvent, ...args: any[]) => void;
+        parentContainsInteractive?: boolean;
+        size?: HdsAccordionSizes;
+        id?: string;
+    };
+    Element: HTMLButtonElement;
+}
+export default class HdsAccordionItemButton extends Component<HdsAccordionItemButtonSignature> {
+    onClick(event: MouseEvent): void;
+    /**
+     * Get the class names to apply to the component.
+     * @method ItemButton#classNames
+     * @return {string} The "class" attribute to apply to the component.
+     */
+    get classNames(): string;
+}
+//# sourceMappingURL=button.d.ts.map

packages/components/declarations/components/hds/accordion/item/index.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import { HdsAccordionSizeValues, HdsAccordionTypeValues } from '../types.ts';
+import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../types.ts';
+export declare const SIZES: string[];
+export declare const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;
+export declare const TYPES: string[];
+export declare const DEFAULT_TYPE = HdsAccordionTypeValues.Card;
+export interface HdsAccordionItemSignature {
+    Args: {
+        ariaLabel?: string;
+        containsInteractive?: boolean;
+        forceState?: HdsAccordionForceStates;
+        isOpen?: boolean;
+        isStatic?: boolean;
+        onClickToggle?: (event: MouseEvent, ...args: any[]) => void;
+        size?: HdsAccordionSizes;
+        titleTag?: HdsAccordionItemTitleTags;
+        type?: HdsAccordionTypes;
+    };
+    Blocks: {
+        toggle?: [];
+        content: [
+            {
+                close: (...args: any[]) => void;
+            }
+        ];
+    };
+    Element: HTMLElement;
+}
+export default class HdsAccordionItem extends Component<HdsAccordionItemSignature> {
+    private _titleId;
+    get ariaLabelledBy(): string | undefined;
+    /**
+     * @param containsInteractive
+     * @type {boolean}
+     * @default false
+     */
+    get containsInteractive(): boolean;
+    /**
+     * @param toggleTextSize
+     * @type {HdsTextSizes}
+     * @default 'medium'
+     */
+    get toggleTextSize(): number;
+    /**
+     * Sets the size for the component
+     *
+     * @param size
+     * @type {HdsAccordionSizes}
+     * @default 'medium'
+     */
+    get size(): HdsAccordionSizes;
+    /**
+     * Sets the type of the component
+     *
+     * @param type
+     * @type {HdsAccordionTypes}
+     * @default 'card'
+     */
+    get type(): HdsAccordionTypes;
+    get titleTag(): HdsAccordionItemTitleTags;
+    /**
+     * Get the class names to apply to the component.
+     * @method classNames
+     * @return {string} The "class" attribute to apply to the component.
+     */
+    get classNames(): string;
+}
+//# sourceMappingURL=index.d.ts.map

packages/components/declarations/components/hds/accordion/types.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+export declare enum HdsAccordionTypeValues {
+    Card = "card",
+    Flush = "flush"
+}
+export type HdsAccordionTypes = `${HdsAccordionTypeValues}`;
+export declare enum HdsAccordionSizeValues {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export type HdsAccordionSizes = `${HdsAccordionSizeValues}`;
+export declare enum HdsAccordionForceStateValues {
+    Open = "open",
+    Close = "close"
+}
+export type HdsAccordionForceStates = `${HdsAccordionForceStateValues}`;
+export declare enum HdsAccordionItemTitleTagValues {
+    Div = "div",
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6"
+}
+export type HdsAccordionItemTitleTags = `${HdsAccordionItemTitleTagValues}`;
+//# sourceMappingURL=types.d.ts.map