@televet/kibble-ui 2.0.1-beta.8678phbtk.21 → 2.0.1-beta.8678phbtk.22

package/build/{alert.component-7d5f7c97.js → alert.component-f91c370c.js}

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

package/build/{alert.component-7d5f7c97.js.map → alert.component-f91c370c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert.component-7d5f7c97.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}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, ...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'} {...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}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\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}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} lineHeight={6} size=\"sm\" {...titleProps}>\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}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n\n  const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon variant={computedVariant} size=\"lg\" name={iconProps?.name || AlertStatusIcon[status]} {...iconProps} />\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}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" size=\"md\" {...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}\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  ...rest\n}: AlertProps): JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} 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 status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} 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={status}\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","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","WrappedHeading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","Fragment","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Boolean"],"mappings":"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"}
+{"version":3,"file":"alert.component-f91c370c.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}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n  const { buttonText, buttonPosition, hasDescription, status, ...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'} {...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}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n  const { onClose } = props;\n  return (\n    <Box className=\"Alert__CloseButton\">\n      <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\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}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n  const { title, titleProps } = props;\n  return (\n    <Heading className=\"Alert__Title\" flexGrow={1} lineHeight={6} size=\"sm\" {...titleProps}>\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}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n  const { iconProps, status } = props;\n\n  const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n  return (\n    <Box className=\"Alert__Icon\" maxH=\"24px\">\n      <Icon variant={computedVariant} size=\"lg\" name={iconProps?.name || AlertStatusIcon[status]} {...iconProps} />\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}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n  const { description, descriptionProps } = props;\n  return typeof description === 'string' ? (\n    <Text className=\"Alert__Description\" size=\"md\" {...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}\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  ...rest\n}: AlertProps): JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n\n  const AlertWithTitle = (): JSX.Element => {\n    return (\n      <>\n        <AlertHeader>\n          {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n          <AlertTitle title={title} titleProps={titleProps} />\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n          {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n          {children}\n          {buttonProps?.buttonPosition === 'bottomLeft' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} 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 status={status} iconProps={iconProps} />}\n          <Box flexGrow={1}>\n            {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n            {children}\n          </Box>\n          {buttonProps?.buttonPosition === 'topRight' && (\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} status={status} />\n          )}\n          {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n        </AlertHeader>\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n            <AlertButton {...buttonProps} hasDescription={Boolean(description)} 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={status}\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","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","WrappedHeading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","Fragment","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Boolean"],"mappings":"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"}

package/build/avatar.component-9ad5de5e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),a=require("./icon.component-f05c4e98.js"),o=require("./tooltip.component-76a21c48.js"),r=require("./avatar.config-e43cfce7.js"),n=require("./chakra-ui-avatar.esm-eee70d3a.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js"),l=require("./picture.component-b0edf814.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(t);const u=(e,t=!0,a=1)=>{let o;switch(e){case"xs":o=t?"sm":"xs";break;case"sm":o=t?"md":"xs";break;case"md":o=t?"lg":"sm";break;case"lg":o=t?"xl":"md";break;case"xl":o=t?"2xl":"lg";break;case"2xl":o=t?"2xl":"xl";break;default:o=e}return a>1&&(o=u(o,t,a-1)),o},d=({avatarSize:e,iconName:o,bg:s="background.info",borderColor:l="border.strongContrast",iconVariant:i="info",position:u="bottomRight"})=>{const d=t.useMemo((()=>"xs"===e||!o),[o,e]);return c.default.createElement(n.AvatarBadge,{borderColor:l,borderWidth:"1px",bg:s,boxSize:d?"10px":"18px",transform:(t=>{var a,o,n,s;const l=null===(s=null===(n=null===(o=null===(a=r.AvatarConfig.sizes)||void 0===a?void 0:a[e])||void 0===o?void 0:o.container)||void 0===n?void 0:n.height)||void 0===s?void 0:s.toString(),i=Number(null==l?void 0:l.replace("px","")),c="xl"!==e?i/2:i/4;switch(t){case"topLeft":return d&&"xs"!==e?`translate(${-1.35*c}px, ${-1.35*c}px)`:`translate(${-1.2*c}px, ${-1.2*c}px)`;case"topRight":return d&&"xs"!==e?`translate(${c/10}px, ${-1.35*c}px)`:`translate(${c/3}px, ${-1.2*c}px)`;case"bottomLeft":return d&&"xs"!==e?`translate(${-1.35*c}px, ${c/10}px)`:`translate(${-1.2*c}px, ${c/5}px)`;default:return d&&"xs"!==e?`translate(${c/10}px, ${c/10}px)`:`translate(${c/3}px, ${c/3}px)`}})(u)},!d&&o&&c.default.createElement(a.Icon,{name:o,variant:i,size:"xs"}))},p=({handleRemoveButtonClick:e,isBeingHovered:o,setIsBeingHovered:r})=>{const n=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return c.default.createElement(s.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:n,onMouseEnter:()=>r(!0),zIndex:"tooltip",onMouseLeave:()=>r(!1)},c.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:o?"sm":"xs"}))},m=({src:e,webpSrc:t})=>c.default.createElement(s.Box,{className:"Avatar__Image"},c.default.createElement(l.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=r=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:i,hideBorder:b=!1,iconName:x,name:v="",randomizeVariant:f=!1,randomizationType:g="outline",showBadge:h=!1,showRemoveButton:k=!1,showTooltip:C=!0,size:w="md",src:B,tooltipPlacement:S="bottom",tooltipText:$,variant:z="default",webpSrc:E}=r,_=e.__rest(r,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[j,R]=t.useState(!!B||!!E),[A,q]=t.useState(!1),[y,I]=t.useState(!1),P="xs"===w,T=(E||B)&&j;let M=z;var N,H;f&&(N=v.charCodeAt(0),H=g,M=N>=65&&N<=77?"outline"===H?"outlineAccent":"accent":"outline"===H?"outlineAccentSubtle":"accentSubtle");const L=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"===z&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[z]),O=c.default.createElement(n.Avatar,Object.assign({name:x?"":v,size:w,src:E?void 0:B,variant:M,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:b||T?"0px":"2px",cursor:"default"},x&&{icon:c.default.createElement(a.Icon,{name:x,size:u(w,!0,"sm"===w||"xs"===w?2:1)})},l&&Object.assign({onClick:l,cursor:"pointer"},L),{onError:()=>R(!1),onMouseEnter:()=>q(!0),onMouseLeave:()=>q(!1)},_),k&&A&&!P&&c.default.createElement(p,{handleRemoveButtonClick:i,isBeingHovered:y,setIsBeingHovered:I}),h&&c.default.createElement(d,Object.assign({avatarSize:w},s)),E&&B&&c.default.createElement(m,{src:B,webpSrc:E}));return C&&!y?c.default.createElement(o.Tooltip,{label:$||v,placement:S},O):O};
+//# sourceMappingURL=avatar.component-9ad5de5e.js.map

package/build/avatar.component-9ad5de5e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.component-9ad5de5e.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\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n  let nextSize: IconSize;\n  switch (size) {\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 = size as IconSize;\n      break;\n  }\n\n  if (count > 1) {\n    nextSize = getNextIconSize(nextSize, larger, count - 1);\n  }\n\n  return nextSize;\n};\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/react';\nimport { Icon } from '../../Icon/icon.component';\nimport { AvatarSize } from '../avatar.types';\nimport { AvatarConfig } from '../avatar.config';\nimport { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types/chakra';\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 getBadgeTransform = (position: AvatarBadgePosition): string => {\n    const parentSizeString = (\n      AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n    )?.container?.height?.toString();\n    const parentSize = Number(parentSizeString?.replace('px', ''));\n    const translation = avatarSize !== 'xl' ? parentSize / 2 : parentSize / 4;\n\n    switch (position) {\n      case 'topLeft':\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n          : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n      case 'topRight':\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n          : `translate(${translation / 3}px, ${translation * -1.2}px)`;\n      case 'bottomLeft':\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n          : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n      default:\n        return useSmallBadge && avatarSize !== 'xs'\n          ? `translate(${translation / 10}px, ${translation / 10}px)`\n          : `translate(${translation / 3}px, ${translation / 3}px)`;\n    }\n  };\n\n  return (\n    <CAvatarBadge\n      borderColor={borderColor}\n      borderWidth=\"1px\"\n      bg={bg}\n      boxSize={useSmallBadge ? '10px' : '18px'}\n      transform={getBadgeTransform(position)}\n    >\n      {!useSmallBadge && iconName && <Icon name={iconName} variant={iconVariant} size={'xs'} />}\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 [isSrcValid, setIsSrcValid] = useState(!!src || !!webpSrc);\n  const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n  const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n  const shouldHideRemoveButton = size === 'xs';\n  const isPhoto = (webpSrc || src) && isSrcValid;\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 || isPhoto ? '0px' : '2px'}\n      cursor=\"default\"\n      {...(iconName && {\n        icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n      })}\n      {...(handleClick && {\n        onClick: handleClick,\n        cursor: 'pointer',\n        ...hoverActiveStyles,\n      })}\n      onError={(): void => setIsSrcValid(false)}\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","size","larger","count","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","borderWidth","boxSize","transform","parentSizeString","_d","_b","_a","AvatarConfig","sizes","container","_c","height","toString","parentSize","Number","replace","translation","getBadgeTransform","Icon","name","variant","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","top","h","w","right","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","left","badgeProps","handleClick","hideBorder","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isSrcValid","setIsSrcValid","useState","isHoveringAvatar","setIsHoveringAvatar","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","isPhoto","_variant","charCode","type","charCodeAt","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Object","assign","undefined","boxShadow","icon","onError","Tooltip","label","placement"],"mappings":"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"}

package/build/avatar.config-e43cfce7.js

@@ -0,0 +1,2 @@
+"use strict";const o={baseStyle:{container:{backgroundColor:"background.mostSubtleContrast",color:"text.onContrast"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"10px",fontWeight:"bold",pt:"1px",lineHeight:"24px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",lineHeight:"24px"}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",pt:"1px",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",pt:"1px",lineHeight:"24px"}},xl:{container:{height:"64px",width:"64px"},label:{fontSize:"24px",pt:"1px",lineHeight:"24px"}}},variants:{default:{container:{backgroundColor:"background.mostSubtleContrast",borderColor:"background.mostSubtleContrast"}},accent:{container:{backgroundColor:"text.accent",borderColor:"text.accent"}},accentSubtle:{container:{backgroundColor:"text.accentSubtle",borderColor:"text.accentSubtle"}},contrast:{container:{backgroundColor:"background.moreSubtleContrast",borderColor:"background.moreSubtleContrast"}},outlineAccent:{container:{backgroundColor:"background.default",color:"text.accent",borderColor:"text.accent",overflow:"visible"}},outlineAccentSubtle:{container:{backgroundColor:"background.default",color:"text.accentSubtle",borderColor:"text.accentSubtle",overflow:"visible"}},outlineYellow:{container:{backgroundColor:"background.warning",borderColor:"border.warning",overflow:"visible",color:"iconDefault"}},dashed:{container:{backgroundColor:"background.default",borderColor:"transparent",overflow:"visible",color:"text.default",_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"1px dashed",borderColor:"border.strong",borderRadius:"100%"}}}}};exports.AvatarConfig=o;
+//# sourceMappingURL=avatar.config-e43cfce7.js.map

package/build/avatar.config-e43cfce7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.config-e43cfce7.js","sources":["../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\n\nexport const AvatarConfig: ComponentStyleConfig = {\n  baseStyle: {\n    container: {\n      backgroundColor: 'background.mostSubtleContrast',\n      color: 'text.onContrast',\n    },\n  },\n  sizes: {\n    xs: {\n      container: {\n        height: '24px',\n        width: '24px',\n      },\n      label: {\n        fontSize: '10px',\n        fontWeight: 'bold',\n        pt: '1px',\n        lineHeight: '24px',\n      },\n    },\n    sm: {\n      container: {\n        height: '32px',\n        width: '32px',\n      },\n      label: {\n        fontSize: '14px',\n        lineHeight: '24px',\n      },\n    },\n    md: {\n      container: {\n        height: '36px',\n        width: '36px',\n      },\n      label: {\n        fontSize: '16px',\n        pt: '1px',\n        lineHeight: '24px',\n      },\n    },\n    lg: {\n      container: {\n        height: '40px',\n        width: '40px',\n      },\n      label: {\n        fontSize: '16px',\n        pt: '1px',\n        lineHeight: '24px',\n      },\n    },\n    xl: {\n      container: {\n        height: '64px',\n        width: '64px',\n      },\n      label: {\n        fontSize: '24px',\n        pt: '1px',\n        lineHeight: '24px',\n      },\n    },\n  },\n  variants: {\n    default: {\n      container: {\n        backgroundColor: 'background.mostSubtleContrast',\n        borderColor: 'background.mostSubtleContrast',\n      },\n    },\n    accent: {\n      container: {\n        backgroundColor: 'text.accent',\n        borderColor: 'text.accent',\n      },\n    },\n    accentSubtle: {\n      container: {\n        backgroundColor: 'text.accentSubtle',\n        borderColor: 'text.accentSubtle',\n      },\n    },\n    contrast: {\n      container: {\n        backgroundColor: 'background.moreSubtleContrast',\n        borderColor: 'background.moreSubtleContrast',\n      },\n    },\n    outlineAccent: {\n      container: {\n        backgroundColor: 'background.default',\n        color: 'text.accent',\n        borderColor: 'text.accent',\n        overflow: 'visible',\n      },\n    },\n    outlineAccentSubtle: {\n      container: {\n        backgroundColor: 'background.default',\n        color: 'text.accentSubtle',\n        borderColor: 'text.accentSubtle',\n        overflow: 'visible',\n      },\n    },\n    outlineYellow: {\n      container: {\n        backgroundColor: 'background.warning',\n        borderColor: 'border.warning',\n        overflow: 'visible',\n        color: 'iconDefault',\n      },\n    },\n    dashed: {\n      container: {\n        backgroundColor: 'background.default',\n        borderColor: 'transparent',\n        overflow: 'visible',\n        color: 'text.default',\n        _after: {\n          content: \"''\",\n          position: 'absolute',\n          top: '-2px',\n          right: '-2px',\n          bottom: '-2px',\n          left: '-2px',\n          border: `1px dashed`,\n          borderColor: 'border.strong',\n          borderRadius: '100%',\n        },\n      },\n    },\n  },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","color","sizes","xs","height","width","label","fontSize","fontWeight","pt","lineHeight","sm","md","lg","xl","variants","default","borderColor","accent","accentSubtle","contrast","outlineAccent","overflow","outlineAccentSubtle","outlineYellow","dashed","_after","content","position","top","right","bottom","left","border","borderRadius"],"mappings":"aAEa,MAAAA,EAAqC,CAChDC,UAAW,CACTC,UAAW,CACTC,gBAAiB,gCACjBC,MAAO,oBAGXC,MAAO,CACLC,GAAI,CACFJ,UAAW,CACTK,OAAQ,OACRC,MAAO,QAETC,MAAO,CACLC,SAAU,OACVC,WAAY,OACZC,GAAI,MACJC,WAAY,SAGhBC,GAAI,CACFZ,UAAW,CACTK,OAAQ,OACRC,MAAO,QAETC,MAAO,CACLC,SAAU,OACVG,WAAY,SAGhBE,GAAI,CACFb,UAAW,CACTK,OAAQ,OACRC,MAAO,QAETC,MAAO,CACLC,SAAU,OACVE,GAAI,MACJC,WAAY,SAGhBG,GAAI,CACFd,UAAW,CACTK,OAAQ,OACRC,MAAO,QAETC,MAAO,CACLC,SAAU,OACVE,GAAI,MACJC,WAAY,SAGhBI,GAAI,CACFf,UAAW,CACTK,OAAQ,OACRC,MAAO,QAETC,MAAO,CACLC,SAAU,OACVE,GAAI,MACJC,WAAY,UAIlBK,SAAU,CACRC,QAAS,CACPjB,UAAW,CACTC,gBAAiB,gCACjBiB,YAAa,kCAGjBC,OAAQ,CACNnB,UAAW,CACTC,gBAAiB,cACjBiB,YAAa,gBAGjBE,aAAc,CACZpB,UAAW,CACTC,gBAAiB,oBACjBiB,YAAa,sBAGjBG,SAAU,CACRrB,UAAW,CACTC,gBAAiB,gCACjBiB,YAAa,kCAGjBI,cAAe,CACbtB,UAAW,CACTC,gBAAiB,qBACjBC,MAAO,cACPgB,YAAa,cACbK,SAAU,YAGdC,oBAAqB,CACnBxB,UAAW,CACTC,gBAAiB,qBACjBC,MAAO,oBACPgB,YAAa,oBACbK,SAAU,YAGdE,cAAe,CACbzB,UAAW,CACTC,gBAAiB,qBACjBiB,YAAa,iBACbK,SAAU,UACVrB,MAAO,gBAGXwB,OAAQ,CACN1B,UAAW,CACTC,gBAAiB,qBACjBiB,YAAa,cACbK,SAAU,UACVrB,MAAO,eACPyB,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNC,OAAQ,aACRhB,YAAa,gBACbiB,aAAc"}

package/build/avatar.types-a87ebfb5.js

@@ -0,0 +1,2 @@
+"use strict";exports.avatarBadePositions=["topLeft","topRight","bottomLeft","bottomRight"],exports.avatarSizes=["xs","sm","md","lg","xl"],exports.avatarTypes=["outline","solid"],exports.avatarVariants=["default","contrast","dashed","accent","accentSubtle","outlineAccent","outlineAccentSubtle","outlineYellow"];
+//# sourceMappingURL=avatar.types-a87ebfb5.js.map

package/build/avatar.types-a87ebfb5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types-a87ebfb5.js","sources":["../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export const avatarSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type AvatarSize = (typeof avatarSizes)[number];\n\nexport const avatarTypes = ['outline', 'solid'] as const;\nexport type AvatarType = (typeof avatarTypes)[number];\n\nexport const avatarVariants = [\n  'default',\n  'contrast',\n  'dashed',\n  'accent',\n  'accentSubtle',\n  'outlineAccent',\n  'outlineAccentSubtle',\n  'outlineYellow',\n] as const;\n\nexport type AvatarVariant = (typeof avatarVariants)[number];\n\nexport const avatarBadePositions = ['topLeft', 'topRight', 'bottomLeft', 'bottomRight'] as const;\n\nexport type AvatarBadgePosition = (typeof avatarBadePositions)[number];\n"],"names":[],"mappings":"yCAmBmC,CAAC,UAAW,WAAY,aAAc,mCAnB9C,CAAC,KAAM,KAAM,KAAM,KAAM,0BAGzB,CAAC,UAAW,gCAGT,CAC5B,UACA,WACA,SACA,SACA,eACA,gBACA,sBACA"}

package/build/{avatarGroup.component-1c2be0a6.js → avatarGroup.component-b47430d9.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("./avatar.component-a432dd3a.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:d=!1,size:m="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===m||"md"===m?-2:-1;return o.default.createElement(a.AvatarGroup,{size:m,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:m,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:m,showRemoveButton:d,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:m}))};
-//# sourceMappingURL=avatarGroup.component-1c2be0a6.js.map
+"use strict";var e=require("react"),t=require("./avatar.component-9ad5de5e.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:d=!1,size:m="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===m||"md"===m?-2:-1;return o.default.createElement(a.AvatarGroup,{size:m,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:m,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:m,showRemoveButton:d,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:m}))};
+//# sourceMappingURL=avatarGroup.component-b47430d9.js.map

package/build/{avatarGroup.component-1c2be0a6.js.map → avatarGroup.component-b47430d9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatarGroup.component-1c2be0a6.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"}
+{"version":3,"file":"avatarGroup.component-b47430d9.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-1f93e332.js

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

package/build/button.component-1f93e332.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component-1f93e332.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  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      iconName,\n      size = 'md',\n      iconPosition,\n      isOnContrast = false,\n      variant = 'primary',\n      children,\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            {...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        {...domProps}\n      >\n        {children}\n      </CButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","iconName","size","iconPosition","isOnContrast","variant","children","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,MCsBMA,EAASC,EAAUA,YAC9B,CACEC,EASAC,SATAC,SACEA,EAAQC,KACRA,EAAO,KAAIC,aACXA,EAAYC,aACZA,GAAe,EAAKC,QACpBA,EAAU,UAASC,SACnBA,KACGC,EAPLC,EAAAA,OAAAT,EAAA,CAAA,WAAA,OAAA,eAAA,eAAA,UAAA,aAWA,MAAMU,EAAkBC,EAAOA,SAAC,IAAM,GAAGL,IAAUD,EAAe,aAAe,MAAM,CAACA,EAAcC,IAEtG,GAAIJ,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAZ,KAAMA,EAAMa,KAAMd,IAE3C,IAAKK,EAAU,CACb,MAAMU,EAAyBf,EDxCnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBCyC/C,OACEP,EAAC,QAAAC,cAAAO,aACCC,OAAAC,OAAA,CAAAjB,QAASI,EACTT,IAAKA,EAAG,aACIgB,EACZO,KAAMZ,EACNT,KAAMA,GACFK,IAKRA,EADkC,UAAjBJ,EAA2B,YAAc,YACrCQ,EAIzB,OACEC,wBAACY,EAAO3B,OAAAwB,OAAAC,OAAA,CACNG,WAAW,OACXC,OAAO,UACP1B,IAAKA,EACLE,KAAMA,EACNyB,YAAsB,OAATzB,GAA0B,OAATA,EAAgB,MAAQ,MACtD0B,aAAa,OACbvB,QAASI,GACLF,GAEHD,MAMTT,EAAOgC,YAAc"}

package/build/{color.record-d7abd1f2.js → color.record-dd1205ca.js}

@@ -1,2 +1,2 @@
-"use strict";const r={primary:{50:"#FAFAFF",100:"#E8E7FE",200:"#C1C0FC",300:"#9B98FB",400:"#807CF9",500:"#554EF6",600:"#3B2FF3",700:"#2112C2",800:"#14098A",900:"#090458"},secondary:{50:"#EFFDFF",100:"#E4FAF6",200:"#B4EEEE",300:"#89D3D8",400:"#35B2BB",500:"#2B959C",600:"#227B81",700:"#186064",800:"#0F4447",900:"#072E30"},neutral:{50:"#FFFFFF",100:"#FAFAFB",200:"#EBEAEE",300:"#C4C4CE",400:"#A1A0B1",500:"#8A889E",600:"#6E6D87",700:"#565563",800:"#3C3B49",900:"#292836"},danger:{50:"#FFF9F9",100:"#FFEDED",200:"#FFC9C1",300:"#FC8F81",400:"#F96C59",500:"#CB3D1D",600:"#A02E14",700:"#731F0B",800:"#511305",900:"#310802"},warning:{50:"#FFFDFA",100:"#FFF7EB",200:"#FEE8C3",300:"#F6BE5E",400:"#ECB14B",500:"#D69E2E",600:"#B7791F",700:"#975A16",800:"#744210",900:"#5F370E"},success:{50:"#F0FFF4",100:"#C6F6D5",200:"#9AE6B4",300:"#68D391",400:"#48BB78",500:"#38A169",600:"#25855A",700:"#276749",800:"#22543D",900:"#1C4532"},primaryAlpha:{50:"#554EF60A",100:"#554EF60F",200:"#554EF614",300:"#554EF629",400:"#554EF63D",500:"#554EF65C",600:"#554EF67A",700:"#554EF69E",800:"#554EF6CC",900:"#554EF6EB"},primaryInverseAlpha:{50:"#C1C0FC0A",100:"#C1C0FC0F",200:"#C1C0FC14",300:"#C1C0FC29",400:"#C1C0FC3D",500:"#C1C0FC5C",600:"#C1C0FC7A",700:"#C1C0FC9E",800:"#C1C0FCCC",900:"#C1C0FCEB"},blackAlpha:{50:"#2928360A",100:"#2928360F",200:"#29283614",300:"#29283629",400:"#2928363D",500:"#2928365C",600:"#2928367A",700:"#2928369E",800:"#292836CC",900:"#292836EB"},whiteAlpha:{50:"#FFFFFF0A",100:"#FFFFFF0F",200:"#FFFFFF14",300:"#FFFFFF29",400:"#FFFFFF3D",500:"#FFFFFF5C",600:"#FFFFFF7A",700:"#FFFFFF9E",800:"#FFFFFFCC",900:"#FFFFFFEB"},dangerAlpha:{50:"#CB3D1D0A",100:"#CB3D1D0F",200:"#CB3D1D14",300:"#CB3D1D29",400:"#CB3D1D3D",500:"#CB3D1D5C",600:"#CB3D1D7A",700:"#CB3D1D9E",800:"#CB3D1DCC",900:"#CB3D1DEB"},dangerInverseAlpha:{50:"#FC8F810A",100:"#FC8F810F",200:"#FC8F8114",300:"#FC8F8129",400:"#FC8F813D",500:"#FC8F815C",600:"#FC8F817A",700:"#FC8F819E",800:"#FC8F81CC",900:"#FC8F81EB"}},e={primary:{default:{default:r.primary[500],_dark:r.primary[200]},hover:{default:r.primary[700],_dark:r.primary[100]},pressed:{default:r.primary[800],_dark:r.primary[50]},inverse:{default:r.primary[200],_dark:r.primary[500]},inverseHover:{default:r.primary[100],_dark:r.primary[700]},inversePressed:{default:r.primary[50],_dark:r.primary[800]},subtle:{default:r.primary[100],_dark:r.neutral[700]}},secondary:{default:{default:r.secondary[500],_dark:r.secondary[200]},subtle:{default:r.secondary[300],_dark:r.secondary[400]}},danger:{default:{default:r.danger[500],_dark:r.danger[300]},hover:{default:r.danger[600],_dark:r.danger[200]},pressed:{default:r.danger[700],_dark:r.danger[100]},inverse:{default:r.danger[300],_dark:r.danger[500]},inverseHover:{default:r.danger[200],_dark:r.danger[600]},inversePressed:{default:r.danger[100],_dark:r.danger[700]},subtle:{default:r.danger[200],_dark:r.danger[600]}},warning:{default:{default:r.warning[500],_dark:r.warning[400]},subtle:{default:r.warning[200],_dark:r.warning[700]},note:{default:r.warning[100],_dark:r.warning[800]}},success:{default:{default:r.success[600],_dark:r.success[300]},subtle:{default:r.success[100],_dark:r.success[700]}},neutral:{light:{default:r.neutral[50],_dark:r.neutral[900]},subtle1:{default:r.neutral[100],_dark:r.neutral[800]},subtle2:{default:r.neutral[200],_dark:r.neutral[700]},subtle3:{default:r.neutral[300],_dark:r.neutral[600]},subtle4:{default:r.neutral[600],_dark:r.neutral[400]},dark:{default:r.neutral[900],_dark:r.neutral[50]},overlay:{default:r.neutral[50],_dark:r.neutral[800]},backdrop:{default:r.blackAlpha[600],_dark:r.blackAlpha[600]},subtle1Inverse:{default:r.neutral[800],_dark:r.neutral[100]},subtle2Inverse:{default:r.neutral[700],_dark:r.neutral[200]},subtle3Inverse:{default:r.neutral[600],_dark:r.neutral[300]},subtle4Inverse:{default:r.neutral[400],_dark:r.neutral[600]}},primaryAlpha:{hover:{default:r.primaryAlpha[100],_dark:r.primaryAlpha[400]},pressed:{default:r.primaryAlpha[200],_dark:r.primaryAlpha[500]},inverseHover:{default:r.primaryAlpha[400],_dark:r.primaryAlpha[100]},inversePressed:{default:r.primaryAlpha[500],_dark:r.primaryAlpha[200]}},dangerAlpha:{default:{default:r.dangerAlpha[50],_dark:r.dangerInverseAlpha[300]},hover:{default:r.dangerAlpha[100],_dark:r.dangerInverseAlpha[400]},pressed:{default:r.dangerAlpha[200],_dark:r.dangerInverseAlpha[500]},inverse:{default:r.dangerInverseAlpha[300],_dark:r.dangerAlpha[50]},inverseHover:{default:r.dangerInverseAlpha[400],_dark:r.dangerAlpha[100]},inversePressed:{default:r.dangerInverseAlpha[500],_dark:r.dangerAlpha[200]}},neutralAlpha:{default:{default:r.blackAlpha[50],_dark:r.whiteAlpha[300]},hover:{default:r.blackAlpha[100],_dark:r.whiteAlpha[400]},pressed:{default:r.blackAlpha[200],_dark:r.whiteAlpha[500]},dark:{default:r.blackAlpha[500],_dark:r.whiteAlpha[500]},inverse:{default:r.whiteAlpha[300],_dark:r.blackAlpha[50]},inverseHover:{default:r.whiteAlpha[400],_dark:r.blackAlpha[100]},inversePressed:{default:r.whiteAlpha[500],_dark:r.blackAlpha[200]}}},a={"text.default":e.neutral.dark,"text.subtle":e.neutral.subtle4,"text.interactive":e.primary.default,"text.interactive.hover":e.primary.hover,"text.info":e.primary.default,"text.success":e.success.default,"text.warning":e.warning.default,"text.danger":e.danger.default,"text.placeholder":e.neutralAlpha.dark,"text.accent":e.secondary.default,"text.accentSubtle":e.secondary.subtle,"text.onContrast":e.neutral.light,"text.interactiveOnContrast":e.primary.inverse,"text.interactiveOnContrast.hover":e.primary.inverseHover,"text.dangerOnContrast":e.danger.inverse,"background.default":e.neutral.light,"background.subtle":e.neutral.subtle1,"background.lessSubtle":e.neutral.subtle2,"background.primary":e.primary.default,"background.primary.hover":e.primary.hover,"background.primary.pressed":e.primary.pressed,"background.info":e.primary.subtle,"background.success":e.success.subtle,"background.warning":e.warning.subtle,"background.error":e.danger.subtle,"background.destructive":e.danger.default,"background.destructive.hover":e.danger.hover,"background.destructive.pressed":e.danger.pressed,"background.accent":e.secondary.default,"background.accentSubtle":e.secondary.subtle,"background.note":e.warning.note,"background.alpha":e.neutralAlpha.default,"background.alpha.hover":e.neutralAlpha.hover,"background.alpha.pressed":e.neutralAlpha.pressed,"background.primaryAlpha.hover":e.primaryAlpha.hover,"background.primaryAlpha.pressed":e.primaryAlpha.pressed,"background.destructiveAlpha":e.dangerAlpha.default,"background.destructiveAlpha.hover":e.dangerAlpha.hover,"background.destructiveAlpha.pressed":e.dangerAlpha.pressed,"background.overlay":e.neutral.overlay,"background.backdrop":e.neutral.backdrop,"background.contrast":e.neutral.dark,"background.subtleContrast":e.neutral.subtle1Inverse,"background.moreSubtleContrast":e.neutral.subtle2Inverse,"background.mostSubtleContrast":e.neutral.subtle3,"background.primaryContrast":e.primary.inverse,"background.primaryContrast.hover":e.primary.inverseHover,"background.primaryContrast.pressed":e.primary.inversePressed,"background.successContrast":e.success.default,"background.warningContrast":e.warning.default,"background.errorContrast":e.danger.default,"background.destructiveContrast":e.danger.inverse,"background.destructiveContrast.hover":e.danger.inverseHover,"background.destructiveContrast.pressed":e.danger.inversePressed,"background.alphaContrast":e.neutralAlpha.inverse,"background.alphaContrast.hover":e.neutralAlpha.inverseHover,"background.alphaContrast.pressed":e.neutralAlpha.inversePressed,"background.primaryAlphaContrast.hover":e.primaryAlpha.inverseHover,"background.primaryAlphaContrast.pressed":e.primaryAlpha.inversePressed,"background.destructiveAlphaContrast":e.dangerAlpha.inverse,"background.destructiveAlphaContrast.hover":e.dangerAlpha.inverseHover,"background.destructiveAlphaContrast.pressed":e.dangerAlpha.inversePressed,"divider.default":e.neutral.subtle2,"border.default":e.neutral.subtle2,"border.subtle":e.neutral.subtle4,"border.strong":e.neutral.dark,"border.focus":e.primary.default,"border.info":e.primary.default,"border.success":e.success.default,"border.warning":e.warning.default,"border.danger":e.danger.default,"border.accent":e.secondary.default,"border.accentSubtle":e.secondary.subtle,"border.contrast":e.neutral.subtle2Inverse,"border.strongContrast":e.neutral.light,"border.dangerContrast":e.danger.inverse},t={background:{light:r.neutral[50],grayLight:r.neutral[50],grayDark:r.neutral[300],brand:r.primary[600],tealLight:r.primary[50],dark:r.secondary[800],table:r.neutral[50],hover:r.primary[100],info:r.primary[200],error:r.danger[100],warning:r.warning[100],success:r.success[100],overlay:r.blackAlpha[300]},border:{light:{default:r.neutral[200],focus:r.primary[600],info:r.primary[600],error:r.danger[500],warning:r.warning[200],success:r.success[200],medium:r.neutral[600],heavy:r.neutral[700]},dark:{default:r.neutral[600],heavy:r.neutral[50]}},divider:{light:{default:r.neutral[200]},dark:{default:r.neutral[600]}},status:{open:r.secondary[300],confirmed:r.primary[500],success:r.success[400],warning:r.warning[400],action:r.warning[400],negative:r.danger[300],error:r.danger[500],archived:r.neutral[800],closed:r.neutral[900]},general:{brand:r.primary[600],error:r.danger[500]}},n={icon:{light:{currentColor:"currentColor",default:r.neutral[700],subtle:r.neutral[800],inactive:r.neutral[700],active:r.primary[600],success:r.success[600],warning:r.warning[600],error:r.danger[500]},dark:{currentColor:"currentColor",default:r.neutral[50],subtle:r.neutral[200],inactive:r.neutral[400],active:r.primary[400],success:r.success[400],warning:r.warning[300],error:r.danger[300]}},text:{light:{default:r.neutral[700],headline:r.secondary[800],subtle:r.neutral[800],link:r.primary[600],success:r.success[600],warning:r.warning[600],error:r.danger[500],placeholder:r.blackAlpha[500]},dark:{default:r.neutral[50],headline:r.neutral[50],subtle:r.neutral[300],link:r.primary[400],success:r.success[400],warning:r.warning[300],error:r.danger[300],placeholder:r.whiteAlpha[600]}}},d=Object.assign(Object.assign(Object.assign({},r),t),n);exports.adaptiveColors=n,exports.colors=d,exports.corePalette=r,exports.semanticColorTokens=a,exports.semanticColors=t;
-//# sourceMappingURL=color.record-d7abd1f2.js.map
+"use strict";const r={primary:{50:"#FAFAFF",100:"#E8E7FE",200:"#C1C0FC",300:"#9B98FB",400:"#807CF9",500:"#554EF6",600:"#3B2FF3",700:"#2112C2",800:"#14098A",900:"#090458"},secondary:{50:"#EFFDFF",100:"#E4FAF6",200:"#B4EEEE",300:"#89D3D8",400:"#35B2BB",500:"#2B959C",600:"#227B81",700:"#186064",800:"#0F4447",900:"#072E30"},neutral:{50:"#FFFFFF",100:"#FAFAFB",200:"#EBEAEE",300:"#C4C4CE",400:"#A1A0B1",500:"#8A889E",600:"#6E6D87",700:"#565563",800:"#3C3B49",900:"#292836"},danger:{50:"#FFF9F9",100:"#FFEDED",200:"#FFC9C1",300:"#FC8F81",400:"#F96C59",500:"#CB3D1D",600:"#A02E14",700:"#731F0B",800:"#511305",900:"#310802"},warning:{50:"#FFFDFA",100:"#FFF7EB",200:"#FEE8C3",300:"#F6BE5E",400:"#ECB14B",500:"#D69E2E",600:"#B7791F",700:"#975A16",800:"#744210",900:"#5F370E"},success:{50:"#F0FFF4",100:"#C6F6D5",200:"#9AE6B4",300:"#68D391",400:"#48BB78",500:"#38A169",600:"#25855A",700:"#276749",800:"#22543D",900:"#1C4532"},primaryAlpha:{50:"#554EF60A",100:"#554EF60F",200:"#554EF614",300:"#554EF629",400:"#554EF63D",500:"#554EF65C",600:"#554EF67A",700:"#554EF69E",800:"#554EF6CC",900:"#554EF6EB"},primaryInverseAlpha:{50:"#C1C0FC0A",100:"#C1C0FC0F",200:"#C1C0FC14",300:"#C1C0FC29",400:"#C1C0FC3D",500:"#C1C0FC5C",600:"#C1C0FC7A",700:"#C1C0FC9E",800:"#C1C0FCCC",900:"#C1C0FCEB"},blackAlpha:{50:"#2928360A",100:"#2928360F",200:"#29283614",300:"#29283629",400:"#2928363D",500:"#2928365C",600:"#2928367A",700:"#2928369E",800:"#292836CC",900:"#292836EB"},whiteAlpha:{50:"#FFFFFF0A",100:"#FFFFFF0F",200:"#FFFFFF14",300:"#FFFFFF29",400:"#FFFFFF3D",500:"#FFFFFF5C",600:"#FFFFFF7A",700:"#FFFFFF9E",800:"#FFFFFFCC",900:"#FFFFFFEB"},dangerAlpha:{50:"#CB3D1D0A",100:"#CB3D1D0F",200:"#CB3D1D14",300:"#CB3D1D29",400:"#CB3D1D3D",500:"#CB3D1D5C",600:"#CB3D1D7A",700:"#CB3D1D9E",800:"#CB3D1DCC",900:"#CB3D1DEB"},dangerInverseAlpha:{50:"#FC8F810A",100:"#FC8F810F",200:"#FC8F8114",300:"#FC8F8129",400:"#FC8F813D",500:"#FC8F815C",600:"#FC8F817A",700:"#FC8F819E",800:"#FC8F81CC",900:"#FC8F81EB"}},e={primary:{default:{default:r.primary[500],_dark:r.primary[200]},hover:{default:r.primary[700],_dark:r.primary[100]},pressed:{default:r.primary[800],_dark:r.primary[50]},inverse:{default:r.primary[200],_dark:r.primary[500]},inverseHover:{default:r.primary[100],_dark:r.primary[700]},inversePressed:{default:r.primary[50],_dark:r.primary[800]},subtle:{default:r.primary[100],_dark:r.neutral[700]}},secondary:{default:{default:r.secondary[500],_dark:r.secondary[200]},subtle:{default:r.secondary[300],_dark:r.secondary[400]}},danger:{default:{default:r.danger[500],_dark:r.danger[300]},hover:{default:r.danger[600],_dark:r.danger[200]},pressed:{default:r.danger[700],_dark:r.danger[100]},inverse:{default:r.danger[300],_dark:r.danger[500]},inverseHover:{default:r.danger[200],_dark:r.danger[600]},inversePressed:{default:r.danger[100],_dark:r.danger[700]},subtle:{default:r.danger[200],_dark:r.danger[600]}},warning:{default:{default:r.warning[500],_dark:r.warning[400]},subtle:{default:r.warning[200],_dark:r.warning[700]},note:{default:r.warning[100],_dark:r.warning[800]}},success:{default:{default:r.success[600],_dark:r.success[300]},subtle:{default:r.success[100],_dark:r.success[700]}},neutral:{light:{default:r.neutral[50],_dark:r.neutral[900]},subtle1:{default:r.neutral[100],_dark:r.neutral[800]},subtle2:{default:r.neutral[200],_dark:r.neutral[700]},subtle3:{default:r.neutral[300],_dark:r.neutral[600]},subtle4:{default:r.neutral[600],_dark:r.neutral[400]},dark:{default:r.neutral[900],_dark:r.neutral[50]},overlay:{default:r.neutral[50],_dark:r.neutral[800]},backdrop:{default:r.blackAlpha[600],_dark:r.blackAlpha[600]},subtle1Inverse:{default:r.neutral[800],_dark:r.neutral[100]},subtle2Inverse:{default:r.neutral[700],_dark:r.neutral[200]},subtle3Inverse:{default:r.neutral[600],_dark:r.neutral[300]},subtle4Inverse:{default:r.neutral[400],_dark:r.neutral[600]}},primaryAlpha:{hover:{default:r.primaryAlpha[100],_dark:r.primaryAlpha[400]},pressed:{default:r.primaryAlpha[200],_dark:r.primaryAlpha[500]},inverseHover:{default:r.primaryAlpha[400],_dark:r.primaryAlpha[100]},inversePressed:{default:r.primaryAlpha[500],_dark:r.primaryAlpha[200]}},dangerAlpha:{default:{default:r.dangerAlpha[50],_dark:r.dangerInverseAlpha[300]},hover:{default:r.dangerAlpha[100],_dark:r.dangerInverseAlpha[400]},pressed:{default:r.dangerAlpha[200],_dark:r.dangerInverseAlpha[500]},inverse:{default:r.dangerInverseAlpha[300],_dark:r.dangerAlpha[50]},inverseHover:{default:r.dangerInverseAlpha[400],_dark:r.dangerAlpha[100]},inversePressed:{default:r.dangerInverseAlpha[500],_dark:r.dangerAlpha[200]}},neutralAlpha:{default:{default:r.blackAlpha[50],_dark:r.whiteAlpha[300]},hover:{default:r.blackAlpha[100],_dark:r.whiteAlpha[400]},pressed:{default:r.blackAlpha[200],_dark:r.whiteAlpha[500]},dark:{default:r.blackAlpha[500],_dark:r.whiteAlpha[500]},inverse:{default:r.whiteAlpha[300],_dark:r.blackAlpha[50]},inverseHover:{default:r.whiteAlpha[400],_dark:r.blackAlpha[100]},inversePressed:{default:r.whiteAlpha[500],_dark:r.blackAlpha[200]}}},a={"text.default":e.neutral.dark,"text.subtle":e.neutral.subtle4,"text.interactive":e.primary.default,"text.interactive.hover":e.primary.hover,"text.info":e.primary.default,"text.success":e.success.default,"text.warning":e.warning.default,"text.danger":e.danger.default,"text.placeholder":e.neutralAlpha.dark,"text.accent":e.secondary.default,"text.accentSubtle":e.secondary.subtle,"text.onContrast":e.neutral.light,"text.interactiveOnContrast":e.primary.inverse,"text.interactiveOnContrast.hover":e.primary.inverseHover,"text.dangerOnContrast":e.danger.inverse,"background.default":e.neutral.light,"background.subtle":e.neutral.subtle1,"background.lessSubtle":e.neutral.subtle2,"background.primary":e.primary.default,"background.primary.hover":e.primary.hover,"background.primary.pressed":e.primary.pressed,"background.info":e.primary.subtle,"background.success":e.success.subtle,"background.warning":e.warning.subtle,"background.error":e.danger.subtle,"background.destructive":e.danger.default,"background.destructive.hover":e.danger.hover,"background.destructive.pressed":e.danger.pressed,"background.accent":e.secondary.default,"background.accentSubtle":e.secondary.subtle,"background.note":e.warning.note,"background.alpha":e.neutralAlpha.default,"background.alpha.hover":e.neutralAlpha.hover,"background.alpha.pressed":e.neutralAlpha.pressed,"background.primaryAlpha.hover":e.primaryAlpha.hover,"background.primaryAlpha.pressed":e.primaryAlpha.pressed,"background.destructiveAlpha":e.dangerAlpha.default,"background.destructiveAlpha.hover":e.dangerAlpha.hover,"background.destructiveAlpha.pressed":e.dangerAlpha.pressed,"background.overlay":e.neutral.overlay,"background.backdrop":e.neutral.backdrop,"background.contrast":e.neutral.dark,"background.subtleContrast":e.neutral.subtle1Inverse,"background.moreSubtleContrast":e.neutral.subtle2Inverse,"background.mostSubtleContrast":e.neutral.subtle3,"background.primaryContrast":e.primary.inverse,"background.primaryContrast.hover":e.primary.inverseHover,"background.primaryContrast.pressed":e.primary.inversePressed,"background.successContrast":e.success.default,"background.warningContrast":e.warning.default,"background.errorContrast":e.danger.default,"background.destructiveContrast":e.danger.inverse,"background.destructiveContrast.hover":e.danger.inverseHover,"background.destructiveContrast.pressed":e.danger.inversePressed,"background.alphaContrast":e.neutralAlpha.inverse,"background.alphaContrast.hover":e.neutralAlpha.inverseHover,"background.alphaContrast.pressed":e.neutralAlpha.inversePressed,"background.primaryAlphaContrast.hover":e.primaryAlpha.inverseHover,"background.primaryAlphaContrast.pressed":e.primaryAlpha.inversePressed,"background.destructiveAlphaContrast":e.dangerAlpha.inverse,"background.destructiveAlphaContrast.hover":e.dangerAlpha.inverseHover,"background.destructiveAlphaContrast.pressed":e.dangerAlpha.inversePressed,"divider.default":e.neutral.subtle2,"border.default":e.neutral.subtle2,"border.subtle":e.neutral.subtle4,"border.strong":e.neutral.dark,"border.focus":e.primary.default,"border.info":e.primary.default,"border.success":e.success.default,"border.warning":e.warning.default,"border.danger":e.danger.default,"border.accent":e.secondary.default,"border.accentSubtle":e.secondary.subtle,"border.contrast":e.neutral.subtle2Inverse,"border.strongContrast":e.neutral.light,"border.dangerContrast":e.danger.inverse};exports.corePalette=r,exports.semanticColorTokens=a;
+//# sourceMappingURL=color.record-dd1205ca.js.map

package/build/color.record-dd1205ca.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.record-dd1205ca.js","sources":["../src/theme/tokens/colors/color.record.ts"],"sourcesContent":["import { CoreColors, SemanticColorToken } from './color.types';\n\nexport const corePalette: CoreColors = {\n  primary: {\n    50: '#FAFAFF',\n    100: '#E8E7FE',\n    200: '#C1C0FC',\n    300: '#9B98FB',\n    400: '#807CF9',\n    500: '#554EF6',\n    600: '#3B2FF3',\n    700: '#2112C2',\n    800: '#14098A',\n    900: '#090458',\n  },\n  secondary: {\n    50: '#EFFDFF',\n    100: '#E4FAF6',\n    200: '#B4EEEE',\n    300: '#89D3D8',\n    400: '#35B2BB',\n    500: '#2B959C',\n    600: '#227B81',\n    700: '#186064',\n    800: '#0F4447',\n    900: '#072E30',\n  },\n  neutral: {\n    50: '#FFFFFF',\n    100: '#FAFAFB',\n    200: '#EBEAEE',\n    300: '#C4C4CE',\n    400: '#A1A0B1',\n    500: '#8A889E',\n    600: '#6E6D87',\n    700: '#565563',\n    800: '#3C3B49',\n    900: '#292836',\n  },\n  danger: {\n    50: '#FFF9F9',\n    100: '#FFEDED',\n    200: '#FFC9C1',\n    300: '#FC8F81',\n    400: '#F96C59',\n    500: '#CB3D1D',\n    600: '#A02E14',\n    700: '#731F0B',\n    800: '#511305',\n    900: '#310802',\n  },\n  warning: {\n    50: '#FFFDFA',\n    100: '#FFF7EB',\n    200: '#FEE8C3',\n    300: '#F6BE5E',\n    400: '#ECB14B',\n    500: '#D69E2E',\n    600: '#B7791F',\n    700: '#975A16',\n    800: '#744210',\n    900: '#5F370E',\n  },\n  success: {\n    50: '#F0FFF4',\n    100: '#C6F6D5',\n    200: '#9AE6B4',\n    300: '#68D391',\n    400: '#48BB78',\n    500: '#38A169',\n    600: '#25855A',\n    700: '#276749',\n    800: '#22543D',\n    900: '#1C4532',\n  },\n  primaryAlpha: {\n    50: '#554EF60A',\n    100: '#554EF60F',\n    200: '#554EF614',\n    300: '#554EF629',\n    400: '#554EF63D',\n    500: '#554EF65C',\n    600: '#554EF67A',\n    700: '#554EF69E',\n    800: '#554EF6CC',\n    900: '#554EF6EB',\n  },\n  primaryInverseAlpha: {\n    50: '#C1C0FC0A',\n    100: '#C1C0FC0F',\n    200: '#C1C0FC14',\n    300: '#C1C0FC29',\n    400: '#C1C0FC3D',\n    500: '#C1C0FC5C',\n    600: '#C1C0FC7A',\n    700: '#C1C0FC9E',\n    800: '#C1C0FCCC',\n    900: '#C1C0FCEB',\n  },\n  blackAlpha: {\n    50: '#2928360A',\n    100: '#2928360F',\n    200: '#29283614',\n    300: '#29283629',\n    400: '#2928363D',\n    500: '#2928365C',\n    600: '#2928367A',\n    700: '#2928369E',\n    800: '#292836CC',\n    900: '#292836EB',\n  },\n  whiteAlpha: {\n    50: '#FFFFFF0A',\n    100: '#FFFFFF0F',\n    200: '#FFFFFF14',\n    300: '#FFFFFF29',\n    400: '#FFFFFF3D',\n    500: '#FFFFFF5C',\n    600: '#FFFFFF7A',\n    700: '#FFFFFF9E',\n    800: '#FFFFFFCC',\n    900: '#FFFFFFEB',\n  },\n  dangerAlpha: {\n    50: '#CB3D1D0A',\n    100: '#CB3D1D0F',\n    200: '#CB3D1D14',\n    300: '#CB3D1D29',\n    400: '#CB3D1D3D',\n    500: '#CB3D1D5C',\n    600: '#CB3D1D7A',\n    700: '#CB3D1D9E',\n    800: '#CB3D1DCC',\n    900: '#CB3D1DEB',\n  },\n  dangerInverseAlpha: {\n    50: '#FC8F810A',\n    100: '#FC8F810F',\n    200: '#FC8F8114',\n    300: '#FC8F8129',\n    400: '#FC8F813D',\n    500: '#FC8F815C',\n    600: '#FC8F817A',\n    700: '#FC8F819E',\n    800: '#FC8F81CC',\n    900: '#FC8F81EB',\n  },\n};\n\nconst aliasMap = {\n  primary: {\n    default: {\n      default: corePalette.primary['500'],\n      _dark: corePalette.primary['200'],\n    },\n    hover: {\n      default: corePalette.primary['700'],\n      _dark: corePalette.primary['100'],\n    },\n    pressed: {\n      default: corePalette.primary['800'],\n      _dark: corePalette.primary['50'],\n    },\n    inverse: {\n      default: corePalette.primary['200'],\n      _dark: corePalette.primary['500'],\n    },\n    inverseHover: {\n      default: corePalette.primary['100'],\n      _dark: corePalette.primary['700'],\n    },\n    inversePressed: {\n      default: corePalette.primary['50'],\n      _dark: corePalette.primary['800'],\n    },\n    subtle: {\n      default: corePalette.primary['100'],\n      _dark: corePalette.neutral['700'],\n    },\n  },\n  secondary: {\n    default: {\n      default: corePalette.secondary['500'],\n      _dark: corePalette.secondary['200'],\n    },\n    subtle: {\n      default: corePalette.secondary['300'],\n      _dark: corePalette.secondary['400'],\n    },\n  },\n  danger: {\n    default: {\n      default: corePalette.danger['500'],\n      _dark: corePalette.danger['300'],\n    },\n    hover: {\n      default: corePalette.danger['600'],\n      _dark: corePalette.danger['200'],\n    },\n    pressed: {\n      default: corePalette.danger['700'],\n      _dark: corePalette.danger['100'],\n    },\n    inverse: {\n      default: corePalette.danger['300'],\n      _dark: corePalette.danger['500'],\n    },\n    inverseHover: {\n      default: corePalette.danger['200'],\n      _dark: corePalette.danger['600'],\n    },\n    inversePressed: {\n      default: corePalette.danger['100'],\n      _dark: corePalette.danger['700'],\n    },\n    subtle: {\n      default: corePalette.danger['200'],\n      _dark: corePalette.danger['600'],\n    },\n  },\n  warning: {\n    default: {\n      default: corePalette.warning['500'],\n      _dark: corePalette.warning['400'],\n    },\n    subtle: {\n      default: corePalette.warning['200'],\n      _dark: corePalette.warning['700'],\n    },\n    note: {\n      default: corePalette.warning['100'],\n      _dark: corePalette.warning['800'],\n    },\n  },\n  success: {\n    default: {\n      default: corePalette.success['600'],\n      _dark: corePalette.success['300'],\n    },\n    subtle: {\n      default: corePalette.success['100'],\n      _dark: corePalette.success['700'],\n    },\n  },\n  neutral: {\n    light: {\n      default: corePalette.neutral['50'],\n      _dark: corePalette.neutral['900'],\n    },\n    subtle1: {\n      default: corePalette.neutral['100'],\n      _dark: corePalette.neutral['800'],\n    },\n    subtle2: {\n      default: corePalette.neutral['200'],\n      _dark: corePalette.neutral['700'],\n    },\n    subtle3: {\n      default: corePalette.neutral['300'],\n      _dark: corePalette.neutral['600'],\n    },\n    subtle4: {\n      default: corePalette.neutral['600'],\n      _dark: corePalette.neutral['400'],\n    },\n    dark: {\n      default: corePalette.neutral['900'],\n      _dark: corePalette.neutral['50'],\n    },\n    overlay: {\n      default: corePalette.neutral['50'],\n      _dark: corePalette.neutral['800'],\n    },\n    backdrop: {\n      default: corePalette.blackAlpha['600'],\n      _dark: corePalette.blackAlpha['600'],\n    },\n    subtle1Inverse: {\n      default: corePalette.neutral['800'],\n      _dark: corePalette.neutral['100'],\n    },\n    subtle2Inverse: {\n      default: corePalette.neutral['700'],\n      _dark: corePalette.neutral['200'],\n    },\n    subtle3Inverse: {\n      default: corePalette.neutral['600'],\n      _dark: corePalette.neutral['300'],\n    },\n    subtle4Inverse: {\n      default: corePalette.neutral['400'],\n      _dark: corePalette.neutral['600'],\n    },\n  },\n  primaryAlpha: {\n    hover: {\n      default: corePalette.primaryAlpha['100'],\n      _dark: corePalette.primaryAlpha['400'],\n    },\n    pressed: {\n      default: corePalette.primaryAlpha['200'],\n      _dark: corePalette.primaryAlpha['500'],\n    },\n    inverseHover: {\n      default: corePalette.primaryAlpha['400'],\n      _dark: corePalette.primaryAlpha['100'],\n    },\n    inversePressed: {\n      default: corePalette.primaryAlpha['500'],\n      _dark: corePalette.primaryAlpha['200'],\n    },\n  },\n  dangerAlpha: {\n    default: {\n      default: corePalette.dangerAlpha['50'],\n      _dark: corePalette.dangerInverseAlpha['300'],\n    },\n    hover: {\n      default: corePalette.dangerAlpha['100'],\n      _dark: corePalette.dangerInverseAlpha['400'],\n    },\n    pressed: {\n      default: corePalette.dangerAlpha['200'],\n      _dark: corePalette.dangerInverseAlpha['500'],\n    },\n    inverse: {\n      default: corePalette.dangerInverseAlpha['300'],\n      _dark: corePalette.dangerAlpha['50'],\n    },\n    inverseHover: {\n      default: corePalette.dangerInverseAlpha['400'],\n      _dark: corePalette.dangerAlpha['100'],\n    },\n    inversePressed: {\n      default: corePalette.dangerInverseAlpha['500'],\n      _dark: corePalette.dangerAlpha['200'],\n    },\n  },\n  neutralAlpha: {\n    default: {\n      default: corePalette.blackAlpha['50'],\n      _dark: corePalette.whiteAlpha['300'],\n    },\n    hover: {\n      default: corePalette.blackAlpha['100'],\n      _dark: corePalette.whiteAlpha['400'],\n    },\n    pressed: {\n      default: corePalette.blackAlpha['200'],\n      _dark: corePalette.whiteAlpha['500'],\n    },\n    dark: {\n      default: corePalette.blackAlpha['500'],\n      _dark: corePalette.whiteAlpha['500'],\n    },\n    inverse: {\n      default: corePalette.whiteAlpha['300'],\n      _dark: corePalette.blackAlpha['50'],\n    },\n    inverseHover: {\n      default: corePalette.whiteAlpha['400'],\n      _dark: corePalette.blackAlpha['100'],\n    },\n    inversePressed: {\n      default: corePalette.whiteAlpha['500'],\n      _dark: corePalette.blackAlpha['200'],\n    },\n  },\n};\n\n// Once we upgrade Chakra to < v2.6 we can nest these (i.e text.subtle instead of textSubtle)\nexport const semanticColorTokens: Record<SemanticColorToken, Record<'default' | '_dark', string>> = {\n  // token structure = [property][variant][alpha?][inverse?][contrast?][state?]\n  'text.default': aliasMap.neutral.dark,\n  'text.subtle': aliasMap.neutral.subtle4,\n  'text.interactive': aliasMap.primary.default,\n  'text.interactive.hover': aliasMap.primary.hover,\n  'text.info': aliasMap.primary.default,\n  'text.success': aliasMap.success.default,\n  'text.warning': aliasMap.warning.default,\n  'text.danger': aliasMap.danger.default,\n  'text.placeholder': aliasMap.neutralAlpha.dark,\n  'text.accent': aliasMap.secondary.default,\n  'text.accentSubtle': aliasMap.secondary.subtle,\n  'text.onContrast': aliasMap.neutral.light,\n  'text.interactiveOnContrast': aliasMap.primary.inverse,\n  'text.interactiveOnContrast.hover': aliasMap.primary.inverseHover,\n  'text.dangerOnContrast': aliasMap.danger.inverse,\n  'background.default': aliasMap.neutral.light,\n  'background.subtle': aliasMap.neutral.subtle1,\n  'background.lessSubtle': aliasMap.neutral.subtle2,\n  'background.primary': aliasMap.primary.default,\n  'background.primary.hover': aliasMap.primary.hover,\n  'background.primary.pressed': aliasMap.primary.pressed,\n  'background.info': aliasMap.primary.subtle,\n  'background.success': aliasMap.success.subtle,\n  'background.warning': aliasMap.warning.subtle,\n  'background.error': aliasMap.danger.subtle,\n  'background.destructive': aliasMap.danger.default,\n  'background.destructive.hover': aliasMap.danger.hover,\n  'background.destructive.pressed': aliasMap.danger.pressed,\n  'background.accent': aliasMap.secondary.default,\n  'background.accentSubtle': aliasMap.secondary.subtle,\n  'background.note': aliasMap.warning.note,\n  'background.alpha': aliasMap.neutralAlpha.default,\n  'background.alpha.hover': aliasMap.neutralAlpha.hover,\n  'background.alpha.pressed': aliasMap.neutralAlpha.pressed,\n  'background.primaryAlpha.hover': aliasMap.primaryAlpha.hover,\n  'background.primaryAlpha.pressed': aliasMap.primaryAlpha.pressed,\n  'background.destructiveAlpha': aliasMap.dangerAlpha.default,\n  'background.destructiveAlpha.hover': aliasMap.dangerAlpha.hover,\n  'background.destructiveAlpha.pressed': aliasMap.dangerAlpha.pressed,\n  'background.overlay': aliasMap.neutral.overlay,\n  'background.backdrop': aliasMap.neutral.backdrop,\n  'background.contrast': aliasMap.neutral.dark,\n  'background.subtleContrast': aliasMap.neutral.subtle1Inverse,\n  'background.moreSubtleContrast': aliasMap.neutral.subtle2Inverse,\n  'background.mostSubtleContrast': aliasMap.neutral.subtle3,\n  'background.primaryContrast': aliasMap.primary.inverse,\n  'background.primaryContrast.hover': aliasMap.primary.inverseHover,\n  'background.primaryContrast.pressed': aliasMap.primary.inversePressed,\n  'background.successContrast': aliasMap.success.default,\n  'background.warningContrast': aliasMap.warning.default,\n  'background.errorContrast': aliasMap.danger.default,\n  'background.destructiveContrast': aliasMap.danger.inverse,\n  'background.destructiveContrast.hover': aliasMap.danger.inverseHover,\n  'background.destructiveContrast.pressed': aliasMap.danger.inversePressed,\n  'background.alphaContrast': aliasMap.neutralAlpha.inverse,\n  'background.alphaContrast.hover': aliasMap.neutralAlpha.inverseHover,\n  'background.alphaContrast.pressed': aliasMap.neutralAlpha.inversePressed,\n  'background.primaryAlphaContrast.hover': aliasMap.primaryAlpha.inverseHover,\n  'background.primaryAlphaContrast.pressed': aliasMap.primaryAlpha.inversePressed,\n  'background.destructiveAlphaContrast': aliasMap.dangerAlpha.inverse,\n  'background.destructiveAlphaContrast.hover': aliasMap.dangerAlpha.inverseHover,\n  'background.destructiveAlphaContrast.pressed': aliasMap.dangerAlpha.inversePressed,\n  'divider.default': aliasMap.neutral.subtle2,\n  'border.default': aliasMap.neutral.subtle2,\n  'border.subtle': aliasMap.neutral.subtle4,\n  'border.strong': aliasMap.neutral.dark,\n  'border.focus': aliasMap.primary.default,\n  'border.info': aliasMap.primary.default,\n  'border.success': aliasMap.success.default,\n  'border.warning': aliasMap.warning.default,\n  'border.danger': aliasMap.danger.default,\n  'border.accent': aliasMap.secondary.default,\n  'border.accentSubtle': aliasMap.secondary.subtle,\n  'border.contrast': aliasMap.neutral.subtle2Inverse,\n  'border.strongContrast': aliasMap.neutral.light,\n  'border.dangerContrast': aliasMap.danger.inverse,\n};\n"],"names":["corePalette","primary","secondary","neutral","danger","warning","success","primaryAlpha","primaryInverseAlpha","blackAlpha","whiteAlpha","dangerAlpha","dangerInverseAlpha","aliasMap","default","_dark","hover","pressed","inverse","inverseHover","inversePressed","subtle","note","light","subtle1","subtle2","subtle3","subtle4","dark","overlay","backdrop","subtle1Inverse","subtle2Inverse","subtle3Inverse","subtle4Inverse","neutralAlpha","semanticColorTokens"],"mappings":"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"}

package/build/color.types-b22f3bf4.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.types-b22f3bf4.js","sources":["../src/theme/tokens/colors/color.types.ts"],"sourcesContent":["import { ColorMode } from '@chakra-ui/react';\n\nexport type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';\nexport type ColorSchemes =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'primaryAlpha'\n  | 'dangerAlpha'\n  | 'primaryInverseAlpha'\n  | 'blackAlpha'\n  | 'whiteAlpha'\n  | 'dangerInverseAlpha';\nexport type ColorValueMap = Record<ColorValue, string>;\n\nexport type AdaptiveColor = Record<ColorMode, string>;\nexport type AdaptiveColorMap<T extends keyof any> = Record<ColorMode, Record<T, string>>;\nexport type AdaptiveColorConfig<K extends keyof any, T extends keyof any> = Record<K, AdaptiveColorMap<T>>;\n\nexport type CoreColors = Record<ColorSchemes, ColorValueMap>;\n\nexport interface SemanticColors {\n  background: {\n    light: string;\n    grayLight: string;\n    grayDark: string;\n    tealLight: string;\n    hover: string;\n    dark: string;\n    table: string;\n    overlay: string;\n    info: string;\n    error: string;\n    warning: string;\n    success: string;\n    brand: string;\n  };\n  border: {\n    light: {\n      default: string;\n      heavy: string;\n      focus: string;\n      success: string;\n      warning: string;\n      error: string;\n      info: string;\n      medium: string;\n    };\n    dark: {\n      default: string;\n      heavy: string;\n    };\n  };\n  divider: {\n    light: {\n      default: string;\n    };\n    dark: {\n      default: string;\n    };\n  };\n  status: {\n    open: string;\n    confirmed: string;\n    success: string;\n    warning: string;\n    action: string;\n    negative: string;\n    error: string;\n    archived: string;\n    closed: string;\n  };\n  general: {\n    brand: string;\n    error: string;\n  };\n}\nexport const semanticTypographyTokens = [\n  'text.default',\n  'text.subtle',\n  'text.info',\n  'text.interactive',\n  'text.interactive.hover',\n  'text.success',\n  'text.warning',\n  'text.danger',\n  'text.placeholder',\n  'text.accent',\n  'text.accentSubtle',\n  'text.onContrast',\n  'text.interactiveOnContrast',\n  'text.interactiveOnContrast.hover',\n  'text.dangerOnContrast',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.default',\n  'background.subtle',\n  'background.lessSubtle',\n  'background.primary',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.info',\n  'background.success',\n  'background.warning',\n  'background.error',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.accent',\n  'background.accentSubtle',\n  'background.note',\n  'background.alpha',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.overlay',\n  'background.backdrop',\n  'background.contrast',\n  'background.subtleContrast',\n  'background.moreSubtleContrast',\n  'background.mostSubtleContrast',\n  'background.primaryContrast',\n  'background.primaryContrast.hover',\n  'background.primaryContrast.pressed',\n  'background.successContrast',\n  'background.warningContrast',\n  'background.errorContrast',\n  'background.destructiveContrast',\n  'background.destructiveContrast.hover',\n  'background.destructiveContrast.pressed',\n  'background.alphaContrast',\n  'background.alphaContrast.hover',\n  'background.alphaContrast.pressed',\n  'background.primaryAlphaContrast.hover',\n  'background.primaryAlphaContrast.pressed',\n  'background.destructiveAlphaContrast',\n  'background.destructiveAlphaContrast.hover',\n  'background.destructiveAlphaContrast.pressed',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticBorderTokens = [\n  'divider.default',\n  'border.default',\n  'border.subtle',\n  'border.strong',\n  'border.focus',\n  'border.info',\n  'border.success',\n  'border.warning',\n  'border.danger',\n  'border.accent',\n  'border.accentSubtle',\n  'border.contrast',\n  'border.strongContrast',\n  'border.dangerContrast',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type SemanticColorTokens = SemanticTypographyToken & SemanticBackgroundColorToken & SemanticBorderColorToken;\n\nexport type Colors = CoreColors & SemanticColors;\n"],"names":[],"mappings":"8CAmGwC,CACtC,qBACA,oBACA,wBACA,qBACA,2BACA,6BACA,kBACA,qBACA,qBACA,mBACA,yBACA,+BACA,iCACA,oBACA,0BACA,kBACA,mBACA,yBACA,2BACA,gCACA,kCACA,8BACA,oCACA,sCACA,qBACA,sBACA,sBACA,4BACA,gCACA,gCACA,6BACA,mCACA,qCACA,6BACA,6BACA,2BACA,iCACA,uCACA,yCACA,2BACA,iCACA,mCACA,wCACA,0CACA,sCACA,4CACA,4EAIkC,CAClC,kBACA,iBACA,gBACA,gBACA,eACA,cACA,iBACA,iBACA,gBACA,gBACA,sBACA,kBACA,wBACA,0DApFsC,CACtC,eACA,cACA,YACA,mBACA,yBACA,eACA,eACA,cACA,mBACA,cACA,oBACA,kBACA,6BACA,mCACA"}
+{"version":3,"file":"color.types-b22f3bf4.js","sources":["../src/theme/tokens/colors/color.types.ts"],"sourcesContent":["export type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';\nexport type ColorSchemes =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'primaryAlpha'\n  | 'dangerAlpha'\n  | 'primaryInverseAlpha'\n  | 'blackAlpha'\n  | 'whiteAlpha'\n  | 'dangerInverseAlpha';\nexport type ColorValueMap = Record<ColorValue, string>;\n\nexport type CoreColors = Record<ColorSchemes, ColorValueMap>;\n\nexport const semanticTypographyTokens = [\n  'text.default',\n  'text.subtle',\n  'text.info',\n  'text.interactive',\n  'text.interactive.hover',\n  'text.success',\n  'text.warning',\n  'text.danger',\n  'text.placeholder',\n  'text.accent',\n  'text.accentSubtle',\n  'text.onContrast',\n  'text.interactiveOnContrast',\n  'text.interactiveOnContrast.hover',\n  'text.dangerOnContrast',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.default',\n  'background.subtle',\n  'background.lessSubtle',\n  'background.primary',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.info',\n  'background.success',\n  'background.warning',\n  'background.error',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.accent',\n  'background.accentSubtle',\n  'background.note',\n  'background.alpha',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.overlay',\n  'background.backdrop',\n  'background.contrast',\n  'background.subtleContrast',\n  'background.moreSubtleContrast',\n  'background.mostSubtleContrast',\n  'background.primaryContrast',\n  'background.primaryContrast.hover',\n  'background.primaryContrast.pressed',\n  'background.successContrast',\n  'background.warningContrast',\n  'background.errorContrast',\n  'background.destructiveContrast',\n  'background.destructiveContrast.hover',\n  'background.destructiveContrast.pressed',\n  'background.alphaContrast',\n  'background.alphaContrast.hover',\n  'background.alphaContrast.pressed',\n  'background.primaryAlphaContrast.hover',\n  'background.primaryAlphaContrast.pressed',\n  'background.destructiveAlphaContrast',\n  'background.destructiveAlphaContrast.hover',\n  'background.destructiveAlphaContrast.pressed',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticBorderTokens = [\n  'divider.default',\n  'border.default',\n  'border.subtle',\n  'border.strong',\n  'border.focus',\n  'border.info',\n  'border.success',\n  'border.warning',\n  'border.danger',\n  'border.accent',\n  'border.accentSubtle',\n  'border.contrast',\n  'border.strongContrast',\n  'border.dangerContrast',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type SemanticColorToken = SemanticTypographyToken | SemanticBackgroundColorToken | SemanticBorderColorToken;\n"],"names":[],"mappings":"8CAqCwC,CACtC,qBACA,oBACA,wBACA,qBACA,2BACA,6BACA,kBACA,qBACA,qBACA,mBACA,yBACA,+BACA,iCACA,oBACA,0BACA,kBACA,mBACA,yBACA,2BACA,gCACA,kCACA,8BACA,oCACA,sCACA,qBACA,sBACA,sBACA,4BACA,gCACA,gCACA,6BACA,mCACA,qCACA,6BACA,6BACA,2BACA,iCACA,uCACA,yCACA,2BACA,iCACA,mCACA,wCACA,0CACA,sCACA,4CACA,4EAIkC,CAClC,kBACA,iBACA,gBACA,gBACA,eACA,cACA,iBACA,iBACA,gBACA,gBACA,sBACA,kBACA,wBACA,0DApFsC,CACtC,eACA,cACA,YACA,mBACA,yBACA,eACA,eACA,cACA,mBACA,cACA,oBACA,kBACA,6BACA,mCACA"}

package/build/components/Alert/alert.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from './alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../shared/types/storybook").KibbleArgTypes<import("./alert.component").KAlertProps>;
+};
+export default _default;
+export declare const AlertPlayground: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/examples/withBottomButton.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from '../alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../alert.component").KAlertProps>;
+};
+export default _default;
+export declare const WithBotttomButton: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/examples/withCustomButton.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from '../alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../alert.component").KAlertProps>;
+};
+export default _default;
+export declare const WithCustomButton: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/examples/withCustomIcon.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from '../alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../alert.component").KAlertProps>;
+};
+export default _default;
+export declare const WithCustomIcon: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/examples/withRightButton.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from '../alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../alert.component").KAlertProps>;
+};
+export default _default;
+export declare const WithRightButton: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/examples/withTitle.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from '../alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../alert.component").KAlertProps>;
+};
+export default _default;
+export declare const WithTitle: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/examples/withoutTitle.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertProps } from '../alert.component';
+declare const _default: {
+    title: string;
+    component: ({ buttonProps, children, description, descriptionProps, hasShadow, hideCloseButton, hideIcon, iconProps, onClose, status, title, titleProps, ...rest }: AlertProps) => JSX.Element;
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../alert.component").KAlertProps>;
+};
+export default _default;
+export declare const WithoutTitle: {
+    (args: AlertProps): JSX.Element;
+    args: Partial<AlertProps>;
+};

package/build/components/Alert/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../alert.component-7d5f7c97.js");require("../../tslib.es6-194b75fc.js"),require("react"),require("../../button.component-78e208e5.js"),require("../../icon.component-f05c4e98.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("../../useTheme-8873c39f.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-2c75f4cc.js"),require("../../withTruncation-6da48222.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-b6060749.js"),require("../../index-6cdfadbe.js"),require("../../text.component-055e426d.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-f91c370c.js");require("../../tslib.es6-194b75fc.js"),require("react"),require("../../button.component-1f93e332.js"),require("../../icon.component-f05c4e98.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-3e965472.js"),require("../../withTruncation-14fa814f.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-b6060749.js"),require("../../index-6cdfadbe.js"),require("../../text.component-44c80ad3.js"),require("../../chakra-ui-alert.esm-17eebb99.js"),exports.Alert=e.Alert;
 //# sourceMappingURL=index.js.map

package/build/components/Avatar/avatar.component.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { Placement, AvatarProps as CAvatarProps } from '@chakra-ui/react';
-import { AvatarSize, AvatarVariant } from './avatar.types';
+import { AvatarSize, AvatarType, AvatarVariant } from './avatar.types';
 import { AvatarBadgeProps } from './components/avatarBadge.component';
 import { IconName } from '../../icons';
 export interface KAvatarProps {
@@ -11,6 +11,7 @@ export interface KAvatarProps {
     iconName?: IconName;
     name?: string;
     randomizeVariant?: boolean;
+    randomizationType?: AvatarType;
     showBadge?: boolean;
     showRemoveButton?: boolean;
     showTooltip?: boolean;
@@ -22,4 +23,4 @@ export interface KAvatarProps {
     webpSrc?: string;
 }
 export type AvatarProps = KAvatarProps & CAvatarProps;
-export declare const Avatar: ({ badgeProps, handleClick, handleRemoveButtonClick, hideBorder, iconName, name, randomizeVariant, showBadge, showRemoveButton, showTooltip, size, src, tooltipPlacement, tooltipText, variant, webpSrc, ...rest }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ badgeProps, handleClick, handleRemoveButtonClick, hideBorder, iconName, name, randomizeVariant, randomizationType, showBadge, showRemoveButton, showTooltip, size, src, tooltipPlacement, tooltipText, variant, webpSrc, ...rest }: AvatarProps) => JSX.Element;

package/build/components/Avatar/avatar.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AvatarProps } from './avatar.component';
+declare const _default: {
+    title: string;
+    component: ({ badgeProps, handleClick, handleRemoveButtonClick, hideBorder, iconName, name, randomizeVariant, randomizationType, showBadge, showRemoveButton, showTooltip, size, src, tooltipPlacement, tooltipText, variant, webpSrc, ...rest }: AvatarProps) => JSX.Element;
+    argTypes: import("../../shared/types/storybook").KibbleArgTypes<import("./avatar.component").KAvatarProps>;
+};
+export default _default;
+export declare const AvatarPlayground: {
+    (args: AvatarProps): JSX.Element;
+    args: Partial<AvatarProps>;
+};

package/build/components/Avatar/avatar.types.d.ts

@@ -1,4 +1,7 @@
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const avatarSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export type AvatarSize = (typeof avatarSizes)[number];
+export declare const avatarTypes: readonly ["outline", "solid"];
+export type AvatarType = (typeof avatarTypes)[number];
 export declare const avatarVariants: readonly ["default", "contrast", "dashed", "accent", "accentSubtle", "outlineAccent", "outlineAccentSubtle", "outlineYellow"];
 export type AvatarVariant = (typeof avatarVariants)[number];
 export declare const avatarBadePositions: readonly ["topLeft", "topRight", "bottomLeft", "bottomRight"];

package/build/components/Avatar/examples/withBadge.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { AvatarProps } from '../avatar.component';
+import { AvatarBadgeSBProps } from '../components/avatarBadge.argTypes';
+declare const _default: {
+    title: string;
+    component: ({ badgeProps, handleClick, handleRemoveButtonClick, hideBorder, iconName, name, randomizeVariant, randomizationType, showBadge, showRemoveButton, showTooltip, size, src, tooltipPlacement, tooltipText, variant, webpSrc, ...rest }: AvatarProps) => JSX.Element;
+    argTypes: {
+        position: import("@storybook/addons").ArgType<unknown>;
+        badgeIconName: import("@storybook/addons").ArgType<unknown>;
+        badgeBg: import("@storybook/addons").ArgType<unknown>;
+        badgeBorderColor: import("@storybook/addons").ArgType<unknown>;
+        iconVariant: import("@storybook/addons").ArgType<unknown>;
+        size: import("@storybook/addons").ArgType<unknown>;
+    };
+};
+export default _default;
+export declare const WithBadge: {
+    (args: AvatarBadgeSBProps & Partial<AvatarProps>): JSX.Element;
+    args: AvatarBadgeSBProps & Partial<AvatarProps>;
+};