@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/theme/components.d.ts

@@ -1,3 +1,4 @@
+import { ContainerStyles } from "../button/button.types.js";
 //#region src/theme/components.d.ts
 declare const _default: {
   Accordion: {
@@ -463,52 +464,60 @@ declare const _default: {
         container: {
           fontSize: string;
           h: number;
-          minW: number;
-          spaceX: number;
+          paddingX: number;
+          paddingXIcon: number;
+          paddingXIconOnly: 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;
+          paddingXIconOnly: 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;
+          paddingXIconOnly: 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;
+          paddingXIconOnly: 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: {};
@@ -1495,9 +1504,42 @@ declare const _default: {
     variants: {};
   };
   Notification: {
-    baseStyle: {};
-    defaultProps: {
-      variant: string;
+    baseStyle: {
+      container: {
+        borderRadius: string;
+        borderWidth: string;
+        bg: string;
+        borderColor: string;
+        color: string;
+      };
+      button: {
+        mt: string;
+        mr: string;
+        mb: string;
+        ml: string;
+        minW: string;
+        h: string;
+        borderColor: string;
+        color: string;
+        hoverBg: string;
+        hoverColor: string;
+        activeBg: string;
+        activeColor: string;
+      };
+      icon: {
+        ml: string;
+      };
+      text: {
+        flex: string;
+        lineHeight: string;
+        minW: number;
+        mx: string;
+        my: string;
+      };
+      actionBox: {
+        my: string;
+        mx: string;
+      };
     };
     parts: string[];
     sizes: {};
@@ -1509,59 +1551,81 @@ declare const _default: {
           color: string;
         };
         button: {
-          borderColor: string;
+          color: string;
+          hoverColor: string;
+          activeColor: string;
         };
-      };
-      subtleRed: {
-        container: {
+        action: {
           bg: string;
           borderColor: string;
           color: string;
+          hoverBg: string;
+          hoverColor: string;
+          activeBg: string;
+          activeColor: string;
         };
       };
-      subtleYellow: {
+      subtleRed: {
         container: {
           bg: string;
           borderColor: string;
           color: string;
         };
-      };
-      subtleGreen: {
-        container: {
+        button: {
+          color: string;
+          hoverColor: string;
+          activeColor: string;
+        };
+        action: {
           bg: string;
           borderColor: string;
           color: string;
+          hoverBg: string;
+          hoverColor: string;
+          activeBg: string;
+          activeColor: string;
         };
       };
-      bannerBlue: {
+      subtleYellow: {
         container: {
           bg: string;
           borderColor: string;
           color: string;
         };
         button: {
-          borderColor: string;
+          color: string;
+          hoverColor: string;
+          activeColor: string;
         };
-      };
-      bannerRed: {
-        container: {
+        action: {
           bg: string;
           borderColor: string;
           color: string;
+          hoverBg: string;
+          hoverColor: string;
+          activeBg: string;
+          activeColor: string;
         };
       };
-      bannerYellow: {
+      subtleGreen: {
         container: {
           bg: string;
           borderColor: string;
           color: string;
         };
-      };
-      bannerGreen: {
-        container: {
+        button: {
+          color: string;
+          hoverColor: string;
+          activeColor: string;
+        };
+        action: {
           bg: string;
           borderColor: string;
           color: string;
+          hoverBg: string;
+          hoverColor: string;
+          activeBg: string;
+          activeColor: string;
         };
       };
     };
@@ -2378,6 +2442,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: {
@@ -2398,6 +2477,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.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=components.js.map

package/dist/theme/defaultTheme.d.ts

@@ -1,3 +1,4 @@
+import { ContainerStyles } from "../button/button.types.js";
 //#region src/theme/defaultTheme.d.ts
 declare const defaultTheme: {
   animations: {
@@ -981,52 +982,60 @@ declare const defaultTheme: {
           container: {
             fontSize: string;
             h: number;
-            minW: number;
-            spaceX: number;
+            paddingX: number;
+            paddingXIcon: number;
+            paddingXIconOnly: 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;
+            paddingXIconOnly: 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;
+            paddingXIconOnly: 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;
+            paddingXIconOnly: 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: {};
@@ -2013,9 +2022,42 @@ declare const defaultTheme: {
       variants: {};
     };
     Notification: {
-      baseStyle: {};
-      defaultProps: {
-        variant: string;
+      baseStyle: {
+        container: {
+          borderRadius: string;
+          borderWidth: string;
+          bg: string;
+          borderColor: string;
+          color: string;
+        };
+        button: {
+          mt: string;
+          mr: string;
+          mb: string;
+          ml: string;
+          minW: string;
+          h: string;
+          borderColor: string;
+          color: string;
+          hoverBg: string;
+          hoverColor: string;
+          activeBg: string;
+          activeColor: string;
+        };
+        icon: {
+          ml: string;
+        };
+        text: {
+          flex: string;
+          lineHeight: string;
+          minW: number;
+          mx: string;
+          my: string;
+        };
+        actionBox: {
+          my: string;
+          mx: string;
+        };
       };
       parts: string[];
       sizes: {};
@@ -2027,59 +2069,81 @@ declare const defaultTheme: {
             color: string;
           };
           button: {
-            borderColor: string;
+            color: string;
+            hoverColor: string;
+            activeColor: string;
           };
-        };
-        subtleRed: {
-          container: {
+          action: {
             bg: string;
             borderColor: string;
             color: string;
+            hoverBg: string;
+            hoverColor: string;
+            activeBg: string;
+            activeColor: string;
           };
         };
-        subtleYellow: {
+        subtleRed: {
           container: {
             bg: string;
             borderColor: string;
             color: string;
           };
-        };
-        subtleGreen: {
-          container: {
+          button: {
+            color: string;
+            hoverColor: string;
+            activeColor: string;
+          };
+          action: {
             bg: string;
             borderColor: string;
             color: string;
+            hoverBg: string;
+            hoverColor: string;
+            activeBg: string;
+            activeColor: string;
           };
         };
-        bannerBlue: {
+        subtleYellow: {
           container: {
             bg: string;
             borderColor: string;
             color: string;
           };
           button: {
-            borderColor: string;
+            color: string;
+            hoverColor: string;
+            activeColor: string;
           };
-        };
-        bannerRed: {
-          container: {
+          action: {
             bg: string;
             borderColor: string;
             color: string;
+            hoverBg: string;
+            hoverColor: string;
+            activeBg: string;
+            activeColor: string;
           };
         };
-        bannerYellow: {
+        subtleGreen: {
           container: {
             bg: string;
             borderColor: string;
             color: string;
           };
-        };
-        bannerGreen: {
-          container: {
+          button: {
+            color: string;
+            hoverColor: string;
+            activeColor: string;
+          };
+          action: {
             bg: string;
             borderColor: string;
             color: string;
+            hoverBg: string;
+            hoverColor: string;
+            activeBg: string;
+            activeColor: string;
           };
         };
       };
@@ -2896,6 +2960,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: {
@@ -2916,6 +2995,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.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=defaultTheme.js.map

package/dist/theme/extendTheme.js

@@ -9,5 +9,5 @@ function extendTheme(extensions) {
 
 //#endregion
 export { extendTheme };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# 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.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=borders.js.map

package/dist/theme/foundations/colors.js

@@ -1,4 +1,4 @@
-import { buttonDisabledCursor as buttonDisabledCursor$1, buttonDisabledOpacity as buttonDisabledOpacity$1, buttonTypePrimaryActiveBackgroundColorDark as buttonTypePrimaryActiveBackgroundColorDark$1, buttonTypePrimaryActiveBackgroundColorLight as buttonTypePrimaryActiveBackgroundColorLight$1, buttonTypePrimaryActiveBorderColorDark as buttonTypePrimaryActiveBorderColorDark$1, buttonTypePrimaryActiveBorderColorLight as buttonTypePrimaryActiveBorderColorLight$1, buttonTypePrimaryActiveTextColorDark as buttonTypePrimaryActiveTextColorDark$1, buttonTypePrimaryActiveTextColorLight as buttonTypePrimaryActiveTextColorLight$1, buttonTypePrimaryDefaultBackgroundColorDark as buttonTypePrimaryDefaultBackgroundColorDark$1, buttonTypePrimaryDefaultBackgroundColorLight as buttonTypePrimaryDefaultBackgroundColorLight$1, buttonTypePrimaryDefaultBorderColorDark as buttonTypePrimaryDefaultBorderColorDark$1, buttonTypePrimaryDefaultBorderColorLight as buttonTypePrimaryDefaultBorderColorLight$1, buttonTypePrimaryDefaultTextColorDark as buttonTypePrimaryDefaultTextColorDark$1, buttonTypePrimaryDefaultTextColorLight as buttonTypePrimaryDefaultTextColorLight$1, buttonTypePrimaryFocusOutline as buttonTypePrimaryFocusOutline$1, buttonTypePrimaryHoverBackgroundColorDark as buttonTypePrimaryHoverBackgroundColorDark$1, buttonTypePrimaryHoverBackgroundColorLight as buttonTypePrimaryHoverBackgroundColorLight$1, buttonTypePrimaryHoverBorderColorDark as buttonTypePrimaryHoverBorderColorDark$1, buttonTypePrimaryHoverBorderColorLight as buttonTypePrimaryHoverBorderColorLight$1, buttonTypePrimaryHoverTextColorDark as buttonTypePrimaryHoverTextColorDark$1, buttonTypePrimaryHoverTextColorLight as buttonTypePrimaryHoverTextColorLight$1, buttonTypeSecondaryActiveBackgroundColorDark as buttonTypeSecondaryActiveBackgroundColorDark$1, buttonTypeSecondaryActiveBackgroundColorLight as buttonTypeSecondaryActiveBackgroundColorLight$1, buttonTypeSecondaryActiveBorderColorDark as buttonTypeSecondaryActiveBorderColorDark$1, buttonTypeSecondaryActiveBorderColorLight as buttonTypeSecondaryActiveBorderColorLight$1, buttonTypeSecondaryActiveTextColorDark as buttonTypeSecondaryActiveTextColorDark$1, buttonTypeSecondaryActiveTextColorLight as buttonTypeSecondaryActiveTextColorLight$1, buttonTypeSecondaryDefaultBackgroundColorDark as buttonTypeSecondaryDefaultBackgroundColorDark$1, buttonTypeSecondaryDefaultBackgroundColorLight as buttonTypeSecondaryDefaultBackgroundColorLight$1, buttonTypeSecondaryDefaultBorderColorDark as buttonTypeSecondaryDefaultBorderColorDark$1, buttonTypeSecondaryDefaultBorderColorLight as buttonTypeSecondaryDefaultBorderColorLight$1, buttonTypeSecondaryDefaultTextColorDark as buttonTypeSecondaryDefaultTextColorDark$1, buttonTypeSecondaryDefaultTextColorLight as buttonTypeSecondaryDefaultTextColorLight$1, buttonTypeSecondaryFocusOutline as buttonTypeSecondaryFocusOutline$1, buttonTypeSecondaryHoverBackgroundColorDark as buttonTypeSecondaryHoverBackgroundColorDark$1, buttonTypeSecondaryHoverBackgroundColorLight as buttonTypeSecondaryHoverBackgroundColorLight$1, buttonTypeSecondaryHoverBorderColorDark as buttonTypeSecondaryHoverBorderColorDark$1, buttonTypeSecondaryHoverBorderColorLight as buttonTypeSecondaryHoverBorderColorLight$1, buttonTypeSecondaryHoverTextColorDark as buttonTypeSecondaryHoverTextColorDark$1, buttonTypeSecondaryHoverTextColorLight as buttonTypeSecondaryHoverTextColorLight$1, buttonTypeTertiaryActiveBackgroundColorDark as buttonTypeTertiaryActiveBackgroundColorDark$1, buttonTypeTertiaryActiveBackgroundColorLight as buttonTypeTertiaryActiveBackgroundColorLight$1, buttonTypeTertiaryActiveBorderColorDark as buttonTypeTertiaryActiveBorderColorDark$1, buttonTypeTertiaryActiveBorderColorLight as buttonTypeTertiaryActiveBorderColorLight$1, buttonTypeTertiaryActiveTextColorDark as buttonTypeTertiaryActiveTextColorDark$1, buttonTypeTertiaryActiveTextColorLight as buttonTypeTertiaryActiveTextColorLight$1, buttonTypeTertiaryDefaultBackgroundColorDark as buttonTypeTertiaryDefaultBackgroundColorDark$1, buttonTypeTertiaryDefaultBackgroundColorLight as buttonTypeTertiaryDefaultBackgroundColorLight$1, buttonTypeTertiaryDefaultBorderColorDark as buttonTypeTertiaryDefaultBorderColorDark$1, buttonTypeTertiaryDefaultBorderColorLight as buttonTypeTertiaryDefaultBorderColorLight$1, buttonTypeTertiaryDefaultTextColorDark as buttonTypeTertiaryDefaultTextColorDark$1, buttonTypeTertiaryDefaultTextColorLight as buttonTypeTertiaryDefaultTextColorLight$1, buttonTypeTertiaryFocusOutline as buttonTypeTertiaryFocusOutline$1, buttonTypeTertiaryHoverBackgroundColorDark as buttonTypeTertiaryHoverBackgroundColorDark$1, buttonTypeTertiaryHoverBackgroundColorLight as buttonTypeTertiaryHoverBackgroundColorLight$1, buttonTypeTertiaryHoverBorderColorDark as buttonTypeTertiaryHoverBorderColorDark$1, buttonTypeTertiaryHoverBorderColorLight as buttonTypeTertiaryHoverBorderColorLight$1, buttonTypeTertiaryHoverTextColorDark as buttonTypeTertiaryHoverTextColorDark$1, buttonTypeTertiaryHoverTextColorLight as buttonTypeTertiaryHoverTextColorLight$1 } from "../../onedesign-tokens/dist/js/rem/button.js";
+import { buttonDisabledCursor as buttonDisabledCursor$1, buttonTypePrimaryActiveBackgroundColorDark as buttonTypePrimaryActiveBackgroundColorDark$1, buttonTypePrimaryActiveBackgroundColorLight as buttonTypePrimaryActiveBackgroundColorLight$1, buttonTypePrimaryActiveBorderColorDark as buttonTypePrimaryActiveBorderColorDark$1, buttonTypePrimaryActiveBorderColorLight as buttonTypePrimaryActiveBorderColorLight$1, buttonTypePrimaryActiveTextColorDark as buttonTypePrimaryActiveTextColorDark$1, buttonTypePrimaryActiveTextColorLight as buttonTypePrimaryActiveTextColorLight$1, buttonTypePrimaryDefaultBackgroundColorDark as buttonTypePrimaryDefaultBackgroundColorDark$1, buttonTypePrimaryDefaultBackgroundColorLight as buttonTypePrimaryDefaultBackgroundColorLight$1, buttonTypePrimaryDefaultBorderColorDark as buttonTypePrimaryDefaultBorderColorDark$1, buttonTypePrimaryDefaultBorderColorLight as buttonTypePrimaryDefaultBorderColorLight$1, buttonTypePrimaryDefaultTextColorDark as buttonTypePrimaryDefaultTextColorDark$1, buttonTypePrimaryDefaultTextColorLight as buttonTypePrimaryDefaultTextColorLight$1, buttonTypePrimaryFocusOutline as buttonTypePrimaryFocusOutline$1, buttonTypePrimaryHoverBackgroundColorDark as buttonTypePrimaryHoverBackgroundColorDark$1, buttonTypePrimaryHoverBackgroundColorLight as buttonTypePrimaryHoverBackgroundColorLight$1, buttonTypePrimaryHoverBorderColorDark as buttonTypePrimaryHoverBorderColorDark$1, buttonTypePrimaryHoverBorderColorLight as buttonTypePrimaryHoverBorderColorLight$1, buttonTypePrimaryHoverTextColorDark as buttonTypePrimaryHoverTextColorDark$1, buttonTypePrimaryHoverTextColorLight as buttonTypePrimaryHoverTextColorLight$1, buttonTypeSecondaryActiveBackgroundColorDark as buttonTypeSecondaryActiveBackgroundColorDark$1, buttonTypeSecondaryActiveBackgroundColorLight as buttonTypeSecondaryActiveBackgroundColorLight$1, buttonTypeSecondaryActiveBorderColorDark as buttonTypeSecondaryActiveBorderColorDark$1, buttonTypeSecondaryActiveBorderColorLight as buttonTypeSecondaryActiveBorderColorLight$1, buttonTypeSecondaryActiveTextColorDark as buttonTypeSecondaryActiveTextColorDark$1, buttonTypeSecondaryActiveTextColorLight as buttonTypeSecondaryActiveTextColorLight$1, buttonTypeSecondaryDefaultBackgroundColorDark as buttonTypeSecondaryDefaultBackgroundColorDark$1, buttonTypeSecondaryDefaultBackgroundColorLight as buttonTypeSecondaryDefaultBackgroundColorLight$1, buttonTypeSecondaryDefaultBorderColorDark as buttonTypeSecondaryDefaultBorderColorDark$1, buttonTypeSecondaryDefaultBorderColorLight as buttonTypeSecondaryDefaultBorderColorLight$1, buttonTypeSecondaryDefaultTextColorDark as buttonTypeSecondaryDefaultTextColorDark$1, buttonTypeSecondaryDefaultTextColorLight as buttonTypeSecondaryDefaultTextColorLight$1, buttonTypeSecondaryFocusOutline as buttonTypeSecondaryFocusOutline$1, buttonTypeSecondaryHoverBackgroundColorDark as buttonTypeSecondaryHoverBackgroundColorDark$1, buttonTypeSecondaryHoverBackgroundColorLight as buttonTypeSecondaryHoverBackgroundColorLight$1, buttonTypeSecondaryHoverBorderColorDark as buttonTypeSecondaryHoverBorderColorDark$1, buttonTypeSecondaryHoverBorderColorLight as buttonTypeSecondaryHoverBorderColorLight$1, buttonTypeSecondaryHoverTextColorDark as buttonTypeSecondaryHoverTextColorDark$1, buttonTypeSecondaryHoverTextColorLight as buttonTypeSecondaryHoverTextColorLight$1, buttonTypeTertiaryActiveBackgroundColorDark as buttonTypeTertiaryActiveBackgroundColorDark$1, buttonTypeTertiaryActiveBackgroundColorLight as buttonTypeTertiaryActiveBackgroundColorLight$1, buttonTypeTertiaryActiveBorderColorDark as buttonTypeTertiaryActiveBorderColorDark$1, buttonTypeTertiaryActiveBorderColorLight as buttonTypeTertiaryActiveBorderColorLight$1, buttonTypeTertiaryActiveTextColorDark as buttonTypeTertiaryActiveTextColorDark$1, buttonTypeTertiaryActiveTextColorLight as buttonTypeTertiaryActiveTextColorLight$1, buttonTypeTertiaryDefaultBackgroundColorDark as buttonTypeTertiaryDefaultBackgroundColorDark$1, buttonTypeTertiaryDefaultBackgroundColorLight as buttonTypeTertiaryDefaultBackgroundColorLight$1, buttonTypeTertiaryDefaultBorderColorDark as buttonTypeTertiaryDefaultBorderColorDark$1, buttonTypeTertiaryDefaultBorderColorLight as buttonTypeTertiaryDefaultBorderColorLight$1, buttonTypeTertiaryDefaultTextColorDark as buttonTypeTertiaryDefaultTextColorDark$1, buttonTypeTertiaryDefaultTextColorLight as buttonTypeTertiaryDefaultTextColorLight$1, buttonTypeTertiaryFocusOutline as buttonTypeTertiaryFocusOutline$1, buttonTypeTertiaryHoverBackgroundColorDark as buttonTypeTertiaryHoverBackgroundColorDark$1, buttonTypeTertiaryHoverBackgroundColorLight as buttonTypeTertiaryHoverBackgroundColorLight$1, buttonTypeTertiaryHoverBorderColorDark as buttonTypeTertiaryHoverBorderColorDark$1, buttonTypeTertiaryHoverBorderColorLight as buttonTypeTertiaryHoverBorderColorLight$1, buttonTypeTertiaryHoverTextColorDark as buttonTypeTertiaryHoverTextColorDark$1, buttonTypeTertiaryHoverTextColorLight as buttonTypeTertiaryHoverTextColorLight$1 } from "../../onedesign-tokens/dist/js/rem/button.js";
 
 //#region src/theme/foundations/colors.ts
 const buttonTypePrimaryDefaultBorderColorDark = buttonTypePrimaryDefaultBorderColorDark$1;
@@ -59,7 +59,7 @@ const buttonTypeTertiaryActiveTextColorDark = buttonTypeTertiaryActiveTextColorD
 const buttonTypeTertiaryActiveTextColorLight = buttonTypeTertiaryActiveTextColorLight$1;
 const buttonTypeTertiaryFocusOutline = buttonTypeTertiaryFocusOutline$1;
 const buttonDisabledCursor = buttonDisabledCursor$1;
-const buttonDisabledOpacity = buttonDisabledOpacity$1;
+const buttonDisabledOpacity = "0.5";
 const focusColor = "hsla(196, 100%, 43%, 1)";
 const darkBlue = {
 	95: "hsl(223, 67%, 95%)",
@@ -480,5 +480,5 @@ var colors_default = {
 
 //#endregion
 export { darkBlue, colors_default as default, energyRed, grey, landGreen };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=colors.js.map