npm - @amboss/design-system - Versions diffs - 4.0.0-next.1 → 4.0.0-next.3 - Mend

@amboss/design-system 4.0.0-next.1 → 4.0.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (109) hide show

package/build/esm/components/Patterns/EmptyState/EmptyState.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { type ReactElement } from "react";
 import type { IconName } from "src/components/Icon/Icon";
-import { type HeaderProps } from "../../Typography/Header";
 import { type LinkProps } from "../../Link/Link";
+import { type HeaderProps } from "../../Typography/Header";
 import { type ButtonGroupProps } from "../ButtonGroup/ButtonGroup";
 export type EmptyStateProps = {
     /** The main heading text */
@@ -23,7 +23,7 @@ export declare namespace EmptyState {
     var ButtonGroup: typeof EmptyStateButtonGroup;
     var Link: typeof EmptyStateLink;
 }
-declare function EmptyStateButtonGroup({ ...rest }: Omit<ButtonGroupProps, "buttonSize">): React.ReactElement;
+declare function EmptyStateButtonGroup<C extends React.ElementType = "button">({ ...rest }: Omit<ButtonGroupProps<C>, "buttonSize">): React.ReactElement;
 declare function EmptyStateLink({ children, ...rest }: Omit<LinkProps, "size" | "color" | "weight"> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     children: React.ReactNode;
 }): React.ReactElement;

package/build/esm/components/Patterns/EmptyState/EmptyState.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import{IconTile}from"../../IconTile/IconTile";import{H3}from"../../~~Typography~~/~~Header~~";import{~~Text~~}from"../../~~Typography~~/~~Text~~";import{~~Stack~~}from"../../~~Stack~~/~~Stack~~";import{~~Link~~}from"../../~~Link~~/~~Link~~";import{ButtonGroup}from"../ButtonGroup/ButtonGroup";let DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray"};export function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){return React.createElement(Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&React.createElement(IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),React.createElement(Stack,{space:"zero",alignItems:"center"},React.createElement(H3,{as:titleAs},title),description&&React.createElement(Text,{align:"center",size:"s",color:"tertiary"},description)),~~children~~)}EmptyState.ButtonGroup=function({...rest}){return React.createElement(ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return React.createElement(Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};
1	+ import React from"react";import{mergeAriaDescribedBy}from"../../../shared/ariaAttributes";import{IconTile}from"../../IconTile/IconTile";import{Link}from"../../Link/Link";import{Stack}from"../../Stack/Stack";import{H3}from"../../Typography/Header";import{Text}from"../../Typography/Text";import{ButtonGroup}from"../ButtonGroup/ButtonGroup";let DEFAULT_ICONS_BY_VARIANT={brand:"face-happy",warning:"alert-circle",error:"alert-triangle",neutral:"info"},ICON_COLORS={brand:"brand",warning:"yellow",error:"red",neutral:"gray"};export function EmptyState({title,titleAs="p",description,variant,icon,children,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let reactId=React.useId(),descriptionId=description&&React.isValidElement(children)?`${reactId}-description`:void 0,action=descriptionId&&React.isValidElement(children)?React.cloneElement(children,{"aria-describedby":mergeAriaDescribedBy(children.props["aria-describedby"],descriptionId)}):children;return React.createElement(Stack,{alignItems:"center",space:"s","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EmptyState",...ariaAttributes},variant&&React.createElement(IconTile,{icon:icon??DEFAULT_ICONS_BY_VARIANT[variant],color:ICON_COLORS[variant],"aria-hidden":!0}),React.createElement(Stack,{space:"zero",alignItems:"center"},React.createElement(H3,{as:titleAs},title),description&&React.createElement(Text,{id:descriptionId,align:"center",size:"s",color:"tertiary"},description)),action)}EmptyState.ButtonGroup=function({...rest}){return React.createElement(ButtonGroup,{...rest,buttonSize:"s"})},EmptyState.Link=function({children,...rest}){return React.createElement(Link,{...rest,size:"s",color:"accent",weight:"bold",inline:!1},children)};

package/build/esm/components/Patterns/Popover/PopoverContext.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export type PopoverContextValue = {
+    /** Whether the children are rendered inside a Popover */
+    isWithinPopover: boolean;
+    /**
+     * The portal container the Popover renders into.
+     */
+    portalContainer?: HTMLElement | null;
+};
+export declare const PopoverContext: React.Context<PopoverContextValue>;

package/build/esm/components/Patterns/Popover/PopoverContext.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{createContext}from"react";export const PopoverContext=createContext({isWithinPopover:!1});

package/build/esm/components/Portal/Portal.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import type React from "react";
 export declare const AMBOSS_DS_PORTAL = "amboss-ds-portal";
 /**
  * Returns a zIndex incremented by Modal's zIndex if the portal child is rendered within a Modal
+ * or by Popover's zindex if the portal child is rendered within a Popover
  * @param zIndex
  * @returns
  */

package/build/esm/components/Portal/Portal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{useContext,useMemo}from"react";import ReactDOM from"react-dom";import{useTheme}from"@emotion/react";import{useDocument}from"../../shared/useDocument";import{DialogContext}from"../Patterns/Dialog/DialogContext";export const AMBOSS_DS_PORTAL="amboss-ds-portal";export function usePortalChildZIndex(zIndex){let theme=useTheme();return useContext(DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}export function usePortalContainerElement(portalContainer){let isWithinModal=useContext(DialogContext),document=useDocument(),defaultContainer=useMemo(()=>void 0===document?null:isWithinModal&&document.querySelector(".amboss-ds-portal")\|\|document.body,[isWithinModal,document]);return portalContainer\|\|defaultContainer}export function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&ReactDOM.createPortal(children,container)}
1	+ import{useContext,useMemo}from"react";import ReactDOM from"react-dom";import{useTheme}from"@emotion/react";import{useDocument}from"../../shared/useDocument";import{DialogContext}from"../Patterns/Dialog/DialogContext";import{PopoverContext}from"../Patterns/Popover/PopoverContext";export const AMBOSS_DS_PORTAL="amboss-ds-portal";export function usePortalChildZIndex(zIndex){let theme=useTheme();return useContext(DialogContext)?theme.variables.zIndex.modal+zIndex:zIndex}export function usePortalContainerElement(portalContainer){let isWithinModal=useContext(DialogContext),{isWithinPopover,portalContainer:popoverContainer}=useContext(PopoverContext),document=useDocument(),defaultContainer=useMemo(()=>void 0===document?null:isWithinModal?document.querySelector(".amboss-ds-portal")\|\|document.body:isWithinPopover&&popoverContainer\|\|document.body,[isWithinModal,isWithinPopover,popoverContainer,document]);return portalContainer\|\|defaultContainer}export function Portal({children,portalContainer}){let container=usePortalContainerElement(portalContainer);return container&&ReactDOM.createPortal(children,container)}

package/build/esm/components/PromptButton/PromptButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{getButtonAppearanceReset,getDisabledStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";let StyledPromptButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop),target:"~~ex81aex0~~",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>{let verticalPadding~~=`calc(${~~theme.variables.size.spacing.xs~~} - 2px)`;~~return{...getButtonAppearanceReset(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...getDisabledStyles({theme})}}},"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0QnV0dG9uL1Byb21wdEJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdEJ1dHRvbi9Qcm9tcHRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgUG9seW1vcnBoaWNSZWYsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHtcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5cbmV4cG9ydCB0eXBlIFByb21wdEJ1dHRvblByb3BzID0ge1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJZ25vcmVkIHdoZW4gYGFzYCBpcyBub3QgXCJidXR0b25cIi4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiO1xuICB2YXJpYW50PzogXCJzdGFuZGFsb25lXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcbmNvbnN0IFN0eWxlZFByb21wdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPFByb21wdEJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGRpc2FibGVkLCBsZWZ0SWNvbiwgdmFyaWFudCB9KSA9PiB7XG4gIGNvbnN0IHZlcnRpY2FsUGFkZGluZyA9IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAke0JPUkRFUl9XSURUSH1weClgO1xuXG4gIHJldHVybiB7XG4gICAgLi4uZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0KCksXG5cbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5mdWxsLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICBib3JkZXI6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICBwYWRkaW5nOiBgJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG5cbiAgICAuLi4obGVmdEljb24gJiYge1xuICAgICAgcGFkZGluZzogYCR7dmVydGljYWxQYWRkaW5nfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgfSksXG5cbiAgICAuLi4odmFyaWFudCA9PT0gXCJzdGFuZGFsb25lXCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFpLmRlZmF1bHQsXG4gICAgfSksXG5cbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjpob3ZlciwgJjphY3RpdmVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIC4uLmdldERpc2FibGVkU3R5bGVzKHsgdGhlbWUgfSksXG4gICAgfSksXG4gIH07XG59KTtcblxudHlwZSBQcm9tcHRCdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBQcm9tcHRCdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3ROb2RlIHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFByb21wdEJ1dHRvbjogUHJvbXB0QnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgbGVmdEljb24sXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFByb21wdEJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IChcbiAgICA8U3R5bGVkUHJvbXB0QnV0dG9uXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUHJvbXB0QnV0dG9uXCJcbiAgICAgIGFzPXthc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgIGxlZnRJY29uPXtsZWZ0SWNvbn1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAge2xlZnRJY29uICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2xlZnRJY29ufVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2xlZnRJY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17bGVmdEljb259XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9JbmxpbmU+~~XG4gICAgPC9TdHlsZWRQcm9tcHRCdXR0b24~~+~~XG4gIClcbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIyQiJ9~~ /");export const PromptButton=React.forwardRef(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>React.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,...rest},React.createElement(Inline,{alignItems:"center",vAlignItems:"center",space:"xxs"},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children)));
1	+ import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{getButtonAppearanceReset,getDisabledStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";let StyledPromptButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop),target:"e137joxx0",label:"StyledPromptButton"})(({theme,disabled,leftIcon,variant})=>{let verticalPadding=theme.variables.size.spacing.xs;return{...getButtonAppearanceReset(),borderRadius:theme.variables.size.borderRadius.full,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",userSelect:"none",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,border:`2px solid ${theme.values.color.border.secondary.default}`,padding:`${verticalPadding} ${theme.variables.size.spacing.m}`,...leftIcon&&{padding:`${verticalPadding} ${theme.variables.size.spacing.m} ${verticalPadding} ${theme.variables.size.spacing.s}`},..."standalone"===variant&&{color:theme.values.color.text.ai.default},...!disabled&&{"&:hover, &:active":{backgroundColor:theme.values.color.background.transparent.hover,borderColor:theme.values.color.border.secondary.hover}},...disabled&&{...getDisabledStyles({theme})}}},"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0QnV0dG9uL1Byb21wdEJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdEJ1dHRvbi9Qcm9tcHRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHtcbiAgUG9seW1vcnBoaWNSZWYsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuaW1wb3J0IHtcbiAgZ2V0QnV0dG9uQXBwZWFyYW5jZVJlc2V0LFxuICBnZXREaXNhYmxlZFN0eWxlcyxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5cbmV4cG9ydCB0eXBlIFByb21wdEJ1dHRvblByb3BzID0ge1xuICBsZWZ0SWNvbj86IEljb25OYW1lO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBJZ25vcmVkIHdoZW4gYGFzYCBpcyBub3QgXCJidXR0b25cIi4gKi9cbiAgdHlwZT86IFwic3VibWl0XCIgfCBcImJ1dHRvblwiIHwgXCJyZXNldFwiO1xuICB2YXJpYW50PzogXCJzdGFuZGFsb25lXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQk9SREVSX1dJRFRIID0gMjtcbmNvbnN0IFN0eWxlZFByb21wdEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCksXG59KTxQYXJ0aWFsPFByb21wdEJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGRpc2FibGVkLCBsZWZ0SWNvbiwgdmFyaWFudCB9KSA9PiB7XG4gIGNvbnN0IHZlcnRpY2FsUGFkZGluZyA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHM7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5nZXRCdXR0b25BcHBlYXJhbmNlUmVzZXQoKSxcblxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmZ1bGwsXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICAgIHBhZGRpbmc6IGAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcblxuICAgIC4uLihsZWZ0SWNvbiAmJiB7XG4gICAgICBwYWRkaW5nOiBgJHt2ZXJ0aWNhbFBhZGRpbmd9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3ZlcnRpY2FsUGFkZGluZ30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICB9KSxcblxuICAgIC4uLih2YXJpYW50ID09PSBcInN0YW5kYWxvbmVcIiAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWkuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyLCAmOmFjdGl2ZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgLi4uZ2V0RGlzYWJsZWRTdHlsZXMoeyB0aGVtZSB9KSxcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG50eXBlIFByb21wdEJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFByb21wdEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUHJvbXB0QnV0dG9uOiBQcm9tcHRCdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgYXMsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBsZWZ0SWNvbixcbiAgICAgIHR5cGUgPSBcImJ1dHRvblwiLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUHJvbXB0QnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4gKFxuICAgIDxTdHlsZWRQcm9tcHRCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQcm9tcHRCdXR0b25cIlxuICAgICAgYXM9e2FzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgdHlwZT17YXMgJiYgYXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgbGVmdEljb249e2xlZnRJY29ufVxuICAgICAgdGFiSW5kZXg9ezB9IC8vIEZvciBTYWZhcmksIGJlY2F1c2UgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0IG9uIGl0XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCI+XG4gICAgICAgIHtsZWZ0SWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBuYW1lPXtsZWZ0SWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtsZWZ0SWNvbn1cbiAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2xlZnRJY29ufVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkUHJvbXB0QnV0dG9uPlxuICApXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCMkIifQ== /");export const PromptButton=React.forwardRef(({as,children,disabled=!1,leftIcon,type="button","data-e2e-test-id":dataE2eTestId,...rest},ref)=>React.createElement(StyledPromptButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"PromptButton",as:as,disabled:disabled,type:as&&"button"!==as?void 0:type,leftIcon:leftIcon,tabIndex:0,...rest},React.createElement(Inline,{alignItems:"center",vAlignItems:"center",space:"xxs"},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children)));

package/build/esm/components/PromptInput/CategoryList.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{Fragment}from"react";import styled from"@emotion/styled";import{H6}from"../Typography/Header";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text";import{Columns,Column}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Container}from"../Container";import{Divider}from"../Divider/Divider";export function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}let StyledIconLeft=styled(Icon,{target:"ezayp620",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbik8SWNvblByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5SaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxudHlwZSBTdHlsZWRMaXN0SXRlbVByb3BzID0ge1xuICBpc1NlbGVjdGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTZWxlY3RlZCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG5cbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhdGVnb3J5TGlzdCh7XG4gIG5hbWUsXG4gIGNhdGVnb3J5LFxuICBpY29uTGVmdCxcbiAgcmlnaHRDb250ZW50LFxuICBpdGVtcyxcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgb25MaXN0SXRlbUNsaWNrLFxufTogQ2F0ZWdvcnlMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBsaXN0SXRlbXMgPSBpdGVtcy5tYXAoXG4gICAgKHsgbGFiZWwsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQsIGRhdGFFMmVUZXN0SWQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5jYXRlZ29yeSA9PT0gY2F0ZWdvcnkgJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5pbmRleEluQ2F0ZWdvcnkgPT09IGluZGV4O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIG9uUG9pbnRlckRvd249eyhldnQpID0+IGV2dC5wcmV2ZW50RGVmYXVsdCgpfSAvLyBuZWVkZWQgdG8gYXZvaWQgZm9jdXMgY2hhbmdlXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZ0KSA9PiBvbkxpc3RJdGVtQ2xpY2soY2F0ZWdvcnksIGluZGV4LCBldnQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgICAgICB7aWNvbkxlZnQgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJY29uTGVmdFxuICAgICAgICAgICAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBvdmVyZmxvd1dyYXA9XCJicmVhay13b3JkXCIgaHlwaGVucz1cImF1dG9cIj5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICB7cmlnaHRDb250ZW50ICYmIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPntyaWdodENvbnRlbnR9PC9Db2x1bW4+fVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHVCIn0= /"),StyledListItem=styled("div",{target:"ezayp621",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbik8SWNvblByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5SaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxudHlwZSBTdHlsZWRMaXN0SXRlbVByb3BzID0ge1xuICBpc1NlbGVjdGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTZWxlY3RlZCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG5cbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhdGVnb3J5TGlzdCh7XG4gIG5hbWUsXG4gIGNhdGVnb3J5LFxuICBpY29uTGVmdCxcbiAgcmlnaHRDb250ZW50LFxuICBpdGVtcyxcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgb25MaXN0SXRlbUNsaWNrLFxufTogQ2F0ZWdvcnlMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBsaXN0SXRlbXMgPSBpdGVtcy5tYXAoXG4gICAgKHsgbGFiZWwsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQsIGRhdGFFMmVUZXN0SWQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5jYXRlZ29yeSA9PT0gY2F0ZWdvcnkgJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5pbmRleEluQ2F0ZWdvcnkgPT09IGluZGV4O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIG9uUG9pbnRlckRvd249eyhldnQpID0+IGV2dC5wcmV2ZW50RGVmYXVsdCgpfSAvLyBuZWVkZWQgdG8gYXZvaWQgZm9jdXMgY2hhbmdlXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZ0KSA9PiBvbkxpc3RJdGVtQ2xpY2soY2F0ZWdvcnksIGluZGV4LCBldnQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgICAgICB7aWNvbkxlZnQgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJY29uTGVmdFxuICAgICAgICAgICAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8VGV4dCBvdmVyZmxvd1dyYXA9XCJicmVhay13b3JkXCIgaHlwaGVucz1cImF1dG9cIj5cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICB7cmlnaHRDb250ZW50ICYmIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPntyaWdodENvbnRlbnR9PC9Db2x1bW4+fVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHVCIn0= /");export function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,iconLeft:itemIconLeft,dataE2eTestId},index)=>{let isSelected=!!selectedListItem&&selectedListItem.category===category&&selectedListItem.indexInCategory===index;return React.createElement(Fragment,{key:index},React.createElement(StyledListItem,{id:getListItemId(name,category,index),"data-e2e-test-id":dataE2eTestId,role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:evt=>onListItemClick(category,index,evt)},React.createElement(Columns,null,iconLeft&&React.createElement(Column,{size:"narrow"},React.createElement(Text,null,React.createElement(StyledIconLeft,{...itemIconLeft\|\|iconLeft,size:"s",color:"tertiary",inline:!0}))),React.createElement(Column,{size:"fill"},React.createElement(Text,{overflowWrap:"break-word",hyphens:"auto"},label)),rightContent&&React.createElement(Column,{size:"narrow"},rightContent))),index!==items.length-1&&React.createElement(Divider,null))});return React.createElement(Stack,{space:"s"},React.createElement(H6,{as:"div"},category),React.createElement(Container,{elevation:0,borderRadius:"s"},React.createElement(Stack,{space:"zero"},listItems)))}
1	+ import React,{Fragment}from"react";import styled from"@emotion/styled";import{H6}from"../Typography/Header";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text";import{Columns,Column}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Container}from"../Container";import{Divider}from"../Divider/Divider";export function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}let StyledIconLeft=styled(Icon,{target:"e3rf8qb0",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbik8SWNvblByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5SaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxudHlwZSBTdHlsZWRMaXN0SXRlbVByb3BzID0ge1xuICBpc1NlbGVjdGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTZWxlY3RlZCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG5cbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhdGVnb3J5TGlzdCh7XG4gIG5hbWUsXG4gIGNhdGVnb3J5LFxuICBpY29uTGVmdCxcbiAgcmlnaHRDb250ZW50LFxuICBpdGVtcyxcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgb25MaXN0SXRlbUNsaWNrLFxufTogQ2F0ZWdvcnlMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBsaXN0SXRlbXMgPSBpdGVtcy5tYXAoXG4gICAgKHsgbGFiZWwsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQsIGRhdGFFMmVUZXN0SWQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5jYXRlZ29yeSA9PT0gY2F0ZWdvcnkgJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5pbmRleEluQ2F0ZWdvcnkgPT09IGluZGV4O1xuXG4gICAgICBjb25zdCBpY29uID0gaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIG9uUG9pbnRlckRvd249eyhldnQpID0+IGV2dC5wcmV2ZW50RGVmYXVsdCgpfSAvLyBuZWVkZWQgdG8gYXZvaWQgZm9jdXMgY2hhbmdlXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZ0KSA9PiBvbkxpc3RJdGVtQ2xpY2soY2F0ZWdvcnksIGluZGV4LCBldnQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFN0eWxlZEljb25MZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgey4uLmljb259XG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpY29uLmNvbG9yID8/IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAgICAgICAgICAgICBpbmxpbmVcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxUZXh0IG92ZXJmbG93V3JhcD1cImJyZWFrLXdvcmRcIiBoeXBoZW5zPVwiYXV0b1wiPlxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgIHtyaWdodENvbnRlbnQgJiYgPENvbHVtbiBzaXplPVwibmFycm93XCI+e3JpZ2h0Q29udGVudH08L0NvbHVtbj59XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICB7aW5kZXggIT09IGl0ZW1zLmxlbmd0aCAtIDEgJiYgPERpdmlkZXIgLz59XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICApO1xuICAgICAgLyogZXNsaW50LWVuYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICB9XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgc3BhY2U9XCJzXCI+XG4gICAgICA8SDYgYXM9XCJkaXZcIj57Y2F0ZWdvcnl9PC9INj5cbiAgICAgIDxDb250YWluZXIgZWxldmF0aW9uPXswfSBib3JkZXJSYWRpdXM9XCJzXCI+XG4gICAgICAgIDxTdGFjayBzcGFjZT1cInplcm9cIj57bGlzdEl0ZW1zfTwvU3RhY2s+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEdUIifQ== /"),StyledListItem=styled("div",{target:"e3rf8qb1",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbik8SWNvblByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5SaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxudHlwZSBTdHlsZWRMaXN0SXRlbVByb3BzID0ge1xuICBpc1NlbGVjdGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQuZGl2PFN0eWxlZExpc3RJdGVtUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTZWxlY3RlZCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG5cbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhdGVnb3J5TGlzdCh7XG4gIG5hbWUsXG4gIGNhdGVnb3J5LFxuICBpY29uTGVmdCxcbiAgcmlnaHRDb250ZW50LFxuICBpdGVtcyxcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgb25MaXN0SXRlbUNsaWNrLFxufTogQ2F0ZWdvcnlMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBsaXN0SXRlbXMgPSBpdGVtcy5tYXAoXG4gICAgKHsgbGFiZWwsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQsIGRhdGFFMmVUZXN0SWQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5jYXRlZ29yeSA9PT0gY2F0ZWdvcnkgJiZcbiAgICAgICAgc2VsZWN0ZWRMaXN0SXRlbS5pbmRleEluQ2F0ZWdvcnkgPT09IGluZGV4O1xuXG4gICAgICBjb25zdCBpY29uID0gaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0O1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgICAgcm9sZT1cIm9wdGlvblwiXG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIG9uUG9pbnRlckRvd249eyhldnQpID0+IGV2dC5wcmV2ZW50RGVmYXVsdCgpfSAvLyBuZWVkZWQgdG8gYXZvaWQgZm9jdXMgY2hhbmdlXG4gICAgICAgICAgICBvbkNsaWNrPXsoZXZ0KSA9PiBvbkxpc3RJdGVtQ2xpY2soY2F0ZWdvcnksIGluZGV4LCBldnQpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD5cbiAgICAgICAgICAgICAgICAgICAgPFN0eWxlZEljb25MZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgey4uLmljb259XG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpY29uLmNvbG9yID8/IFwidGVydGlhcnlcIn1cbiAgICAgICAgICAgICAgICAgICAgICBpbmxpbmVcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxUZXh0IG92ZXJmbG93V3JhcD1cImJyZWFrLXdvcmRcIiBoeXBoZW5zPVwiYXV0b1wiPlxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgIHtyaWdodENvbnRlbnQgJiYgPENvbHVtbiBzaXplPVwibmFycm93XCI+e3JpZ2h0Q29udGVudH08L0NvbHVtbj59XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICB7aW5kZXggIT09IGl0ZW1zLmxlbmd0aCAtIDEgJiYgPERpdmlkZXIgLz59XG4gICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICApO1xuICAgICAgLyogZXNsaW50LWVuYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICB9XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgc3BhY2U9XCJzXCI+XG4gICAgICA8SDYgYXM9XCJkaXZcIj57Y2F0ZWdvcnl9PC9INj5cbiAgICAgIDxDb250YWluZXIgZWxldmF0aW9uPXswfSBib3JkZXJSYWRpdXM9XCJzXCI+XG4gICAgICAgIDxTdGFjayBzcGFjZT1cInplcm9cIj57bGlzdEl0ZW1zfTwvU3RhY2s+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEdUIifQ== /");export function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,iconLeft:itemIconLeft,dataE2eTestId},index)=>{let isSelected=!!selectedListItem&&selectedListItem.category===category&&selectedListItem.indexInCategory===index,icon=itemIconLeft\|\|iconLeft;return React.createElement(Fragment,{key:index},React.createElement(StyledListItem,{id:getListItemId(name,category,index),"data-e2e-test-id":dataE2eTestId,role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:evt=>onListItemClick(category,index,evt)},React.createElement(Columns,null,icon&&React.createElement(Column,{size:"narrow"},React.createElement(Text,null,React.createElement(StyledIconLeft,{...icon,size:"s",color:icon.color??"tertiary",inline:!0}))),React.createElement(Column,{size:"fill"},React.createElement(Text,{overflowWrap:"break-word",hyphens:"auto"},label)),rightContent&&React.createElement(Column,{size:"narrow"},rightContent))),index!==items.length-1&&React.createElement(Divider,null))});return React.createElement(Stack,{space:"s"},React.createElement(H6,{as:"div"},category),React.createElement(Container,{elevation:0,borderRadius:"s"},React.createElement(Stack,{space:"zero"},listItems)))}

package/build/esm/components/PromptInput/PromptInput.d.ts CHANGED Viewed

@@ -3,12 +3,11 @@ import React from "react";
 import type { PromptTextAreaProps } from "./PromptTextArea";
 import type { AutocompleteListProps } from "./AutocompleteList";
 import { type ListItemValue } from "./CategoryList";
-import { type ButtonProps } from "../Button/Button";
-import type { PolymorphicComponentPropsWithRef } from "../../types";
+import type { PromptInputSizes } from "../../types";
 import type { RoundButtonProps } from "../RoundButton/RoundButton";
 import type { IconName } from "../Icon/Icon";
 import { type BasePromptInputHeaderProps } from "./PromptInputHeader";
-type SendButtonProps = Omit<RoundButtonProps, "icon" | "variant"> & {
+type SendButtonProps = Omit<RoundButtonProps, "icon" | "variant" | "size"> & {
     icon?: "arrow-up" | "search" | "arrow-right" | "voice";
 };
 type BottomToolbarConfig = {
@@ -29,6 +28,8 @@ export type PromptInputProps = {
     hint?: ReactElement;
     /** Shows in the clear button space in empty state */
     emptyStateTopRightContent?: ReactElement;
+    /** Size of the PromptInput */
+    size?: PromptInputSizes;
     onClear: () => void;
     /** Called when user selects (or rejects) a list item from autocomplete list */
     onComplete?: ({ value, category, evt, index, }: {
@@ -41,8 +42,8 @@ export type PromptInputProps = {
     onEnterKey: () => void;
     /** Renders an icon to the left inside the textarea */
     leftIcon?: IconName;
-} & Omit<PromptTextAreaProps, "isAutocompleteListOpen" | "selectedListItem" | "hasLeftIcon"> & Pick<AutocompleteListProps, "autocompleteListItems" | "autocompleteListFooter" | "portalContainer">;
-declare const PromptInputComponent: React.ForwardRefExoticComponent<{
+} & Omit<PromptTextAreaProps, "isAutocompleteListOpen" | "selectedListItem" | "hasLeftIcon" | "size"> & Pick<AutocompleteListProps, "autocompleteListItems" | "autocompleteListFooter" | "portalContainer">;
+export declare const PromptInput: React.ForwardRefExoticComponent<{
     "data-e2e-test-id"?: string;
     header?: BasePromptInputHeaderProps;
     variant?: "ai";
@@ -55,6 +56,8 @@ declare const PromptInputComponent: React.ForwardRefExoticComponent<{
     hint?: ReactElement;
     /** Shows in the clear button space in empty state */
     emptyStateTopRightContent?: ReactElement;
+    /** Size of the PromptInput */
+    size?: PromptInputSizes;
     onClear: () => void;
     /** Called when user selects (or rejects) a list item from autocomplete list */
     onComplete?: ({ value, category, evt, index, }: {
@@ -67,9 +70,5 @@ declare const PromptInputComponent: React.ForwardRefExoticComponent<{
     onEnterKey: () => void;
     /** Renders an icon to the left inside the textarea */
     leftIcon?: IconName;
-} & Omit<PromptTextAreaProps, "selectedListItem" | "isAutocompleteListOpen" | "hasLeftIcon"> & Pick<AutocompleteListProps, "portalContainer" | "autocompleteListItems" | "autocompleteListFooter"> & React.RefAttributes<HTMLTextAreaElement>>;
-declare const SuggestionButton: React.ForwardRefExoticComponent<Omit<PolymorphicComponentPropsWithRef<React.ElementType<any, keyof React.JSX.IntrinsicElements>, Omit<ButtonProps, "ref" | "size" | "variant">>, "ref"> & React.RefAttributes<unknown>>;
-export declare const PromptInput: typeof PromptInputComponent & {
-    SuggestionButton: typeof SuggestionButton;
-};
+} & Omit<PromptTextAreaProps, "size" | "selectedListItem" | "isAutocompleteListOpen" | "hasLeftIcon"> & Pick<AutocompleteListProps, "portalContainer" | "autocompleteListItems" | "autocompleteListFooter"> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};