@telicent-oss/ds 0.15.1 → 0.16.0

package/dist/ds.js

@@ -19470,12 +19470,12 @@ var beforeRead = "beforeRead";
 var read = "read";
 var afterRead = "afterRead";
 var beforeMain = "beforeMain";
-var main$2 = "main";
+var main$3 = "main";
 var afterMain = "afterMain";
 var beforeWrite = "beforeWrite";
 var write = "write";
 var afterWrite = "afterWrite";
-var modifierPhases = [beforeRead, read, afterRead, beforeMain, main$2, afterMain, beforeWrite, write, afterWrite];
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main$3, afterMain, beforeWrite, write, afterWrite];
 function getNodeName(element) {
   return element ? (element.nodeName || "").toLowerCase() : null;
 }
@@ -55053,7 +55053,8 @@ const AppBar2 = ({
   beta = false,
   position: position2 = "relative",
   apps = [],
-  userProfile
+  endChild,
+  version
 }) => {
   const theme = useExtendedTheme();
   return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, children: [
@@ -55075,17 +55076,16 @@ const AppBar2 = ({
         fontFamily: "Figtree",
         fontSize: 40
       }, children: appName }),
-      beta && /* @__PURE__ */ jsx$1(Box, { position: "absolute", right: -28, bottom: 2, fontSize: 8, paddingInline: 0.5, sx: {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.primary.contrastText
-      }, children: "BETA" })
+      version && /* @__PURE__ */ jsx$1(Box, { position: "absolute", right: -33, bottom: 5, fontSize: 12, paddingInline: 0.5, sx: {
+        color: theme.palette.secondary.contrastText
+      }, children: version })
     ] }),
-    userProfile && /* @__PURE__ */ jsx$1(Stack, { sx: {
+    endChild && /* @__PURE__ */ jsx$1(Stack, { sx: {
       position: "absolute",
       top: "50%",
       right: 16,
       transform: "translate(0, -50%)"
-    }, children: userProfile })
+    }, children: endChild })
   ] });
 };
 const AppChrome = ({
@@ -60646,8 +60646,17 @@ const DATA_NAVY = {
   500: "#2F44CA",
   600: "#2636A2"
 };
-const main$1 = "#F56AAA";
+const main$2 = "#F56AAA";
 const DOCUMENT_PINK = {
+  50: alpha$1(main$2, 0.1),
+  100: alpha$1(main$2, 0.2),
+  200: alpha$1(main$2, 0.3),
+  400: alpha$1(main$2, 0.5),
+  500: main$2,
+  600: alpha$1(main$2, 0.7)
+};
+const main$1 = "#F2A64B";
+const GRAPH_ORANGE = {
   50: alpha$1(main$1, 0.1),
   100: alpha$1(main$1, 0.2),
   200: alpha$1(main$1, 0.3),
@@ -60655,8 +60664,8 @@ const DOCUMENT_PINK = {
   500: main$1,
   600: alpha$1(main$1, 0.7)
 };
-const main = "#F2A64B";
-const GRAPH_ORANGE = {
+const main = "#20BCFA";
+const ADMIN_BLUE = {
   50: alpha$1(main, 0.1),
   100: alpha$1(main, 0.2),
   200: alpha$1(main, 0.3),
@@ -60664,7 +60673,7 @@ const GRAPH_ORANGE = {
   500: main,
   600: alpha$1(main, 0.7)
 };
-const UIThemeSchema = z.enum(["light", "dark", "DataNavy", "DocumentPink", "GraphOrange"]);
+const UIThemeSchema = z.enum(["light", "dark", "DataNavy", "DocumentPink", "GraphOrange", "AdminBlue"]);
 const lightMain = common.white;
 const THEME_COLORS = {
   DataNavy: {
@@ -60685,7 +60694,7 @@ const THEME_COLORS = {
     // TODO fix dark theme
     light: alpha$1(lightMain, 0.5),
     dark: alpha$1(lightMain, 0.9),
-    contrastText: common.black
+    contrastText: common.white
   },
   DocumentPink: {
     ...DOCUMENT_PINK,
@@ -60700,6 +60709,13 @@ const THEME_COLORS = {
     light: GRAPH_ORANGE[400],
     dark: GRAPH_ORANGE[600],
     contrastText: common.black
+  },
+  AdminBlue: {
+    ...ADMIN_BLUE,
+    main: ADMIN_BLUE[500],
+    light: ADMIN_BLUE[400],
+    dark: ADMIN_BLUE[600],
+    contrastText: common.black
   }
 };
 const AVATAR_OVERRIDES = {

package/dist/ds.umd.cjs

@@ -19488,12 +19488,12 @@ Please use another name.` : formatMuiErrorMessage$1(18));
   var read = "read";
   var afterRead = "afterRead";
   var beforeMain = "beforeMain";
-  var main$2 = "main";
+  var main$3 = "main";
   var afterMain = "afterMain";
   var beforeWrite = "beforeWrite";
   var write = "write";
   var afterWrite = "afterWrite";
-  var modifierPhases = [beforeRead, read, afterRead, beforeMain, main$2, afterMain, beforeWrite, write, afterWrite];
+  var modifierPhases = [beforeRead, read, afterRead, beforeMain, main$3, afterMain, beforeWrite, write, afterWrite];
   function getNodeName(element) {
     return element ? (element.nodeName || "").toLowerCase() : null;
   }
@@ -55071,7 +55071,8 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     beta = false,
     position: position2 = "relative",
     apps = [],
-    userProfile
+    endChild,
+    version
   }) => {
     const theme = useExtendedTheme();
     return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, children: [
@@ -55093,17 +55094,16 @@ Please use another name.` : formatMuiErrorMessage$1(18));
           fontFamily: "Figtree",
           fontSize: 40
         }, children: appName }),
-        beta && /* @__PURE__ */ jsx$1(Box, { position: "absolute", right: -28, bottom: 2, fontSize: 8, paddingInline: 0.5, sx: {
-          backgroundColor: theme.palette.primary.main,
-          color: theme.palette.primary.contrastText
-        }, children: "BETA" })
+        version && /* @__PURE__ */ jsx$1(Box, { position: "absolute", right: -33, bottom: 5, fontSize: 12, paddingInline: 0.5, sx: {
+          color: theme.palette.secondary.contrastText
+        }, children: version })
       ] }),
-      userProfile && /* @__PURE__ */ jsx$1(Stack, { sx: {
+      endChild && /* @__PURE__ */ jsx$1(Stack, { sx: {
         position: "absolute",
         top: "50%",
         right: 16,
         transform: "translate(0, -50%)"
-      }, children: userProfile })
+      }, children: endChild })
     ] });
   };
   const AppChrome = ({
@@ -60664,8 +60664,17 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     500: "#2F44CA",
     600: "#2636A2"
   };
-  const main$1 = "#F56AAA";
+  const main$2 = "#F56AAA";
   const DOCUMENT_PINK = {
+    50: alpha$1(main$2, 0.1),
+    100: alpha$1(main$2, 0.2),
+    200: alpha$1(main$2, 0.3),
+    400: alpha$1(main$2, 0.5),
+    500: main$2,
+    600: alpha$1(main$2, 0.7)
+  };
+  const main$1 = "#F2A64B";
+  const GRAPH_ORANGE = {
     50: alpha$1(main$1, 0.1),
     100: alpha$1(main$1, 0.2),
     200: alpha$1(main$1, 0.3),
@@ -60673,8 +60682,8 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     500: main$1,
     600: alpha$1(main$1, 0.7)
   };
-  const main = "#F2A64B";
-  const GRAPH_ORANGE = {
+  const main = "#20BCFA";
+  const ADMIN_BLUE = {
     50: alpha$1(main, 0.1),
     100: alpha$1(main, 0.2),
     200: alpha$1(main, 0.3),
@@ -60682,7 +60691,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     500: main,
     600: alpha$1(main, 0.7)
   };
-  const UIThemeSchema = z.enum(["light", "dark", "DataNavy", "DocumentPink", "GraphOrange"]);
+  const UIThemeSchema = z.enum(["light", "dark", "DataNavy", "DocumentPink", "GraphOrange", "AdminBlue"]);
   const lightMain = common.white;
   const THEME_COLORS = {
     DataNavy: {
@@ -60703,7 +60712,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
       // TODO fix dark theme
       light: alpha$1(lightMain, 0.5),
       dark: alpha$1(lightMain, 0.9),
-      contrastText: common.black
+      contrastText: common.white
     },
     DocumentPink: {
       ...DOCUMENT_PINK,
@@ -60718,6 +60727,13 @@ Please use another name.` : formatMuiErrorMessage$1(18));
       light: GRAPH_ORANGE[400],
       dark: GRAPH_ORANGE[600],
       contrastText: common.black
+    },
+    AdminBlue: {
+      ...ADMIN_BLUE,
+      main: ADMIN_BLUE[500],
+      light: ADMIN_BLUE[400],
+      dark: ADMIN_BLUE[600],
+      contrastText: common.black
     }
   };
   const AVATAR_OVERRIDES = {

package/dist/src/v1/components/surfaces/AppBar/AppBar.d.ts

@@ -6,8 +6,9 @@ export type AppBarProps = Partial<{
     appName: string;
     beta: boolean;
     apps: AppSwitchLibraryType;
-    userProfile: React.ReactNode;
+    endChild: React.ReactNode;
     position: MUIAppBarProps["position"];
+    version: string;
 }>;
 declare const AppBar: React.FC<AppBarProps>;
 export default AppBar;

package/dist/src/v1/components/surfaces/AppBar/AppBar.stories.d.ts

@@ -7,3 +7,5 @@ type Story = StoryObj<typeof AppBar>;
 export declare const Example: Story;
 export declare const WithAppName: Story;
 export declare const WithUserProfile: Story;
+export declare const WithVersionNumber: Story;
+export declare const WithSignOutButton: Story;

package/dist/src/v1/theme/colors/admin-blue.d.ts

@@ -0,0 +1,9 @@
+declare const ADMIN_BLUE: {
+    50: string;
+    100: string;
+    200: string;
+    400: string;
+    500: string;
+    600: string;
+};
+export default ADMIN_BLUE;

package/dist/src/v1/theme/colors/theme-colors.d.ts

@@ -1,6 +1,6 @@
 import { default as zod } from 'zod';
 
-export declare const UIThemeSchema: zod.ZodEnum<["light", "dark", "DataNavy", "DocumentPink", "GraphOrange"]>;
+export declare const UIThemeSchema: zod.ZodEnum<["light", "dark", "DataNavy", "DocumentPink", "GraphOrange", "AdminBlue"]>;
 export type UITheme = zod.infer<typeof UIThemeSchema>;
 declare const THEME_COLORS: {
     DataNavy: {
@@ -25,7 +25,7 @@ declare const THEME_COLORS: {
         main: "#fff";
         light: string;
         dark: string;
-        contrastText: "#000";
+        contrastText: "#fff";
     };
     DocumentPink: {
         main: string;
@@ -51,5 +51,17 @@ declare const THEME_COLORS: {
         500: string;
         600: string;
     };
+    AdminBlue: {
+        main: string;
+        light: string;
+        dark: string;
+        contrastText: "#000";
+        50: string;
+        100: string;
+        200: string;
+        400: string;
+        500: string;
+        600: string;
+    };
 };
 export default THEME_COLORS;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",