merging release v3.6.1

Author: olitharp-nci

docs/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nci-design-system",
-	"version": "3.6.0",
+	"version": "3.6.1",
 	"description": "NCI Design System",
 	"author": "NCIOCPL",
 	"private": true,

lerna.json

@@ -19,6 +19,6 @@
     ]
   },
   "npmClient": "pnpm",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "$schema": "node_modules/lerna/schemas/lerna-schema.json"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ncids",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "description": "Monorepo for the NCI Design System",
   "main": "index.js",
   "repository": "https://github.com/NCIOCPL/ncids.git",

packages/ncids-css/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nciocpl/ncids-css",
-	"version": "3.6.0",
+	"version": "3.6.1",
 	"description": "CSS library for the National Cancer Institute Design System (NCIDS)",
 	"repository": {
 		"type": "git",

packages/ncids-js/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nciocpl/ncids-js",
-	"version": "3.6.0",
+	"version": "3.6.1",
 	"description": "JS library for the National Cancer Institute Design System",
 	"author": "NCIOCPL",
 	"homepage": "https://github.com/NCIOCPL/ncids#readme",

packages/ncids-js/src/components/usa-accordion/index.ts

@@ -2,3 +2,6 @@
  * @packageDocumentation
  */
 export { USAAccordion } from './usa-accordion.component';
+
+import { AccordionOptions } from './usa-accordion-options';
+export type { AccordionOptions };

packages/ncids-js/src/components/usa-modal/event-details/modal.close.event-details.ts

@@ -1,16 +1,25 @@
 import { ModalEventDetails } from './modal.event-details';
 
+/**
+ * Enum representing the possible actions that can trigger the closing of a modal.
+ */
 export enum ModalCloseAction {
+	/* Modal Closed with Escape Key */
 	KEY_ESCAPE = 'escape',
+	/* Modal Closed with Click Outside the Modal */
 	CLICK_OUTSIDE = 'outside',
+	/* Modal Closed with Close Icon */
 	CLOSE_BUTTON = 'close',
+	/* Modal Closed with Escape Key */
 	FOOTER_BUTTON = 'footer',
+	/* Modal Closed with Escape Key */
 	OTHER_BUTTON = 'other',
 }
 
 /**
  * Custom event details for the `modal:close` event.
  */
 export type ModalCloseEventDetails = ModalEventDetails & {
+	/** The Close Action that triggered the event */
 	closeAction?: ModalCloseAction;
 };

packages/ncids-js/src/components/usa-modal/index.ts

@@ -10,5 +10,16 @@ export { USAModal } from './modal.component';
 
 import type { ModalEventDetails } from './event-details/modal.event-details';
 import type { ModalCloseEventDetails } from './event-details/modal.close.event-details';
+import type { ModalCloseAction } from './event-details/modal.close.event-details';
+import type { ModalConfig } from './modal-config';
+import type { ModalContent } from './modal-content';
+import type { ModalButtons } from './modal-buttons';
 
-export type { ModalEventDetails, ModalCloseEventDetails };
+export type {
+	ModalEventDetails,
+	ModalCloseEventDetails,
+	ModalCloseAction,
+	ModalConfig,
+	ModalContent,
+	ModalButtons,
+};

packages/ncids-js/src/components/usa-modal/modal-content.ts

@@ -15,7 +15,10 @@ import { ModalButtons } from './modal-buttons';
  * ```
  */
 export type ModalContent = {
+	/** The title of the modal, which can be a string or an HTML heading element. */
 	title?: string | HTMLHeadingElement;
+	/** The content of the modal, which can be a string or an HTML element. */
 	content: string | HTMLElement;
+	/** An optional array of buttons to be displayed in the modal footer. */
 	footer?: ModalButtons[];
 };

packages/ncids-js/src/components/usa-modal/modal.component.ts

@@ -1,3 +1,12 @@
+import { ModalConfig } from './modal-config';
+import { ModalContent } from './modal-content';
+import { ModalButtons } from './modal-buttons';
+import { FocusTrap } from '../../utils/focus-trap';
+import { scrollbarWidth } from './utils/scrollbar-width';
+import { ModalEventDetails } from './event-details/modal.event-details';
+import { ModalCloseEventDetails } from './event-details/modal.close.event-details';
+import { ModalCloseAction } from './event-details/modal.close.event-details';
+
 /**
  * The USAModal component is used to initialize and manage the `.usa-modal`
  * component.
@@ -95,16 +104,6 @@
  *
  * These events provide hooks for integrating with analytics or other JavaScript logic to enhance user interaction tracking.
  */
-
-import { ModalConfig } from './modal-config';
-import { ModalContent } from './modal-content';
-import { ModalButtons } from './modal-buttons';
-import { FocusTrap } from '../../utils/focus-trap';
-import { scrollbarWidth } from './utils/scrollbar-width';
-import { ModalEventDetails } from './event-details/modal.event-details';
-import { ModalCloseEventDetails } from './event-details/modal.close.event-details';
-import { ModalCloseAction } from './event-details/modal.close.event-details';
-
 export class USAModal {
 	/** The .usa-modal element. */
 	protected modal: HTMLElement;