@3squared/forge-ui-3 2.16.1 → 2.17.0

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

@@ -17,6 +17,7 @@ export interface ForgeModalProps extends DialogProps {
     submitClass?: string;
     resetErrorOnClose?: boolean;
     maxHeight?: string | null;
+    minHeight?: string | null;
 }
 type __VLS_Props = ForgeModalProps;
 type __VLS_PublicProps = {

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.16.1",
+  "version": "2.17.0",
   "type": "module",
   "license": "MIT",
   "contributors": [

package/src/styles/components/_dialog.scss

@@ -1,3 +1,7 @@
 .modal-open {
   background-color: rgba($modal-backdrop-bg, $modal-backdrop-opacity);
+}
+
+.error-bg{
+  background-color: var(--bs-modal-bg);
 }

package/src/styles/components/_tile.scss

@@ -5,6 +5,8 @@
     @return #FFEFCF;
   } @else if $color == success {
     @return #C3E7D5;
+  } @else if $color == success-alternate {
+    @return #EFFFC7;
   } @else if $color == secondary {
     @return #E5E5E5;
   } @else if $color == brand {

package/src/styles/utilities/_utilities.scss

@@ -69,15 +69,23 @@ $font-weights: (
 $sizes: (
         5: 5%,
         10: 10%,
+        15: 15%,
         20: 20%,
         25: 25%,
         30: 30%,
+        35: 35%,
         40: 40%,
+        45: 45%,
         50: 50%,
+        55: 55%,
         60: 60%,
+        65: 65%,
+        70: 70%,
         75: 75%,
         80: 80%,
+        85: 85%,
         90: 90%,
+        95: 95%,
         100: 100%,
         auto: auto
 );
@@ -100,7 +108,7 @@ $sizes: (
   }
 }
 
-$max-pixels: (
+$pixels: (
         50px: 50px,
         100px: 100px,
         150px: 150px,
@@ -119,14 +127,38 @@ $max-pixels: (
 );
 
 
-@each $key, $value in $max-pixels {
+@each $key, $value in $pixels {
   .mh-#{$key} {
     max-height: $value !important;
   }
 }
 
-@each $key, $value in $max-pixels {
+@each $key, $value in $pixels {
   .mw-#{$key} {
     max-width: $value !important;
   }
+}
+
+@each $key, $value in $pixels {
+  .max-h-#{$key} {
+    max-height: $value !important;
+  }
+}
+
+@each $key, $value in $pixels {
+  .max-w-#{$key} {
+    max-width: $value !important;
+  }
+}
+
+@each $key, $value in $pixels {
+  .min-h-#{$key} {
+    min-height: $value !important;
+  }
+}
+
+@each $key, $value in $pixels {
+  .min-w-#{$key} {
+    min-width: $value !important;
+  }
 }