@helpscout/ui-kit-react 0.3.1 → 0.4.1

package/dist/lib/components/side-panel/components/side-panel.content.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface SidePanelContentProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const SidePanelContent: React.FunctionComponent<SidePanelContentProps>;
+export default SidePanelContent;
+//# sourceMappingURL=side-panel.content.d.ts.map

package/dist/lib/components/side-panel/components/side-panel.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.content.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAsBpE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/lib/components/side-panel/components/side-panel.content.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=side-panel.content.test.d.ts.map

package/dist/lib/components/side-panel/components/side-panel.content.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.content.test.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.content.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/side-panel/components/side-panel.footer.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export type ButtonVariants = "primary" | "secondary" | "tertiary" | "critical";
+export interface FooterProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    /** The button label to be used for the primary Side Panel footer button. */
+    buttonLabel: string;
+    /** The function to be called when the Side Panel footer primary button is clicked. */
+    onButtonClick?: () => void;
+    /** The theme to be used for the Side Panel primary footer button. */
+    buttonVariant?: "primary" | "secondary";
+    /** Whether the primary button is disabled or not.  */
+    buttonDisabled?: boolean;
+    /** The tooltip displayed on the primary button if it is disabled */
+    buttonTooltip?: string;
+    /** The button label to be used for the Side Panel secondary footer button. */
+    secondaryButtonLabel?: string;
+    /** The function to be called when the Side Panel footer secondary button is clicked. */
+    onSecondaryButtonClick?: () => void;
+    /** The theme to be used for the Side Panel secondary footer button. */
+    secondaryButtonVariant?: ButtonVariants;
+    /** Whether the secondary button is disabled or not.  */
+    secondaryButtonDisabled?: boolean;
+    /** The tooltip displayed on the secondary button if it is disabled */
+    secondaryButtonTooltip?: string;
+}
+declare const SidePanelFooter: React.FunctionComponent<Readonly<FooterProps>>;
+export default SidePanelFooter;
+//# sourceMappingURL=side-panel.footer.d.ts.map

package/dist/lib/components/side-panel/components/side-panel.footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.footer.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,4EAA4E;IAC5E,WAAW,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,qEAAqE;IACrE,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACxC,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wFAAwF;IACxF,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,uEAAuE;IACvE,sBAAsB,CAAC,EAAE,cAAc,CAAC;IACxC,wDAAwD;IACxD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,MAAM,CAAC;CAEjC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAyEnE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/lib/components/side-panel/components/side-panel.footer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=side-panel.footer.test.d.ts.map

package/dist/lib/components/side-panel/components/side-panel.footer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.footer.test.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.footer.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/side-panel/components/side-panel.header.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface HeaderProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    /** The subtitle that will display within the Side Panel header. */
+    subtitle?: string;
+    /** The title that will display within the Side Panel header. */
+    title?: string;
+    /** The function that is called to navigate back to another view */
+    goBack?: () => void;
+    /** The href for an external link */
+    externalLink?: string;
+}
+declare const SidePanelHeader: React.FC<HeaderProps>;
+export default SidePanelHeader;
+//# sourceMappingURL=side-panel.header.d.ts.map

package/dist/lib/components/side-panel/components/side-panel.header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.header.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyDD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyC1C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/lib/components/side-panel/components/side-panel.header.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=side-panel.header.test.d.ts.map

package/dist/lib/components/side-panel/components/side-panel.header.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.header.test.d.ts","sourceRoot":"","sources":["../../../../../lib/components/side-panel/components/side-panel.header.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/side-panel/components/tooltip/tooltip.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from "react";
+type Props = PropsWithChildren<{
+    placement?: "start" | "center" | "end";
+    title: string | JSX.Element;
+    className?: string;
+}>;
+export declare const Tooltip: ({ children, title, placement, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/lib/components/side-panel/components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/side-panel/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,+CAKjB,KAAK,4CAoCP,CAAC"}

package/dist/lib/components/side-panel/components/tooltip/tooltip.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tooltip.test.d.ts.map

package/dist/lib/components/side-panel/components/tooltip/tooltip.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.test.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/side-panel/components/tooltip/tooltip.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/side-panel/index.d.ts

@@ -0,0 +1,4 @@
+import SidePanel from "./side-panel";
+export * from "./side-panel";
+export default SidePanel;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/side-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/side-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,cAAc,cAAc,CAAC;AAC7B,eAAe,SAAS,CAAC"}

package/dist/lib/components/side-panel/side-panel.context.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface SidePanelContextType {
+    stickyFooter: boolean;
+    hasFooterOverflow: boolean;
+    setHasFooterOverflow: (hasOverflow: boolean) => void;
+}
+export declare const SidePanelContext: import("react").Context<SidePanelContextType>;
+interface SidePanelContextProviderProps {
+    children: React.ReactNode;
+    stickyFooter?: boolean;
+}
+export declare function SidePanelContextProvider({ children, stickyFooter, }: SidePanelContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useSidePanelContext: () => SidePanelContextType;
+export {};
+//# sourceMappingURL=side-panel.context.d.ts.map

package/dist/lib/components/side-panel/side-panel.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.context.d.ts","sourceRoot":"","sources":["../../../../lib/components/side-panel/side-panel.context.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,+CAI3B,CAAC;AAEH,UAAU,6BAA6B;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,YAAmB,GACpB,EAAE,6BAA6B,2CAc/B;AAED,eAAO,MAAM,mBAAmB,QAAO,oBAEtC,CAAC"}

package/dist/lib/components/side-panel/side-panel.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface SidePanelProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Custom class names to be added to the component. */
+    className?: string;
+    /** Whether the footer should be sticky to the bottom of the Side Panel. */
+    stickyFooter?: boolean;
+    /** Component children. */
+    children: React.ReactNode;
+}
+export declare const SidePanel: {
+    ({ children, className, stickyFooter, ...rest }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
+    Header: React.FC<import("./components/side-panel.header").HeaderProps>;
+    Content: React.FunctionComponent<import("./components/side-panel.content").SidePanelContentProps>;
+    Footer: React.FunctionComponent<Readonly<import("./components/side-panel.footer").FooterProps>>;
+};
+export default SidePanel;
+//# sourceMappingURL=side-panel.d.ts.map

package/dist/lib/components/side-panel/side-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.d.ts","sourceRoot":"","sources":["../../../../lib/components/side-panel/side-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS;qDAKnB,cAAc;;;;CAYhB,CAAC;AAMF,eAAe,SAAS,CAAC"}

package/dist/lib/components/side-panel/side-panel.hooks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const useOverflowObserver: () => import("react").MutableRefObject<HTMLDivElement | null>;
+//# sourceMappingURL=side-panel.hooks.d.ts.map

package/dist/lib/components/side-panel/side-panel.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.hooks.d.ts","sourceRoot":"","sources":["../../../../lib/components/side-panel/side-panel.hooks.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,mBAAmB,+DAqC/B,CAAC"}

package/dist/lib/components/side-panel/side-panel.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=side-panel.test.d.ts.map

package/dist/lib/components/side-panel/side-panel.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/side-panel/side-panel.test.tsx"],"names":[],"mappings":""}

package/dist/lib/components/side-panel/side-panel.utils.d.ts

@@ -0,0 +1,21 @@
+export declare const ALLOWED_USER_PROPS: string[];
+export declare const allowedPropsWithTypes: {
+    id: string;
+    role: string;
+    style: string;
+    title: string;
+    tabIndex: string;
+};
+/**
+ * Filters React props to leave only allowed props.
+ * The allowed props are listed above in ALLOWED_USER_PROPS
+ *
+ * @param {Object} props The props to filter.
+ * @returns {Object} Allowed props.
+ */
+export declare function getValidProps(props: {
+    [x: string]: unknown;
+}): {
+    [key: string]: unknown;
+};
+//# sourceMappingURL=side-panel.utils.d.ts.map

package/dist/lib/components/side-panel/side-panel.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel.utils.d.ts","sourceRoot":"","sources":["../../../../lib/components/side-panel/side-panel.utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,EAAE,MAAM,EAMtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAUF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE;;EAU5D"}

package/dist/lib/ui-kit-react.d.ts

@@ -11,6 +11,7 @@ export { Menu, MenuItem, MenuTrigger, type MenuProps, } from "./components/menu/
 export { Modal, ModalContent, type ModalProps, ModalTrigger, } from "./components/modal/modal";
 export { NumberField, type NumberFieldProps, } from "./components/number-field/number-field";
 export { Select, SelectItem, type SelectProps, type ListBoxRenderProps, } from "./components/select/select";
+export { SidePanel, type SidePanelProps } from "./components/side-panel";
 export { Text, type TextProps, type TextVariantProps, } from "./components/text/text";
 export { TextArea, type TextAreaProps, type TextAreaVariantProps, } from "./components/text-area/text-area";
 export { TextAreaField, type TextAreaFieldProps, } from "./components/text-area-field/text-area-field";

package/dist/lib/ui-kit-react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,SAAS,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,YAAY,EACZ,KAAK,UAAU,EACf,YAAY,GACb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,MAAM,EACN,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,CAAC"}
+{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,SAAS,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,YAAY,EACZ,KAAK,UAAU,EACf,YAAY,GACb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,MAAM,EACN,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,CAAC"}

package/dist/prop-types.json

@@ -4810,6 +4810,416 @@
       }
     }
   },
+  "sidepanelfooter": {
+    "buttonLabel": {
+      "defaultValue": null,
+      "description": "The button label to be used for the primary Side Panel footer button.",
+      "name": "buttonLabel",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string"
+      }
+    },
+    "onButtonClick": {
+      "defaultValue": null,
+      "description": "The function to be called when the Side Panel footer primary button is clicked.",
+      "name": "onButtonClick",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "() => void"
+      }
+    },
+    "buttonVariant": {
+      "defaultValue": {
+        "value": "primary"
+      },
+      "description": "The theme to be used for the Side Panel primary footer button.",
+      "name": "buttonVariant",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "\"primary\" | \"secondary\""
+      }
+    },
+    "buttonDisabled": {
+      "defaultValue": {
+        "value": false
+      },
+      "description": "Whether the primary button is disabled or not.",
+      "name": "buttonDisabled",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "buttonTooltip": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "The tooltip displayed on the primary button if it is disabled",
+      "name": "buttonTooltip",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "secondaryButtonLabel": {
+      "defaultValue": null,
+      "description": "The button label to be used for the Side Panel secondary footer button.",
+      "name": "secondaryButtonLabel",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "onSecondaryButtonClick": {
+      "defaultValue": null,
+      "description": "The function to be called when the Side Panel footer secondary button is clicked.",
+      "name": "onSecondaryButtonClick",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "() => void"
+      }
+    },
+    "secondaryButtonVariant": {
+      "defaultValue": {
+        "value": "secondary"
+      },
+      "description": "The theme to be used for the Side Panel secondary footer button.",
+      "name": "secondaryButtonVariant",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ButtonVariants"
+      }
+    },
+    "secondaryButtonDisabled": {
+      "defaultValue": {
+        "value": false
+      },
+      "description": "Whether the secondary button is disabled or not.",
+      "name": "secondaryButtonDisabled",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "secondaryButtonTooltip": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "The tooltip displayed on the secondary button if it is disabled",
+      "name": "secondaryButtonTooltip",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+        "name": "FooterProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.footer.tsx",
+          "name": "FooterProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  },
+  "sidepanelheader": {
+    "subtitle": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "The subtitle that will display within the Side Panel header.",
+      "name": "subtitle",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+        "name": "HeaderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+          "name": "HeaderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "title": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "The title that will display within the Side Panel header.",
+      "name": "title",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+        "name": "HeaderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+          "name": "HeaderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "goBack": {
+      "defaultValue": null,
+      "description": "The function that is called to navigate back to another view",
+      "name": "goBack",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+        "name": "HeaderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+          "name": "HeaderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "() => void"
+      }
+    },
+    "externalLink": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "The href for an external link",
+      "name": "externalLink",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+        "name": "HeaderProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/components/side-panel.header.tsx",
+          "name": "HeaderProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  },
+  "SidePanel": {
+    "className": {
+      "defaultValue": null,
+      "description": "Custom class names to be added to the component.",
+      "name": "className",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+        "name": "SidePanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+          "name": "SidePanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "stickyFooter": {
+      "defaultValue": {
+        "value": true
+      },
+      "description": "Whether the footer should be sticky to the bottom of the Side Panel.",
+      "name": "stickyFooter",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+        "name": "SidePanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+          "name": "SidePanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Component children.",
+      "name": "children",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+        "name": "SidePanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+          "name": "SidePanelProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    }
+  },
+  "sidepanel": {
+    "className": {
+      "defaultValue": null,
+      "description": "Custom class names to be added to the component.",
+      "name": "className",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+        "name": "SidePanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+          "name": "SidePanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "stickyFooter": {
+      "defaultValue": {
+        "value": true
+      },
+      "description": "Whether the footer should be sticky to the bottom of the Side Panel.",
+      "name": "stickyFooter",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+        "name": "SidePanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+          "name": "SidePanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Component children.",
+      "name": "children",
+      "parent": {
+        "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+        "name": "SidePanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "ui-kit-react/lib/components/side-panel/side-panel.tsx",
+          "name": "SidePanelProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    }
+  },
   "Text": {
     "as": {
       "defaultValue": {