@abgov/ui-components-common 2.0.0-dev.4 → 2.0.0-dev.6

package/lib/common.d.ts

@@ -1,91 +1,178 @@
 export type GoabSpinnerType = "infinite" | "progress";
 export type GoabSpinnerSize = "small" | "medium" | "large" | "xlarge";
+/**
+ * Provides details when a radio group's selected value changes.
+ */
 export type GoabRadioGroupOnChangeDetail = {
+    /** The radio group name. */
     name: string;
+    /** The selected value. */
     value: string;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a checkbox list value changes.
+ */
 export type GoabCheckboxListOnChangeDetail = {
+    /** The checkbox list name. */
     name: string;
+    /** The selected values. */
     value: string[];
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when an input value changes.
+ */
 export type GoabInputOnChangeDetail<T = string> = {
+    /** The input name. */
     name: string;
+    /** The updated value. */
     value: T;
+    /** The originating DOM event. */
     event: Event;
 };
 export type GoaInputOnBlurDetail = GoabInputOnBlurDetail;
+/**
+ * Provides details when an input loses focus.
+ */
 export type GoabInputOnBlurDetail<T = string> = {
+    /** The input name. */
     name: string;
+    /** The input value at blur time. */
     value: T;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when an input receives focus.
+ */
 export type GoabInputOnFocusDetail<T = string> = GoabInputOnChangeDetail<T>;
+/**
+ * Provides details when a menu button action is selected.
+ */
 export type GoabMenuButtonOnActionDetail = {
+    /** The selected action identifier. */
     action: string;
 };
 export type GoabInputAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
+/**
+ * Provides details when a key is pressed in an input.
+ */
 export type GoabInputOnKeyPressDetail<T = string> = {
+    /** The input name. */
     name: string;
+    /** The current input value. */
     value: T;
+    /** The pressed key. */
     key: T;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when the active step changes in a form stepper.
+ */
 export type GoabFormStepperOnChangeDetail = {
+    /** The 1-based step value. */
     step: number;
 };
+/**
+ * Provides details when a file is selected in file upload input.
+ */
 export type GoabFileUploadInputOnSelectFileDetail = {
+    /** The selected file. */
     file: File;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a file upload item is canceled.
+ */
 export type GoabFileUploadOnCancelDetail = {
+    /** The file name being canceled. */
     filename: string;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a file upload item is deleted.
+ */
 export type GoabFileUploadOnDeleteDetail = {
+    /** The file name being deleted. */
     filename: string;
+    /** The originating DOM event. */
     event: Event;
 };
 export type GoabDropdownItemMountType = "append" | "prepend" | "reset";
+/**
+ * Provides details when a dropdown selection changes.
+ */
 export type GoabDropdownOnChangeDetail = {
+    /** The dropdown name, when provided. */
     name?: string;
+    /** The selected value for single-select dropdowns. */
     value?: string;
+    /** The selected values for multi-select dropdowns. */
     values?: string[];
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a date picker value changes.
+ */
 export type GoabDatePickerOnChangeDetail = {
+    /** The date picker name, when provided. */
     name?: string;
+    /** The selected date as a string. */
     valueStr: string;
     /**
      * @deprecated Use `valueStr` instead
      */
     value: Date;
+    /** The originating DOM event. */
     event: Event;
 };
 export type GoabDatePickerInputType = "calendar" | "input";
 export type GoabChipVariant = "filter";
 export type GoabChipTheme = "outline" | "filled";
 export type GoabFilterChipTheme = "outline" | "filled";
+/**
+ * Provides details when a checkbox value or checked state changes.
+ */
 export type GoabCheckboxOnChangeDetail = {
+    /** The checkbox name, when provided. */
     name?: string;
+    /** The checkbox value, when provided. */
     value?: string;
+    /** The updated checked state. */
     checked: boolean;
+    /** Indicates whether the change came from value or checked binding. */
     binding: "value" | "check";
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a calendar value changes.
+ */
 export type GoabCalendarOnChangeDetail = {
+    /** The calendar name, when provided. */
     name?: string;
+    /** The selected date value. */
     value: string;
 };
 export type GoabBadgeType = "information" | "success" | "important" | "emergency" | "archived" | "sky" | "prairie" | "lilac" | "pasture" | "sunset" | "dawn" | "default";
 export type GoabPaginationVariant = "all" | "links-only";
+/**
+ * Provides details when pagination changes pages.
+ */
 export type GoabPaginationOnChangeDetail = {
+    /** The selected page number. */
     page: number;
 };
 export type GoabFormStepperType = "constrained" | "free";
 export type GoabFormStepStatus = "complete" | "incomplete" | "not-started";
-export type GoabFormItemLabelSize = "regular" | "large";
+export type GoabFormItemLabelSize = "compact" | "regular" | "large";
 export type GoabFormItemRequirement = "optional" | "required";
 export type GoabFileUploadInputVariant = "dragdrop" | "button";
 export type GoabContainerAccent = "thick" | "thin" | "filled";
@@ -96,9 +183,9 @@ export type GoabCalloutType = "information" | "success" | "important" | "emergen
 export type GoabCalloutSize = "medium" | "large";
 export type GoabCalloutAriaLive = "off" | "polite" | "assertive";
 export type GoabCalloutIconTheme = "outline" | "filled";
-export type GoabButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start";
+export type GoabButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start" | "text";
 export type GoabButtonSize = "compact" | "normal";
-export type GoabButtonVariant = "normal" | "destructive" | "inverse";
+export type GoabButtonVariant = "normal" | "destructive" | "inverse" | "dark";
 export type GoabButtonGroupAlignment = "start" | "end" | "center";
 export type GoabButtonGroupGap = "relaxed" | "compact";
 export type GoabAccordionHeadingSize = "small" | "medium";
@@ -106,20 +193,39 @@ export type GoabAccordionIconPosition = "left" | "right";
 export type GoabTooltipPosition = "top" | "bottom" | "left" | "right";
 export type GoabTooltipHorizontalAlignment = "left" | "right" | "center";
 export type GoabTextAreaCountBy = "character" | "word" | "";
+/**
+ * Provides details when a textarea value changes.
+ */
 export type GoabTextAreaOnChangeDetail = {
+    /** The textarea name. */
     name: string;
+    /** The updated value. */
     value: string;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a key is pressed in a textarea.
+ */
 export type GoabTextAreaOnKeyPressDetail = {
+    /** The textarea name. */
     name: string;
+    /** The current value. */
     value: string;
+    /** The pressed key. */
     key: string;
+    /** The originating DOM event. */
     event: Event;
 };
+/**
+ * Provides details when a textarea loses focus.
+ */
 export type GoabTextAreaOnBlurDetail = {
+    /** The textarea name. */
     name: string;
+    /** The value at blur time. */
     value: string;
+    /** The originating DOM event. */
     event: Event;
 };
 export type GoabTabsVariant = "default" | "segmented";
@@ -130,7 +236,11 @@ export interface GoabTabsProps {
     variant?: GoabTabsVariant;
     orientation?: GoabTabsOrientation;
 }
+/**
+ * Provides details when the active tab changes.
+ */
 export type GoabTabsOnChangeDetail = {
+    /** The selected tab index. */
     tab: number;
 };
 export type GoabTableVariant = "normal" | "relaxed";
@@ -147,11 +257,20 @@ export type GoabTableSortEntry = {
     column: string;
     direction: "asc" | "desc";
 };
+/**
+ * Provides details when a single table sort changes.
+ */
 export type GoabTableOnSortDetail = {
+    /** The sorted column key. */
     sortBy: string;
+    /** The sort direction as a numeric value. */
     sortDir: number;
 };
+/**
+ * Provides details when multi-sort values change.
+ */
 export type GoabTableOnMultiSortDetail = {
+    /** The collection of active sort entries. */
     sorts: GoabTableSortEntry[];
 };
 export type GoabSpacerHorizontalSpacing = Spacing | "fill";
@@ -168,7 +287,7 @@ export interface GoabSkeletonProps extends Margins {
     type: GoabSkeletonType;
     testId?: string;
 }
-export type GoabSkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
+export type GoabSkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "lines" | "profile" | "article";
 export type GoabSkeletonSize = "1" | "2" | "3" | "4";
 export type GoabRadioGroupOrientation = "horizontal" | "vertical";
 export interface GoabRadioGroupProps extends Margins {
@@ -288,7 +407,7 @@ export interface Margins {
     ml?: Spacing;
 }
 export type GoabBlockDirection = "row" | "column";
-export type GoabBlockAlignment = "center" | "start" | "end";
+export type GoabBlockAlignment = "center" | "start" | "end" | "normal";
 export type GoabPageBlockSize = "full" | string;
 export type GoabLinkButtonType = "start" | "primary" | "secondary" | "tertiary";
 export type GoabTextMaxWidth = string | "none";
@@ -303,7 +422,11 @@ export type GoabFormField = {
     value: string;
 };
 export type GoabFormStorageType = "none" | "local" | "session";
+/**
+ * Provides details used to register a callback at form mount time.
+ */
 export type GoabFormOnMountDetail = {
+    /** Callback used to set the next route or step. */
     fn: (next: string) => void;
 };
 export type GoabFormOnStateChange = {
@@ -339,9 +462,15 @@ export type GoabFieldsetSchema = {
     heading?: string;
     data?: GoabFieldsetData;
 };
+/**
+ * Provides details when a fieldset continue action is triggered.
+ */
 export interface GoabFieldsetOnContinueDetail {
+    /** The fieldset element that triggered continue. */
     el: HTMLElement;
+    /** The fieldset state at trigger time. */
     state: Record<string, GoabFieldsetItemState>;
+    /** Indicates whether the action was canceled. */
     cancelled: boolean;
 }
 export type GoabPublicFormStatus = "initializing" | "complete";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/ui-components-common",
-  "version": "2.0.0-dev.4",
+  "version": "2.0.0-dev.6",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
   },