@cloudoperators/juno-ui-components 2.37.0 → 2.38.0

package/build/index.js

@@ -2169,7 +2169,7 @@ const Qd = ({ icon: t, color: n, size: e, title: r, iconClassName: o, ...i }) =>
         }
       );
   }
-}, je = ye(function({ icon: n = null, color: e = "", size: r = 24, title: o = "", className: i = "", href: a = "", disabled: l = !1, onClick: c, ...A }, u) {
+}, je = ye(function({ icon: n, color: e = "", size: r = 24, title: o = "", className: i = "", href: a = "", disabled: l = !1, onClick: c, ...A }, u) {
   const d = Qd({
     icon: n || void 0,
     color: e,
@@ -2553,12 +2553,12 @@ const Qd = ({ icon: t, color: n, size: e, title: r, iconClassName: o, ...i }) =>
 }, zt = le.forwardRef(
   ({
     label: t,
-    title: n = null,
+    title: n,
     variant: e,
     size: r = "default",
-    disabled: o = null,
-    href: i = null,
-    icon: a = null,
+    disabled: o,
+    href: i,
+    icon: a,
     className: l = "",
     onClick: c,
     children: A,
@@ -2658,7 +2658,7 @@ const ha = ({ children: t, className: n = "", ...e }) => /* @__PURE__ */ s.jsx(J
 `, Rt = le.forwardRef(
   ({
     text: t = "",
-    htmlFor: n = void 0,
+    htmlFor: n,
     required: e = !1,
     className: r = "",
     disabled: o = !1,
@@ -2765,7 +2765,13 @@ const mg = `
   valid: d = !1,
   ...p
 }) => {
-  const h = (B) => !(typeof B == "string" && B.trim().length === 0), y = () => "juno-checkboxgroup-" + lt(), w = c || y(), x = i || y(), [k, v] = X(g), [E, R] = X(!1), [S, K] = X(!1), $ = we(() => d || !!(m && m.length), [d, m]), O = we(() => a || !!(r && r.length), [a, r]);
+  const h = (B) => !(typeof B == "string" && B.trim().length === 0), y = () => "juno-checkboxgroup-" + lt(), w = c || y(), x = i || y(), [k, v] = X(g), [E, R] = X(!1), [S, K] = X(!1), $ = we(
+    () => d || !!(m && h(m)),
+    [d, m]
+  ), O = we(
+    () => a || !!(r && h(r)),
+    [a, r]
+  );
   G(() => {
     g && v(g);
   }, [g]), G(() => {
@@ -2903,7 +2909,7 @@ const mg = `
   required: m = !1,
   successtext: d = "",
   valid: p = !1,
-  value: h,
+  value: h = "",
   ...y
 }) => {
   const w = (ce) => !(typeof ce == "string" && ce.trim().length === 0), x = () => "juno-checkbox-" + lt(), k = qe(_s), {
@@ -8994,7 +9000,7 @@ const Mt = Object.assign(oA, { Reference: ph, Content: mh, Arrow: hh, Virtual: h
   children: t,
   disabled: n = !1,
   value: e = "",
-  label: r,
+  label: r = "",
   className: o = "",
   ...i
 }) => {
@@ -11002,8 +11008,8 @@ const wb = `
   flexShrink: "0",
   flexBasis: "0"
 }, kb = (t) => !t || t < 1 || t > 12 ? El[0] : El[t], xE = ({
-  width: t = null,
-  cols: n = null,
+  width: t,
+  cols: n,
   auto: e = !1,
   className: r = "",
   children: o,
@@ -12423,7 +12429,7 @@ const BE = ({
 }, I1 = (t) => {
   t.current !== null && (clearTimeout(t.current), t.current = null);
 }, IE = ({
-  title: t = null,
+  title: t,
   variant: n = "info",
   dismissible: e = !1,
   autoDismiss: r = !1,
@@ -13687,7 +13693,7 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
 `, V2 = ({
   value: t = "",
   id: n = "",
-  name: e = void 0,
+  name: e,
   placeholder: r = "",
   disabled: o = !1,
   readOnly: i = !1,
@@ -13700,11 +13706,11 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
   helptext: m = "",
   successtext: d = "",
   errortext: p = "",
-  onChange: h = void 0,
-  onFocus: y = void 0,
-  onBlur: w = void 0,
-  type: x = void 0,
-  label: k = void 0,
+  onChange: h,
+  onFocus: y,
+  onBlur: w,
+  type: x,
+  label: k,
   width: v = "full",
   wrapperClassName: E = "",
   ...R
@@ -14269,8 +14275,8 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
   pillValue: r = "",
   pillValueLabel: o = "",
   closeable: i = !1,
-  onClick: a = void 0,
-  onClose: l = void 0,
+  onClick: a,
+  onClose: l,
   className: c = "",
   ...A
 }) => {
@@ -14281,10 +14287,10 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
   };
   return /* @__PURE__ */ s.jsxs("div", { className: `juno-pill ${ow(!!a)} ${c}`, ...A, children: [
     !r && !o ? /* @__PURE__ */ s.jsx("span", { className: `${Jl(!1)}`, children: "set pillValue or pillValueLabel" }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      (e || n) && /* @__PURE__ */ s.jsx("span", { className: `pill-key ${aw(!!a)}`, onClick: (m) => g(m), children: e || n }),
-      /* @__PURE__ */ s.jsx("span", { className: `pill-value ${Jl(!!a)}`, onClick: (m) => g(m), children: o || r })
+      (e || n) && /* @__PURE__ */ s.jsx("span", { className: `pill-key ${aw(!!a)}`, onClick: g, children: e || n }),
+      /* @__PURE__ */ s.jsx("span", { className: `pill-value ${Jl(!!a)}`, onClick: g, children: o || r })
     ] }),
-    i && /* @__PURE__ */ s.jsx(je, { icon: "close", size: 18, onClick: (m) => u(m) })
+    i && /* @__PURE__ */ s.jsx(je, { icon: "close", size: 18, onClick: u })
   ] });
 }, iw = `
   hover:jn-text-theme-accent
@@ -14349,13 +14355,13 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
     );
   return t;
 }, Sn = ({
-  children: t = null,
+  children: t,
   className: n = "",
   disabled: e = !1,
   icon: r = "moreVert",
   menuSize: o = "normal",
-  onClose: i = void 0,
-  onOpen: a = void 0,
+  onClose: i,
+  onOpen: a,
   ...l
 }) => {
   const [c, A] = X(!1), u = de(c);
@@ -14386,7 +14392,7 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
 }, Va = ({
   as: t = "button",
   disabled: n = !1,
-  children: e = null,
+  children: e,
   className: r = "",
   ...o
 }) => /* @__PURE__ */ s.jsx(
@@ -14398,7 +14404,7 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
     ...o,
     children: e
   }
-), BA = ({ children: t = null, className: n = "", ...e }) => {
+), BA = ({ children: t, className: n = "", ...e }) => {
   const { menuSize: r } = vA();
   return /* @__PURE__ */ s.jsx(
     rn.Items,
@@ -14410,11 +14416,11 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
   );
 }, bw = ({
   as: t = "div",
-  children: n = null,
+  children: n,
   className: e = "",
   disabled: r = !1,
   href: o,
-  icon: i = null,
+  icon: i,
   label: a = "",
   rel: l,
   target: c,
@@ -14435,8 +14441,8 @@ const a2 = /* @__PURE__ */ ts(o2), i2 = `
       ] })
     }
   );
-}, ww = ({ children: t = null, className: n = "", ...e }) => /* @__PURE__ */ s.jsx("section", { className: `juno-popupmenu-section ${fw} ${n}`, ...e, children: t }), Cw = ({
-  children: t = null,
+}, ww = ({ children: t, className: n = "", ...e }) => /* @__PURE__ */ s.jsx("section", { className: `juno-popupmenu-section ${fw} ${n}`, ...e, children: t }), Cw = ({
+  children: t,
   label: n = "",
   className: e = "",
   ...r
@@ -14484,7 +14490,13 @@ const xw = `
   valid: d = !1,
   ...p
 }) => {
-  const h = (B) => !(typeof B == "string" && B.trim().length === 0), y = () => "juno-radiogroup-" + lt(), w = c || y(), x = i || y(), [k, v] = X(g), [E, R] = X(!1), [S, K] = X(!1), $ = we(() => d || !!(m && m.length), [d, m]), O = we(() => a || !!(r && r.length), [a, r]);
+  const h = (B) => !(typeof B == "string" && B.trim().length === 0), y = () => "juno-radiogroup-" + lt(), w = c || y(), x = i || y(), [k, v] = X(g), [E, R] = X(!1), [S, K] = X(!1), $ = we(
+    () => d || !!(m && h(m)),
+    [d, m]
+  ), O = we(
+    () => a || !!(r && h(r)),
+    [a, r]
+  );
   G(() => {
     R($);
   }, [$]), G(() => {
@@ -14603,16 +14615,16 @@ const xw = `
   disabled: e = !1,
   errortext: r = "",
   helptext: o = "",
-  id: i = void 0,
+  id: i,
   invalid: a = !1,
-  label: l = void 0,
-  name: c = void 0,
-  onChange: A = void 0,
-  onClick: u = void 0,
+  label: l,
+  name: c,
+  onChange: A,
+  onClick: u,
   required: g = !1,
   successtext: m = "",
   valid: d = !1,
-  value: p = void 0,
+  value: p = "",
   ...h
 }) => {
   const y = (_) => !(typeof _ == "string" && _.trim().length === 0), w = () => "juno-radio-" + lt(), x = qe(IA), {
@@ -14787,10 +14799,10 @@ const xw = `
   helptext: m = "",
   successtext: d = "",
   errortext: p = "",
-  onChange: h = void 0,
-  onFocus: y = void 0,
-  onBlur: w = void 0,
-  label: x = void 0,
+  onChange: h,
+  onFocus: y,
+  onBlur: w,
+  label: x,
   width: k = "full",
   wrapperClassName: v = "",
   ...E
@@ -14932,18 +14944,18 @@ const xw = `
   disabled: l = !1,
   disablePaste: c = !1,
   disableToggle: A = !1,
-  errortext: u = void 0,
-  helptext: g = void 0,
+  errortext: u,
+  helptext: g,
   id: m = "",
-  onBlur: d = void 0,
-  onChange: p = void 0,
-  onClear: h = void 0,
-  onCopy: y = void 0,
-  onFocus: w = void 0,
-  onHide: x = void 0,
-  onPaste: k = void 0,
-  onReveal: v = void 0,
-  onToggle: E = void 0,
+  onBlur: d,
+  onChange: p,
+  onClear: h,
+  onCopy: y,
+  onFocus: w,
+  onHide: x,
+  onPaste: k,
+  onReveal: v,
+  onToggle: E,
   label: R,
   name: S,
   paste: K = !0,
@@ -14951,7 +14963,7 @@ const xw = `
   readOnly: O = !1,
   required: D = !1,
   reveal: Y = !1,
-  successtext: B = void 0,
+  successtext: B,
   toggle: U = !0,
   valid: M = !1,
   invalid: L,
@@ -15392,7 +15404,7 @@ const kA = Pe(void 0), xi = ({
 }, hC = (t, n, e) => er(t) ? /* @__PURE__ */ s.jsx(Ge, { text: t, variant: "error", className: aa }) : er(n) ? /* @__PURE__ */ s.jsx(Ge, { text: n, variant: "success", className: aa }) : er(e) ? /* @__PURE__ */ s.jsx(Ge, { text: e, className: aa }) : null, KE = ({
   name: t = "",
   id: n = "",
-  label: e = void 0,
+  label: e,
   required: r = !1,
   size: o = "default",
   on: i = !1,
@@ -15403,8 +15415,8 @@ const kA = Pe(void 0), xi = ({
   errortext: u = "",
   successtext: g = "",
   className: m = "",
-  onChange: d = void 0,
-  onClick: p = void 0,
+  onChange: d,
+  onClick: p,
   wrapperClassName: h = "",
   ...y
 }) => {
@@ -16673,7 +16685,7 @@ const dy = ({
   href: i = "",
   icon: a,
   label: l = "",
-  onClick: c = void 0,
+  onClick: c,
   value: A = "",
   ...u
 }) => /* @__PURE__ */ s.jsx(

package/build/src/components/AppShell/AppShell.component.d.ts

@@ -1,19 +1,19 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 /**
  * Body of the app. Treat this like the body tag of an html page.
  */
 export declare const AppShell: React.FC<AppShellProps>;
 export interface AppShellProps extends React.HTMLAttributes<HTMLElement> {
     /** The main content of the app. */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Pass either the `<PageHeader>` component or if you don't need to add any content to the page header pass a string to be used as the app name in the standard page header. */
-    pageHeader?: React.ReactNode;
+    pageHeader?: ReactNode;
     /** Optional. If specified pass a `<PageFooter>` component. If undefined will use default PageFooter */
-    pageFooter?: React.ReactNode;
+    pageFooter?: ReactNode;
     /** Optional. If specified expects a `<TopNavigation>` component. If undefined no top navigation is rendered. */
-    topNavigation?: React.ReactNode;
+    topNavigation?: ReactNode;
     /** Optional. If specified expects a `<SideNavigation>` component. If undefined no side navigation is rendered. */
-    sideNavigation?: React.ReactNode;
+    sideNavigation?: ReactNode;
     /** Optional: Defaults to false. Set embedded to true if app is to be rendered embedded in another app/page.
      * In this case only the content area and children are rendered, a TopNavigation if passed, but no header/footer or remaining layout components */
     embedded?: boolean;

package/build/src/components/AppShell/AppShell.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuD5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtE,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gLAAgL;IAChL,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,uGAAuG;IACvG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,gHAAgH;IAChH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kHAAkH;IAClH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"AppShell.component.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxC;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuD5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtE,mCAAmC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gLAAgL;IAChL,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uGAAuG;IACvG,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,kHAAkH;IAClH,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B;sJACkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2YAA2Y;IAC3Y,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/src/components/Checkbox/Checkbox.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 export declare const Checkbox: React.FC<CheckboxProps>;
 export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Whether the Checkbox is checked */
@@ -8,9 +8,9 @@ export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Whether the Checkbox is disabled */
     disabled?: boolean;
     /** A text to render when the Checkbox has an error or could not be validated */
-    errortext?: React.ReactNode | string;
+    errortext?: ReactNode;
     /** A helptext to render to explain meaning and significance of the Checkbox */
-    helptext?: React.ReactNode | string;
+    helptext?: ReactNode;
     /** The id of the Radio. An id will be automatically generated if not passed. */
     id?: string;
     /** Whether the Checkbox is indeterminate. Applicable ONLY if the Checkbox represents multiple child Checkboxes with non--identical checked state. */
@@ -24,11 +24,11 @@ export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
     /** handler to be executed when the Checkbox changes. */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     /** handler to be executed when the Checkbox is clicked. */
-    onClick?: React.MouseEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
     /** Whether the Checkbox is required */
     required?: boolean;
     /** A text to render when the Checkbox was successfully validated */
-    successtext?: React.ReactNode | string;
+    successtext?: ReactNode;
     /** Whether the Checkbox was successfully validated */
     valid?: boolean;
     /** The value of the Checkbox */

package/build/src/components/Checkbox/Checkbox.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAwF9E,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+N5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACpC,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,gFAAgF;IAChF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qJAAqJ;IACrJ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"Checkbox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAmD,SAAS,EAAE,MAAM,OAAO,CAAA;AAwFzF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+N5C,CAAA;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gFAAgF;IAChF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qJAAqJ;IACrJ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IACrD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/src/components/CheckboxGroup/CheckboxGroup.component.d.ts

@@ -1,26 +1,25 @@
-import { default as React } from 'react';
-type EventUpdateHandler = (_value: string | undefined) => void;
+import { default as React, ReactNode } from 'react';
+type EventUpdateHandler = (value: string) => void;
 export interface CheckboxGroupContextProps {
-    selectedOptions?: CheckboxValue[];
+    selectedOptions?: string[];
     handleCheckboxChange?: EventUpdateHandler;
     name?: string;
     updateSelectedValue?: EventUpdateHandler;
     disabled?: boolean;
 }
 export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextProps | undefined>;
-export type CheckboxValue = string | undefined;
 export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 export interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     /** The Checkbox children of the CheckboxGroup */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Pass a custom className */
     className?: string;
     /** Whether all Checkboxes in the group are disabled */
     disabled?: boolean;
     /** Text to display in case validation failed or there is an error. Will set the whole group to invalid when passed. */
-    errortext?: string;
+    errortext?: ReactNode;
     /** A text to render to further explain meaning and significance of the group */
-    helptext?: string;
+    helptext?: ReactNode;
     /** The id of the group. If not passed, a unique id will be created and used for the group as a whole. */
     id?: string;
     invalid?: boolean;
@@ -35,7 +34,7 @@ export interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivEle
     /** Array of values of individual selected options in the group */
     selected?: string[];
     /** Text to display in case validation is successful. When passed, will set the whole group to valid. */
-    successtext?: string;
+    successtext?: ReactNode;
     /** Whether the CheckboxGroup was successfully validated */
     valid?: boolean;
 }

package/build/src/components/CheckboxGroup/CheckboxGroup.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.component.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAqCjF,KAAK,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;AAE9D,MAAM,WAAW,yBAAyB;IACxC,eAAe,CAAC,EAAE,aAAa,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,kBAAkB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,sDAAkE,CAAA;AAEnG,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyHtD,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yGAAyG;IACzG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0IAA0I;IAC1I,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,wGAAwG;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}
+{"version":3,"file":"CheckboxGroup.component.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AAsC5F,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,yBAAyB;IACxC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,kBAAkB,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,sDAAkE,CAAA;AAEnG,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+HtD,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yGAAyG;IACzG,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0IAA0I;IAC1I,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,wGAAwG;IACxG,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}

package/build/src/components/CheckboxGroup/CheckboxGroup.stories.d.ts

@@ -24,6 +24,13 @@ declare const _default: {
         selected: {
             control: boolean;
         };
+        onChange: {
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;

package/build/src/components/CheckboxGroup/CheckboxGroup.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIlC,wBAyBC;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAOD,eAAO,MAAM,OAAO;;gCANqB,aAAa;;;;;;;;CAgBrD,CAAA;AAED,eAAO,MAAM,QAAQ;;gCAlBoB,aAAa;;;;;;;;;CA6BrD,CAAA;AAED,eAAO,MAAM,mBAAmB;;gCA/BS,aAAa;;;;;;;;CA0CrD,CAAA;AAED,eAAO,MAAM,SAAS;;gCA5CmB,aAAa;;;;;;;;;;CAwDrD,CAAA;AAED,eAAO,MAAM,QAAQ;;gCA1DoB,aAAa;;;;;;;;;;;CAuErD,CAAA;AAED,eAAO,MAAM,QAAQ;;gCAzEoB,aAAa;;;;;;;;;;CAqFrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;gCAvFU,aAAa;;;;;;;;;;;CAoGrD,CAAA;AAED,eAAO,MAAM,YAAY;;gCAtGgB,aAAa;;;;;;;;;;;CAmHrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;gCArHU,aAAa;;;;;;;;;;;CAsIrD,CAAA;AAED,eAAO,MAAM,eAAe;;gCAxIa,aAAa;;;;;;;;;;;CAqJrD,CAAA;AAED,eAAO,MAAM,oBAAoB;;gCAvJQ,aAAa;;;;;;;;;;;CAoKrD,CAAA;AAED,eAAO,MAAM,aAAa;;gCAtKe,aAAa;;;;;;;;;;;CAmLrD,CAAA"}
+{"version":3,"file":"CheckboxGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckboxGroup/CheckboxGroup.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIlC,wBA8BC;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAOD,eAAO,MAAM,OAAO;;gCANqB,aAAa;;;;;;;;CAgBrD,CAAA;AAED,eAAO,MAAM,QAAQ;;gCAlBoB,aAAa;;;;;;;;;CA6BrD,CAAA;AAED,eAAO,MAAM,mBAAmB;;gCA/BS,aAAa;;;;;;;;CA0CrD,CAAA;AAED,eAAO,MAAM,SAAS;;gCA5CmB,aAAa;;;;;;;;;;CAwDrD,CAAA;AAED,eAAO,MAAM,QAAQ;;gCA1DoB,aAAa;;;;;;;;;;;CAuErD,CAAA;AAED,eAAO,MAAM,QAAQ;;gCAzEoB,aAAa;;;;;;;;;;CAqFrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;gCAvFU,aAAa;;;;;;;;;;;CAoGrD,CAAA;AAED,eAAO,MAAM,YAAY;;gCAtGgB,aAAa;;;;;;;;;;;CAmHrD,CAAA;AAED,eAAO,MAAM,kBAAkB;;gCArHU,aAAa;;;;;;;;;;;CAsIrD,CAAA;AAED,eAAO,MAAM,eAAe;;gCAxIa,aAAa;;;;;;;;;;;CAqJrD,CAAA;AAED,eAAO,MAAM,oBAAoB;;gCAvJQ,aAAa;;;;;;;;;;;CAoKrD,CAAA;AAED,eAAO,MAAM,aAAa;;gCAtKe,aAAa;;;;;;;;;;;CAmLrD,CAAA"}

package/build/src/components/ComboBox/ComboBox.component.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-type AddOptionValueAndLabelFunction = (value: string, label: string | undefined, children: React.ReactNode) => void;
+import { default as React, ReactNode } from 'react';
+type AddOptionValueAndLabelFunction = (value: string, label: string, children: ReactNode) => void;
 export type ComboBoxContextType = {
     selectedValue?: string;
     truncateOptions: boolean;
@@ -8,12 +8,11 @@ export type ComboBoxContextType = {
 export declare const ComboBoxContext: React.Context<ComboBoxContextType | undefined>;
 export declare const ComboBox: React.FC<ComboBoxProps>;
 export type ComboBoxWidth = "full" | "auto";
-type OnChangeHandler = (value: string) => void;
 export interface ComboBoxProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange" | "onInput" | "children"> {
     /** The aria-label of the ComboBox. Defaults to the label if label was passed. */
     ariaLabel?: string;
     /** The children to Render. Use `ComboBox.Option` elements. */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** A custom className. Will be passed to the internal text input element of the ComboBox */
     className?: string;
     /** Pass a defaultValue to use as an uncontrolled Component that will handle its state internally */
@@ -23,9 +22,9 @@ export interface ComboBoxProps extends Omit<React.HTMLAttributes<HTMLElement>, "
     /** Whether the ComboBox has an error. Note this refers to an internal error like failing to load options etc., to indicate failed validation use `invalid` instead. */
     error?: boolean;
     /** An errortext to display when the ComboBox failed validation or an internal error occurred. */
-    errortext?: React.ReactNode;
+    errortext?: ReactNode;
     /** A helptext to render to explain meaning and significance of the ComboBox */
-    helptext?: React.ReactNode;
+    helptext?: ReactNode;
     /** The Id of the ComboBox. Will be assigned to the text input part of the ComboBox. If not passed, an id will be auto-generated. */
     id?: string;
     /** Whether the ComboBox failed validation */
@@ -41,7 +40,7 @@ export interface ComboBoxProps extends Omit<React.HTMLAttributes<HTMLElement>, "
     /** A handler to execute when the ComboBox looses focus */
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     /** A handler to execute when the ComboBox' selected value changes */
-    onChange?: OnChangeHandler;
+    onChange?: (value: string) => void;
     /** A handler to execute when the ComboBox input receives focus */
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     /** Handler to execute when the ComboBox text input value changes */
@@ -51,7 +50,7 @@ export interface ComboBoxProps extends Omit<React.HTMLAttributes<HTMLElement>, "
     /** Whether the ComboBox is required */
     required?: boolean;
     /** A text to display in case the ComboBox was successfully validated. Will set the ComboBox to `valid` when passed. */
-    successtext?: React.ReactNode;
+    successtext?: ReactNode;
     /** Whether the option labels should be truncated in case they are longer/wider than the available space in an option or not. Default is FALSE. */
     truncateOptions?: boolean;
     /** Whether the ComboBox was successfully validated */

package/build/src/components/ComboBox/ComboBox.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6D,MAAM,OAAO,CAAA;AA8HjF,KAAK,8BAA8B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;AAEnH,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,8BAA8B,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,eAAe,gDAA4D,CAAA;AASxF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwS5C,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAG3C,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAC9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACjH,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iGAAiG;IACjG,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,oIAAoI;IACpI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uTAAuT;IACvT,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,qEAAqE;IACrE,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,kEAAkE;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC1D,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sUAAsU;IACtU,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,mLAAmL;IACnL,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"ComboBox.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ComboBox/ComboBox.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AA8H5F,KAAK,8BAA8B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;AAEjG,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,8BAA8B,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,eAAe,gDAA4D,CAAA;AASxF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwS5C,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAC3C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACjH,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,iGAAiG;IACjG,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oIAAoI;IACpI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uTAAuT;IACvT,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAClD,qEAAqE;IAErE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,kEAAkE;IAClE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC1D,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uHAAuH;IACvH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,kJAAkJ;IAClJ,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sUAAsU;IACtU,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,mLAAmL;IACnL,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/src/components/ContentContainer/ContentContainer.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Additional CSS classes for custom styling.
@@ -7,7 +7,7 @@ export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivEleme
     /**
      * Custom content to render within the container.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * ContentContainer serves as a wrapper for app content.
@@ -19,6 +19,6 @@ export declare const ContentContainer: React.FC<ContentContainerProps>;
 export interface ContentContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Add custom class name */
     className?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 //# sourceMappingURL=ContentContainer.component.d.ts.map

package/build/src/components/ContentContainer/ContentContainer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
+{"version":3,"file":"ContentContainer.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentContainer/ContentContainer.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

package/build/src/components/ContentHeading/ContentHeading.component.d.ts

@@ -1,10 +1,10 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     /**
      * Custom content to render within the container heading.
      * Takes precedence over the heading prop.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Text for the heading. Used if children is not provided.
      * Children prop takes precedence.
@@ -23,7 +23,7 @@ export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingEle
 export declare const ContentHeading: React.FC<ContentHeadingProps>;
 export interface ContentHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     /** Optionally render children. If children are present, heading will be ignored */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Text to use as a title */
     heading?: string;
     /** Add custom class name */

package/build/src/components/ContentHeading/ContentHeading.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"ContentHeading.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentHeading/ContentHeading.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASxC,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACnF,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/src/components/DataGridToolbar/DataGridToolbar.component.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 export declare const DataGridToolbar: React.FC<DataGridToolbarProps>;
 export interface DataGridToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Pass an optional SearchInput component */
-    search?: JSX.Element;
+    search?: React.ReactElement;
     /** Children to render in the DataGridToolbar */
     children?: React.ReactNode;
     /** Add a classname */

package/build/src/components/DataGridToolbar/DataGridToolbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridToolbar/DataGridToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,mOAAmO;AACnO,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAO1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,6CAA6C;IAC7C,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"DataGridToolbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridToolbar/DataGridToolbar.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,mOAAmO;AACnO,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAO1D,CAAA;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC3B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/build/src/components/DataGridToolbar/DataGridToolbar.stories.d.ts

@@ -13,8 +13,11 @@ declare const _default: {
             };
         };
         search: {
-            control: {
-                type: string;
+            control: boolean;
+            table: {
+                type: {
+                    summary: string;
+                };
             };
         };
     };

package/build/src/components/DataGridToolbar/DataGridToolbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridToolbar/DataGridToolbar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;AAE/D,wBAcC;AAQD,eAAO,MAAM,OAAO;mBANI,oBAAoB;;;;;;;;;CAkB3C,CAAA"}
+{"version":3,"file":"DataGridToolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGridToolbar/DataGridToolbar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAE/D,wBAiBC;AAQD,eAAO,MAAM,OAAO;mBANI,oBAAoB;;;;;;;;;CAkB3C,CAAA"}