@3squared/forge-ui-3 2.6.0 → 2.8.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { default as Bootstrap_PT } from './src/Bootstrap_PT';
+import { ComponentResolver } from 'unplugin-vue-components/types';
 import { default as ForgeAlert } from './src/components/ForgeAlert.vue';
 import { default as ForgeActionButton } from './src/components/ForgeActionButton.vue';
 import { default as ForgeAutoComplete } from './src/components/ForgeAutoComplete.vue';
@@ -25,6 +26,9 @@ import { default as ForgeFilterHeader } from './src/components/table/ForgeFilter
 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';
-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 };
+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, ForgeConfirmDialog };
 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";
+    chipSeverity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "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

@@ -23,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: Date | Date[] | (Date | null)[] | null | undefined) => any) | undefined;
 }>, {
     name: string;
-    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
     view: "date" | "month" | "year";
     baseZIndex: number;
     autoZIndex: boolean;

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

@@ -3,6 +3,6 @@ export interface ForgeLoaderProps {
     severity?: Severity;
 }
 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";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
 }, {}, {}, {}, 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" | "light" | "dark";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "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/ForgeSelectButton.vue.d.ts

@@ -0,0 +1,20 @@
+import { ForgeSelectButtonOption } from '../types/forge-types.ts';
+export interface ForgeSelectButtonProps {
+    multiple?: boolean;
+    allowEmpty?: boolean;
+}
+type __VLS_Props = ForgeSelectButtonProps;
+type __VLS_PublicProps = {
+    modelValue: ForgeSelectButtonOption[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:modelValue": (value: ForgeSelectButtonOption[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ForgeSelectButtonOption[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    multiple: boolean;
+    allowEmpty: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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";
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning" | "success-dark";
     currentStep: number;
     showStepLabel: boolean;
     inlineSteps: boolean;

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

@@ -0,0 +1,8 @@
+import { Severity } from '../types/forge-types.ts';
+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: Severity;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,31 @@
+import { ForgeFileStatus, ForgeFileType } from '../../../types/forge-types';
+interface DragDropAreaProps {
+    maxFileInput: number;
+    maxFileSize: number;
+    acceptedFileTypes: ForgeFileType[];
+}
+type __VLS_Props = DragDropAreaProps;
+type __VLS_PublicProps = {
+    modelValue: ForgeFileStatus[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ForgeFileStatus[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ForgeFileStatus[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/components/FileInfo.vue.d.ts

@@ -0,0 +1,29 @@
+import { FileUploadStatus } from '../utilities/utilities';
+import { TypedSchema } from 'vee-validate';
+import { ForgeFileType } from '../../../types/forge-types';
+interface FileInfoProps {
+    editableFileName: boolean;
+    acceptedFileTypes: ForgeFileType[];
+    maxFileSize: number;
+    getFileUrlAction: (fileName: string) => Promise<[string, string]>;
+    customFileNameRules?: TypedSchema;
+    autoUploadToBlob?: boolean;
+}
+type __VLS_Props = FileInfoProps;
+type __VLS_PublicProps = {
+    'file': File;
+    'blobFileName': string;
+    'uploadStatus': FileUploadStatus;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    deleted: (...args: any[]) => void;
+    "update:file": (value: File) => void;
+    "update:blobFileName": (value: string) => void;
+    "update:uploadStatus": (value: FileUploadStatus) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onDeleted?: ((...args: any[]) => any) | undefined;
+    "onUpdate:file"?: ((value: File) => any) | undefined;
+    "onUpdate:blobFileName"?: ((value: string) => any) | undefined;
+    "onUpdate:uploadStatus"?: ((value: FileUploadStatus) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,5 @@
+interface MaxFileSizeProps {
+    maxFileSize: number;
+}
+declare const _default: import('vue').DefineComponent<MaxFileSizeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MaxFileSizeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,44 @@
+import { ForgeFileStatus, ForgeFileType } from '../../../types/forge-types';
+interface FileUploaderButtonProps {
+    acceptedFileTypes: ForgeFileType[];
+    maxFileInput: number;
+    showDragDropArea: boolean;
+}
+type __VLS_Props = FileUploaderButtonProps;
+type __VLS_PublicProps = {
+    modelValue: ForgeFileStatus[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        message?(_: {}): any;
+        'button-content'?(_: {}): any;
+    };
+    refs: {
+        acceptedFilesOverlay: ({
+            $props: import('primevue/popover').PopoverProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $slots: import('primevue/popover').PopoverSlots;
+            $emit: ((e: "show") => void) & ((e: "hide") => void);
+        } & import('primevue/popover').PopoverMethods) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ForgeFileStatus[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ForgeFileStatus[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    acceptedFilesOverlay: ({
+        $props: import('primevue/popover').PopoverProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $slots: import('primevue/popover').PopoverSlots;
+        $emit: ((e: "show") => void) & ((e: "hide") => void);
+    } & import('primevue/popover').PopoverMethods) | null;
+}, 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/components/UploadStatus.vue.d.ts

@@ -0,0 +1,9 @@
+import { FileUploadStatus } from '../utilities/utilities';
+interface UploadStatusProps {
+    fileSize: number;
+    maxFileSize: number;
+    bytesUploaded: number;
+    uploadStatus: FileUploadStatus;
+}
+declare const _default: import('vue').DefineComponent<UploadStatusProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UploadStatusProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/table/ForgePaginationHeader.vue.d.ts

@@ -0,0 +1,14 @@
+export interface ForgePaginationHeaderProps {
+    total: number;
+    pageSizes?: Array<number>;
+    perPage?: number;
+}
+declare const _default: import('vue').DefineComponent<ForgePaginationHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:perPage": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<ForgePaginationHeaderProps> & Readonly<{
+    "onUpdate:perPage"?: ((...args: any[]) => any) | undefined;
+}>, {
+    perPage: number;
+    pageSizes: Array<number>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,17 @@
+declare const _default: {
+    accordionPanel: {
+        root: string;
+    };
+    accordionHeader: {
+        root: string;
+        pcToggleButton: {
+            root: {
+                class: string[];
+            };
+        };
+    };
+    accordionContent: {
+        root: string;
+    };
+};
+export default _default;

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

@@ -1,4 +1,3 @@
-import { SelectButtonPassThroughMethodOptions } from 'primevue/selectbutton';
 declare const _default: {
     selectButton: {
         root: () => {
@@ -6,9 +5,9 @@ declare const _default: {
         };
     };
     toggleButton: {
-        root: ({ context }: SelectButtonPassThroughMethodOptions) => {
+        root: (options: any) => {
             class: (string | {
-                'btn-primary': boolean;
+                'btn-primary': any;
                 'btn-outline-primary': boolean;
             })[];
         };

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' | 'warning' | 'danger' | 'info' | 'brand' | undefined;
+export type Severity = 'primary' | 'secondary' | 'success' | 'success-dark' | '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";
@@ -48,3 +48,10 @@ export interface ForgeSteps {
     value: number;
     disabled: boolean;
 }
+export interface ForgeSelectButtonOption {
+    label: string;
+    value: string;
+    severity?: Severity;
+    disabled?: boolean;
+    selected?: boolean;
+}

package/dist/tests/component/forge-toggle-button/forge-select-button.cy.d.ts

@@ -0,0 +1 @@
+export {};

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.6.0",
+  "version": "2.8.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -51,21 +51,21 @@
     "@vitejs/plugin-vue": "5.2.1",
     "@vitest/coverage-v8": "3.0.5",
     "@vitest/ui": "3.0.5",
-    "cypress": "14.0.1",
+    "cypress": "14.0.3",
     "cypress-real-events": "1.14.0",
     "rollup-plugin-visualizer": "5.14.0",
-    "sass": "1.83.4",
+    "sass": "1.85.0",
     "typescript": "5.7.3",
-    "unplugin-vue-components": "28.0.0",
-    "vite": "6.0.11",
+    "unplugin-vue-components": "28.1.0",
+    "vite": "6.1.0",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-dts": "4.5.0",
-    "vite-plugin-istanbul": "6.0.2",
+    "vite-plugin-istanbul": "7.0.0",
     "vitest": "3.0.5",
     "vue-drawing-canvas": "1.0.14"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.34.2"
+    "@rollup/rollup-linux-x64-gnu": "4.34.8"
   },
   "nyc": {
     "all": true,

package/src/styles/components/_button.scss

@@ -18,4 +18,16 @@
       color: white;
     }
   }
+}
+
+@each $color, $value in $base-colors {
+  .btn.select-btn-#{$color} {
+    &:hover, &:active:focus {
+      @if ($color == 'brand') {
+        background-color: map-get($subtle-colors, '#{$color}-shade-1');
+      } @else {
+        background-color: map-get($subtle-colors, '#{$color}-subtle');
+      }
+    }
+  }
 }

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' | 'warning' | 'danger' | 'info' | 'brand' | undefined
+export type Severity = 'primary' | 'secondary' | 'success'| 'success-dark' | 'warning' | 'danger' | 'info' | 'brand' | undefined
 export type Size = 'sm' | 'md' | 'lg' | undefined
 export type BarPosition = 'top' | 'left' | 'none'
 
@@ -55,4 +55,12 @@ export interface ForgeSteps {
   label: string;
   value: number;
   disabled: boolean;
+}
+
+export interface ForgeSelectButtonOption {
+  label: string,
+  value: string,
+  severity?: Severity
+  disabled?: boolean,
+  selected?: boolean,
 }