@3squared/forge-ui-3 2.10.1 → 2.12.0

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

@@ -1,5 +1,10 @@
 import { DialogProps } from 'primevue/dialog';
 import { Size } from '../types/forge-types.ts';
+export interface ForgeModalError {
+    hasError: boolean;
+    header: string;
+    message: string[];
+}
 export interface ForgeModalProps extends DialogProps {
     cancelText?: string;
     submitText?: string;
@@ -11,10 +16,12 @@ export interface ForgeModalProps extends DialogProps {
     cancelClass?: string;
     submitClass?: string;
     resetErrorOnClose?: boolean;
+    maxHeight?: string | null;
 }
 type __VLS_Props = ForgeModalProps;
 type __VLS_PublicProps = {
     'visible': boolean;
+    'error'?: ForgeModalError;
 } & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -27,8 +34,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     resetError: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:visible": (value: boolean) => any;
+    "update:error": (value: ForgeModalError) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:error"?: ((value: ForgeModalError) => any) | undefined;
 }>, {
     size: "md" | "sm" | "lg" | "xl";
     header: string;

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.10.1",
+  "version": "2.12.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -46,22 +46,22 @@
     "yup": "^1.6.1"
   },
   "devDependencies": {
-    "@cypress/code-coverage": "3.13.11",
-    "@primevue/auto-import-resolver": "4.2.5",
+    "@cypress/code-coverage": "3.13.12",
+    "@primevue/auto-import-resolver": "4.3.1",
     "@vitejs/plugin-vue": "5.2.1",
-    "@vitest/coverage-v8": "3.0.6",
-    "@vitest/ui": "3.0.6",
+    "@vitest/coverage-v8": "3.0.7",
+    "@vitest/ui": "3.0.7",
     "cypress": "14.0.3",
     "cypress-real-events": "1.14.0",
     "rollup-plugin-visualizer": "5.14.0",
-    "sass": "1.85.0",
+    "sass": "1.85.1",
     "typescript": "5.7.3",
     "unplugin-vue-components": "28.4.0",
-    "vite": "6.1.1",
+    "vite": "6.2.0",
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-dts": "4.5.0",
     "vite-plugin-istanbul": "7.0.0",
-    "vitest": "3.0.6",
+    "vitest": "3.0.7",
     "vue-drawing-canvas": "1.0.14"
   },
   "optionalDependencies": {

package/src/styles/utilities/_utilities.scss

@@ -52,4 +52,81 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+}
+
+$font-weights: (
+        'fw-100': 100,
+        'fw-200': 200,
+        'fw-300': 300,
+        'fw-400': 400,
+        'fw-500': 500,
+        'fw-600': 600,
+        'fw-700': 700,
+        'fw-800': 800,
+        'fw-900': 900
+);
+
+$sizes: (
+        5: 5%,
+        10: 10%,
+        20: 20%,
+        25: 25%,
+        30: 30%,
+        40: 40%,
+        50: 50%,
+        60: 60%,
+        75: 75%,
+        80: 80%,
+        90: 90%,
+        100: 100%,
+        auto: auto
+);
+
+@each $size, $value in $sizes {
+  .w-#{$size} {
+    width: $value;
+  }
+}
+
+@each $color, $value in $grays {
+  .bg-grey-#{$color} {
+    background-color: $value !important;
+  }
+}
+
+@each $font-weight, $value in $font-weights {
+  .fw-#{$value} {
+    font-weight: $value;
+  }
+}
+
+$max-pixels: (
+        50px: 50px,
+        100px: 100px,
+        150px: 150px,
+        200px: 200px,
+        250px: 250px,
+        300px: 300px,
+        350px: 350px,
+        400px: 400px,
+        450px: 450px,
+        500px: 500px,
+        600px: 600px,
+        700px: 700px,
+        800px: 800px,
+        900px: 900px,
+        1000px: 1000px
+);
+
+
+@each $key, $value in $max-pixels {
+  .mh-#{$key} {
+    max-height: $value !important;
+  }
+}
+
+@each $key, $value in $max-pixels {
+  .mw-#{$key} {
+    max-width: $value !important;
+  }
 }

package/src/styles/utilities/_variables.scss

@@ -62,54 +62,6 @@ $dark-colors: (
         'danger-dark': $danger-dark
 );
 
-$font-weights: (
-        'fw-100': 100,
-        'fw-200': 200,
-        'fw-300': 300,
-        'fw-400': 400,
-        'fw-500': 500,
-        'fw-600': 600,
-        'fw-700': 700,
-        'fw-800': 800,
-        'fw-900': 900
-);
-
-$sizes: (
-        5: 5%,
-        10: 10%,
-        20: 20%,
-        25: 25%,
-        30: 30%,
-        40: 40%,
-        50: 50%,
-        60: 60%,
-        75: 75%,
-        80: 80%,
-        90: 90%,
-        100: 100%,
-        auto: auto
-);
-
-@each $size, $value in $sizes {
-  .w-#{$size} {
-    width: $value;
-  }
-}
-
-@each $color, $value in $grays {
-  .bg-grey-#{$color} {
-    background-color: $value !important;
-  }
-}
-
-@each $font-weight, $value in $font-weights {
- .fw-#{$value} {
-   font-weight: $value;
- }
-}
-
-
-
 $theme-colors: map-merge-multiple($theme-colors, $base-colors, $subtle-colors, $dark-colors);
 
 $brand-text-emphasis: shade-color($brand, 60%) !default;