@3squared/forge-ui-3 2.12.3 → 2.14.0

package/dist/index.d.ts

@@ -22,13 +22,14 @@ import { default as ForgeStatWidget } from './src/components/ForgeStatWidget.vue
 import { default as ForgeStepper } from './src/components/ForgeStepper.vue';
 import { default as ForgeTile } from './src/components/ForgeTile.vue';
 import { default as ForgeTable } from './src/components/table/ForgeTable.vue';
+import { default as ForgeTreeTable } from './src/components/ForgeTreeTable.vue';
 import { default as ForgeFilterHeader } from './src/components/table/ForgeFilterHeader.vue';
 import { default as ForgeFileUploader } from './src/components/file-uploader/ForgeFileUploader.vue';
 import { default as ForgeColumnCustomiser } from './src/components/table/ForgeColumnCustomiser.vue';
 import { default as ForgePanel } from './src/components/ForgePanel.vue';
 import { default as ForgeSelectButton } from './src/components/ForgeSelectButton.vue';
 import { default as ForgeToggleButton } from './src/components/ForgeToggleButton.vue';
-export { Bootstrap_PT, ForgeActionButton, ForgeAlert, ForgeAutoComplete, ForgeCheckbox, ForgeChip, ForgeColumnCustomiser, ForgeDatepicker, ForgeForm, ForgeFormField, ForgeInlineEditor, ForgeLink, ForgeLoader, ForgeModal, ForgeMultiSelectPreview, ForgeNavbar, ForgePageHeader, ForgeRemainingCharacters, ForgeProgressBar, ForgeScratchpad, ForgeStatWidget, ForgeStepper, ForgeTile, ForgeTable, ForgeFilterHeader, ForgeFileUploader, ForgePanel, ForgeSelectButton, ForgeToggleButton, };
+export { Bootstrap_PT, ForgeActionButton, ForgeAlert, ForgeAutoComplete, ForgeCheckbox, ForgeChip, ForgeColumnCustomiser, ForgeDatepicker, ForgeForm, ForgeFormField, ForgeInlineEditor, ForgeLink, ForgeLoader, ForgeModal, ForgeMultiSelectPreview, ForgeNavbar, ForgePageHeader, ForgeRemainingCharacters, ForgeProgressBar, ForgeScratchpad, ForgeStatWidget, ForgeStepper, ForgeTile, ForgeTable, ForgeFilterHeader, ForgeFileUploader, ForgePanel, ForgeSelectButton, ForgeToggleButton, ForgeTreeTable };
 export * from './src/types/forge-types.ts';
 export * from './src/helpers/index';
 export declare const ForgeResolver: () => ComponentResolver;

package/dist/src/components/ForgeChip.vue.d.ts

@@ -12,7 +12,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ForgeChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeChipProps> & Readonly<{}>, {
-    chipSeverity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
+    chipSeverity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
     pill: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/ForgeDatepicker.vue.d.ts

@@ -24,7 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     name: string;
     view: "date" | "month" | "year";
-    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
     baseZIndex: number;
     autoZIndex: boolean;
     appendTo: HTMLElement | import('@primevue/core').HintedString<"body" | "self">;

package/dist/src/components/ForgeLoader.vue.d.ts

@@ -1,8 +1,10 @@
 import { Severity } from '../types/forge-types';
 export interface ForgeLoaderProps {
     severity?: Severity;
+    inLine?: boolean;
 }
 declare const _default: import('vue').DefineComponent<ForgeLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeLoaderProps> & Readonly<{}>, {
-    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
+    inLine: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/ForgeNavbar.vue.d.ts

@@ -13,7 +13,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ForgeNavbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeNavbarProps> & Readonly<{}>, {
-    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark" | "light" | "dark";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark" | "light" | "dark";
     logoUrl: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/ForgeProgressBar.vue.d.ts

@@ -1,7 +1,7 @@
 import { ProgressBarProps } from 'primevue/progressbar';
 import { Severity } from '../types/forge-types';
 export interface ForgeProgressBarProps extends /* vue-ignore */ ProgressBarProps {
-    severity: Severity;
+    severity?: Severity;
     striped: boolean;
     animate: boolean;
     pixelWidth?: number;
@@ -17,7 +17,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ForgeProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeProgressBarProps> & Readonly<{}>, {
     animate: boolean;
-    severity: Severity;
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
     striped: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/ForgeStepper.vue.d.ts

@@ -15,7 +15,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ForgeStepperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeStepperProps> & Readonly<{}>, {
-    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
     currentStep: number;
     showStepLabel: boolean;
     inlineSteps: boolean;

package/dist/src/components/ForgeTile.vue.d.ts

@@ -1,6 +1,6 @@
 import { Severity, BarPosition } from '../types/forge-types';
 export interface ForgeTileProps {
-    severity: Severity;
+    severity?: Severity;
     barPosition: BarPosition;
     clickable: boolean;
     selected?: boolean;
@@ -16,7 +16,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ForgeTileProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeTileProps> & Readonly<{}>, {
-    severity: Severity;
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
     selected: boolean;
     barPosition: BarPosition;
     clickable: boolean;

package/dist/src/components/ForgeToggleButton.vue.d.ts

@@ -3,6 +3,6 @@ export interface ForgeToggleButtonProps {
     severity?: Severity;
 }
 declare const _default: import('vue').DefineComponent<ForgeToggleButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeToggleButtonProps> & Readonly<{}>, {
-    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "success-alternate" | "warning" | "success-dark";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/ForgeTreeTable.vue.d.ts

@@ -0,0 +1,46 @@
+import { TreeTableProps } from 'primevue/treetable';
+import { Severity } from '../types/forge-types';
+export interface ForgeTreeTableProps extends TreeTableProps {
+    stripedRows?: boolean;
+    parentExpanderFullRow?: boolean;
+    totalColumns?: number;
+    severity?: Severity;
+    value: any[];
+    legacyPaginationFooter?: boolean;
+    showClearButton?: boolean;
+    clearAll?: Function;
+    emptyMessage?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: any;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ForgeTreeTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sort: (...args: any[]) => void;
+    page: (...args: any[]) => void;
+    "update:filters": (...args: any[]) => void;
+    "update:tableContext": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<ForgeTreeTableProps> & Readonly<{
+    onSort?: ((...args: any[]) => any) | undefined;
+    onPage?: ((...args: any[]) => any) | undefined;
+    "onUpdate:filters"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:tableContext"?: ((...args: any[]) => any) | undefined;
+}>, {
+    legacyPaginationFooter: boolean;
+    showClearButton: boolean;
+    paginator: boolean;
+    alwaysShowPaginator: boolean;
+    stripedRows: boolean;
+    parentExpanderFullRow: boolean;
+    totalColumns: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/file-uploader/ForgeFileUploader.vue.d.ts

@@ -1,4 +1,4 @@
-import { ForgeFileStatus, ForgeFileType } from '../../types/forge-types';
+import { ForgeFileStatus, ForgeFileType } from '../../types/forge-types.ts';
 import { TypedSchema } from 'vee-validate';
 export interface ForgeFileUploaderProps {
     acceptedFileTypes: ForgeFileType[];

package/dist/src/components/file-uploader/components/DragDropArea.vue.d.ts

@@ -1,4 +1,4 @@
-import { ForgeFileStatus, ForgeFileType } from '../../../types/forge-types';
+import { ForgeFileStatus, ForgeFileType } from '../../../types/forge-types.ts';
 interface DragDropAreaProps {
     maxFileInput: number;
     maxFileSize: number;

package/dist/src/components/file-uploader/components/FileInfo.vue.d.ts

@@ -1,6 +1,6 @@
 import { FileUploadStatus } from '../utilities/utilities';
 import { TypedSchema } from 'vee-validate';
-import { ForgeFileType } from '../../../types/forge-types';
+import { ForgeFileType } from '../../../types/forge-types.ts';
 interface FileInfoProps {
     editableFileName: boolean;
     acceptedFileTypes: ForgeFileType[];

package/dist/src/passthroughs/Badge.pt.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
                 "badge-brand": boolean;
                 "badge-secondary": boolean;
                 "badge-success": boolean;
+                "badge-success-alternate": boolean;
                 "badge-warning": boolean;
                 "badge-danger": boolean;
                 "badge-info": boolean;
@@ -19,6 +20,7 @@ declare const _default: {
                 "badge-brand"?: undefined;
                 "badge-secondary"?: undefined;
                 "badge-success"?: undefined;
+                "badge-success-alternate"?: undefined;
                 "badge-warning"?: undefined;
                 "badge-danger"?: undefined;
                 "badge-info"?: undefined;

package/dist/src/passthroughs/Button.pt.d.ts

@@ -19,6 +19,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -53,6 +57,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -87,6 +95,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -121,6 +133,48 @@ declare const _default: {
                 "btn-outline-secondary"?: undefined;
                 "text-secondary fw-bold btn-text-secondary"?: undefined;
                 "link-secondary text-decoration-underline link-underline-secondary"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
+                "btn-warning text-white"?: undefined;
+                "btn-outline-warning"?: undefined;
+                "text-warning fw-bold btn-text-warning"?: undefined;
+                "link-warning text-decoration-underline link-underline-warning"?: undefined;
+                "btn-danger text-white"?: undefined;
+                "btn-outline-danger"?: undefined;
+                "text-danger fw-bold btn-text-danger"?: undefined;
+                "link-danger text-decoration-underline link-underline-danger"?: undefined;
+                "btn-info text-white"?: undefined;
+                "btn-outline-info"?: undefined;
+                "text-info fw-bold btn-text-info"?: undefined;
+                "link-info text-decoration-underline link-underline-info"?: undefined;
+                'p-0 border-0'?: undefined;
+                shadow?: undefined;
+                "rounded-pill"?: undefined;
+                "btn-lg"?: undefined;
+                "btn-sm"?: undefined;
+            } | {
+                "btn-success-alternate text-white": boolean;
+                "btn-outline-success-alternate": boolean | undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate": boolean | undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate": boolean | undefined;
+                "btn-brand"?: undefined;
+                "btn-outline-brand"?: undefined;
+                "text-brand fw-bold btn-text-brand"?: undefined;
+                "link-brand text-decoration-underline link-underline-brand"?: undefined;
+                "btn-primary"?: undefined;
+                "btn-outline-primary"?: undefined;
+                "text-primary fw-bold btn-text-primary"?: undefined;
+                "link-primary text-decoration-underline link-underline-primary"?: undefined;
+                "btn-secondary"?: undefined;
+                "btn-outline-secondary"?: undefined;
+                "text-secondary fw-bold btn-text-secondary"?: undefined;
+                "link-secondary text-decoration-underline link-underline-secondary"?: undefined;
+                "btn-success text-white"?: undefined;
+                "btn-outline-success"?: undefined;
+                "text-success fw-bold btn-text-success"?: undefined;
+                "link-success text-decoration-underline link-underline-success"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -159,6 +213,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-danger text-white"?: undefined;
                 "btn-outline-danger"?: undefined;
                 "text-danger fw-bold btn-text-danger"?: undefined;
@@ -193,6 +251,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -227,6 +289,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -262,6 +328,10 @@ declare const _default: {
                 "btn-outline-success"?: undefined;
                 "text-success fw-bold btn-text-success"?: undefined;
                 "link-success text-decoration-underline link-underline-success"?: undefined;
+                "btn-success-alternate text-white"?: undefined;
+                "btn-outline-success-alternate"?: undefined;
+                "text-success-alternate fw-bold btn-text-success-alternate"?: undefined;
+                "link-success-alternate text-decoration-underline link-underline-success-alternate"?: undefined;
                 "btn-warning text-white"?: undefined;
                 "btn-outline-warning"?: undefined;
                 "text-warning fw-bold btn-text-warning"?: undefined;
@@ -291,6 +361,7 @@ declare const _default: {
                     "button-badge-brand": boolean;
                     "button-badge-secondary": boolean;
                     "button-badge-success": boolean;
+                    "button-badge-success-alternate": boolean;
                     "button-badge-warning": boolean;
                     "button-badge-danger": boolean;
                     'button-badge-info': boolean;
@@ -298,6 +369,7 @@ declare const _default: {
                     "button-badge-brand outlined"?: undefined;
                     "button-badge-secondary outlined"?: undefined;
                     "button-badge-success outlined"?: undefined;
+                    "button-badge-success-alternate outlined"?: undefined;
                     "button-badge-warning outlined"?: undefined;
                     "button-badge-danger outlined"?: undefined;
                     'button-badge-info outlined'?: undefined;
@@ -306,6 +378,7 @@ declare const _default: {
                     "button-badge-brand outlined": boolean | undefined;
                     "button-badge-secondary outlined": boolean | undefined;
                     "button-badge-success outlined": boolean | undefined;
+                    "button-badge-success-alternate outlined": boolean | undefined;
                     "button-badge-warning outlined": boolean | undefined;
                     "button-badge-danger outlined": boolean | undefined;
                     'button-badge-info outlined': boolean | undefined;
@@ -313,6 +386,7 @@ declare const _default: {
                     "button-badge-brand"?: undefined;
                     "button-badge-secondary"?: undefined;
                     "button-badge-success"?: undefined;
+                    "button-badge-success-alternate"?: undefined;
                     "button-badge-warning"?: undefined;
                     "button-badge-danger"?: undefined;
                     'button-badge-info'?: undefined;

package/dist/src/passthroughs/Column.pt.d.ts

@@ -21,6 +21,7 @@ declare const _default: {
         };
         pcRowEditorInit: string;
         rowToggleButton: string;
+        nodeToggleButton: string;
         columnResizer: {
             class: string;
         };
@@ -33,12 +34,14 @@ declare const _default: {
             column: {
                 props: {
                     frozen: boolean | "";
+                    expander: boolean | undefined;
                 };
             };
         }) => {
             class: {
+                'expander-cell': boolean | undefined;
                 'position-sticky': boolean;
-                'overflow-hidden text-nowrap': boolean;
+                'overflow-hidden text-nowrap': any;
             };
         };
         rowreordericon: string;

package/dist/src/passthroughs/Message.pt.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
                 'alert-brand': boolean;
                 'alert-secondary': boolean;
                 'alert-success': boolean;
+                'alert-success-alternate': boolean;
                 'alert-warning': boolean;
                 'alert-danger': boolean;
                 'alert-info': boolean;

package/dist/src/passthroughs/SplitButton.pt.d.ts

@@ -12,6 +12,7 @@ declare const _default: {
                     "btn-brand": boolean;
                     "btn-secondary": boolean;
                     "btn-success": boolean;
+                    "btn-success-alternate": boolean;
                     "btn-warning": boolean;
                     "btn-danger": boolean;
                     'btn-info': boolean;
@@ -19,6 +20,7 @@ declare const _default: {
                     "btn-outline-brand"?: undefined;
                     "btn-outline-secondary"?: undefined;
                     "btn-outline-success"?: undefined;
+                    "btn-outline-success-alternate"?: undefined;
                     "btn-outline-warning"?: undefined;
                     "btn-outline-danger"?: undefined;
                     "btn-outline-info"?: undefined;
@@ -27,6 +29,7 @@ declare const _default: {
                     "btn-outline-brand": boolean | undefined;
                     "btn-outline-secondary": boolean | undefined;
                     "btn-outline-success": boolean | undefined;
+                    "btn-outline-success-alternate": boolean | undefined;
                     "btn-outline-warning": boolean | undefined;
                     "btn-outline-danger": boolean | undefined;
                     'btn-outline-info': boolean | undefined;
@@ -34,6 +37,7 @@ declare const _default: {
                     "btn-brand"?: undefined;
                     "btn-secondary"?: undefined;
                     "btn-success"?: undefined;
+                    "btn-success-alternate"?: undefined;
                     "btn-warning"?: undefined;
                     "btn-danger"?: undefined;
                     'btn-info'?: undefined;

package/dist/src/passthroughs/Tag.pt.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
                 "bg-warning-subtle text-warning border-warning": boolean;
                 "bg-danger-subtle text-danger border-danger": boolean;
                 "bg-info-subtle text-info border-info": boolean;
+                "bg-success-alternate-subtle text-success-alternate border-success-alternate": boolean;
                 "rounded-pill"?: undefined;
             } | {
                 "rounded-pill": boolean | undefined;
@@ -20,6 +21,7 @@ declare const _default: {
                 "bg-warning-subtle text-warning border-warning"?: undefined;
                 "bg-danger-subtle text-danger border-danger"?: undefined;
                 "bg-info-subtle text-info border-info"?: undefined;
+                "bg-success-alternate-subtle text-success-alternate border-success-alternate"?: undefined;
             })[];
         };
     };

package/dist/src/passthroughs/Toast.pt.d.ts

@@ -23,6 +23,7 @@ declare const _default: {
             class: (string | {
                 'text-primary': boolean;
                 'text-success': boolean;
+                'text-success-alternate': boolean;
                 'text-danger': boolean;
                 'text-warning': boolean;
             })[];

package/dist/src/passthroughs/TreeTable.pt.d.ts

@@ -0,0 +1,20 @@
+import { TreeTablePassThroughMethodOptions } from 'primevue';
+declare const _default: {
+    treetable: {
+        root: string;
+        table: ({ props, attrs }: TreeTablePassThroughMethodOptions) => {
+            class: (string | {
+                'table-striped': any;
+                'table-hover': boolean | undefined;
+                'table-bordered': boolean | undefined;
+                'table-sm': boolean;
+                'table-lg': boolean;
+                'opacity-50': boolean | undefined;
+            })[];
+        };
+        mask: () => {
+            class: string;
+        };
+    };
+};
+export default _default;

package/dist/src/types/forge-types.d.ts

@@ -2,7 +2,7 @@ import { ColumnProps } from 'primevue/column';
 import { FilterMatchModeOptions } from '@primevue/core/api';
 import { FileUploadStatus } from '../components/file-uploader/utilities/utilities';
 import { DataTableFilterMeta } from 'primevue/datatable';
-export type Severity = 'primary' | 'secondary' | 'success' | 'success-dark' | 'warning' | 'danger' | 'info' | 'brand' | undefined;
+export type Severity = 'primary' | 'secondary' | 'success' | 'success-dark' | 'success-alternate' | 'warning' | 'danger' | 'info' | 'brand' | undefined;
 export type Size = 'sm' | 'md' | 'lg' | undefined;
 export type BarPosition = 'top' | 'left' | 'none';
 export type ForgeFormFieldTypes = "text" | "number" | "checkbox" | "textarea" | "mask" | "select" | "multiselect" | "datepicker" | "multiselect-preview";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "2.12.3",
+  "version": "2.14.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -37,8 +37,9 @@
     "@azure/storage-blob": "^12.17.0",
     "@iconify/vue": "^4.2.0",
     "@popperjs/core": "^2.11.8",
-    "@vueuse/components": "^12.0.0",
+    "@vueuse/components": "^13.0.0",
     "bootstrap": "^5.3.3",
+    "lodash-es": "^4.17.21",
     "mime": "^4.0.4",
     "primevue": "^4.2.5",
     "vee-validate": "^4.11.8",
@@ -47,25 +48,25 @@
   },
   "devDependencies": {
     "@cypress/code-coverage": "3.13.12",
-    "@primevue/auto-import-resolver": "4.3.1",
+    "@primevue/auto-import-resolver": "4.3.2",
     "@vitejs/plugin-vue": "5.2.1",
-    "@vitest/coverage-v8": "3.0.7",
-    "@vitest/ui": "3.0.7",
+    "@vitest/coverage-v8": "3.0.8",
+    "@vitest/ui": "3.0.8",
     "cypress": "14.1.0",
     "cypress-real-events": "1.14.0",
     "rollup-plugin-visualizer": "5.14.0",
     "sass": "1.85.1",
     "typescript": "5.8.2",
     "unplugin-vue-components": "28.4.1",
-    "vite": "6.2.0",
+    "vite": "6.2.1",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-dts": "4.5.3",
     "vite-plugin-istanbul": "7.0.0",
-    "vitest": "3.0.7",
+    "vitest": "3.0.8",
     "vue-drawing-canvas": "1.0.14"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.34.9"
+    "@rollup/rollup-linux-x64-gnu": "4.35.0"
   },
   "nyc": {
     "all": true,

package/src/styles/utilities/_variables.scss

@@ -19,6 +19,10 @@ $success: #21aa64;
 $success-dark: #177746;
 $success-subtle: #e9f7f0;
 
+$success-alternate: #99C541;
+$success-alternate-dark: #779A31;
+$success-alternate-subtle: #F2FFDC;
+
 $warning: #ffae00;
 $warning-dark: #B05319;
 $warning-subtle: #fff7e6;
@@ -34,6 +38,7 @@ $base-colors: (
   'primary': $primary,
   'secondary': $secondary,
   'success': $success,
+  'success-alternate': $success-alternate,
   'warning': $warning,
   'danger': $danger,
   'light': $light,
@@ -49,6 +54,7 @@ $subtle-colors: (
         'primary-subtle': $primary-subtle,
         'secondary-subtle': $light,
         'success-subtle': $success-subtle,
+        'success-alternate-subtle': $success-alternate-subtle,
         'warning-subtle': $warning-subtle,
         'danger-subtle': $danger-subtle,
         'info-subtle': $info-bg-subtle
@@ -58,6 +64,7 @@ $dark-colors: (
         'brand-dark': $brand-dark,
         'primary-dark': $primary-dark,
         'success-dark': $success-dark,
+        'success-alternate-dark': $success-alternate-dark,
         'warning-dark': $warning-dark,
         'danger-dark': $danger-dark
 );
@@ -68,6 +75,16 @@ $brand-text-emphasis: shade-color($brand, 60%) !default;
 $brand-bg-subtle: $brand-shade-1 !default;
 $brand-border-subtle: tint-color($brand-dark, 60%) !default;
 
+$success-alternate-text-emphasis: shade-color($success-alternate, 60%) !default;
+$success-alternate-bg-subtle: $success-alternate-subtle !default;
+$success-alternate-border-subtle: tint-color($success-alternate-dark, 60%) !default;
+
+:root {
+  --bs-success-alternate-text-emphasis: #{$success-alternate-text-emphasis};
+  --bs-success-alternate-bg-subtle: #{$success-alternate-bg-subtle};
+  --bs-success-alternate-border-subtle: #{$success-alternate-border-subtle};
+}
+
 @import 'bootstrap/scss/maps';
 
 $brand-theme-colors-text: (

package/src/types/forge-types.ts

@@ -3,7 +3,7 @@ import { FilterMatchModeOptions } from "@primevue/core/api";
 import { FileUploadStatus } from "../components/file-uploader/utilities/utilities";
 import { DataTableFilterMeta } from "primevue/datatable";
 
-export type Severity = 'primary' | 'secondary' | 'success'| 'success-dark' | 'warning' | 'danger' | 'info' | 'brand' | undefined
+export type Severity = 'primary' | 'secondary' | 'success'| 'success-dark' | 'success-alternate' | 'warning' | 'danger' | 'info' | 'brand' | undefined
 export type Size = 'sm' | 'md' | 'lg' | undefined
 export type BarPosition = 'top' | 'left' | 'none'