npm - @televet/kibble-ui - Versions diffs - 2.1.39 → 2.1.40 - Mend

@televet/kibble-ui 2.1.39 → 2.1.40

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 (188) hide show

package/build/{alert.component-cc76d972.js → alert.component-0ac3abaa.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),s=require("./button.component-8c8cd059.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./heading.component-95e89325.js"),n=require("./icon.component-100b924b.js"),i=require("./text.component-906b3f66.js"),r=require("./chakra-ui-alert.esm-17eebb99.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
-//# sourceMappingURL=alert.component-cc76d972.js.map
+"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),s=require("./button.component-a1a58584.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./heading.component-95e89325.js"),n=require("./icon.component-7fa85e78.js"),i=require("./text.component-906b3f66.js"),r=require("./chakra-ui-alert.esm-17eebb99.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
+//# sourceMappingURL=alert.component-0ac3abaa.js.map

package/build/{alert.component-cc76d972.js.map → alert.component-0ac3abaa.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alert.component-cc76d972.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' \| 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n status?: Status;\n isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\n return (\n <Box\n className=\"Alert__Button\"\n pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n >\n <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...rest}>\n {buttonProps.buttonText}\n </Button>\n </Box>\n );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n const { onClose, isToast } = props;\n return (\n <Box className=\"Alert__CloseButton\">\n <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n </Box>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n title?: string \| ReactNode;\n titleProps?: HeadingProps;\n isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n const { title, titleProps, isToast } = props;\n return (\n <Heading\n className=\"Alert__Title\"\n flexGrow={1}\n variant={isToast ? 'onContrast' : 'default'}\n lineHeight={6}\n size=\"sm\"\n {...titleProps}\n >\n {title}\n </Heading>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n error: 'warningSign',\n warning: 'warningSign',\n success: 'checkmark',\n info: 'infoCircle',\n default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: Status;\n isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status, isToast = false } = props;\n\n const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon\n variant={isToast ? 'onContrast' : computedVariant}\n size=\"lg\"\n name={iconProps?.name \|\| AlertStatusIcon[status]}\n {...iconProps}\n />\n </Box>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string \| ReactNode;\n descriptionProps?: TextProps;\n isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps, isToast } = props;\n return typeof description === 'string' ? (\n <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n <>{description}</>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n children: ReactNode;\n hideIcon: boolean;\n hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n const { children, hideIcon, hideCloseButton } = props;\n return (\n <VStack\n className=\"Alert__Body\"\n justify=\"flex-start\"\n align=\"flex-start\"\n w=\"100%\"\n pl={!hideIcon ? '34px' : ''}\n pr={!hideCloseButton ? '34px' : ''}\n >\n {children}\n </VStack>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n const { children } = props;\n return (\n <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n {children}\n </HStack>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n buttonProps?: AlertButtonProps;\n children?: ReactNode;\n description?: string \| ReactNode;\n descriptionProps?: TextProps;\n hasShadow?: boolean;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n status?: Status;\n title?: string \| ReactNode;\n titleProps?: HeadingProps;\n isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' \| 'status'> {}\n\nexport const Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n hasShadow = false,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n status = 'success',\n title,\n titleProps,\n isToast = false,\n ...rest\n}: AlertProps): JSX.Element => {\n const computedVariant = isToast ? `${status}Toast` : status;\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n\n const AlertWithTitle = (): JSX.Element => {\n return (\n <>\n <AlertHeader>\n {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n </AlertHeader>\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n {description && (\n <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n )}\n {children}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n </AlertBody>\n </>\n );\n };\n\n const AlertWithoutTitle = (): JSX.Element => {\n return (\n <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n <AlertHeader>\n {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n <Box flexGrow={1}>\n {description && (\n <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n )}\n {children}\n </Box>\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n </AlertHeader>\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n </AlertBody>\n )}\n </VStack>\n );\n };\n\n return (\n <CAlert\n flexDirection=\"column\"\n align=\"flex-start\"\n justify=\"flex-start\"\n variant={computedVariant}\n overflow=\"visible\"\n px={3}\n py={2}\n {...(hasShadow && { boxShadow: 'md' })}\n {...rest}\n >\n {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n </CAlert>\n );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"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"}
1	+ {"version":3,"file":"alert.component-0ac3abaa.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' \| 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n status?: Status;\n isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\n return (\n <Box\n className=\"Alert__Button\"\n pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n >\n <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...rest}>\n {buttonProps.buttonText}\n </Button>\n </Box>\n );\n};\n","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n const { onClose, isToast } = props;\n return (\n <Box className=\"Alert__CloseButton\">\n <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n </Box>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n title?: string \| ReactNode;\n titleProps?: HeadingProps;\n isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n const { title, titleProps, isToast } = props;\n return (\n <Heading\n className=\"Alert__Title\"\n flexGrow={1}\n variant={isToast ? 'onContrast' : 'default'}\n lineHeight={6}\n size=\"sm\"\n {...titleProps}\n >\n {title}\n </Heading>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n error: 'warningSign',\n warning: 'warningSign',\n success: 'checkmark',\n info: 'infoCircle',\n default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: Status;\n isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status, isToast = false } = props;\n\n const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon\n variant={isToast ? 'onContrast' : computedVariant}\n size=\"lg\"\n name={iconProps?.name \|\| AlertStatusIcon[status]}\n {...iconProps}\n />\n </Box>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string \| ReactNode;\n descriptionProps?: TextProps;\n isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps, isToast } = props;\n return typeof description === 'string' ? (\n <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n <>{description}</>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n children: ReactNode;\n hideIcon: boolean;\n hideCloseButton: boolean;\n}\n\nexport const AlertBody = (props: AlertBodyProps): JSX.Element => {\n const { children, hideIcon, hideCloseButton } = props;\n return (\n <VStack\n className=\"Alert__Body\"\n justify=\"flex-start\"\n align=\"flex-start\"\n w=\"100%\"\n pl={!hideIcon ? '34px' : ''}\n pr={!hideCloseButton ? '34px' : ''}\n >\n {children}\n </VStack>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nexport const AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n const { children } = props;\n return (\n <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n {children}\n </HStack>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { TextProps } from '../Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport { AlertButton, AlertButtonProps } from './components/alertButton.component';\nimport { AlertCloseButton } from './components/alertCloseButton.component';\nimport { AlertTitle } from './components/alertTitle.component';\nimport { AlertIcon } from './components/alertIcon.component';\nimport { AlertDescription } from './components/alertDescription.component';\nimport { AlertBody } from './components/alertBody.component';\nimport { AlertHeader } from './components/alertHeader.component';\nimport { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n buttonProps?: AlertButtonProps;\n children?: ReactNode;\n description?: string \| ReactNode;\n descriptionProps?: TextProps;\n hasShadow?: boolean;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n status?: Status;\n title?: string \| ReactNode;\n titleProps?: HeadingProps;\n isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' \| 'status'> {}\n\nexport const Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n hasShadow = false,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n status = 'success',\n title,\n titleProps,\n isToast = false,\n ...rest\n}: AlertProps): JSX.Element => {\n const computedVariant = isToast ? `${status}Toast` : status;\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n\n const AlertWithTitle = (): JSX.Element => {\n return (\n <>\n <AlertHeader>\n {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n </AlertHeader>\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n {description && (\n <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n )}\n {children}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n </AlertBody>\n </>\n );\n };\n\n const AlertWithoutTitle = (): JSX.Element => {\n return (\n <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n <AlertHeader>\n {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n <Box flexGrow={1}>\n {description && (\n <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n )}\n {children}\n </Box>\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n </AlertHeader>\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n </AlertBody>\n )}\n </VStack>\n );\n };\n\n return (\n <CAlert\n flexDirection=\"column\"\n align=\"flex-start\"\n justify=\"flex-start\"\n variant={computedVariant}\n overflow=\"visible\"\n px={3}\n py={2}\n {...(hasShadow && { boxShadow: 'md' })}\n {...rest}\n >\n {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n </CAlert>\n );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"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"}

package/build/{avatar.component-d7b27e5d.js → avatar.component-aa7483a7.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./icon.component-100b924b.js"),r=require("./tooltip.component-197bff7c.js"),o=require("./chakra-ui-avatar.esm-eee70d3a.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js"),s=require("./picture.component-19489bee.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const c=({currentSize:e,larger:t=!0,delta:a=1})=>{let r;switch(e){case"xs":r=t?"sm":"xs";break;case"sm":r=t?"md":"xs";break;case"md":r=t?"lg":"sm";break;case"lg":r=t?"xl":"md";break;case"xl":r=t?"2xl":"lg";break;case"2xl":r=t?"2xl":"xl";break;default:r=e}return a>1&&(r=c({currentSize:r,larger:t,delta:a-1})),r},u=({avatarSize:e,iconName:r,bg:n="background.info",borderColor:s="border.strongContrast",iconVariant:l="info",position:c="bottomRight"})=>{const u=t.useMemo((()=>"xs"===e||!r),[r,e]);return i.default.createElement(o.AvatarBadge,Object.assign({borderColor:s,borderWidth:"thin",bg:n,boxSize:(e=>{switch(e){case"xl":return"24px";case"xs":return"10px";default:return"18px"}})(e),transform:(t=>{switch(t){case"topLeft":return"xl"===e?"translate(-25%, -25%)":u&&"xs"!==e?"translate(-40%, -40%)":"translate(-45%, -45%)";case"topRight":return"xl"===e?"translate(25%, -25%)":u&&"xs"!==e?"translate(40%, -40%)":"translate(45%, -45%)";case"bottomLeft":return"xl"===e?"translate(-25%, 25%)":u&&"xs"!==e?"translate(-40%, 40%)":"translate(-45%, 45%)";default:return"xl"===e?"translate(25%, 25%)":u&&"xs"!==e?"translate(40%, 40%)":"translate(45%, 45%)"}})(c),position:"absolute"},(e=>{switch(e){case"topLeft":return{top:"0",left:"0"};case"topRight":return{top:"0",right:"0"};case"bottomLeft":return{bottom:"0",left:"0"};default:return{bottom:"0",right:"0"}}})(c)),!u&&r&&i.default.createElement(a.Icon,{name:r,variant:l,size:"xl"===e?"sm":"xs"}))},d=({handleRemoveButtonClick:e,isBeingHovered:r,setIsBeingHovered:o})=>{const s=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return i.default.createElement(n.Flex,{className:"Avatar__RemoveButton",backgroundColor:"background.default",borderRadius:"full",cursor:"pointer",position:"absolute",top:"-6px",h:4,w:4,right:"-6px",justify:"center",align:"center",onClick:s,onMouseEnter:()=>o(!0),zIndex:"tooltip",onMouseLeave:()=>o(!1)},i.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:r?"sm":"xs"}))},b=({src:e,webpSrc:t})=>i.default.createElement(n.Box,{className:"Avatar__Image"},i.default.createElement(s.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=n=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:m,hideBorder:p=!1,iconName:g,name:f="",randomizeVariant:h=!1,randomizationType:x="outline",showBadge:v=!1,showRemoveButton:k=!1,showTooltip:C=!0,size:w="md",src:z,tooltipPlacement:B="bottom",tooltipText:S,variant:E="default",webpSrc:R}=n,_=e.__rest(n,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[j,A]=t.useState(!1),[q,y]=t.useState(!1),I="xs"===w;let P=E;var T,L;h&&(T=f.charCodeAt(0),L=x,P=T>=65&&T<=77?"outline"===L?"outlineAccent":"accent":"outline"===L?"outlineAccentSubtle":"accentSubtle");const M=t.useMemo((()=>{let e={_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}};return"contrast"===E&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[E]),N=i.default.createElement(o.Avatar,Object.assign({name:g?"":f,size:w,src:R?void 0:z,variant:P,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:p?"0px":"2px",cursor:"default"},g&&{icon:i.default.createElement(a.Icon,{name:g,size:"lg"===w?"lg":c({currentSize:w,larger:!0,delta:1})})},l&&Object.assign({onClick:l,cursor:"pointer"},M),{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1)},_),k&&j&&!I&&i.default.createElement(d,{handleRemoveButtonClick:m,isBeingHovered:q,setIsBeingHovered:y}),v&&i.default.createElement(u,Object.assign({avatarSize:w},s)),R&&z&&i.default.createElement(b,{src:z,webpSrc:R}));return C&&!q?i.default.createElement(r.Tooltip,{label:S||f,placement:B},N):N};
-//# sourceMappingURL=avatar.component-d7b27e5d.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./icon.component-7fa85e78.js"),r=require("./tooltip.component-197bff7c.js"),o=require("./chakra-ui-avatar.esm-eee70d3a.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js"),s=require("./picture.component-19489bee.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const c=({currentSize:e,larger:t=!0,delta:a=1})=>{let r;switch(e){case"xs":r=t?"sm":"xs";break;case"sm":r=t?"md":"xs";break;case"md":r=t?"lg":"sm";break;case"lg":r=t?"xl":"md";break;case"xl":r=t?"2xl":"lg";break;case"2xl":r=t?"2xl":"xl";break;default:r=e}return a>1&&(r=c({currentSize:r,larger:t,delta:a-1})),r},u=({avatarSize:e,iconName:r,bg:n="background.info",borderColor:s="border.strongContrast",iconVariant:l="info",position:c="bottomRight"})=>{const u=t.useMemo((()=>"xs"===e||!r),[r,e]);return i.default.createElement(o.AvatarBadge,Object.assign({borderColor:s,borderWidth:"thin",bg:n,boxSize:(e=>{switch(e){case"xl":return"24px";case"xs":return"10px";default:return"18px"}})(e),transform:(t=>{switch(t){case"topLeft":return"xl"===e?"translate(-25%, -25%)":u&&"xs"!==e?"translate(-40%, -40%)":"translate(-45%, -45%)";case"topRight":return"xl"===e?"translate(25%, -25%)":u&&"xs"!==e?"translate(40%, -40%)":"translate(45%, -45%)";case"bottomLeft":return"xl"===e?"translate(-25%, 25%)":u&&"xs"!==e?"translate(-40%, 40%)":"translate(-45%, 45%)";default:return"xl"===e?"translate(25%, 25%)":u&&"xs"!==e?"translate(40%, 40%)":"translate(45%, 45%)"}})(c),position:"absolute"},(e=>{switch(e){case"topLeft":return{top:"0",left:"0"};case"topRight":return{top:"0",right:"0"};case"bottomLeft":return{bottom:"0",left:"0"};default:return{bottom:"0",right:"0"}}})(c)),!u&&r&&i.default.createElement(a.Icon,{name:r,variant:l,size:"xl"===e?"sm":"xs"}))},d=({handleRemoveButtonClick:e,isBeingHovered:r,setIsBeingHovered:o})=>{const s=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return i.default.createElement(n.Flex,{className:"Avatar__RemoveButton",backgroundColor:"background.default",borderRadius:"full",cursor:"pointer",position:"absolute",top:"-6px",h:4,w:4,right:"-6px",justify:"center",align:"center",onClick:s,onMouseEnter:()=>o(!0),zIndex:"tooltip",onMouseLeave:()=>o(!1)},i.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:r?"sm":"xs"}))},m=({src:e,webpSrc:t})=>i.default.createElement(n.Box,{className:"Avatar__Image"},i.default.createElement(s.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=n=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:b,hideBorder:p=!1,iconName:f,name:g="",randomizeVariant:h=!1,randomizationType:x="outline",showBadge:v=!1,showRemoveButton:k=!1,showTooltip:C=!0,size:w="md",src:z,tooltipPlacement:B="bottom",tooltipText:S,variant:E="default",webpSrc:R}=n,_=e.__rest(n,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[j,A]=t.useState(!1),[q,y]=t.useState(!1),I="xs"===w;let P=E;var T,L;h&&(T=g.charCodeAt(0),L=x,P=T>=65&&T<=77?"outline"===L?"outlineAccent":"accent":"outline"===L?"outlineAccentSubtle":"accentSubtle");const M=t.useMemo((()=>{let e={_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}};return"contrast"===E&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[E]),N=i.default.createElement(o.Avatar,Object.assign({name:f?"":g,size:w,src:R?void 0:z,variant:P,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:p?"0px":"2px",cursor:"default"},f&&{icon:i.default.createElement(a.Icon,{name:f,size:"lg"===w?"lg":c({currentSize:w,larger:!0,delta:1})})},l&&Object.assign({onClick:l,cursor:"pointer"},M),{onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1)},_),k&&j&&!I&&i.default.createElement(d,{handleRemoveButtonClick:b,isBeingHovered:q,setIsBeingHovered:y}),v&&i.default.createElement(u,Object.assign({avatarSize:w},s)),R&&z&&i.default.createElement(m,{src:z,webpSrc:R}));return C&&!q?i.default.createElement(r.Tooltip,{label:S||g,placement:B},N):N};
+//# sourceMappingURL=avatar.component-aa7483a7.js.map

package/build/{avatar.component-d7b27e5d.js.map → avatar.component-aa7483a7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.component-d7b27e5d.js","sources":["../src/shared/utils/sizes.ts","../src/components/Avatar/components/avatarBadge.component.tsx","../src/components/Avatar/components/avatarRemoveButton.component.tsx","../src/components/Avatar/components/avatarImage.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize \| AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({ currentSize: nextSize, larger, delta: delta - 1 });\n }\n\n return nextSize;\n};\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge, PositionProps } from '@chakra-ui/react';\nimport { Icon } from '../../Icon/icon.component';\nimport { AvatarSize } from '../avatar.types';\nimport { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { IconName } from '../../../icons';\nimport { AvatarBadgePosition } from '../avatar.types';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface AvatarBadgeProps {\n iconName?: IconName;\n bg?: SemanticBackgroundColorToken;\n borderColor?: SemanticBorderColorToken;\n iconVariant?: TypographyVariant;\n position?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize,\n iconName,\n bg = 'background.info',\n borderColor = 'border.strongContrast',\n iconVariant = 'info',\n position = 'bottomRight',\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' \|\| !iconName, [iconName, avatarSize]);\n\n const getBadgePosition = (position: AvatarBadgePosition): PositionProps => {\n switch (position) {\n case 'topLeft':\n return {\n top: '0',\n left: '0',\n };\n case 'topRight':\n return {\n top: '0',\n right: '0',\n };\n case 'bottomLeft':\n return {\n bottom: '0',\n left: '0',\n };\n default:\n return {\n bottom: '0',\n right: '0',\n };\n }\n };\n\n const getBadgeTransform = (position: AvatarBadgePosition): string => {\n const extraSmallPosition = 45;\n const extraLargePosition = 25;\n const defaultPosition = 40;\n\n switch (position) {\n case 'topLeft':\n if (avatarSize === 'xl') {\n return `translate(-${extraLargePosition}%, -${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(-${defaultPosition}%, -${defaultPosition}%)`\n : `translate(-${extraSmallPosition}%, -${extraSmallPosition}%)`;\n case 'topRight':\n if (avatarSize === 'xl') {\n return `translate(${extraLargePosition}%, -${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${defaultPosition}%, -${defaultPosition}%)`\n : `translate(${extraSmallPosition}%, -${extraSmallPosition}%)`;\n case 'bottomLeft':\n if (avatarSize === 'xl') {\n return `translate(-${extraLargePosition}%, ${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(-${defaultPosition}%, ${defaultPosition}%)`\n : `translate(-${extraSmallPosition}%, ${extraSmallPosition}%)`;\n default:\n if (avatarSize === 'xl') {\n return `translate(${extraLargePosition}%, ${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${defaultPosition}%, ${defaultPosition}%)`\n : `translate(${extraSmallPosition}%, ${extraSmallPosition}%)`;\n }\n };\n\n const getBoxSize = (avatarSize: AvatarSize): string => {\n switch (avatarSize) {\n case 'xl':\n return '24px';\n case 'xs':\n return '10px';\n default:\n return '18px';\n }\n };\n\n return (\n <CAvatarBadge\n borderColor={borderColor}\n borderWidth=\"thin\"\n bg={bg}\n boxSize={getBoxSize(avatarSize)}\n transform={getBadgeTransform(position)}\n position=\"absolute\"\n {...getBadgePosition(position)}\n >\n {!useSmallBadge && iconName && (\n <Icon name={iconName} variant={iconVariant} size={avatarSize === 'xl' ? 'sm' : 'xs'} />\n )}\n </CAvatarBadge>\n );\n};\n","import React, { useCallback, MouseEvent, MouseEventHandler, Dispatch, SetStateAction } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\nconst AvatarRemoveButton = ({\n handleRemoveButtonClick,\n isBeingHovered,\n setIsBeingHovered,\n}: AvatarRemoveButtonProps): JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (handleRemoveButtonClick) {\n handleRemoveButtonClick(e);\n }\n },\n [handleRemoveButtonClick],\n );\n return (\n <Flex\n className=\"Avatar__RemoveButton\"\n backgroundColor=\"background.default\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-6px\"\n h={4}\n w={4}\n right=\"-6px\"\n justify=\"center\"\n align=\"center\"\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n zIndex=\"tooltip\"\n onMouseLeave={(): void => setIsBeingHovered(false)}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Flex>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { Box } from '@chakra-ui/react';\nimport { Picture } from 'components/Picture';\nimport React from 'react';\n\ninterface AvatarImageProps {\n src: string;\n webpSrc: string;\n}\n\nconst AvatarImage = ({ src, webpSrc }: AvatarImageProps): JSX.Element => {\n return (\n <Box className=\"Avatar__Image\">\n <Picture\n src={src}\n webpSrc={webpSrc}\n imgProps={{\n w: '100%',\n h: '100%',\n objectFit: 'cover',\n borderRadius: 'full',\n position: 'absolute',\n top: 0,\n left: 0,\n }}\n />\n </Box>\n );\n};\n\nexport default AvatarImage;\n","import React, { useState, useMemo, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { AvatarSize, AvatarType, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport AvatarRemoveButton from './components/avatarRemoveButton.component';\nimport AvatarImage from './components/avatarImage.component';\n\nexport interface KAvatarProps {\n badgeProps?: AvatarBadgeProps;\n handleClick?: MouseEventHandler<HTMLSpanElement>;\n handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n randomizeVariant?: boolean;\n randomizationType?: AvatarType;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipPlacement?: Placement;\n tooltipText?: string;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport type AvatarProps = KAvatarProps & CAvatarProps;\n\nconst getRandomizedAvatarVariant = (charCode: number, type: AvatarType): AvatarVariant => {\n if (charCode >= 65 && charCode <= 77) {\n return type === 'outline' ? 'outlineAccent' : 'accent';\n } else {\n return type === 'outline' ? 'outlineAccentSubtle' : 'accentSubtle';\n }\n};\n\nexport const Avatar = ({\n badgeProps,\n handleClick,\n handleRemoveButtonClick,\n hideBorder = false,\n iconName,\n name = '',\n randomizeVariant = false,\n randomizationType = 'outline',\n showBadge = false,\n showRemoveButton = false,\n showTooltip = true,\n size = 'md',\n src,\n tooltipPlacement = 'bottom',\n tooltipText,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): JSX.Element => {\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs';\n\n let _variant = variant;\n\n if (randomizeVariant) {\n _variant = getRandomizedAvatarVariant(name.charCodeAt(0), randomizationType);\n }\n\n // These styles are not defined in the config file because they\n // should only be applied if the avatar has a click handler defined\n const hoverActiveStyles = useMemo(() => {\n let styles = {\n _hover: {\n img: { opacity: 1 },\n _after: {\n content: '\"\"',\n backgroundColor: 'background.alpha.hover',\n w: '110%',\n h: '110%',\n borderRadius: 'full',\n position: 'absolute',\n },\n },\n _active: {\n img: { opacity: 1 },\n _after: {\n content: '\"\"',\n backgroundColor: 'background.alpha.pressed',\n w: '110%',\n h: '110%',\n borderRadius: 'full',\n position: 'absolute',\n },\n },\n };\n\n if (variant === 'contrast') {\n styles._hover._after.backgroundColor = 'background.alphaContrast.hover';\n styles._active._after.backgroundColor = 'background.alphaContrast.pressed';\n }\n\n return styles;\n }, [variant]);\n\n const avatarMarkup = (\n <CAvatar\n name={iconName ? '' : name}\n size={size}\n src={!!webpSrc ? undefined : src}\n variant={_variant}\n boxShadow=\"0 0 0 1px var(--chakra-colors-border-strongContrast)\"\n borderWidth={hideBorder ? '0px' : '2px'}\n cursor=\"default\"\n {...(iconName && {\n icon: (\n <Icon\n name={iconName}\n size={size === 'lg' ? 'lg' : getNextIconSize({ currentSize: size, larger: true, delta: 1 })}\n />\n ),\n })}\n {...(handleClick && {\n onClick: handleClick,\n cursor: 'pointer',\n ...hoverActiveStyles,\n })}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n {...rest}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <AvatarRemoveButton\n handleRemoveButtonClick={handleRemoveButtonClick}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {webpSrc && src && <AvatarImage src={src} webpSrc={webpSrc} />}\n </CAvatar>\n );\n\n if (showTooltip && !isHoveringRemoveButton) {\n return (\n <Tooltip label={tooltipText \|\| name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n"],"names":["getNextIconSize","currentSize","larger","delta","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","Object","assign","borderWidth","boxSize","getBoxSize","transform","getBadgeTransform","top","left","right","bottom","getBadgePosition","Icon","name","variant","size","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","h","w","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","_a","badgeProps","handleClick","hideBorder","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isHoveringAvatar","setIsHoveringAvatar","useState","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCode","type","charCodeAt","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Avatar","undefined","boxShadow","icon","Tooltip","label","placement"],"mappings":"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"}
1	+ {"version":3,"file":"avatar.component-aa7483a7.js","sources":["../src/shared/utils/sizes.ts","../src/components/Avatar/components/avatarBadge.component.tsx","../src/components/Avatar/components/avatarRemoveButton.component.tsx","../src/components/Avatar/components/avatarImage.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize \| AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({ currentSize: nextSize, larger, delta: delta - 1 });\n }\n\n return nextSize;\n};\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge, PositionProps } from '@chakra-ui/react';\nimport { Icon } from '../../Icon/icon.component';\nimport { AvatarSize } from '../avatar.types';\nimport { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { IconName } from '../../../icons';\nimport { AvatarBadgePosition } from '../avatar.types';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface AvatarBadgeProps {\n iconName?: IconName;\n bg?: SemanticBackgroundColorToken;\n borderColor?: SemanticBorderColorToken;\n iconVariant?: TypographyVariant;\n position?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize,\n iconName,\n bg = 'background.info',\n borderColor = 'border.strongContrast',\n iconVariant = 'info',\n position = 'bottomRight',\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' \|\| !iconName, [iconName, avatarSize]);\n\n const getBadgePosition = (position: AvatarBadgePosition): PositionProps => {\n switch (position) {\n case 'topLeft':\n return {\n top: '0',\n left: '0',\n };\n case 'topRight':\n return {\n top: '0',\n right: '0',\n };\n case 'bottomLeft':\n return {\n bottom: '0',\n left: '0',\n };\n default:\n return {\n bottom: '0',\n right: '0',\n };\n }\n };\n\n const getBadgeTransform = (position: AvatarBadgePosition): string => {\n const extraSmallPosition = 45;\n const extraLargePosition = 25;\n const defaultPosition = 40;\n\n switch (position) {\n case 'topLeft':\n if (avatarSize === 'xl') {\n return `translate(-${extraLargePosition}%, -${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(-${defaultPosition}%, -${defaultPosition}%)`\n : `translate(-${extraSmallPosition}%, -${extraSmallPosition}%)`;\n case 'topRight':\n if (avatarSize === 'xl') {\n return `translate(${extraLargePosition}%, -${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${defaultPosition}%, -${defaultPosition}%)`\n : `translate(${extraSmallPosition}%, -${extraSmallPosition}%)`;\n case 'bottomLeft':\n if (avatarSize === 'xl') {\n return `translate(-${extraLargePosition}%, ${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(-${defaultPosition}%, ${defaultPosition}%)`\n : `translate(-${extraSmallPosition}%, ${extraSmallPosition}%)`;\n default:\n if (avatarSize === 'xl') {\n return `translate(${extraLargePosition}%, ${extraLargePosition}%)`;\n }\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${defaultPosition}%, ${defaultPosition}%)`\n : `translate(${extraSmallPosition}%, ${extraSmallPosition}%)`;\n }\n };\n\n const getBoxSize = (avatarSize: AvatarSize): string => {\n switch (avatarSize) {\n case 'xl':\n return '24px';\n case 'xs':\n return '10px';\n default:\n return '18px';\n }\n };\n\n return (\n <CAvatarBadge\n borderColor={borderColor}\n borderWidth=\"thin\"\n bg={bg}\n boxSize={getBoxSize(avatarSize)}\n transform={getBadgeTransform(position)}\n position=\"absolute\"\n {...getBadgePosition(position)}\n >\n {!useSmallBadge && iconName && (\n <Icon name={iconName} variant={iconVariant} size={avatarSize === 'xl' ? 'sm' : 'xs'} />\n )}\n </CAvatarBadge>\n );\n};\n","import React, { useCallback, MouseEvent, MouseEventHandler, Dispatch, SetStateAction } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\nconst AvatarRemoveButton = ({\n handleRemoveButtonClick,\n isBeingHovered,\n setIsBeingHovered,\n}: AvatarRemoveButtonProps): JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (handleRemoveButtonClick) {\n handleRemoveButtonClick(e);\n }\n },\n [handleRemoveButtonClick],\n );\n return (\n <Flex\n className=\"Avatar__RemoveButton\"\n backgroundColor=\"background.default\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-6px\"\n h={4}\n w={4}\n right=\"-6px\"\n justify=\"center\"\n align=\"center\"\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n zIndex=\"tooltip\"\n onMouseLeave={(): void => setIsBeingHovered(false)}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Flex>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { Box } from '@chakra-ui/react';\nimport { Picture } from 'components/Picture';\nimport React from 'react';\n\ninterface AvatarImageProps {\n src: string;\n webpSrc: string;\n}\n\nconst AvatarImage = ({ src, webpSrc }: AvatarImageProps): JSX.Element => {\n return (\n <Box className=\"Avatar__Image\">\n <Picture\n src={src}\n webpSrc={webpSrc}\n imgProps={{\n w: '100%',\n h: '100%',\n objectFit: 'cover',\n borderRadius: 'full',\n position: 'absolute',\n top: 0,\n left: 0,\n }}\n />\n </Box>\n );\n};\n\nexport default AvatarImage;\n","import React, { useState, useMemo, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { AvatarSize, AvatarType, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport AvatarRemoveButton from './components/avatarRemoveButton.component';\nimport AvatarImage from './components/avatarImage.component';\n\nexport interface KAvatarProps {\n badgeProps?: AvatarBadgeProps;\n handleClick?: MouseEventHandler<HTMLSpanElement>;\n handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n randomizeVariant?: boolean;\n randomizationType?: AvatarType;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipPlacement?: Placement;\n tooltipText?: string;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport type AvatarProps = KAvatarProps & CAvatarProps;\n\nconst getRandomizedAvatarVariant = (charCode: number, type: AvatarType): AvatarVariant => {\n if (charCode >= 65 && charCode <= 77) {\n return type === 'outline' ? 'outlineAccent' : 'accent';\n } else {\n return type === 'outline' ? 'outlineAccentSubtle' : 'accentSubtle';\n }\n};\n\nexport const Avatar = ({\n badgeProps,\n handleClick,\n handleRemoveButtonClick,\n hideBorder = false,\n iconName,\n name = '',\n randomizeVariant = false,\n randomizationType = 'outline',\n showBadge = false,\n showRemoveButton = false,\n showTooltip = true,\n size = 'md',\n src,\n tooltipPlacement = 'bottom',\n tooltipText,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): JSX.Element => {\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs';\n\n let _variant = variant;\n\n if (randomizeVariant) {\n _variant = getRandomizedAvatarVariant(name.charCodeAt(0), randomizationType);\n }\n\n // These styles are not defined in the config file because they\n // should only be applied if the avatar has a click handler defined\n const hoverActiveStyles = useMemo(() => {\n let styles = {\n _hover: {\n img: { opacity: 1 },\n _after: {\n content: '\"\"',\n backgroundColor: 'background.alpha.hover',\n w: '110%',\n h: '110%',\n borderRadius: 'full',\n position: 'absolute',\n },\n },\n _active: {\n img: { opacity: 1 },\n _after: {\n content: '\"\"',\n backgroundColor: 'background.alpha.pressed',\n w: '110%',\n h: '110%',\n borderRadius: 'full',\n position: 'absolute',\n },\n },\n };\n\n if (variant === 'contrast') {\n styles._hover._after.backgroundColor = 'background.alphaContrast.hover';\n styles._active._after.backgroundColor = 'background.alphaContrast.pressed';\n }\n\n return styles;\n }, [variant]);\n\n const avatarMarkup = (\n <CAvatar\n name={iconName ? '' : name}\n size={size}\n src={!!webpSrc ? undefined : src}\n variant={_variant}\n boxShadow=\"0 0 0 1px var(--chakra-colors-border-strongContrast)\"\n borderWidth={hideBorder ? '0px' : '2px'}\n cursor=\"default\"\n {...(iconName && {\n icon: (\n <Icon\n name={iconName}\n size={size === 'lg' ? 'lg' : getNextIconSize({ currentSize: size, larger: true, delta: 1 })}\n />\n ),\n })}\n {...(handleClick && {\n onClick: handleClick,\n cursor: 'pointer',\n ...hoverActiveStyles,\n })}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n {...rest}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <AvatarRemoveButton\n handleRemoveButtonClick={handleRemoveButtonClick}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {webpSrc && src && <AvatarImage src={src} webpSrc={webpSrc} />}\n </CAvatar>\n );\n\n if (showTooltip && !isHoveringRemoveButton) {\n return (\n <Tooltip label={tooltipText \|\| name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n"],"names":["getNextIconSize","currentSize","larger","delta","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","Object","assign","borderWidth","boxSize","getBoxSize","transform","getBadgeTransform","top","left","right","bottom","getBadgePosition","Icon","name","variant","size","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","h","w","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","_a","badgeProps","handleClick","hideBorder","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isHoveringAvatar","setIsHoveringAvatar","useState","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCode","type","charCodeAt","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Avatar","undefined","boxShadow","icon","Tooltip","label","placement"],"mappings":"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"}

package/build/avatarGroup.component-c29986b2.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("react"),t=require("./avatar.component-aa7483a7.js"),a=require("./chakra-ui-avatar.esm-eee70d3a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:m=!1,size:d="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===d\|\|"md"===d?-2:-1;return o.default.createElement(a.AvatarGroup,{size:d,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:d,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:d,showRemoveButton:m,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:d}))};
2	+ //# sourceMappingURL=avatarGroup.component-c29986b2.js.map

package/build/{avatarGroup.component-b503544d.js.map → avatarGroup.component-c29986b2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarGroup.component-~~b503544d~~.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n handleAddButtonClick?: () => void;\n handleRemoveButtonClick?: () => void;\n max?: number;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n handleAddButtonClick,\n handleRemoveButtonClick,\n max = 3,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'lg' \|\| size === 'md' ? -2 : -1;\n\n return (\n <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant=\"contrast\"\n showRemoveButton={false}\n tooltipText={mergedNames}\n />\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n showRemoveButton={showRemoveAvatarButton}\n handleRemoveButtonClick={handleRemoveButtonClick}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant=\"dashed\"\n iconName=\"plus\"\n handleClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}
1	+ {"version":3,"file":"avatarGroup.component-c29986b2.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n handleAddButtonClick?: () => void;\n handleRemoveButtonClick?: () => void;\n max?: number;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n handleAddButtonClick,\n handleRemoveButtonClick,\n max = 3,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'lg' \|\| size === 'md' ? -2 : -1;\n\n return (\n <CAvatarGroup size={size} spacing={spacing} alignItems=\"flex-start\">\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant=\"contrast\"\n showRemoveButton={false}\n tooltipText={mergedNames}\n />\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n showRemoveButton={showRemoveAvatarButton}\n handleRemoveButtonClick={handleRemoveButtonClick}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant=\"dashed\"\n iconName=\"plus\"\n handleClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}

package/build/{button.component-8c8cd059.js → button.component-a1a58584.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-100b924b.js"),n=require("./chakra-ui-button.esm-bd065780.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);const s=t.forwardRef(((r,s)=>{var{children:o,iconName:c,iconPosition:u,isActive:l=!1,isOnContrast:d=!1,size:f="md",variant:m="primary"}=r,p=e.__rest(r,["children","iconName","iconPosition","isActive","isOnContrast","size","variant"]);const b=t.useMemo((()=>`${m}${d?"OnContrast":""}`),[d,m]);if(c){const e=a.default.createElement(i.Icon,{size:f,name:c});if(!o){const t=c.replace(/([A-Z])/g," $1").replace(/^\w/,(e=>e.toUpperCase()));return a.default.createElement(n.IconButton,Object.assign({variant:b,ref:s,"aria-label":t,icon:e,size:f,isActive:l},p))}p["right"===u?"rightIcon":"leftIcon"]=e}return a.default.createElement(n.Button,Object.assign({fontWeight:"bold",cursor:"pointer",ref:s,size:f,iconSpacing:"sm"===f||"xs"===f?"4px":"8px",borderRadius:"base",variant:b,isActive:l},p),o)}));s.displayName="Button",exports.Button=s;
-//# sourceMappingURL=button.component-8c8cd059.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-7fa85e78.js"),n=require("./chakra-ui-button.esm-bd065780.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t);const s=t.forwardRef(((r,s)=>{var{children:o,iconName:c,iconPosition:u,isActive:l=!1,isOnContrast:d=!1,size:f="md",variant:m="primary"}=r,p=e.__rest(r,["children","iconName","iconPosition","isActive","isOnContrast","size","variant"]);const v=t.useMemo((()=>`${m}${d?"OnContrast":""}`),[d,m]);if(c){const e=a.default.createElement(i.Icon,{size:f,name:c});if(!o){const t=c.replace(/([A-Z])/g," $1").replace(/^\w/,(e=>e.toUpperCase()));return a.default.createElement(n.IconButton,Object.assign({variant:v,ref:s,"aria-label":t,icon:e,size:f,isActive:l},p))}p["right"===u?"rightIcon":"leftIcon"]=e}return a.default.createElement(n.Button,Object.assign({fontWeight:"bold",cursor:"pointer",ref:s,size:f,iconSpacing:"sm"===f||"xs"===f?"4px":"8px",borderRadius:"base",variant:v,isActive:l},p),o)}));s.displayName="Button",exports.Button=s;
+//# sourceMappingURL=button.component-a1a58584.js.map

package/build/{button.component-8c8cd059.js.map → button.component-a1a58584.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.component-~~8c8cd059~~.js","sources":["../src/shared/utils/strings.ts","../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n const smallWords = /^(a\|an\|and\|as\|at\|but\|by\|en\|for\|if\|in\|nor\|of\|on\|or\|per\|the\|to\|v.?\|vs.?\|via)$/i;\n const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n const wordSeparators = /([ :–—-])/;\n\n return s\n .split(wordSeparators)\n .map(function (current, index, array) {\n if (\n /* Check for small words /\n current.search(smallWords) > -1 &&\n / Skip first and last word /\n index !== 0 &&\n index !== array.length - 1 &&\n / Ignore title end and subtitle start /\n array[index - 3] !== ':' &&\n array[index + 1] !== ':' &&\n / Ignore small words that start a hyphenated phrase /\n (array[index + 1] !== '-' \|\| (array[index - 1] === '-' && array[index + 1] === '-'))\n ) {\n return current.toLowerCase();\n }\n\n / Ignore intentional capitalization /\n if (current.substring(1).search(/[A-Z]\|\\../) > -1) {\n return current;\n }\n\n / Ignore URLs /\n if (array[index + 1] === ':' && array[index + 2] !== '') {\n return current;\n }\n\n / Capitalize the first letter */\n return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n })\n .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { ButtonIconPosition, ButtonSize, ButtonVariant } from './button.types';\nimport { camelCaseToLabel } from 'shared/utils/strings';\nimport { IconName } from '../../icons';\n\nexport interface KButtonProps {\n iconName?: IconName;\n iconPosition?: ButtonIconPosition;\n isActive?: boolean;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n isLoading?: boolean;\n isOnContrast?: boolean;\n loadingText?: string;\n size?: ButtonSize;\n spinnerPlacement?: 'start' \| 'end';\n variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & Omit<CButtonProps, 'variant'>;\n\nexport const Button = forwardRef(\n (\n {\n children,\n iconName,\n iconPosition,\n isActive = false,\n isOnContrast = false,\n size = 'md',\n variant = 'primary',\n ...domProps\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n ): JSX.Element => {\n const computedVariant = useMemo(() => `${variant}${isOnContrast ? 'OnContrast' : ''}`, [isOnContrast, variant]);\n\n if (iconName) {\n const ButtonIcon = <Icon size={size} name={iconName} />;\n\n if (!children) {\n const label = camelCaseToLabel(iconName);\n return (\n <CIconButton\n variant={computedVariant}\n ref={ref}\n aria-label={label}\n icon={ButtonIcon}\n size={size}\n isActive={isActive}\n {...domProps}\n />\n );\n } else {\n const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n domProps[position] = ButtonIcon;\n }\n }\n\n return (\n <CButton\n fontWeight=\"bold\"\n cursor=\"pointer\"\n ref={ref}\n size={size}\n iconSpacing={size === 'sm' \|\| size === 'xs' ? '4px' : '8px'}\n borderRadius=\"base\"\n variant={computedVariant}\n isActive={isActive}\n {...domProps}\n >\n {children}\n </CButton>\n );\n },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","children","iconName","iconPosition","isActive","isOnContrast","size","variant","domProps","__rest","computedVariant","useMemo","ButtonIcon","React","createElement","Icon","name","label","replace","c","toUpperCase","CIconButton","Object","assign","icon","CButton","fontWeight","cursor","iconSpacing","borderRadius","displayName"],"mappings":"sPAAO,MCuBMA,EAASC,EAAUA,YAC9B,CACEC,EAUAC,SAVAC,SACEA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,SACZA,GAAW,EAAKC,aAChBA,GAAe,EAAKC,KACpBA,EAAO,KAAIC,QACXA,EAAU,WAASR,EAChBS,EARLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,WAAA,eAAA,WAAA,eAAA,OAAA,YAYA,MAAMW,EAAkBC,EAAOA,SAAC,IAAM,GAAGJ,IAAUF,EAAe,aAAe,MAAM,CAACA,EAAcE,IAEtG,GAAIL,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAT,KAAMA,EAAMU,KAAMd,IAE3C,IAAKD,EAAU,CACb,MAAMgB,EAAyBf,ED1CnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBC2C/C,OACEP,EAAA,QAAAC,cAACO,EAAAA,WAAWC,OAAAC,OAAA,CACVhB,QAASG,EACTV,IAAKA,EAAG,aACIiB,EACZO,KAAMZ,EACNN,KAAMA,EACNF,SAAUA,GACNI,IAKRA,EADkC,UAAjBL,EAA2B,YAAc,YACrCS,EAIzB,OACEC,EAAAA,QAACC,cAAAW,EAAAA,OACCH,OAAAC,OAAA,CAAAG,WAAW,OACXC,OAAO,UACP3B,IAAKA,EACLM,KAAMA,EACNsB,YAAsB,OAATtB,GAA0B,OAATA,EAAgB,MAAQ,MACtDuB,aAAa,OACbtB,QAASG,EACTN,SAAUA,GACNI,GAEHP,MAMTJ,EAAOiC,YAAc"}
1	+ {"version":3,"file":"button.component-a1a58584.js","sources":["../src/shared/utils/strings.ts","../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n const smallWords = /^(a\|an\|and\|as\|at\|but\|by\|en\|for\|if\|in\|nor\|of\|on\|or\|per\|the\|to\|v.?\|vs.?\|via)$/i;\n const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n const wordSeparators = /([ :–—-])/;\n\n return s\n .split(wordSeparators)\n .map(function (current, index, array) {\n if (\n /* Check for small words /\n current.search(smallWords) > -1 &&\n / Skip first and last word /\n index !== 0 &&\n index !== array.length - 1 &&\n / Ignore title end and subtitle start /\n array[index - 3] !== ':' &&\n array[index + 1] !== ':' &&\n / Ignore small words that start a hyphenated phrase /\n (array[index + 1] !== '-' \|\| (array[index - 1] === '-' && array[index + 1] === '-'))\n ) {\n return current.toLowerCase();\n }\n\n / Ignore intentional capitalization /\n if (current.substring(1).search(/[A-Z]\|\\../) > -1) {\n return current;\n }\n\n / Ignore URLs /\n if (array[index + 1] === ':' && array[index + 2] !== '') {\n return current;\n }\n\n / Capitalize the first letter */\n return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n })\n .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { ButtonIconPosition, ButtonSize, ButtonVariant } from './button.types';\nimport { camelCaseToLabel } from 'shared/utils/strings';\nimport { IconName } from '../../icons';\n\nexport interface KButtonProps {\n iconName?: IconName;\n iconPosition?: ButtonIconPosition;\n isActive?: boolean;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n isLoading?: boolean;\n isOnContrast?: boolean;\n loadingText?: string;\n size?: ButtonSize;\n spinnerPlacement?: 'start' \| 'end';\n variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & Omit<CButtonProps, 'variant'>;\n\nexport const Button = forwardRef(\n (\n {\n children,\n iconName,\n iconPosition,\n isActive = false,\n isOnContrast = false,\n size = 'md',\n variant = 'primary',\n ...domProps\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n ): JSX.Element => {\n const computedVariant = useMemo(() => `${variant}${isOnContrast ? 'OnContrast' : ''}`, [isOnContrast, variant]);\n\n if (iconName) {\n const ButtonIcon = <Icon size={size} name={iconName} />;\n\n if (!children) {\n const label = camelCaseToLabel(iconName);\n return (\n <CIconButton\n variant={computedVariant}\n ref={ref}\n aria-label={label}\n icon={ButtonIcon}\n size={size}\n isActive={isActive}\n {...domProps}\n />\n );\n } else {\n const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n domProps[position] = ButtonIcon;\n }\n }\n\n return (\n <CButton\n fontWeight=\"bold\"\n cursor=\"pointer\"\n ref={ref}\n size={size}\n iconSpacing={size === 'sm' \|\| size === 'xs' ? '4px' : '8px'}\n borderRadius=\"base\"\n variant={computedVariant}\n isActive={isActive}\n {...domProps}\n >\n {children}\n </CButton>\n );\n },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","children","iconName","iconPosition","isActive","isOnContrast","size","variant","domProps","__rest","computedVariant","useMemo","ButtonIcon","React","createElement","Icon","name","label","replace","c","toUpperCase","CIconButton","Object","assign","icon","CButton","fontWeight","cursor","iconSpacing","borderRadius","displayName"],"mappings":"sPAAO,MCuBMA,EAASC,EAAUA,YAC9B,CACEC,EAUAC,SAVAC,SACEA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,SACZA,GAAW,EAAKC,aAChBA,GAAe,EAAKC,KACpBA,EAAO,KAAIC,QACXA,EAAU,WAASR,EAChBS,EARLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,WAAA,eAAA,WAAA,eAAA,OAAA,YAYA,MAAMW,EAAkBC,EAAOA,SAAC,IAAM,GAAGJ,IAAUF,EAAe,aAAe,MAAM,CAACA,EAAcE,IAEtG,GAAIL,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAT,KAAMA,EAAMU,KAAMd,IAE3C,IAAKD,EAAU,CACb,MAAMgB,EAAyBf,ED1CnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBC2C/C,OACEP,EAAA,QAAAC,cAACO,EAAAA,WAAWC,OAAAC,OAAA,CACVhB,QAASG,EACTV,IAAKA,EAAG,aACIiB,EACZO,KAAMZ,EACNN,KAAMA,EACNF,SAAUA,GACNI,IAKRA,EADkC,UAAjBL,EAA2B,YAAc,YACrCS,EAIzB,OACEC,EAAAA,QAACC,cAAAW,EAAAA,OACCH,OAAAC,OAAA,CAAAG,WAAW,OACXC,OAAO,UACP3B,IAAKA,EACLM,KAAMA,EACNsB,YAAsB,OAATtB,GAA0B,OAATA,EAAgB,MAAQ,MACtDuB,aAAa,OACbtB,QAASG,EACTN,SAAUA,GACNI,GAEHP,MAMTJ,EAAOiC,YAAc"}

package/build/checkbox.component-853ac7ff.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./withFormControl-fdc277d3.js"),i=require("./chakra-ui-checkbox.esm-4cded6a7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(r);const a=r=>{var{children:t,size:n="md",isFieldInline:a,isOnContrast:c}=r,o=e.__rest(r,["children","size","isFieldInline","isOnContrast"]);const d=c?"onContrast":"default";return s.default.createElement(i.Checkbox,Object.assign({variant:d,size:n},o,{align:"center",sx:{".chakra-checkbox__label":{mt:0}}}),t)};a.displayName="Checkbox";const c=t.withFormControl(a);exports.WrappedCheckbox=c;
2	+ //# sourceMappingURL=checkbox.component-853ac7ff.js.map

package/build/{checkbox.component-175e7fe8.js.map → checkbox.component-853ac7ff.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.component-~~175e7fe8~~.js","sources":["../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\n\nexport interface KibbleCheckboxProps extends WithFormControlProps {\n value?: string \| number;\n isChecked?: boolean;\n defaultChecked?: boolean;\n isIndeterminate?: boolean;\n children?: string \| ReactNode;\n isOnContrast?: boolean;\n}\n\nexport type CheckboxProps = KibbleCheckboxProps & Exclude<CCheckboxProps, 'variant'>;\n\nconst Checkbox = ({ children, size = 'md', isFieldInline, isOnContrast, ...rest }: CheckboxProps): JSX.Element => {\n const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n return (\n <CCheckbox\n variant={_computedVariant}\n size={size}\n {...rest}\n align=\"center\"\n sx={{ '.chakra-checkbox__label': { mt: 0 } }}\n >\n {children}\n </CCheckbox>\n );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nconst WrappedCheckbox = withFormControl(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["Checkbox","_a","children","size","isFieldInline","isOnContrast","rest","__rest","_computedVariant","React","createElement","CCheckbox","Object","assign","variant","align","sx","mt","displayName","WrappedCheckbox","withFormControl"],"mappings":"yPAeA,MAAMA,EAAYC,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,cAAEA,EAAaC,aAAEA,GAAsCJ,EAArBK,EAAIC,EAAAA,OAAAN,EAA7D,oDAChB,MAAMO,EAAmBH,EAAe,aAAe,UACvD,OACEI,UAAAC,cAACC,EAASX,SAAAY,OAAAC,OAAA,CACRC,QAASN,EACTL,KAAMA,GACFG,GACJS,MAAM,SACNC,GAAI,CAAE,0BAA2B,CAAEC,GAAI,MAEtCf,IAKPF,EAASkB,YAAc,WAEvB,MAAMC,EAAkBC,EAAeA,gBAACpB"}
1	+ {"version":3,"file":"checkbox.component-853ac7ff.js","sources":["../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\n\nexport interface KibbleCheckboxProps extends WithFormControlProps {\n value?: string \| number;\n isChecked?: boolean;\n defaultChecked?: boolean;\n isIndeterminate?: boolean;\n children?: string \| ReactNode;\n isOnContrast?: boolean;\n}\n\nexport type CheckboxProps = KibbleCheckboxProps & Exclude<CCheckboxProps, 'variant'>;\n\nconst Checkbox = ({ children, size = 'md', isFieldInline, isOnContrast, ...rest }: CheckboxProps): JSX.Element => {\n const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n return (\n <CCheckbox\n variant={_computedVariant}\n size={size}\n {...rest}\n align=\"center\"\n sx={{ '.chakra-checkbox__label': { mt: 0 } }}\n >\n {children}\n </CCheckbox>\n );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nconst WrappedCheckbox = withFormControl(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["Checkbox","_a","children","size","isFieldInline","isOnContrast","rest","__rest","_computedVariant","React","createElement","CCheckbox","Object","assign","variant","align","sx","mt","displayName","WrappedCheckbox","withFormControl"],"mappings":"yPAeA,MAAMA,EAAYC,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,cAAEA,EAAaC,aAAEA,GAAsCJ,EAArBK,EAAIC,EAAAA,OAAAN,EAA7D,oDAChB,MAAMO,EAAmBH,EAAe,aAAe,UACvD,OACEI,UAAAC,cAACC,EAASX,SAAAY,OAAAC,OAAA,CACRC,QAASN,EACTL,KAAMA,GACFG,GACJS,MAAM,SACNC,GAAI,CAAE,0BAA2B,CAAEC,GAAI,MAEtCf,IAKPF,EAASkB,YAAc,WAEvB,MAAMC,EAAkBC,EAAeA,gBAACpB"}

package/build/checkboxGroup.component-b47b67da.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-fdc277d3.js"),i=require("./checkbox.component-853ac7ff.js"),c=require("./chakra-ui-checkbox.esm-4cded6a7.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);const o=t=>{var{checkboxes:r,size:a="md",direction:o="row",spacing:d,isFieldInline:u,isOnContrast:l}=t,p=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return n.default.createElement(c.CheckboxGroup,Object.assign({},p),n.default.createElement(s.Stack,{"data-testid":"multiple-selection-container",direction:o,spacing:d,width:"fit-content"},r.map(((e,t)=>n.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:l,key:t},e,{size:a}))))))};o.displayName="CheckboxGroup";const d=r.withFormControl(o);exports.WrappedCheckboxGroup=d;
2	+ //# sourceMappingURL=checkboxGroup.component-b47b67da.js.map

package/build/{checkboxGroup.component-6651151f.js.map → checkboxGroup.component-b47b67da.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkboxGroup.component-~~6651151f~~.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n Stack,\n SystemProps,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n size?: FormControlSize;\n checkboxes: CheckboxProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n defaultValue?: (string \| number)[];\n onChange?: (value: (string \| number)[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & CCheckboxGroupProps;\n\nconst CheckboxGroup = ({\n checkboxes,\n size = 'md',\n direction = 'row',\n spacing,\n isFieldInline,\n isOnContrast,\n ...rest\n}: CheckboxGroupProps): JSX.Element => {\n return (\n <CCheckboxGroup {...rest}>\n <Stack data-testid=\"multiple-selection-container\" direction={direction} spacing={spacing} width=\"fit-content\">\n {checkboxes.map((checkbox, index) => (\n <Checkbox isOnContrast={isOnContrast} key={index} {...checkbox} size={size} />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","_a","checkboxes","size","direction","spacing","isFieldInline","isOnContrast","rest","__rest","React","createElement","CCheckboxGroup","Object","assign","Stack","width","map","checkbox","index","Checkbox","WrappedCheckbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"uVAwBA,MAAMA,EAAiBC,QAAAC,WACrBA,EAAUC,KACVA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPc,4EASrB,OACES,EAAAA,QAAAC,cAACC,EAAcZ,cAAAa,OAAAC,OAAA,GAAKN,GAClBE,EAAC,QAAAC,cAAAI,EAAKA,qBAAa,+BAA+BX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAC7Fd,EAAWe,KAAI,CAACC,EAAUC,IACzBT,wBAACU,EAAQC,gBAAAR,OAAAC,OAAA,CAACP,aAAcA,EAAce,IAAKH,GAAWD,EAAQ,CAAEf,KAAMA,UAOhFH,EAAcuB,YAAc,gBAE5B,MAAMC,EAAuBC,EAAeA,gBAACzB"}
1	+ {"version":3,"file":"checkboxGroup.component-b47b67da.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n Stack,\n SystemProps,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n size?: FormControlSize;\n checkboxes: CheckboxProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n defaultValue?: (string \| number)[];\n onChange?: (value: (string \| number)[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & CCheckboxGroupProps;\n\nconst CheckboxGroup = ({\n checkboxes,\n size = 'md',\n direction = 'row',\n spacing,\n isFieldInline,\n isOnContrast,\n ...rest\n}: CheckboxGroupProps): JSX.Element => {\n return (\n <CCheckboxGroup {...rest}>\n <Stack data-testid=\"multiple-selection-container\" direction={direction} spacing={spacing} width=\"fit-content\">\n {checkboxes.map((checkbox, index) => (\n <Checkbox isOnContrast={isOnContrast} key={index} {...checkbox} size={size} />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","_a","checkboxes","size","direction","spacing","isFieldInline","isOnContrast","rest","__rest","React","createElement","CCheckboxGroup","Object","assign","Stack","width","map","checkbox","index","Checkbox","WrappedCheckbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"uVAwBA,MAAMA,EAAiBC,QAAAC,WACrBA,EAAUC,KACVA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPc,4EASrB,OACES,EAAAA,QAAAC,cAACC,EAAcZ,cAAAa,OAAAC,OAAA,GAAKN,GAClBE,EAAC,QAAAC,cAAAI,EAAKA,qBAAa,+BAA+BX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAC7Fd,EAAWe,KAAI,CAACC,EAAUC,IACzBT,wBAACU,EAAQC,gBAAAR,OAAAC,OAAA,CAACP,aAAcA,EAAce,IAAKH,GAAWD,EAAQ,CAAEf,KAAMA,UAOhFH,EAAcuB,YAAc,gBAE5B,MAAMC,EAAuBC,EAAeA,gBAACzB"}

package/build/colors-6e9db598.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";function t(t){const r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null}function r(t){return!!t.match(/^rgb/)}exports.colorLightenDarken=(t,r)=>{let e=!1;"#"===t[0]&&(t=t.slice(1),e=!0);const n=parseInt(t,16);let s=(n>>16)+r;s>255?s=255:s<0&&(s=0);let a=(n>>8&255)+r;a>255?a=255:a<0&&(a=0);let i=(255&n)+r;return i>255?i=255:i<0&&(i=0),(e?"#":"")+(i\|a<<8\|s<<16).toString(16)},exports.hexToRgb=t,exports.isDark=function(e){if(!e)return!1;if("transparent"===e)return!1;let n,s,a,i;if(r(e)){let t=e.match(/^rgba?$(\d+),\s(\d+),\s(\d+)(?:,\s(\d+(?:\.\d+)?))?$$/);t&&(n=t[1],s=t[2],a=t[3])}else{let r=t(e);r&&(n=r.r,s=r.g,a=r.b)}return i=Math.sqrt(nn.299+ss.587+aa*.114),i<174},exports.isRGB=r;
2	+ //# sourceMappingURL=colors-6e9db598.js.map

package/build/colors-6e9db598.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"colors-6e9db598.js","sources":["../src/shared/utils/colors.ts"],"sourcesContent":["export function hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n return result\n ? {\n r: parseInt(result[1], 16),\n g: parseInt(result[2], 16),\n b: parseInt(result[3], 16),\n }\n : null;\n}\n\nexport function isRGB(color: string): boolean {\n return !!color.match(/^rgb/);\n}\n\nexport function isDark(color: string): boolean {\n if (!color) return false;\n if (color === 'transparent') return false;\n\n let r, g, b, hsp;\n\n if (isRGB(color)) {\n let m = color.match(/^rgba?\$(\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\$$/);\n\n if (m) {\n r = m[1];\n g = m[2];\n b = m[3];\n }\n } else {\n let rgb = hexToRgb(color);\n\n if (rgb) {\n r = rgb.r;\n g = rgb.g;\n b = rgb.b;\n }\n }\n\n // HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html\n // @ts-ignore\n hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b));\n\n // Using the HSP value, determine whether the color is light or dark\n return hsp < 174;\n}\n\n/**\n * Darken or lighten a color hex value.\n * @param colorHex\n * @param amount Provide positive integer to lighten, negative integer to darken\n */\nexport const colorLightenDarken = (colorHex: string, amount: number): string => {\n let usePound = false;\n if (colorHex[0] === '#') {\n colorHex = colorHex.slice(1);\n usePound = true;\n }\n\n const num = parseInt(colorHex, 16);\n\n let r = (num >> 16) + amount;\n\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + amount;\n\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + amount;\n\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":["hexToRgb","hex","result","exec","r","parseInt","g","b","isRGB","color","match","colorHex","amount","usePound","slice","num","toString","hsp","m","rgb","Math","sqrt"],"mappings":"aAAM,SAAUA,EAASC,GACvB,MAAMC,EAAS,4CAA4CC,KAAKF,GAChE,OAAOC,EACH,CACEE,EAAGC,SAASH,EAAO,GAAI,IACvBI,EAAGD,SAASH,EAAO,GAAI,IACvBK,EAAGF,SAASH,EAAO,GAAI,KAEzB,KAGA,SAAUM,EAAMC,GACpB,QAASA,EAAMC,MAAM,mCAwCW,CAACC,EAAkBC,KACnD,IAAIC,GAAW,EACK,MAAhBF,EAAS,KACXA,EAAWA,EAASG,MAAM,GAC1BD,GAAW,GAGb,MAAME,EAAMV,SAASM,EAAU,IAE/B,IAAIP,GAAKW,GAAO,IAAMH,EAElBR,EAAI,IAAKA,EAAI,IACRA,EAAI,IAAGA,EAAI,GAEpB,IAAIG,GAAMQ,GAAO,EAAK,KAAUH,EAE5BL,EAAI,IAAKA,EAAI,IACRA,EAAI,IAAGA,EAAI,GAEpB,IAAID,GAAW,IAANS,GAAkBH,EAK3B,OAHIN,EAAI,IAAKA,EAAI,IACRA,EAAI,IAAGA,EAAI,IAEZO,EAAW,IAAM,KAAOP,EAAKC,GAAK,EAAMH,GAAK,IAAKY,SAAS,uCA7D/D,SAAiBP,GACrB,IAAKA,EAAO,OAAO,EACnB,GAAc,gBAAVA,EAAyB,OAAO,EAEpC,IAAIL,EAAGE,EAAGC,EAAGU,EAEb,GAAIT,EAAMC,GAAQ,CAChB,IAAIS,EAAIT,EAAMC,MAAM,8DAEhBQ,IACFd,EAAIc,EAAE,GACNZ,EAAIY,EAAE,GACNX,EAAIW,EAAE,QAEH,CACL,IAAIC,EAAMnB,EAASS,GAEfU,IACFf,EAAIe,EAAIf,EACRE,EAAIa,EAAIb,EACRC,EAAIY,EAAIZ,GASZ,OAHAU,EAAMG,KAAKC,KAAcjB,EAAIA,EAAb,KAA2BE,EAAIA,EAAb,KAA2BC,EAAIA,EAAb,MAG7CU,EAAM"}

package/build/components/Alert/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../alert.component-cc76d972.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../button.component-8c8cd059.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../chakra-ui-alert.esm-17eebb99.js"),exports.Alert=e.Alert;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../alert.component-0ac3abaa.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../button.component-a1a58584.js"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../chakra-ui-alert.esm-17eebb99.js"),exports.Alert=e.Alert;
 //# sourceMappingURL=index.js.map

package/build/components/Avatar/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatar.component-d7b27e5d.js"),r=require("../../avatar.types-a87ebfb5.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),exports.Avatar=e.Avatar,exports.avatarBadePositions=r.avatarBadePositions,exports.avatarSizes=r.avatarSizes,exports.avatarTypes=r.avatarTypes,exports.avatarVariants=r.avatarVariants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatar.component-aa7483a7.js"),a=require("../../avatar.types-a87ebfb5.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),exports.Avatar=e.Avatar,exports.avatarBadePositions=a.avatarBadePositions,exports.avatarSizes=a.avatarSizes,exports.avatarTypes=a.avatarTypes,exports.avatarVariants=a.avatarVariants;
 //# sourceMappingURL=index.js.map

package/build/components/AvatarGroup/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatarGroup.component-b503544d.js");require("react"),require("../../avatar.component-d7b27e5d.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),exports.AvatarGroup=e.AvatarGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatarGroup.component-c29986b2.js");require("react"),require("../../avatar.component-aa7483a7.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-avatar.esm-eee70d3a.js"),require("../../chakra-ui-image.esm-66324087.js"),require("../../picture.component-19489bee.js"),exports.AvatarGroup=e.AvatarGroup;
 //# sourceMappingURL=index.js.map

package/build/components/Button/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../button.component-8c8cd059.js"),r=require("../../button.types-f42b599b.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),exports.Button=e.Button,exports.buttonSizes=r.buttonSizes,exports.buttonVariants=r.buttonVariants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../button.component-a1a58584.js"),r=require("../../button.types-f42b599b.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),exports.Button=e.Button,exports.buttonSizes=r.buttonSizes,exports.buttonVariants=r.buttonVariants;
 //# sourceMappingURL=index.js.map

package/build/components/Checkbox/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkbox.component-175e7fe8.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-2e82715a.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),exports.Checkbox=e.WrappedCheckbox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkbox.component-853ac7ff.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-fdc277d3.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),exports.Checkbox=e.WrappedCheckbox;
 //# sourceMappingURL=index.js.map

package/build/components/CheckboxGroup/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkboxGroup.component-6651151f.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-2e82715a.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../checkbox.component-175e7fe8.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),exports.CheckboxGroup=e.WrappedCheckboxGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkboxGroup.component-b47b67da.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-fdc277d3.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../checkbox.component-853ac7ff.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),exports.CheckboxGroup=e.WrappedCheckboxGroup;
 //# sourceMappingURL=index.js.map

package/build/components/DatePicker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.component-a44336d2.js");require("react"),require("../../index-7708e04e.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-popover.esm-1e836c11.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../tslib.es6-d6f17add.js"),require("../../menu.component-f6b95188.js"),require("../../menuContainer.component-e3bfd942.js"),require("../../menu.context-cb4a0b0d.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-6cc24ebb.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-8c8cd059.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../menuList.component-5652653b.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../menuItem.component-0aeea731.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-175e7fe8.js"),require("../../withFormControl-2e82715a.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-b94f1d1f.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-13277479.js"),Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return e.DateFormats}}),exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.component-85ae0dfc.js");require("react"),require("../../index-ebcb699d.js"),require("../../index-7708e04e.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-popover.esm-1e836c11.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../tslib.es6-d6f17add.js"),require("../../menu.component-194d1bc0.js"),require("../../menuContainer.component-e3bfd942.js"),require("../../menu.context-cb4a0b0d.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-4cb1b211.js"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-a1a58584.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../menuList.component-adc27103.js"),require("../../heading.component-95e89325.js"),require("../../menuItem.component-36706258.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-853ac7ff.js"),require("../../withFormControl-fdc277d3.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-9c91685f.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-13277479.js"),Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return e.DateFormats}}),exports.DatePicker=e.DatePicker;
 //# sourceMappingURL=index.js.map

package/build/components/Icon/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../icon.component-100b924b.js");require("react"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),exports.Icon=e.Icon,exports.IconSizeMap=e.IconSizeMap,exports.iconSizes=e.iconSizes;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../icon.component-7fa85e78.js");require("react"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),exports.Icon=e.Icon,exports.IconSizeMap=e.IconSizeMap,exports.iconSizes=e.iconSizes;
 //# sourceMappingURL=index.js.map

package/build/components/Link/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../link.component-6416abcf.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../useIconTextSizeMap-301c4f35.js"),exports.Link=e.Link;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../link.component-1f789e32.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../useIconTextSizeMap-301c4f35.js"),exports.Link=e.Link;
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuButton/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuButton.component-6cc24ebb.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../icon.component-100b924b.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../button.component-8c8cd059.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../motion-7de675ca.js"),exports.MenuButton=e.MenuButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuButton.component-4cb1b211.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../icon.component-7fa85e78.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../button.component-a1a58584.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../text.component-906b3f66.js"),require("../../../../withTruncation-a62a9e5f.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.MenuButton=e.MenuButton;
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuButton/menuButton.component.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/react';
 import { ButtonSize, ButtonVariant } from '../../../Button/button.types';
 import { IconName } from '../../../../icons';
+import { TextProps } from '../../../Text';
 export interface KMenuButtonProps {
     leftElement?: ReactNode;
     leftIconName?: IconName;
@@ -9,7 +10,8 @@ export interface KMenuButtonProps {
     showRightIcon?: boolean;
     size?: ButtonSize;
     text?: string;
+    textProps?: TextProps;
     variant?: ButtonVariant;
 }
 export type MenuButtonProps = KMenuButtonProps & CMenuButtonProps;
-export declare const MenuButton: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, variant, ...rest }: MenuButtonProps) => JSX.Element;
+export declare const MenuButton: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, textProps, variant, ...rest }: MenuButtonProps) => JSX.Element;

package/build/components/Menu/components/MenuButton/menuButton.stories.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
 import { MenuButtonProps as KMenuButtonProps } from './menuButton.component';
 declare const _default: {
     title: string;
-    component: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, variant, ...rest }: KMenuButtonProps) => JSX.Element;
+    component: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, textProps, variant, ...rest }: KMenuButtonProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;

package/build/components/Menu/components/MenuItem/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component-0aeea731.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../menu.config-14739188.js"),require("../../../../text.component-906b3f66.js"),require("../../../../withTruncation-a62a9e5f.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../checkbox.component-175e7fe8.js"),require("../../../../withFormControl-2e82715a.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-100b924b.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.MenuItem=e.MenuItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component-36706258.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../menu.config-14739188.js"),require("../../../../text.component-906b3f66.js"),require("../../../../withTruncation-a62a9e5f.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../checkbox.component-853ac7ff.js"),require("../../../../withFormControl-fdc277d3.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-7fa85e78.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.MenuItem=e.MenuItem;
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuList/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-5652653b.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-95e89325.js"),require("../../../../withTruncation-a62a9e5f.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-906b3f66.js"),require("../../../../menuItem.component-0aeea731.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-175e7fe8.js"),require("../../../../withFormControl-2e82715a.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-100b924b.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-b94f1d1f.js"),require("../../../../button.component-8c8cd059.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../menu.context-cb4a0b0d.js"),require("../../../../spinner.component-13277479.js"),exports.MenuList=e.MenuList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-adc27103.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-95e89325.js"),require("../../../../withTruncation-a62a9e5f.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-906b3f66.js"),require("../../../../menuItem.component-36706258.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-853ac7ff.js"),require("../../../../withFormControl-fdc277d3.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-7fa85e78.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-9c91685f.js"),require("../../../../button.component-a1a58584.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../menu.context-cb4a0b0d.js"),require("../../../../spinner.component-13277479.js"),exports.MenuList=e.MenuList;
 //# sourceMappingURL=index.js.map

package/build/components/Menu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-6cc24ebb.js"),r=require("../../menuContainer.component-e3bfd942.js"),u=require("../../menuItem.component-0aeea731.js"),i=require("../../menuList.component-5652653b.js"),n=require("../../menu.component-f6b95188.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-8c8cd059.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../menu.context-cb4a0b0d.js"),require("../../menu.config-14739188.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../checkbox.component-175e7fe8.js"),require("../../withFormControl-2e82715a.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../heading.component-95e89325.js"),require("../../textInput.component-b94f1d1f.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-13277479.js"),exports.MenuButton=e.MenuButton,exports.MenuContainer=r.MenuContainer,exports.MenuItem=u.MenuItem,exports.MenuList=i.MenuList,exports.Menu=n.Menu;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-4cb1b211.js"),r=require("../../menuContainer.component-e3bfd942.js"),u=require("../../menuItem.component-36706258.js"),i=require("../../menuList.component-adc27103.js"),n=require("../../menu.component-194d1bc0.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-7fa85e78.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-a1a58584.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menu.context-cb4a0b0d.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-853ac7ff.js"),require("../../withFormControl-fdc277d3.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../heading.component-95e89325.js"),require("../../textInput.component-9c91685f.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-13277479.js"),exports.MenuButton=e.MenuButton,exports.MenuContainer=r.MenuContainer,exports.MenuItem=u.MenuItem,exports.MenuList=i.MenuList,exports.Menu=n.Menu;
 //# sourceMappingURL=index.js.map