@telicent-oss/ds 0.23.0 → 0.23.1

package/dist/ds.js

@@ -55046,7 +55046,7 @@ const AppChrome = ({
   ] });
 };
 const Container = (containerProps) => /* @__PURE__ */ jsx$1(Container$1, { ...containerProps });
-const FlexBox = (props) => /* @__PURE__ */ jsx$1(Stack, { ...props, children: props.children });
+const FlexBox = forwardRef((props, ref) => /* @__PURE__ */ jsx$1(Stack, { ref, ...props, children: props.children }));
 const TelicentMark = ({
   width: width2 = 24,
   height: height2 = 24,
@@ -57739,7 +57739,7 @@ const DropdownButtonMenuItem = ({
 }) => {
   const Icon2 = icon2;
   const theme = useExtendedTheme();
-  return /* @__PURE__ */ jsxs(MenuItem, { onClick, id: id2, selected, sx: {
+  return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => onClick(value), id: id2, selected, sx: {
     display: "flex",
     alignItems: "center",
     marginX: 1,
@@ -57869,6 +57869,7 @@ const Button2 = forwardRef((props, ref) => {
   if (variant === "primary") return /* @__PURE__ */ jsx$1(PrimaryButton, { ...buttonProps, ref });
   if (variant === "secondary") return /* @__PURE__ */ jsx$1(SecondaryButton, { ...buttonProps, ref });
   if (variant === "link") return /* @__PURE__ */ jsx$1(LinkButton, { ...buttonProps, ref });
+  if (variant === "noStyle") return /* @__PURE__ */ jsx$1(ButtonBase, { ...buttonProps, ref });
   return /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: color2, ...buttonProps, ref, children: buttonProps.children });
 });
 const TextField2 = (props) => /* @__PURE__ */ jsx$1(TextField$1, { ...props });

package/dist/ds.umd.cjs

@@ -55064,7 +55064,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     ] });
   };
   const Container = (containerProps) => /* @__PURE__ */ jsx$1(Container$1, { ...containerProps });
-  const FlexBox = (props) => /* @__PURE__ */ jsx$1(Stack, { ...props, children: props.children });
+  const FlexBox = React$2.forwardRef((props, ref) => /* @__PURE__ */ jsx$1(Stack, { ref, ...props, children: props.children }));
   const TelicentMark = ({
     width: width2 = 24,
     height: height2 = 24,
@@ -57757,7 +57757,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
   }) => {
     const Icon2 = icon2;
     const theme = useExtendedTheme();
-    return /* @__PURE__ */ jsxs(MenuItem, { onClick, id: id2, selected, sx: {
+    return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => onClick(value), id: id2, selected, sx: {
       display: "flex",
       alignItems: "center",
       marginX: 1,
@@ -57887,6 +57887,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     if (variant === "primary") return /* @__PURE__ */ jsx$1(PrimaryButton, { ...buttonProps, ref });
     if (variant === "secondary") return /* @__PURE__ */ jsx$1(SecondaryButton, { ...buttonProps, ref });
     if (variant === "link") return /* @__PURE__ */ jsx$1(LinkButton, { ...buttonProps, ref });
+    if (variant === "noStyle") return /* @__PURE__ */ jsx$1(ButtonBase, { ...buttonProps, ref });
     return /* @__PURE__ */ jsx$1(Button$1, { variant: "text", color: color2, ...buttonProps, ref, children: buttonProps.children });
   });
   const TextField = (props) => /* @__PURE__ */ jsx$1(TextField$1, { ...props });

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

@@ -45,7 +45,7 @@ export interface ButtonProps extends Omit<MUIButtonProps, "color" | "component"
      * The variant to use.
      * @default 'primary'
      */
-    variant?: "primary" | "secondary" | "tertiary" | "link" | "text";
+    variant?: "primary" | "secondary" | "tertiary" | "link" | "text" | "noStyle";
 }
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

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

@@ -289,7 +289,7 @@ declare const meta: {
         name?: string | undefined;
         component?: import('@mui/material').ButtonProps["component"];
         action?: import('react').Ref<import('@mui/material').ButtonBaseActions> | undefined;
-        variant?: ("primary" | "secondary" | "tertiary" | "link" | "text") | undefined;
+        variant?: ("primary" | "secondary" | "tertiary" | "link" | "text" | "noStyle") | undefined;
         centerRipple?: boolean | undefined;
         disabled?: boolean | undefined;
         disableRipple?: boolean | undefined;

package/dist/src/v1/components/layout/FlexBox.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { StackProps } from '@mui/material/Stack';
 
-declare const FlexBox: React.FC<StackProps>;
+declare const FlexBox: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default FlexBox;

package/package.json

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