@veracity/vui 4.1.0 → 5.0.0-alpha.0

package/dist/theme/components.d.ts

@@ -1,3 +1,6 @@
+import { ContainerStyles } from "../button/button.types.js";
+import "../index.js";
+
 //#region src/theme/components.d.ts
 declare const _default: {
   Accordion: {
@@ -463,52 +466,56 @@ declare const _default: {
         container: {
           fontSize: string;
           h: number;
-          minW: number;
-          spaceX: number;
+          paddingX: number;
+          paddingXIcon: number;
+          paddingY: number;
+          gapX: number;
         };
         icon: {
-          size: string;
+          fontSize: string;
         };
-        text: {};
       };
       md: {
         container: {
           fontSize: string;
           h: number;
-          minW: number;
-          spaceX: number;
+          paddingX: number;
+          paddingXIcon: number;
+          paddingY: number;
+          gapX: number;
         };
         icon: {
-          size: string;
+          fontSize: string;
         };
-        text: {};
       };
       lg: {
         container: {
           fontSize: string;
           h: number;
-          minW: number;
-          spaceX: number;
+          paddingX: number;
+          paddingXIcon: number;
+          paddingY: number;
+          gapX: number;
         };
         icon: {
-          size: string;
+          fontSize: string;
         };
-        text: {};
       };
       xl: {
         container: {
           fontSize: string;
           h: number;
-          minW: number;
-          spaceX: number;
+          paddingX: number;
+          paddingXIcon: number;
+          paddingY: number;
+          gapX: number;
         };
         icon: {
-          size: string;
+          fontSize: string;
         };
-        text: {};
       };
     };
-    variants: Record<string, Record<string, Record<string, string>>>;
+    variants: Record<string, Record<string, ContainerStyles>>;
   };
   Calendar: {
     baseStyle: {};
@@ -603,7 +610,11 @@ declare const _default: {
     variants: {};
   };
   Dialog: {
-    baseStyle: {};
+    baseStyle: {
+      closeButton: {
+        '--vui-dismiss-fg': string;
+      };
+    };
     defaultProps: {
       size: string;
     };
@@ -1499,76 +1510,44 @@ declare const _default: {
     variants: {};
   };
   Notification: {
-    baseStyle: {};
-    defaultProps: {
-      variant: string;
-    };
-    parts: string[];
-    sizes: {};
-    variants: {
-      subtleBlue: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
-        button: {
-          borderColor: string;
-        };
-      };
-      subtleRed: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
-      };
-      subtleYellow: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
-      };
-      subtleGreen: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
+    baseStyle: {
+      container: {
+        borderRadius: string;
+        borderWidth: string;
+        bg: string;
+        borderColor: string;
+        color: string;
       };
-      bannerBlue: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
-        button: {
-          borderColor: string;
-        };
+      button: {
+        mt: string;
+        mr: string;
+        mb: string;
+        ml: string;
       };
-      bannerRed: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
+      icon: {
+        ml: string;
+        mt: string;
       };
-      bannerYellow: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
+      text: {
+        flex: string;
+        lineHeight: string;
+        minW: number;
+        mx: string;
+        my: string;
       };
-      bannerGreen: {
-        container: {
-          bg: string;
-          borderColor: string;
-          color: string;
-        };
+      actionBox: {
+        my: string;
+        mx: string;
       };
     };
+    parts: string[];
+    sizes: {};
+    variants: {
+      subtleBlue: object;
+      subtleRed: object;
+      subtleYellow: object;
+      subtleGreen: object;
+    };
   };
   P: {
     baseStyle: {};
@@ -2386,6 +2365,21 @@ declare const _default: {
         item: {
           color: string;
         };
+        button: {
+          bg: string;
+          hoverBg: string;
+          activeBg: string;
+          disabledBg: string;
+          borderColor: string;
+          hoverBorderColor: string;
+          activeBorderColor: string;
+          color: string;
+          hoverColor: string;
+          activeColor: string;
+          disabledColor: string;
+          disabledBorderColor: string;
+          disabledOpacity: string;
+        };
       };
       dark: {
         container: {
@@ -2406,6 +2400,21 @@ declare const _default: {
         item: {
           color: string;
         };
+        button: {
+          bg: string;
+          hoverBg: string;
+          activeBg: string;
+          disabledBg: string;
+          borderColor: string;
+          hoverBorderColor: string;
+          activeBorderColor: string;
+          color: string;
+          hoverColor: string;
+          activeColor: string;
+          disabledColor: string;
+          disabledBorderColor: string;
+          disabledOpacity: string;
+        };
       };
     };
   };

package/dist/theme/components.js

@@ -120,5 +120,5 @@ var components_default = {
 
 //#endregion
 export { components_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=components.js.map

package/dist/theme/defaultTheme.d.ts

@@ -1,3 +1,6 @@
+import { ContainerStyles } from "../button/button.types.js";
+import "../index.js";
+
 //#region src/theme/defaultTheme.d.ts
 declare const defaultTheme: {
   animations: {
@@ -420,7 +423,7 @@ declare const defaultTheme: {
   };
   fonts: {
     readonly dnvDisplay: "'DNV Display'";
-    readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+    readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;";
     readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
   };
   fontSizes: {
@@ -501,7 +504,30 @@ declare const defaultTheme: {
     none: string;
   };
   sizes: {};
-  spaces: {};
+  spaces: {
+    0: number;
+    0.5: string;
+    0.75: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+  };
   transformers: {
     border: (value: number | string, {
       props
@@ -516,6 +542,7 @@ declare const defaultTheme: {
     modal: number;
     toast: number;
     tooltip: number;
+    popover: number;
   };
   components: {
     Accordion: {
@@ -981,52 +1008,56 @@ declare const defaultTheme: {
           container: {
             fontSize: string;
             h: number;
-            minW: number;
-            spaceX: number;
+            paddingX: number;
+            paddingXIcon: number;
+            paddingY: number;
+            gapX: number;
           };
           icon: {
-            size: string;
+            fontSize: string;
           };
-          text: {};
         };
         md: {
           container: {
             fontSize: string;
             h: number;
-            minW: number;
-            spaceX: number;
+            paddingX: number;
+            paddingXIcon: number;
+            paddingY: number;
+            gapX: number;
           };
           icon: {
-            size: string;
+            fontSize: string;
           };
-          text: {};
         };
         lg: {
           container: {
             fontSize: string;
             h: number;
-            minW: number;
-            spaceX: number;
+            paddingX: number;
+            paddingXIcon: number;
+            paddingY: number;
+            gapX: number;
           };
           icon: {
-            size: string;
+            fontSize: string;
           };
-          text: {};
         };
         xl: {
           container: {
             fontSize: string;
             h: number;
-            minW: number;
-            spaceX: number;
+            paddingX: number;
+            paddingXIcon: number;
+            paddingY: number;
+            gapX: number;
           };
           icon: {
-            size: string;
+            fontSize: string;
           };
-          text: {};
         };
       };
-      variants: Record<string, Record<string, Record<string, string>>>;
+      variants: Record<string, Record<string, ContainerStyles>>;
     };
     Calendar: {
       baseStyle: {};
@@ -1121,7 +1152,11 @@ declare const defaultTheme: {
       variants: {};
     };
     Dialog: {
-      baseStyle: {};
+      baseStyle: {
+        closeButton: {
+          '--vui-dismiss-fg': string;
+        };
+      };
       defaultProps: {
         size: string;
       };
@@ -2017,76 +2052,44 @@ declare const defaultTheme: {
       variants: {};
     };
     Notification: {
-      baseStyle: {};
-      defaultProps: {
-        variant: string;
-      };
-      parts: string[];
-      sizes: {};
-      variants: {
-        subtleBlue: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
-          button: {
-            borderColor: string;
-          };
-        };
-        subtleRed: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
-        };
-        subtleYellow: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
-        };
-        subtleGreen: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
+      baseStyle: {
+        container: {
+          borderRadius: string;
+          borderWidth: string;
+          bg: string;
+          borderColor: string;
+          color: string;
         };
-        bannerBlue: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
-          button: {
-            borderColor: string;
-          };
+        button: {
+          mt: string;
+          mr: string;
+          mb: string;
+          ml: string;
         };
-        bannerRed: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
+        icon: {
+          ml: string;
+          mt: string;
         };
-        bannerYellow: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
+        text: {
+          flex: string;
+          lineHeight: string;
+          minW: number;
+          mx: string;
+          my: string;
         };
-        bannerGreen: {
-          container: {
-            bg: string;
-            borderColor: string;
-            color: string;
-          };
+        actionBox: {
+          my: string;
+          mx: string;
         };
       };
+      parts: string[];
+      sizes: {};
+      variants: {
+        subtleBlue: object;
+        subtleRed: object;
+        subtleYellow: object;
+        subtleGreen: object;
+      };
     };
     P: {
       baseStyle: {};
@@ -2904,6 +2907,21 @@ declare const defaultTheme: {
           item: {
             color: string;
           };
+          button: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            disabledBg: string;
+            borderColor: string;
+            hoverBorderColor: string;
+            activeBorderColor: string;
+            color: string;
+            hoverColor: string;
+            activeColor: string;
+            disabledColor: string;
+            disabledBorderColor: string;
+            disabledOpacity: string;
+          };
         };
         dark: {
           container: {
@@ -2924,6 +2942,21 @@ declare const defaultTheme: {
           item: {
             color: string;
           };
+          button: {
+            bg: string;
+            hoverBg: string;
+            activeBg: string;
+            disabledBg: string;
+            borderColor: string;
+            hoverBorderColor: string;
+            activeBorderColor: string;
+            color: string;
+            hoverColor: string;
+            activeColor: string;
+            disabledColor: string;
+            disabledBorderColor: string;
+            disabledOpacity: string;
+          };
         };
       };
     };

package/dist/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","names":[],"sources":["../../src/theme/defaultTheme.ts"],"mappings":";cAGM,YAAA"}
+{"version":3,"file":"defaultTheme.d.ts","names":[],"sources":["../../src/theme/defaultTheme.ts"],"mappings":";;;;cAGM,YAAA"}

package/dist/theme/defaultTheme.js

@@ -9,5 +9,5 @@ const defaultTheme = {
 
 //#endregion
 export { defaultTheme as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=defaultTheme.js.map

package/dist/theme/extendTheme.js

@@ -9,5 +9,5 @@ function extendTheme(extensions) {
 
 //#endregion
 export { extendTheme };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=extendTheme.js.map

package/dist/theme/foundations/animations.js

@@ -16,5 +16,5 @@ var animations_default = {
 
 //#endregion
 export { animations_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=animations.js.map

package/dist/theme/foundations/borders.js

@@ -3,5 +3,5 @@ var borders_default = {};
 
 //#endregion
 export { borders_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=borders.js.map

package/dist/theme/foundations/colors.js

@@ -480,5 +480,5 @@ var colors_default = {
 
 //#endregion
 export { darkBlue, colors_default as default, energyRed, grey, landGreen };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=colors.js.map

package/dist/theme/foundations/durations.js

@@ -8,5 +8,5 @@ var durations_default = {
 
 //#endregion
 export { durations_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=durations.js.map

package/dist/theme/foundations/fontSizes.js

@@ -8,5 +8,5 @@ var fontSizes_default = {
 
 //#endregion
 export { fontSizes_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=fontSizes.js.map

package/dist/theme/foundations/fontWeights.js

@@ -7,5 +7,5 @@ var fontWeights_default = {
 
 //#endregion
 export { fontWeights_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=fontWeights.js.map

package/dist/theme/foundations/fonts.d.ts

@@ -1,7 +1,7 @@
 //#region src/theme/foundations/fonts.d.ts
 declare const _default: {
   readonly dnvDisplay: "'DNV Display'";
-  readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+  readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;";
   readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
 };
 //#endregion

package/dist/theme/foundations/fonts.js

@@ -1,11 +1,11 @@
 //#region src/theme/foundations/fonts.ts
 var fonts_default = {
 	dnvDisplay: `'DNV Display'`,
-	gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
+	gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;`,
 	mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`
 };
 
 //#endregion
 export { fonts_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=fonts.js.map

package/dist/theme/foundations/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","names":[],"sources":["../../../src/theme/foundations/fonts.ts"],"sourcesContent":["export default {\n  dnvDisplay: `'DNV Display'`,\n  gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,\n  mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`,\n} as const\n"],"mappings":";AAAA,oBAAe;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP"}
+{"version":3,"file":"fonts.js","names":[],"sources":["../../../src/theme/foundations/fonts.ts"],"sourcesContent":["export default {\n  dnvDisplay: `'DNV Display'`,\n  gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', Arial, Helvetica, sans-serif;`,\n  mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`,\n} as const\n"],"mappings":";AAAA,oBAAe;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP"}

package/dist/theme/foundations/gridTemplateColumns.js

@@ -16,5 +16,5 @@ var gridTemplateColumns_default = {
 
 //#endregion
 export { gridTemplateColumns_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=gridTemplateColumns.js.map

package/dist/theme/foundations/gridTemplateRows.js

@@ -10,5 +10,5 @@ var gridTemplateRows_default = {
 
 //#endregion
 export { gridTemplateRows_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=gridTemplateRows.js.map