@telicent-oss/ds 0.15.0 → 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 = {
@@ -61058,42 +61074,6 @@ const Modal2 = ({
     children2
   ] }) });
 };
-const propCheckErrorDefault = (problem) => {
-  if (process.env.NODE_ENV === "production") {
-    console.warn(problem);
-  } else {
-    throw new Error(problem);
-  }
-};
-const SocketedText = ({
-  children: children2,
-  beforeItem,
-  afterItem,
-  beforeItemSX,
-  afterItemSX,
-  component = "span",
-  href,
-  containerSX,
-  propCheckError = propCheckErrorDefault,
-  ...rest
-}) => {
-  if (component === "a" && !href) {
-    propCheckError('SocketedText: When using component="a", the "href" prop is required.');
-  }
-  if (beforeItem === void 0 && afterItem === void 0) {
-    propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
-  }
-  return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
-    display: "inline-flex",
-    alignItems: "center",
-    gap: 1,
-    ...containerSX
-  }, children: [
-    beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
-    /* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
-    afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
-  ] }) });
-};
 export {
   AppBar2 as AppBar,
   AppChrome,
@@ -61157,7 +61137,6 @@ export {
   SearchIcon,
   SearchResults,
   Skeleton2 as Skeleton,
-  SocketedText,
   TeliAddIcon,
   TeliAutocomplete,
   TeliBasicLayout,
@@ -61216,7 +61195,6 @@ export {
   UserProfileContent,
   UserStatus,
   checkOntology,
-  propCheckErrorDefault,
   useDebounce,
   useExtendedTheme,
   useFloatingPanels

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 = {
@@ -61076,42 +61092,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
       children2
     ] }) });
   };
-  const propCheckErrorDefault = (problem) => {
-    if (process.env.NODE_ENV === "production") {
-      console.warn(problem);
-    } else {
-      throw new Error(problem);
-    }
-  };
-  const SocketedText = ({
-    children: children2,
-    beforeItem,
-    afterItem,
-    beforeItemSX,
-    afterItemSX,
-    component = "span",
-    href,
-    containerSX,
-    propCheckError = propCheckErrorDefault,
-    ...rest
-  }) => {
-    if (component === "a" && !href) {
-      propCheckError('SocketedText: When using component="a", the "href" prop is required.');
-    }
-    if (beforeItem === void 0 && afterItem === void 0) {
-      propCheckError("SocketedText: Sockets unused; use normal Text/Typography component instead");
-    }
-    return /* @__PURE__ */ jsx$1(Typography, { component, href, ...rest, children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: {
-      display: "inline-flex",
-      alignItems: "center",
-      gap: 1,
-      ...containerSX
-    }, children: [
-      beforeItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: beforeItemSX, children: beforeItem }),
-      /* @__PURE__ */ jsx$1(Box, { component: "span", children: children2 }),
-      afterItem && /* @__PURE__ */ jsx$1(Box, { component: "span", sx: afterItemSX, children: afterItem })
-    ] }) });
-  };
   exports2.AppBar = AppBar;
   exports2.AppChrome = AppChrome;
   exports2.AppSwitch = AppSwitch$1;
@@ -61174,7 +61154,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
   exports2.SearchIcon = SearchIcon;
   exports2.SearchResults = SearchResults;
   exports2.Skeleton = Skeleton;
-  exports2.SocketedText = SocketedText;
   exports2.TeliAddIcon = TeliAddIcon;
   exports2.TeliAutocomplete = TeliAutocomplete;
   exports2.TeliBasicLayout = TeliBasicLayout;
@@ -61233,7 +61212,6 @@ Please use another name.` : formatMuiErrorMessage$1(18));
   exports2.UserProfileContent = UserProfileContent;
   exports2.UserStatus = UserStatus;
   exports2.checkOntology = checkOntology;
-  exports2.propCheckErrorDefault = propCheckErrorDefault;
   exports2.useDebounce = useDebounce;
   exports2.useExtendedTheme = useExtendedTheme;
   exports2.useFloatingPanels = useFloatingPanels;

package/dist/src/export.d.ts

@@ -12,4 +12,3 @@ export * from './v1/components/layout';
 export * from './v1/components/surfaces';
 export * from './v1/theme';
 export { Modal, type ModalProps } from './v1/components/utils/index';
-export * from './component-library/components/data-display/SocketedText';

package/dist/src/v1/components/inputs/Button/Button.stories.d.ts

@@ -318,7 +318,10 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
+export declare const DisableElevation: Story;
 export declare const Tertiary: Story;
+export declare const Link: Story;
+export declare const Text: Story;
 export declare const Sizing: Story;
 export declare const WithIconsAndLabel: Story;
 export declare const FullWidth: Story;

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.0",
+  "version": "0.16.0",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",

package/dist/src/component-library/components/data-display/SocketedText.d.ts

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-import { TypographyProps, SxProps } from '@mui/material';
-
-export interface SocketedTextProps extends Omit<TypographyProps, "component"> {
-    beforeItem?: React.ReactNode;
-    afterItem?: React.ReactNode;
-    beforeItemSX?: SxProps;
-    afterItemSX?: SxProps;
-    href?: string;
-    containerSX?: SxProps;
-    component?: React.ElementType;
-    propCheckError?: (problem: string) => void;
-}
-export declare const propCheckErrorDefault: (problem: string) => void;
-/**
- * The intended use of SocketedText to render text with a trailing, or leading icon.
-
- * This component mimic's MUI’s Typography by default, except it has beforeItem or afterItem sockets.
- *
- * The text and icons are wrapped in an inline‑flex container with sensible defaults.
- *
- * All Typography props are forwarded, so this component behaves like any other Typography element.
- *
- * **Nomenclature**: The word "Socketed" is used in the [Diablo2](https://gamefaqs.gamespot.com/pc/370600-diablo-ii-lord-of-destruction/faqs/8382) sense:
- *
- * > Socketed items are exactly the same as normal items, but with sockets in them.
- * > This allows you to insert gems or skulls in order to add magical properties to your items.
- *
- * <sup>This may be a terrible name</sup>
- *
- */
-export declare const SocketedText: React.FC<SocketedTextProps>;

package/dist/src/component-library/components/data-display/SocketedText.stories.d.ts

@@ -1,24 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { SocketedText, SocketedTextProps } from './SocketedText';
-
-declare const meta: {
-    title: string;
-    component: import('react').FC<SocketedTextProps>;
-    tags: string[];
-    args: {
-        children: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof SocketedText>;
-export declare const Default: Story;
-export declare const AfterItem: Story;
-export declare const WithBothSlots: Story;
-export declare const AsLink: Story;
-export declare const HeaderVariant: Story;
-export declare const ComparisonWithTypography: Story;
-export declare const CustomSlotStyles: Story;
-export declare const Wrappedchildren: Story;
-export declare const WrappedTextAlignStart: Story;
-export declare const ErrorWhenNobeforeItemAndNoEndSet: Story;
-export declare const ErrorWhenAnchorButNoHrefSet: Story;

package/dist/src/component-library/components/data-display/SocketedText.test.d.ts

@@ -1 +0,0 @@
-export {};