npm - @televet/kibble-ui - Versions diffs - 1.20.21-beta.cs21 → 1.20.21-beta.cs23 - Mend

@televet/kibble-ui 1.20.21-beta.cs21 → 1.20.21-beta.cs23

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

Files changed (1732) hide show

package/build/components/Alert/components/alertDescription.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alertDescription.component.js","sources":["../../../../src/components/Alert/components/alertDescription.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport Text, { TextProps } from 'components/Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string \| ReactNode;\n descriptionProps?: TextProps;\n}\n\nconst AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps } = props;\n return (\n <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n {description}\n </Text>\n );\n};\n\nexport default AlertDescription;\n"],"names":["props","description","descriptionProps","React","Text","__assign","className","as","size"],"mappings":"~~8RAQyB~~,~~SAACA~~,GAChB,IAAAC,EAAkCD,EAAKC,YAA1BC,EAAqBF,EAAKE,iBAC/C,OACEC,~~EAAAA~~,~~sBAACC~~,~~EAAAA~~,~~QAAIC,EAAAA,SAAA,~~CAACC,UAAU,qBAAqBC,GAAG,IAAIC,KAAK,MAASN,GACvDD"}
1	+ {"version":3,"file":"alertDescription.component.js","sources":["../../../../src/components/Alert/components/alertDescription.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport Text, { TextProps } from 'components/Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string \| ReactNode;\n descriptionProps?: TextProps;\n}\n\nconst AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps } = props;\n return (\n <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n {description}\n </Text>\n );\n};\n\nexport default AlertDescription;\n"],"names":["AlertDescription","props","description","descriptionProps","React","Text","__assign","className","as","size"],"mappings":"qIAQM,IAAAA,EAAmB,SAACC,GAChB,IAAAC,EAAkCD,EAAKC,YAA1BC,EAAqBF,EAAKE,iBAC/C,OACEC,gBAACC,EAAIC,EAAA,CAACC,UAAU,qBAAqBC,GAAG,IAAIC,KAAK,MAASN,GACvDD"}

package/build/components/Alert/components/alertHeader.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../chakra/components/HStack/chakra/components/HStack/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);exports.default=function(e){var r=e.children;return a.default.createElement(t.default,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},r)};
+import t from"react";import a from"../../../chakra/components/HStack/chakra/components/HStack/index.js";var e=function(e){var r=e.children;return t.createElement(a,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},r)};export{e as default};
 //# sourceMappingURL=alertHeader.component.js.map

package/build/components/Alert/components/alertHeader.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alertHeader.component.js","sources":["../../../../src/components/Alert/components/alertHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport HStack from 'chakra/components/HStack';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nconst 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\nexport default AlertHeader;\n"],"names":["props","children","React","HStack","className","w","align","justify"],"mappings":"~~+QAOoB~~,~~SAACA~~,GACX,IAAAC,EAAaD,EAAKC,SAC1B,OACEC,~~wBAACC~~,EAAM,~~QAAA,~~CAACC,UAAU,gBAAgBC,EAAE,OAAOC,MAAM,aAAaC,QAAQ,cACnEN"}
1	+ {"version":3,"file":"alertHeader.component.js","sources":["../../../../src/components/Alert/components/alertHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport HStack from 'chakra/components/HStack';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nconst 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\nexport default AlertHeader;\n"],"names":["AlertHeader","props","children","React","HStack","className","w","align","justify"],"mappings":"wGAOM,IAAAA,EAAc,SAACC,GACX,IAAAC,EAAaD,EAAKC,SAC1B,OACEC,gBAACC,EAAM,CAACC,UAAU,gBAAgBC,EAAE,OAAOC,MAAM,aAAaC,QAAQ,cACnEN"}

package/build/components/Alert/components/alertIcon.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),o=require("../../../chakra/components/Box/chakra/components/Box/index.js"),t=require("../../Icon/icon.component.js"),a=require("../../../node_modules/@chakra-ui/color-mode/dist/chakra-ui-color-mode.esm.js"),s=require("../alert.records.js"),l=require("../alert.types.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r);exports.default=function(r){var u=r.iconProps,c=r.status,i=a.useColorModeValue(s.AlertIconColorMap[c],"currentColor");return n.default.createElement(o.default,{className:"Alert__Icon",maxH:"24px"},n.default.createElement(t.default,e.__assign({color:i,size:"lg"},u,{name:(null==u?void 0:u.name)||l.AlertStatusIcon[c]})))};
+import{__assign as o}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import e from"../../../chakra/components/Box/chakra/components/Box/index.js";import t from"../../Icon/icon.component.js";import{useColorModeValue as m}from"../../../node_modules/@chakra-ui/color-mode/dist/chakra-ui-color-mode.esm.js";import{AlertIconColorMap as s}from"../alert.records.js";import{AlertStatusIcon as a}from"../alert.types.js";var n=function(n){var c=n.iconProps,i=n.status,l=m(s[i],"currentColor");return r.createElement(e,{className:"Alert__Icon",maxH:"24px"},r.createElement(t,o({color:l,size:"lg"},c,{name:(null==c?void 0:c.name)||a[i]})))};export{n as default};
 //# sourceMappingURL=alertIcon.component.js.map

package/build/components/Alert/components/alertIcon.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alertIcon.component.js","sources":["../../../../src/components/Alert/components/alertIcon.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Icon, { IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap } from '../alert.records';\nimport { AlertStatusIcon, AlertVariant, Status } from '../alert.types';\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: AlertVariant \| Status;\n}\n\nconst AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status } = props;\n const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name \|\| AlertStatusIcon[status]} />\n </Box>\n );\n};\n\nexport default AlertIcon;\n"],"names":["props","iconProps","status","iconColor","useColorModeValue","AlertIconColorMap","React","createElement","Box","className","maxH","Icon","__assign","color","size","name","AlertStatusIcon"],"mappings":"~~mgBAYkB~~,~~SAACA~~,GACT,IAAAC,EAAsBD,EAAKC,UAAhBC,EAAWF,EAAKE,OAC7BC,EAAYC,~~EAAAA~~,~~kBAAkBC~~,~~EAAAA,kBAAkBH,~~GAAS,gBAE/D,OACEI,~~EAAAA~~,~~QAACC,~~cAAAC,~~EAAG~~,~~QAAC,~~CAAAC,UAAU,cAAcC,KAAK,QAChCJ,~~EAAAA~~,~~QAAAC,~~cAACI,~~UAAIC~~,~~EAAAA~~,~~SAAA,~~CAACC,MAAOV,EAAWW,KAAK,MAASb,EAAS,CAAEc,MAAMd,MAAAA,OAAS,EAATA,EAAWc,OAAQC,~~kBAAgBd~~"}
1	+ {"version":3,"file":"alertIcon.component.js","sources":["../../../../src/components/Alert/components/alertIcon.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Icon, { IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap } from '../alert.records';\nimport { AlertStatusIcon, AlertVariant, Status } from '../alert.types';\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: AlertVariant \| Status;\n}\n\nconst AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status } = props;\n const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name \|\| AlertStatusIcon[status]} />\n </Box>\n );\n};\n\nexport default AlertIcon;\n"],"names":["AlertIcon","props","iconProps","status","iconColor","useColorModeValue","AlertIconColorMap","React","createElement","Box","className","maxH","Icon","__assign","color","size","name","AlertStatusIcon"],"mappings":"+aAYM,IAAAA,EAAY,SAACC,GACT,IAAAC,EAAsBD,EAAKC,UAAhBC,EAAWF,EAAKE,OAC7BC,EAAYC,EAAkBC,EAAkBH,GAAS,gBAE/D,OACEI,EAACC,cAAAC,EAAI,CAAAC,UAAU,cAAcC,KAAK,QAChCJ,EAAAC,cAACI,EAAIC,EAAA,CAACC,MAAOV,EAAWW,KAAK,MAASb,EAAS,CAAEc,MAAMd,MAAAA,OAAS,EAATA,EAAWc,OAAQC,EAAgBd"}

package/build/components/Alert/components/alertTitle.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../Heading/heading.component.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t),s=function(t){var l=t.title,s=t.titleProps;return i.default.createElement(r.default,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},s),l)};exports.AlertTitle=s,exports.default=s;
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import o from"../../Heading/heading.component.js";var r=function(r){var i=r.title,l=r.titleProps;return t.createElement(o,e({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},l),i)};export{r as AlertTitle,r as default};
 //# sourceMappingURL=alertTitle.component.js.map

package/build/components/Alert/components/alertTitle.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alertTitle.component.js","sources":["../../../../src/components/Alert/components/alertTitle.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport Heading, { HeadingProps } from 'components/Heading/heading.component';\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} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n {title}\n </Heading>\n );\n};\n\nexport default AlertTitle;\n"],"names":["AlertTitle","props","title","titleProps","React","createElement","Heading","__assign","className","flexGrow","colorToken","lineHeight","size"],"mappings":"~~oRAQaA~~,EAAa,SAACC,GACjB,IAAAC,EAAsBD,EAAKC,MAApBC,EAAeF,EAAKE,WACnC,OACEC,~~EAAA~~,~~QAAAC,~~cAACC,~~UAAOC~~,~~EAAAA~~,~~SAAA,~~CAACC,UAAU,eAAeC,SAAU,EAAGC,WAAW,UAAUC,WAAY,EAAGC,KAAK,MAAST,GAC9FD"}
1	+ {"version":3,"file":"alertTitle.component.js","sources":["../../../../src/components/Alert/components/alertTitle.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport Heading, { HeadingProps } from 'components/Heading/heading.component';\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} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n {title}\n </Heading>\n );\n};\n\nexport default AlertTitle;\n"],"names":["AlertTitle","props","title","titleProps","React","createElement","Heading","__assign","className","flexGrow","colorToken","lineHeight","size"],"mappings":"2IAQO,IAAMA,EAAa,SAACC,GACjB,IAAAC,EAAsBD,EAAKC,MAApBC,EAAeF,EAAKE,WACnC,OACEC,EAAAC,cAACC,EAAOC,EAAA,CAACC,UAAU,eAAeC,SAAU,EAAGC,WAAW,UAAUC,WAAY,EAAGC,KAAK,MAAST,GAC9FD"}

package/build/components/Avatar/avatar.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"),a=require("../../chakra/components/Box/chakra/components/Box/index.js"),o=require("../Icon/icon.component.js"),r=require("../Tooltip/tooltip.component.js"),n=require("../../hooks/useTheme.js"),i=require("react"),s=require("./avatar.types.js"),u=require("../../utils/sizes.js"),l=require("./components/AvatarBadge/avatarBadge.component.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(i);exports.default=function(c){var m,v=c.name,p=c.src,f=c.isClinic,h=void 0!==f&&f,_=c.size,x=void 0===_?"md":_,g=c.showTooltip,k=void 0===g||g,b=c.tooltipPlacement,C=void 0===b?"bottom":b,j=c.style,A=c.handleClick,B=c.showRemoveButton,q=c.handleRemoveButtonClick,z=c.variant,E=c.iconName,V=c.tooltipText,w=c.showBadge,T=c.badgeProps,y=e.__rest(c,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),R=n.default(),S=e.__read(i.useState(!!p),2),I=S[0],M=S[1],N=e.__read(i.useState(!1),2),P=N[0],L=N[1],D=e.__read(i.useState(!1),2),G=D[0],O=D[1],F="xs"===x||z===s.AvatarVariant.Dashed||z===s.AvatarVariant.Number,H=h?"comet":(m=v.charCodeAt(0))>=65&&m<=71?s.AvatarVariant.Blue:m>=72&&m<=77?s.AvatarVariant.Red:m>=78&&m<=84?s.AvatarVariant.Green:s.AvatarVariant.Comet;I&&(H=s.AvatarVariant.Image),E&&(H=s.AvatarVariant.Icon);var J=e.__assign({cursor:A?"pointer":"auto"},j),K=d.default.createElement(t.Avatar,e.__assign({},y,{name:E?"":v,src:p,size:x,style:J,variant:z||H},E&&{icon:d.default.createElement(o.default,{name:E,size:u.getNextIconSize(x,!0,"sm"===x||"xs"===x?2:1)})},{icon:E&&d.default.createElement(o.default,{name:E,size:u.getNextIconSize(x,!0,"sm"===x||"xs"===x?2:1)}),onClick:A,onError:function(){return M(!1)},onMouseEnter:function(){return L(!0)},onMouseLeave:function(){return L(!1)}}),B&&P&&!F&&d.default.createElement(a.default,{backgroundColor:R.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:q,onMouseEnter:function(){return O(!0)},onMouseLeave:function(){return O(!1)}},d.default.createElement(o.default,{name:"closeCircle",size:G?"sm":"xs",colorToken:"default"})),w&&d.default.createElement(l.default,e.__assign({avatarSize:x},T)));return k?d.default.createElement(r.default,{label:V||v,placement:C},K):K};
+import{__rest as e,__read as o,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{Avatar as r}from"../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js";import n from"../../chakra/components/Box/chakra/components/Box/index.js";import a from"../Icon/icon.component.js";import i from"../Tooltip/tooltip.component.js";import s from"../../hooks/useTheme.js";import m,{useState as c}from"react";import{AvatarVariant as l}from"./avatar.types.js";import{getNextIconSize as p}from"../../utils/sizes.js";import u from"./components/AvatarBadge/avatarBadge.component.js";var d=function(d){var v,h=d.name,f=d.src,k=d.isClinic,x=void 0!==k&&k,C=d.size,B=void 0===C?"md":C,b=d.showTooltip,E=void 0===b||b,g=d.tooltipPlacement,j=void 0===g?"bottom":g,z=d.style,w=d.handleClick,T=d.showRemoveButton,R=d.handleRemoveButtonClick,y=d.variant,M=d.iconName,P=d.tooltipText,A=d.showBadge,I=d.badgeProps,N=e(d,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),L=s(),_=o(c(!!f),2),D=_[0],G=_[1],S=o(c(!1),2),q=S[0],F=S[1],H=o(c(!1),2),J=H[0],K=H[1],O="xs"===B||y===l.Dashed||y===l.Number,Q=x?"comet":(v=h.charCodeAt(0))>=65&&v<=71?l.Blue:v>=72&&v<=77?l.Red:v>=78&&v<=84?l.Green:l.Comet;D&&(Q=l.Image),M&&(Q=l.Icon);var U=t({cursor:w?"pointer":"auto"},z),V=m.createElement(r,t({},N,{name:M?"":h,src:f,size:B,style:U,variant:y||Q},M&&{icon:m.createElement(a,{name:M,size:p(B,!0,"sm"===B||"xs"===B?2:1)})},{icon:M&&m.createElement(a,{name:M,size:p(B,!0,"sm"===B||"xs"===B?2:1)}),onClick:w,onError:function(){return G(!1)},onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)}}),T&&q&&!O&&m.createElement(n,{backgroundColor:L.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:R,onMouseEnter:function(){return K(!0)},onMouseLeave:function(){return K(!1)}},m.createElement(a,{name:"closeCircle",size:J?"sm":"xs",colorToken:"default"})),A&&m.createElement(u,t({avatarSize:B},I)));return E?m.createElement(i,{label:P||h,placement:j},V):V};export{d as default};
 //# sourceMappingURL=avatar.component.js.map

package/build/components/Avatar/avatar.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.component.js","sources":["../../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport Box from 'chakra/components/Box';\nimport Icon from 'components/Icon';\nimport Tooltip from 'components/Tooltip';\nimport useTheme from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils';\nimport AvatarBadge, { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n name: string;\n size?: AvatarSize;\n isClinic?: boolean;\n showTooltip?: boolean;\n tooltipPlacement?: PlacementWithLogical;\n style?: CSSProperties;\n handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n showRemoveButton?: boolean;\n handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n variant?: AvatarVariant;\n iconName?: IconName;\n tooltipText?: string;\n showBadge?: boolean;\n badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n if (charCode >= 65 && charCode <= 71) {\n return AvatarVariant.Blue;\n } else if (charCode >= 72 && charCode <= 77) {\n return AvatarVariant.Red;\n } else if (charCode >= 78 && charCode <= 84) {\n return AvatarVariant.Green;\n } else {\n return AvatarVariant.Comet;\n }\n};\n\nconst Avatar = ({\n name,\n src,\n isClinic = false,\n size = 'md',\n showTooltip = true,\n tooltipPlacement = 'bottom',\n style,\n handleClick,\n showRemoveButton,\n handleRemoveButtonClick,\n variant,\n iconName,\n tooltipText,\n showBadge,\n badgeProps,\n ...rest\n}: AvatarProps): JSX.Element => {\n const theme = useTheme();\n const [isSrcValid, setIsSrcValid] = useState(!!src);\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs' \|\| variant === AvatarVariant.Dashed \|\| variant === AvatarVariant.Number;\n let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n if (isSrcValid) {\n _variant = AvatarVariant.Image;\n }\n\n if (iconName) {\n _variant = AvatarVariant.Icon;\n }\n\n const avatarDynamicStyles: CSSProperties = {\n cursor: handleClick ? 'pointer' : 'auto',\n ...style,\n };\n\n const avatarMarkup = (\n <CAvatar\n {...rest}\n name={iconName ? '' : name}\n src={src}\n size={size}\n style={avatarDynamicStyles}\n variant={variant \|\| _variant}\n {...(iconName && {\n icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' \|\| size === 'xs' ? 2 : 1)} />,\n })}\n icon={\n iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' \|\| size === 'xs' ? 2 : 1)} />\n }\n onClick={handleClick}\n onError={(): void => setIsSrcValid(false)}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <Box\n backgroundColor={theme.colors.white}\n borderRadius=\"9999px\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-4px\"\n right=\"-4px\"\n onClick={handleRemoveButtonClick}\n onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n >\n <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n </Box>\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n </CAvatar>\n );\n\n if (showTooltip) {\n return (\n <Tooltip label={tooltipText \|\| name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n\nexport default Avatar;\n"],"names":["_a","charCode","name","src","_b","isClinic","_c","size","_d","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","rest","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","AvatarVariant","Dashed","Number","_variant","charCodeAt","Blue","Red","Green","Comet","Image","Icon","avatarDynamicStyles","__assign","cursor","avatarMarkup","React","CAvatar","icon","createElement","getNextIconSize","onClick","onError","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","white","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Tooltip","label","placement"],"mappings":"~~ioBAyCe~~,~~SAACA~~,GACd,IAbwBC,EAaxBC,EAAIF,EAAAE,KACJC,EAAGH,EAAAG,IACHC,EAAgBJ,EAAAK,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAR,EAAAS,YAAAA,OAAc,IAAAD,GAAIA,EAClBE,EAA2BV,EAAAW,iBAA3BA,OAAmB,IAAAD,EAAA,SAAQA,EAC3BE,EAAKZ,EAAAY,MACLC,EAAWb,EAAAa,YACXC,EAAgBd,EAAAc,iBAChBC,EAAuBf,EAAAe,wBACvBC,EAAOhB,EAAAgB,QACPC,EAAQjB,EAAAiB,SACRC,EAAWlB,EAAAkB,YACXC,EAASnB,EAAAmB,UACTC,EAAUpB,EAAAoB,WACPC,EAAIC,~~EAAAA~~,~~OAAAtB,~~EAhBO,kMAkBRuB,EAAQC,~~EAAAA~~,~~UACRC,~~EAAAC,~~EAAAA~~,~~OAA8BC~~,~~EAAAA,WAAWxB,~~GAAI,GAA5CyB,EAAUH,EAAA,GAAEI,OACbC,EAAAJ,~~EAAAA~~,~~OAA0CC~~,~~EAAQA,UAAC,~~GAAM,GAAxDI,EAAgBD,EAAA,GAAEE,OACnBC,EAAAP,~~EAAAA~~,~~OAAsDC~~,~~EAAQA,UAAC,~~GAAM,GAApEO,EAAsBD,EAAA,GAAEE,OACzBC,EAAkC,OAAT7B,GAAiBS,IAAYqB,~~EAAaA~~,~~cAACC,~~QAAUtB,IAAYqB,~~EAAaA~~,~~cAACE,~~OAC1GC,EAAWnC,EAAW,SAnCFJ,EAmC6BC,EAAKuC,WAAW,KAlCrD,IAAMxC,GAAY,GACzBoC,~~EAAAA~~,~~cAAcK,~~KACZzC,GAAY,IAAMA,GAAY,GAChCoC,~~EAAAA~~,~~cAAcM,~~IACZ1C,GAAY,IAAMA,GAAY,GAChCoC,~~EAAAA~~,~~cAAcO,~~MAEdP,~~EAAAA~~,~~cAAcQ,~~MA6BnBjB,IACFY,EAAWH,~~EAAaA~~,~~cAACS,~~OAGvB7B,IACFuB,EAAWH,~~EAAaA~~,~~cAACU,~~MAG3B,IAAMC,EACJC,~~EAAAA~~,~~SAAA,~~CAAAC,OAAQrC,EAAc,UAAY,QAC/BD,GAGCuC,EACJC,~~EAAAA~~,~~sBAACC~~,~~SAAOJ~~,~~EAAAA,SAAA,~~GACF5B,EACJ,CAAAnB,KAAMe,EAAW,GAAKf,EACtBC,IAAKA,EACLI,KAAMA,EACNK,MAAOoC,EACPhC,QAASA,GAAWwB,GACfvB,GAAY,CACfqC,KAAMF,~~EAAA~~,~~QAAAG,~~cAACR,~~EAAAA~~,~~QAAI,~~CAAC7C,KAAMe,EAAUV,KAAMiD,~~EAAeA~~,~~gBAACjD,~~GAAM,EAAe,OAATA,GAA0B,OAATA,EAAgB,EAAI,MAErG,CAAA+C,KACErC,GAAYmC,~~EAAC~~,~~QAAAG,~~cAAAR,~~UAAK~~,CAAA7C,KAAMe,EAAUV,KAAMiD,~~EAAeA~~,~~gBAACjD,~~GAAM,EAAe,OAATA,GAA0B,OAATA,EAAgB,EAAI,KAE3GkD,QAAS5C,EACT6C,QAAS,WAAY,OAAA7B,GAAc,IACnC8B,aAAc,WAAY,OAAA3B,GAAoB,IAC9C4B,aAAc,WAAY,OAAA5B,GAAoB,MAE7ClB,GAAoBiB,IAAqBK,GACxCgB,~~EAAA~~,~~QAAAG,~~cAACM,EAAG,~~QAAA,~~CACFC,gBAAiBvC,EAAMwC,OAAOC,MAC9BC,aAAa,SACbf,OAAO,UACPgB,SAAS,WACTC,IAAI,OACJC,MAAM,OACNX,QAAS1C,EACT4C,aAAc,WAAY,OAAAxB,GAA0B,IACpDyB,aAAc,WAAY,OAAAzB,GAA0B,KAEpDiB,~~EAAAA~~,~~QAACG,~~cAAAR,~~EAAAA~~,~~SAAK7C,~~KAAK,cAAcK,KAAM2B,EAAyB,KAAO,KAAMmC,WAAW,aAGnFlD,GAAaiC,~~EAAA~~,~~QAAAG,~~cAACe,~~EAAAA~~,~~QAAWrB~~,~~EAAAA,SAAA,~~CAACsB,WAAYhE,GAAUa,KAIrD,OAAIX,EAEA2C,~~UAACG~~,cAAAiB,~~EAAO~~,~~QAAC,~~CAAAC,MAAOvD,GAAehB,EAAMwE,UAAW/D,GAC7CwC,GAKAA"}
1	+ {"version":3,"file":"avatar.component.js","sources":["../../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport Box from 'chakra/components/Box';\nimport Icon from 'components/Icon';\nimport Tooltip from 'components/Tooltip';\nimport useTheme from 'hooks/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils';\nimport AvatarBadge, { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n name: string;\n size?: AvatarSize;\n isClinic?: boolean;\n showTooltip?: boolean;\n tooltipPlacement?: PlacementWithLogical;\n style?: CSSProperties;\n handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n showRemoveButton?: boolean;\n handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n variant?: AvatarVariant;\n iconName?: IconName;\n tooltipText?: string;\n showBadge?: boolean;\n badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n if (charCode >= 65 && charCode <= 71) {\n return AvatarVariant.Blue;\n } else if (charCode >= 72 && charCode <= 77) {\n return AvatarVariant.Red;\n } else if (charCode >= 78 && charCode <= 84) {\n return AvatarVariant.Green;\n } else {\n return AvatarVariant.Comet;\n }\n};\n\nconst Avatar = ({\n name,\n src,\n isClinic = false,\n size = 'md',\n showTooltip = true,\n tooltipPlacement = 'bottom',\n style,\n handleClick,\n showRemoveButton,\n handleRemoveButtonClick,\n variant,\n iconName,\n tooltipText,\n showBadge,\n badgeProps,\n ...rest\n}: AvatarProps): JSX.Element => {\n const theme = useTheme();\n const [isSrcValid, setIsSrcValid] = useState(!!src);\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs' \|\| variant === AvatarVariant.Dashed \|\| variant === AvatarVariant.Number;\n let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n if (isSrcValid) {\n _variant = AvatarVariant.Image;\n }\n\n if (iconName) {\n _variant = AvatarVariant.Icon;\n }\n\n const avatarDynamicStyles: CSSProperties = {\n cursor: handleClick ? 'pointer' : 'auto',\n ...style,\n };\n\n const avatarMarkup = (\n <CAvatar\n {...rest}\n name={iconName ? '' : name}\n src={src}\n size={size}\n style={avatarDynamicStyles}\n variant={variant \|\| _variant}\n {...(iconName && {\n icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' \|\| size === 'xs' ? 2 : 1)} />,\n })}\n icon={\n iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' \|\| size === 'xs' ? 2 : 1)} />\n }\n onClick={handleClick}\n onError={(): void => setIsSrcValid(false)}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <Box\n backgroundColor={theme.colors.white}\n borderRadius=\"9999px\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-4px\"\n right=\"-4px\"\n onClick={handleRemoveButtonClick}\n onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n >\n <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n </Box>\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n </CAvatar>\n );\n\n if (showTooltip) {\n return (\n <Tooltip label={tooltipText \|\| name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n\nexport default Avatar;\n"],"names":["Avatar","_a","charCode","name","src","_b","isClinic","_c","size","_d","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","rest","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","AvatarVariant","Dashed","Number","_variant","charCodeAt","Blue","Red","Green","Comet","Image","Icon","avatarDynamicStyles","__assign","cursor","avatarMarkup","React","CAvatar","icon","createElement","getNextIconSize","onClick","onError","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","white","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Tooltip","label","placement"],"mappings":"2kBA6BA,IAYMA,EAAS,SAACC,GACd,IAbwBC,EAaxBC,EAAIF,EAAAE,KACJC,EAAGH,EAAAG,IACHC,EAAgBJ,EAAAK,SAAhBA,OAAQ,IAAAD,GAAQA,EAChBE,EAAWN,EAAAO,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAR,EAAAS,YAAAA,OAAc,IAAAD,GAAIA,EAClBE,EAA2BV,EAAAW,iBAA3BA,OAAmB,IAAAD,EAAA,SAAQA,EAC3BE,EAAKZ,EAAAY,MACLC,EAAWb,EAAAa,YACXC,EAAgBd,EAAAc,iBAChBC,EAAuBf,EAAAe,wBACvBC,EAAOhB,EAAAgB,QACPC,EAAQjB,EAAAiB,SACRC,EAAWlB,EAAAkB,YACXC,EAASnB,EAAAmB,UACTC,EAAUpB,EAAAoB,WACPC,EAAIC,EAAAtB,EAhBO,kMAkBRuB,EAAQC,IACRC,EAAAC,EAA8BC,IAAWxB,GAAI,GAA5CyB,EAAUH,EAAA,GAAEI,OACbC,EAAAJ,EAA0CC,GAAS,GAAM,GAAxDI,EAAgBD,EAAA,GAAEE,OACnBC,EAAAP,EAAsDC,GAAS,GAAM,GAApEO,EAAsBD,EAAA,GAAEE,OACzBC,EAAkC,OAAT7B,GAAiBS,IAAYqB,EAAcC,QAAUtB,IAAYqB,EAAcE,OAC1GC,EAAWnC,EAAW,SAnCFJ,EAmC6BC,EAAKuC,WAAW,KAlCrD,IAAMxC,GAAY,GACzBoC,EAAcK,KACZzC,GAAY,IAAMA,GAAY,GAChCoC,EAAcM,IACZ1C,GAAY,IAAMA,GAAY,GAChCoC,EAAcO,MAEdP,EAAcQ,MA6BnBjB,IACFY,EAAWH,EAAcS,OAGvB7B,IACFuB,EAAWH,EAAcU,MAG3B,IAAMC,EACJC,EAAA,CAAAC,OAAQrC,EAAc,UAAY,QAC/BD,GAGCuC,EACJC,gBAACC,EAAOJ,EAAA,GACF5B,EACJ,CAAAnB,KAAMe,EAAW,GAAKf,EACtBC,IAAKA,EACLI,KAAMA,EACNK,MAAOoC,EACPhC,QAASA,GAAWwB,GACfvB,GAAY,CACfqC,KAAMF,EAAAG,cAACR,EAAI,CAAC7C,KAAMe,EAAUV,KAAMiD,EAAgBjD,GAAM,EAAe,OAATA,GAA0B,OAATA,EAAgB,EAAI,MAErG,CAAA+C,KACErC,GAAYmC,EAACG,cAAAR,EAAK,CAAA7C,KAAMe,EAAUV,KAAMiD,EAAgBjD,GAAM,EAAe,OAATA,GAA0B,OAATA,EAAgB,EAAI,KAE3GkD,QAAS5C,EACT6C,QAAS,WAAY,OAAA7B,GAAc,IACnC8B,aAAc,WAAY,OAAA3B,GAAoB,IAC9C4B,aAAc,WAAY,OAAA5B,GAAoB,MAE7ClB,GAAoBiB,IAAqBK,GACxCgB,EAAAG,cAACM,EAAG,CACFC,gBAAiBvC,EAAMwC,OAAOC,MAC9BC,aAAa,SACbf,OAAO,UACPgB,SAAS,WACTC,IAAI,OACJC,MAAM,OACNX,QAAS1C,EACT4C,aAAc,WAAY,OAAAxB,GAA0B,IACpDyB,aAAc,WAAY,OAAAzB,GAA0B,KAEpDiB,EAACG,cAAAR,GAAK7C,KAAK,cAAcK,KAAM2B,EAAyB,KAAO,KAAMmC,WAAW,aAGnFlD,GAAaiC,EAAAG,cAACe,EAAWrB,EAAA,CAACsB,WAAYhE,GAAUa,KAIrD,OAAIX,EAEA2C,EAACG,cAAAiB,EAAQ,CAAAC,MAAOvD,GAAehB,EAAMwE,UAAW/D,GAC7CwC,GAKAA"}

package/build/components/Avatar/avatar.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),r={baseStyle:{container:{backgroundColor:o.coreColors.white,borderWidth:"2px",boxShadow:"0 0 0 1px ".concat(o.coreColors.white),_hover:{backgroundColor:o.coreColors.gray[50],zIndex:2},_active:{backgroundColor:o.coreColors.gray[100]}},label:{paddingTop:"1px"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"12px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px",paddingTop:0}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}}},variants:{red:{container:{borderColor:o.coreColors.red[300]},label:{color:o.coreColors.red[300]}},green:{container:{borderColor:o.coreColors.green[400]},label:{color:o.coreColors.green[400]}},blue:{container:{borderColor:o.coreColors.blue[300]},label:{color:o.coreColors.blue[300]}},comet:{container:{backgroundColor:o.coreColors.comet[50],borderColor:o.coreColors.comet[400],_hover:{backgroundColor:o.coreColors.comet[100]},_active:{backgroundColor:o.coreColors.comet[200]}},label:{color:o.coreColors.comet[800]}},number:{container:{backgroundColor:o.coreColors.blue[800],border:0,_hover:{backgroundColor:o.coreColors.blue[800]},_active:{backgroundColor:o.coreColors.blue[800]}},label:{color:o.coreColors.white}},dashed:{container:{backgroundColor:o.coreColors.transparent,border:"1px dashed",borderColor:o.semanticColors.border.dark,boxShadow:0,_hover:{backgroundColor:o.coreColors.blackAlpha[100],zIndex:0},_active:{backgroundColor:o.coreColors.blackAlpha[200]}},label:{color:o.adaptiveColors.icon.light.subtle}},image:{container:{border:0,_hover:{backgroundColor:o.coreColors.black,img:{opacity:.94}},_active:{backgroundColor:o.coreColors.black,img:{opacity:.92}}}},icon:{container:{border:0,color:o.adaptiveColors.icon.light.default,backgroundColor:o.coreColors.comet[50],opacity:1,_hover:{backgroundColor:o.coreColors.comet[100]},_active:{backgroundColor:o.coreColors.comet[200]}}}}};exports.AvatarConfig=r;
+import{coreColors as o,semanticColors as e,adaptiveColors as r}from"../../theme/tokens/colors/color.record.js";var l={baseStyle:{container:{backgroundColor:o.white,borderWidth:"2px",boxShadow:"0 0 0 1px ".concat(o.white),_hover:{backgroundColor:o.gray[50],zIndex:2},_active:{backgroundColor:o.gray[100]}},label:{paddingTop:"1px"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"12px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px",paddingTop:0}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}}},variants:{red:{container:{borderColor:o.red[300]},label:{color:o.red[300]}},green:{container:{borderColor:o.green[400]},label:{color:o.green[400]}},blue:{container:{borderColor:o.blue[300]},label:{color:o.blue[300]}},comet:{container:{backgroundColor:o.comet[50],borderColor:o.comet[400],_hover:{backgroundColor:o.comet[100]},_active:{backgroundColor:o.comet[200]}},label:{color:o.comet[800]}},number:{container:{backgroundColor:o.blue[800],border:0,_hover:{backgroundColor:o.blue[800]},_active:{backgroundColor:o.blue[800]}},label:{color:o.white}},dashed:{container:{backgroundColor:o.transparent,border:"1px dashed",borderColor:e.border.dark,boxShadow:0,_hover:{backgroundColor:o.blackAlpha[100],zIndex:0},_active:{backgroundColor:o.blackAlpha[200]}},label:{color:r.icon.light.subtle}},image:{container:{border:0,_hover:{backgroundColor:o.black,img:{opacity:.94}},_active:{backgroundColor:o.black,img:{opacity:.92}}}},icon:{container:{border:0,color:r.icon.light.default,backgroundColor:o.comet[50],opacity:1,_hover:{backgroundColor:o.comet[100]},_active:{backgroundColor:o.comet[200]}}}}};export{l as AvatarConfig};
 //# sourceMappingURL=avatar.config.js.map

package/build/components/Avatar/avatar.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.config.js","sources":["../../../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from '../../theme/tokens';\n\nexport const AvatarConfig: CustomStyleConfig = {\n baseStyle: {\n container: {\n backgroundColor: coreColors.white,\n borderWidth: '2px',\n boxShadow: `0 0 0 1px ${coreColors.white}`,\n _hover: {\n backgroundColor: coreColors.gray[50],\n zIndex: 2,\n },\n _active: {\n backgroundColor: coreColors.gray[100],\n },\n },\n label: {\n paddingTop: '1px',\n },\n },\n sizes: {\n xs: {\n container: {\n height: '24px',\n width: '24px',\n },\n label: {\n fontSize: '12px',\n fontWeight: '600',\n lineHeight: '18px',\n },\n },\n sm: {\n container: {\n height: '32px',\n width: '32px',\n },\n label: {\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '24px',\n paddingTop: 0,\n },\n },\n md: {\n container: {\n height: '36px',\n width: '36px',\n },\n label: {\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '24px',\n },\n },\n lg: {\n container: {\n height: '40px',\n width: '40px',\n },\n label: {\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '24px',\n },\n },\n },\n variants: {\n red: {\n container: {\n borderColor: coreColors.red[300],\n },\n label: {\n color: coreColors.red[300],\n },\n },\n green: {\n container: {\n borderColor: coreColors.green[400],\n },\n label: {\n color: coreColors.green[400],\n },\n },\n blue: {\n container: {\n borderColor: coreColors.blue[300],\n },\n label: {\n color: coreColors.blue[300],\n },\n },\n comet: {\n container: {\n backgroundColor: coreColors.comet[50],\n borderColor: coreColors.comet[400],\n _hover: {\n backgroundColor: coreColors.comet[100],\n },\n _active: {\n backgroundColor: coreColors.comet[200],\n },\n },\n label: {\n color: coreColors.comet[800],\n },\n },\n number: {\n container: {\n backgroundColor: coreColors.blue[800],\n border: 0,\n _hover: {\n backgroundColor: coreColors.blue[800], // 700\n },\n _active: {\n backgroundColor: coreColors.blue[800], // 600\n },\n },\n label: {\n color: coreColors.white,\n },\n },\n dashed: {\n container: {\n backgroundColor: coreColors.transparent,\n border: '1px dashed',\n borderColor: semanticColors.border.dark,\n boxShadow: 0,\n _hover: {\n backgroundColor: coreColors.blackAlpha[100],\n zIndex: 0,\n },\n _active: {\n backgroundColor: coreColors.blackAlpha[200],\n },\n },\n label: {\n color: adaptiveColors.icon.light.subtle,\n },\n },\n image: {\n container: {\n border: 0,\n _hover: {\n backgroundColor: coreColors.black,\n img: { opacity: 0.94 },\n },\n _active: {\n backgroundColor: coreColors.black,\n img: { opacity: 0.92 },\n },\n },\n },\n icon: {\n container: {\n border: 0,\n color: adaptiveColors.icon.light.default,\n backgroundColor: coreColors.comet[50],\n opacity: 1,\n _hover: {\n backgroundColor: coreColors.comet[100],\n },\n _active: {\n backgroundColor: coreColors.comet[200],\n },\n },\n },\n },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","borderWidth","boxShadow","concat","_hover","gray","zIndex","_active","label","paddingTop","sizes","xs","height","width","fontSize","fontWeight","lineHeight","sm","md","lg","variants","red","borderColor","color","green","blue","comet","number","border","dashed","transparent","semanticColors","dark","blackAlpha","adaptiveColors","icon","light","subtle","image","black","img","opacity","default"],"mappings":"+~~HAGaA~~,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,~~EAAUA~~,~~WAACC,~~MAC5BC,YAAa,MACbC,UAAW,aAAAC,OAAaJ,~~EAAAA~~,~~WAAWC,~~OACnCI,OAAQ,CACNN,gBAAiBC,~~EAAAA~~,~~WAAWM,~~KAAK,IACjCC,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,~~EAAAA~~,~~WAAWM,~~KAAK,OAGrCG,MAAO,CACLC,WAAY,QAGhBC,MAAO,CACLC,GAAI,CACFd,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBC,GAAI,CACFpB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,OACZP,WAAY,IAGhBS,GAAI,CACFrB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBG,GAAI,CACFtB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,UAIlBI,SAAU,CACRC,IAAK,CACHxB,UAAW,CACTyB,YAAavB,~~EAAAA~~,~~WAAWsB,~~IAAI,MAE9Bb,MAAO,CACLe,MAAOxB,~~EAAAA~~,~~WAAWsB,~~IAAI,OAG1BG,MAAO,CACL3B,UAAW,CACTyB,YAAavB,~~EAAAA~~,~~WAAWyB,~~MAAM,MAEhChB,MAAO,CACLe,MAAOxB,~~EAAAA~~,~~WAAWyB,~~MAAM,OAG5BC,KAAM,CACJ5B,UAAW,CACTyB,YAAavB,~~EAAAA~~,~~WAAW0B,~~KAAK,MAE/BjB,MAAO,CACLe,MAAOxB,~~EAAAA~~,~~WAAW0B,~~KAAK,OAG3BC,MAAO,CACL7B,UAAW,CACTC,gBAAiBC,~~EAAAA~~,~~WAAW2B,~~MAAM,IAClCJ,YAAavB,~~EAAAA~~,~~WAAW2B,~~MAAM,KAC9BtB,OAAQ,CACNN,gBAAiBC,~~EAAAA~~,~~WAAW2B,~~MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,~~EAAAA~~,~~WAAW2B,~~MAAM,OAGtClB,MAAO,CACLe,MAAOxB,~~EAAAA~~,~~WAAW2B,~~MAAM,OAG5BC,OAAQ,CACN9B,UAAW,CACTC,gBAAiBC,~~EAAAA~~,~~WAAW0B,~~KAAK,KACjCG,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,~~EAAAA~~,~~WAAW0B,~~KAAK,MAEnClB,QAAS,CACPT,gBAAiBC,~~EAAAA~~,~~WAAW0B,~~KAAK,OAGrCjB,MAAO,CACLe,MAAOxB,~~EAAUA~~,~~WAACC,~~QAGtB6B,OAAQ,CACNhC,UAAW,CACTC,gBAAiBC,~~EAAUA,WAAC~~+B,YAC5BF,OAAQ,aACRN,YAAaS,~~EAAAA~~,~~eAAeH,~~OAAOI,KACnC9B,UAAW,EACXE,OAAQ,CACNN,gBAAiBC,~~EAAAA~~,~~WAAWkC,~~WAAW,KACvC3B,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,~~EAAAA~~,~~WAAWkC,~~WAAW,OAG3CzB,MAAO,CACLe,MAAOW,~~EAAcA~~,~~eAACC,~~KAAKC,MAAMC,SAGrCC,MAAO,CACLzC,UAAW,CACT+B,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,~~EAAUA~~,~~WAACwC,~~MAC5BC,IAAK,CAAEC,QAAS,MAElBlC,QAAS,CACPT,gBAAiBC,~~EAAUA~~,~~WAACwC,~~MAC5BC,IAAK,CAAEC,QAAS,QAItBN,KAAM,CACJtC,UAAW,CACT+B,OAAQ,EACRL,MAAOW,~~EAAcA~~,~~eAACC,~~KAAKC,MAAMM,QACjC5C,gBAAiBC,~~EAAAA~~,~~WAAW2B,~~MAAM,IAClCe,QAAS,EACTrC,OAAQ,CACNN,gBAAiBC,~~EAAAA~~,~~WAAW2B,~~MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,~~EAAAA~~,~~WAAW2B,~~MAAM"}
1	+ {"version":3,"file":"avatar.config.js","sources":["../../../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from '../../theme/tokens';\n\nexport const AvatarConfig: CustomStyleConfig = {\n baseStyle: {\n container: {\n backgroundColor: coreColors.white,\n borderWidth: '2px',\n boxShadow: `0 0 0 1px ${coreColors.white}`,\n _hover: {\n backgroundColor: coreColors.gray[50],\n zIndex: 2,\n },\n _active: {\n backgroundColor: coreColors.gray[100],\n },\n },\n label: {\n paddingTop: '1px',\n },\n },\n sizes: {\n xs: {\n container: {\n height: '24px',\n width: '24px',\n },\n label: {\n fontSize: '12px',\n fontWeight: '600',\n lineHeight: '18px',\n },\n },\n sm: {\n container: {\n height: '32px',\n width: '32px',\n },\n label: {\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '24px',\n paddingTop: 0,\n },\n },\n md: {\n container: {\n height: '36px',\n width: '36px',\n },\n label: {\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '24px',\n },\n },\n lg: {\n container: {\n height: '40px',\n width: '40px',\n },\n label: {\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '24px',\n },\n },\n },\n variants: {\n red: {\n container: {\n borderColor: coreColors.red[300],\n },\n label: {\n color: coreColors.red[300],\n },\n },\n green: {\n container: {\n borderColor: coreColors.green[400],\n },\n label: {\n color: coreColors.green[400],\n },\n },\n blue: {\n container: {\n borderColor: coreColors.blue[300],\n },\n label: {\n color: coreColors.blue[300],\n },\n },\n comet: {\n container: {\n backgroundColor: coreColors.comet[50],\n borderColor: coreColors.comet[400],\n _hover: {\n backgroundColor: coreColors.comet[100],\n },\n _active: {\n backgroundColor: coreColors.comet[200],\n },\n },\n label: {\n color: coreColors.comet[800],\n },\n },\n number: {\n container: {\n backgroundColor: coreColors.blue[800],\n border: 0,\n _hover: {\n backgroundColor: coreColors.blue[800], // 700\n },\n _active: {\n backgroundColor: coreColors.blue[800], // 600\n },\n },\n label: {\n color: coreColors.white,\n },\n },\n dashed: {\n container: {\n backgroundColor: coreColors.transparent,\n border: '1px dashed',\n borderColor: semanticColors.border.dark,\n boxShadow: 0,\n _hover: {\n backgroundColor: coreColors.blackAlpha[100],\n zIndex: 0,\n },\n _active: {\n backgroundColor: coreColors.blackAlpha[200],\n },\n },\n label: {\n color: adaptiveColors.icon.light.subtle,\n },\n },\n image: {\n container: {\n border: 0,\n _hover: {\n backgroundColor: coreColors.black,\n img: { opacity: 0.94 },\n },\n _active: {\n backgroundColor: coreColors.black,\n img: { opacity: 0.92 },\n },\n },\n },\n icon: {\n container: {\n border: 0,\n color: adaptiveColors.icon.light.default,\n backgroundColor: coreColors.comet[50],\n opacity: 1,\n _hover: {\n backgroundColor: coreColors.comet[100],\n },\n _active: {\n backgroundColor: coreColors.comet[200],\n },\n },\n },\n },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","borderWidth","boxShadow","concat","_hover","gray","zIndex","_active","label","paddingTop","sizes","xs","height","width","fontSize","fontWeight","lineHeight","sm","md","lg","variants","red","borderColor","color","green","blue","comet","number","border","dashed","transparent","semanticColors","dark","blackAlpha","adaptiveColors","icon","light","subtle","image","black","img","opacity","default"],"mappings":"+GAGa,IAAAA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,EAAWC,MAC5BC,YAAa,MACbC,UAAW,aAAAC,OAAaJ,EAAWC,OACnCI,OAAQ,CACNN,gBAAiBC,EAAWM,KAAK,IACjCC,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,EAAWM,KAAK,OAGrCG,MAAO,CACLC,WAAY,QAGhBC,MAAO,CACLC,GAAI,CACFd,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBC,GAAI,CACFpB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,OACZP,WAAY,IAGhBS,GAAI,CACFrB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,SAGhBG,GAAI,CACFtB,UAAW,CACTe,OAAQ,OACRC,MAAO,QAETL,MAAO,CACLM,SAAU,OACVC,WAAY,MACZC,WAAY,UAIlBI,SAAU,CACRC,IAAK,CACHxB,UAAW,CACTyB,YAAavB,EAAWsB,IAAI,MAE9Bb,MAAO,CACLe,MAAOxB,EAAWsB,IAAI,OAG1BG,MAAO,CACL3B,UAAW,CACTyB,YAAavB,EAAWyB,MAAM,MAEhChB,MAAO,CACLe,MAAOxB,EAAWyB,MAAM,OAG5BC,KAAM,CACJ5B,UAAW,CACTyB,YAAavB,EAAW0B,KAAK,MAE/BjB,MAAO,CACLe,MAAOxB,EAAW0B,KAAK,OAG3BC,MAAO,CACL7B,UAAW,CACTC,gBAAiBC,EAAW2B,MAAM,IAClCJ,YAAavB,EAAW2B,MAAM,KAC9BtB,OAAQ,CACNN,gBAAiBC,EAAW2B,MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,EAAW2B,MAAM,OAGtClB,MAAO,CACLe,MAAOxB,EAAW2B,MAAM,OAG5BC,OAAQ,CACN9B,UAAW,CACTC,gBAAiBC,EAAW0B,KAAK,KACjCG,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,EAAW0B,KAAK,MAEnClB,QAAS,CACPT,gBAAiBC,EAAW0B,KAAK,OAGrCjB,MAAO,CACLe,MAAOxB,EAAWC,QAGtB6B,OAAQ,CACNhC,UAAW,CACTC,gBAAiBC,EAAW+B,YAC5BF,OAAQ,aACRN,YAAaS,EAAeH,OAAOI,KACnC9B,UAAW,EACXE,OAAQ,CACNN,gBAAiBC,EAAWkC,WAAW,KACvC3B,OAAQ,GAEVC,QAAS,CACPT,gBAAiBC,EAAWkC,WAAW,OAG3CzB,MAAO,CACLe,MAAOW,EAAeC,KAAKC,MAAMC,SAGrCC,MAAO,CACLzC,UAAW,CACT+B,OAAQ,EACRxB,OAAQ,CACNN,gBAAiBC,EAAWwC,MAC5BC,IAAK,CAAEC,QAAS,MAElBlC,QAAS,CACPT,gBAAiBC,EAAWwC,MAC5BC,IAAK,CAAEC,QAAS,QAItBN,KAAM,CACJtC,UAAW,CACT+B,OAAQ,EACRL,MAAOW,EAAeC,KAAKC,MAAMM,QACjC5C,gBAAiBC,EAAW2B,MAAM,IAClCe,QAAS,EACTrC,OAAQ,CACNN,gBAAiBC,EAAW2B,MAAM,MAEpCnB,QAAS,CACPT,gBAAiBC,EAAW2B,MAAM"}

package/build/components/Avatar/avatar.types.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvatarVariant=void 0,(e=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",e.Red="red",e.Blue="blue",e.Comet="comet",e.Number="number",e.Dashed="dashed",e.Image="image",e.Icon="icon";
+var e;!function(e){e.Green="green",e.Red="red",e.Blue="blue",e.Comet="comet",e.Number="number",e.Dashed="dashed",e.Image="image",e.Icon="icon"}(e||(e={}));export{e as AvatarVariant};
 //# sourceMappingURL=avatar.types.js.map

package/build/components/Avatar/avatar.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.types.js","sources":["../../../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export type AvatarSize = 'xs' \| 'sm' \| 'md' \| 'lg';\n\nexport enum AvatarVariant {\n Green = 'green',\n Red = 'red',\n Blue = 'blue',\n Comet = 'comet',\n Number = 'number',\n Dashed = 'dashed',\n Image = 'image',\n Icon = 'icon',\n}\n"],"names":["AvatarVariant"],"mappings":"~~aAEA~~,~~IAAYA~~,~~yDAAAA~~,~~QASXA~~,~~mBAAA~~,~~GATWA,EAAAA,QAAaA,gBAAbA,sBASX,KARC,~~MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,KAAA"}
1	+ {"version":3,"file":"avatar.types.js","sources":["../../../src/components/Avatar/avatar.types.ts"],"sourcesContent":["export type AvatarSize = 'xs' \| 'sm' \| 'md' \| 'lg';\n\nexport enum AvatarVariant {\n Green = 'green',\n Red = 'red',\n Blue = 'blue',\n Comet = 'comet',\n Number = 'number',\n Dashed = 'dashed',\n Image = 'image',\n Icon = 'icon',\n}\n"],"names":["AvatarVariant"],"mappings":"IAEYA,GAAZ,SAAYA,GACVA,EAAA,MAAA,QACAA,EAAA,IAAA,MACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,KAAA,OARF,CAAYA,IAAAA,EASX"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatar.component.js");exports.default=e.default;
+import o from"../../avatar.component.js";export{default}from"../../avatar.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Avatar/components/AvatarBadge/avatarBadge.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=require("../../../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"),e=require("../../../Icon/icon.component.js"),o=require("../../avatar.config.js"),r=require("../../../../theme/tokens/colors/color.record.js"),n=require("./avatarBadge.types.js");function c(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=c(t);exports.default=function(c){var s=c.avatarSize,l=c.badgeIconName,d=c.badgeBackgroundColor,u=c.badgeBorderColor,p=c.badgeIconColor,x=c.badgePosition,v=t.useMemo((function(){return"xs"===s||!l}),[l,s]);return i.default.createElement(a.AvatarBadge,{color:p||r.adaptiveColors.icon.light.active,borderColor:u||r.coreColors.white,borderWidth:"1px",bg:d||r.semanticColors.background.info,boxSize:v?"10px":"18px",transform:function(t){var a,e,r,c,i=null===(c=null===(r=null===(e=null===(a=o.AvatarConfig.sizes)||void 0===a?void 0:a[s])||void 0===e?void 0:e.container)||void 0===r?void 0:r.height)||void 0===c?void 0:c.toString(),l=Number(null==i?void 0:i.replace("px",""))/2;switch(t){case n.AvatarBadgePosition.TopLeft:return v&&"xs"!==s?"translate(".concat(-1.35*l,"px, ").concat(-1.35*l,"px)"):"translate(".concat(-1.2*l,"px, ").concat(-1.2*l,"px)");case n.AvatarBadgePosition.TopRight:return v&&"xs"!==s?"translate(".concat(l/10,"px, ").concat(-1.35*l,"px)"):"translate(".concat(l/5,"px, ").concat(-1.2*l,"px)");case n.AvatarBadgePosition.BottomLeft:return v&&"xs"!==s?"translate(".concat(-1.35*l,"px, ").concat(l/10,"px)"):"translate(".concat(-1.2*l,"px, ").concat(l/5,"px)");default:return v&&"xs"!==s?"translate(".concat(l/10,"px, ").concat(l/10,"px)"):"translate(".concat(l/3,"px, ").concat(l/3,"px)")}}(x||n.AvatarBadgePosition.BottomRight)},!v&&l&&i.default.createElement(e.default,{name:l,size:"xs"}))};
+import o,{useMemo as t}from"react";import{AvatarBadge as a}from"../../../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js";import r from"../../../Icon/icon.component.js";import{AvatarConfig as e}from"../../avatar.config.js";import{adaptiveColors as n,coreColors as c,semanticColors as i}from"../../../../theme/tokens/colors/color.record.js";import{AvatarBadgePosition as s}from"./avatarBadge.types.js";var l=function(l){var p=l.avatarSize,d=l.badgeIconName,x=l.badgeBackgroundColor,m=l.badgeBorderColor,u=l.badgeIconColor,v=l.badgePosition,f=t((function(){return"xs"===p||!d}),[d,p]);return o.createElement(a,{color:u||n.icon.light.active,borderColor:m||c.white,borderWidth:"1px",bg:x||i.background.info,boxSize:f?"10px":"18px",transform:function(o){var t,a,r,n,c=null===(n=null===(r=null===(a=null===(t=e.sizes)||void 0===t?void 0:t[p])||void 0===a?void 0:a.container)||void 0===r?void 0:r.height)||void 0===n?void 0:n.toString(),i=Number(null==c?void 0:c.replace("px",""))/2;switch(o){case s.TopLeft:return f&&"xs"!==p?"translate(".concat(-1.35*i,"px, ").concat(-1.35*i,"px)"):"translate(".concat(-1.2*i,"px, ").concat(-1.2*i,"px)");case s.TopRight:return f&&"xs"!==p?"translate(".concat(i/10,"px, ").concat(-1.35*i,"px)"):"translate(".concat(i/5,"px, ").concat(-1.2*i,"px)");case s.BottomLeft:return f&&"xs"!==p?"translate(".concat(-1.35*i,"px, ").concat(i/10,"px)"):"translate(".concat(-1.2*i,"px, ").concat(i/5,"px)");default:return f&&"xs"!==p?"translate(".concat(i/10,"px, ").concat(i/10,"px)"):"translate(".concat(i/3,"px, ").concat(i/3,"px)")}}(v||s.BottomRight)},!f&&d&&o.createElement(r,{name:d,size:"xs"}))};export{l as default};
 //# sourceMappingURL=avatarBadge.component.js.map

package/build/components/Avatar/components/AvatarBadge/avatarBadge.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarBadge.component.js","sources":["../../../../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n badgeIconName?: IconName;\n badgeBackgroundColor?: string;\n badgeBorderColor?: string;\n badgeIconColor?: string;\n badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nconst AvatarBadge = ({\n avatarSize,\n badgeIconName,\n badgeBackgroundColor,\n badgeBorderColor,\n badgeIconColor,\n badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' \|\| !badgeIconName, [badgeIconName, 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 = parentSize / 2;\n\n switch (position) {\n case AvatarBadgePosition.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 AvatarBadgePosition.TopRight:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n case AvatarBadgePosition.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 color={badgeIconColor \|\| adaptiveColors.icon.light.active}\n borderColor={badgeBorderColor \|\| coreColors.white}\n borderWidth=\"1px\"\n bg={badgeBackgroundColor \|\| semanticColors.background.info}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(badgePosition \|\| AvatarBadgePosition.BottomRight)}\n >\n {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n\nexport default AvatarBadge;\n"],"names":["_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","adaptiveColors","icon","light","active","borderColor","coreColors","white","borderWidth","bg","semanticColors","background","info","boxSize","transform","position","parentSizeString","_d","_b","AvatarConfig","sizes","container","_c","height","toString","translation","Number","replace","AvatarBadgePosition","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","name","size"],"mappings":"~~qcAsBoB~~,~~SAACA~~,GACnB,IAAAC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAoBH,EAAAG,qBACpBC,qBACAC,EAAcL,EAAAK,eACdC,EAAaN,EAAAM,cAEPC,EAAgBC,~~EAAAA~~,~~SAAQ,~~WAAM,MAAe,OAAfP,IAAwBC,IAAe,CAACA,EAAeD,IA6B3F,OACEQ,~~EAAC~~,~~QAAAC,~~cAAAC,~~EAAAA~~,~~YACC,~~CAAAC,MAAOP,GAAkBQ,~~EAAcA~~,~~eAACC,~~KAAKC,MAAMC,OACnDC,YAAab,GAAoBc,~~EAAAA~~,~~WAAWC,~~MAC5CC,YAAY,MACZC,GAAIlB,GAAwBmB,~~iBAAeC~~,WAAWC,KACtDC,QAASlB,EAAgB,OAAS,OAClCmB,UAlCsB,SAACC,eACnBC,EAEgB,QAFGC,EAEb,kBADVC,UAAA9B,EAAA+B,~~eAAaC~~,4BAAQ/B,yBACpBgC,iBAAS,IAAAC,OAAA,EAAAA,EAAEC,cAAQ,IAAAN,OAAA,EAAAA,EAAAO,WAEhBC,EADaC,OAAOV,MAAAA,OAAgB,EAAhBA,EAAkBW,QAAQ,KAAM,KACzB,EAEjC,OAAQZ,GACN,KAAKa,~~EAAmBA~~,~~oBAACC,~~QACvB,OAAOlC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAAmB,QAAAK,QAAsB,KAAfL,EAAwB,OAC/D,aAAAK,QAA4B,IAAfL,EAAyB,QAAAK,QAAe,IAAfL,EAAkB,OAC9D,KAAKG,~~EAAmBA~~,~~oBAACG,~~SACvB,OAAOpC,GAAgC,OAAfN,EACpB,aAAayC,OAAAL,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaK,OAAAL,EAAc,EAAQ,QAAAK,QAAe,IAAfL,EAAkB,OAC3D,KAAKG,~~EAAmBA~~,~~oBAACI,~~WACvB,OAAOrC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAA0B,QAAAK,OAAAL,EAAc,GAAO,OAC5D,aAAaK,QAAe,IAAfL,EAAkB,QAAAK,OAAOL,EAAc,EAAC,OAC3D,QACE,OAAO9B,GAAgC,OAAfN,EACpB,oBAAaoC,EAAc,GAAS,QAAAK,OAAAL,EAAc,GAAO,OACzD,aAAaK,OAAAL,EAAc,iBAAQA,EAAc,EAAC,QAW7CQ,CAAkBvC,GAAiBkC,~~EAAmBA~~,~~oBAACM,~~eAEhEvC,GAAiBL,GAAiBO,~~EAAA~~,~~QAAAC,~~cAACqC,~~EAAAA~~,~~QAAK,~~CAAAC,KAAM9C,EAAe+C,KAAM"}
1	+ {"version":3,"file":"avatarBadge.component.js","sources":["../../../../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n badgeIconName?: IconName;\n badgeBackgroundColor?: string;\n badgeBorderColor?: string;\n badgeIconColor?: string;\n badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nconst AvatarBadge = ({\n avatarSize,\n badgeIconName,\n badgeBackgroundColor,\n badgeBorderColor,\n badgeIconColor,\n badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' \|\| !badgeIconName, [badgeIconName, 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 = parentSize / 2;\n\n switch (position) {\n case AvatarBadgePosition.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 AvatarBadgePosition.TopRight:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n case AvatarBadgePosition.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 color={badgeIconColor \|\| adaptiveColors.icon.light.active}\n borderColor={badgeBorderColor \|\| coreColors.white}\n borderWidth=\"1px\"\n bg={badgeBackgroundColor \|\| semanticColors.background.info}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(badgePosition \|\| AvatarBadgePosition.BottomRight)}\n >\n {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n\nexport default AvatarBadge;\n"],"names":["AvatarBadge","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","adaptiveColors","icon","light","active","borderColor","coreColors","white","borderWidth","bg","semanticColors","background","info","boxSize","transform","position","parentSizeString","_d","_b","AvatarConfig","sizes","container","_c","height","toString","translation","Number","replace","AvatarBadgePosition","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon","name","size"],"mappings":"gaAsBM,IAAAA,EAAc,SAACC,GACnB,IAAAC,EAAUD,EAAAC,WACVC,EAAaF,EAAAE,cACbC,EAAoBH,EAAAG,qBACpBC,qBACAC,EAAcL,EAAAK,eACdC,EAAaN,EAAAM,cAEPC,EAAgBC,GAAQ,WAAM,MAAe,OAAfP,IAAwBC,IAAe,CAACA,EAAeD,IA6B3F,OACEQ,EAACC,cAAAC,EACC,CAAAC,MAAOP,GAAkBQ,EAAeC,KAAKC,MAAMC,OACnDC,YAAab,GAAoBc,EAAWC,MAC5CC,YAAY,MACZC,GAAIlB,GAAwBmB,EAAeC,WAAWC,KACtDC,QAASlB,EAAgB,OAAS,OAClCmB,UAlCsB,SAACC,eACnBC,EAEgB,QAFGC,EAEb,kBADVC,UAAA9B,EAAA+B,EAAaC,4BAAQ/B,yBACpBgC,iBAAS,IAAAC,OAAA,EAAAA,EAAEC,cAAQ,IAAAN,OAAA,EAAAA,EAAAO,WAEhBC,EADaC,OAAOV,MAAAA,OAAgB,EAAhBA,EAAkBW,QAAQ,KAAM,KACzB,EAEjC,OAAQZ,GACN,KAAKa,EAAoBC,QACvB,OAAOlC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAAmB,QAAAK,QAAsB,KAAfL,EAAwB,OAC/D,aAAAK,QAA4B,IAAfL,EAAyB,QAAAK,QAAe,IAAfL,EAAkB,OAC9D,KAAKG,EAAoBG,SACvB,OAAOpC,GAAgC,OAAfN,EACpB,aAAayC,OAAAL,EAAc,mBAAwB,KAAfA,EAAwB,OAC5D,aAAaK,OAAAL,EAAc,EAAQ,QAAAK,QAAe,IAAfL,EAAkB,OAC3D,KAAKG,EAAoBI,WACvB,OAAOrC,GAAgC,OAAfN,EACpB,aAAayC,QAAe,KAAfL,EAA0B,QAAAK,OAAAL,EAAc,GAAO,OAC5D,aAAaK,QAAe,IAAfL,EAAkB,QAAAK,OAAOL,EAAc,EAAC,OAC3D,QACE,OAAO9B,GAAgC,OAAfN,EACpB,oBAAaoC,EAAc,GAAS,QAAAK,OAAAL,EAAc,GAAO,OACzD,aAAaK,OAAAL,EAAc,iBAAQA,EAAc,EAAC,QAW7CQ,CAAkBvC,GAAiBkC,EAAoBM,eAEhEvC,GAAiBL,GAAiBO,EAAAC,cAACqC,EAAK,CAAAC,KAAM9C,EAAe+C,KAAM"}

package/build/components/Avatar/components/AvatarBadge/avatarBadge.types.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AvatarBadgePosition=void 0,(t=exports.AvatarBadgePosition||(exports.AvatarBadgePosition={})).TopLeft="topLeft",t.TopRight="topRight",t.BottomLeft="bottomLeft",t.BottomRight="bottomRight";
+var t;!function(t){t.TopLeft="topLeft",t.TopRight="topRight",t.BottomLeft="bottomLeft",t.BottomRight="bottomRight"}(t||(t={}));export{t as AvatarBadgePosition};
 //# sourceMappingURL=avatarBadge.types.js.map

package/build/components/Avatar/components/AvatarBadge/avatarBadge.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarBadge.types.js","sources":["../../../../../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts"],"sourcesContent":["export enum AvatarBadgePosition {\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n}\n"],"names":["AvatarBadgePosition"],"mappings":"~~aAAA,~~IAAYA,~~yDAAAA~~,~~QAKXA~~,~~yBAAA~~,~~GALWA~~,~~EAAAA,QAAmBA,sBAAnBA,4BAKX,KAJC,~~QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA"}
1	+ {"version":3,"file":"avatarBadge.types.js","sources":["../../../../../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts"],"sourcesContent":["export enum AvatarBadgePosition {\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n}\n"],"names":["AvatarBadgePosition"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,YAAA,cAJF,CAAYA,IAAAA,EAKX"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../avatarBadge.component.js");exports.default=e.default;
+import a from"../../../../avatarBadge.component.js";export{default}from"../../../../avatarBadge.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/AvatarGroup/avatarGroup.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js"),a=require("../Icon/icon.component.js"),n=require("react"),r=require("../Avatar/avatar.component.js"),o=require("../Avatar/avatar.types.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(n);exports.default=function(u){var l=u.avatars,d=u.max,s=void 0===d?3:d,c=u.size,m=void 0===c?"md":c,v=u.handleAddButtonClick,f=u.showAddButton,p=void 0===f||f,h=u.addButtonTooltipText,j=u.showRemoveAvatarButton,k=void 0!==j&&j,A=u.handleRemoveButtonClick,B=n.useMemo((function(){return l.map((function(e){return e.name})).join(", ")}),[l]),b="lg"===m||"md"===m?-2:-1;return i.default.createElement(t.AvatarGroup,{size:m,spacing:b},l.length>s?i.default.createElement(r.default,{name:"".concat(l.length),size:m,variant:o.AvatarVariant.Number,tooltipText:B}):l.map((function(t){return i.default.createElement(r.default,e.__assign({},t,{key:t.name,size:m,showRemoveButton:k,handleRemoveButtonClick:A}))})),p&&i.default.createElement(r.default,{name:"",variant:o.AvatarVariant.Dashed,icon:i.default.createElement(a.default,{name:"plus",colorToken:"subtle",size:m}),onClick:v,tooltipText:h,size:m}))};
+import{__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{AvatarGroup as e}from"../../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js";import o from"../Icon/icon.component.js";import a,{useMemo as n}from"react";import r from"../Avatar/avatar.component.js";import{AvatarVariant as i}from"../Avatar/avatar.types.js";var m=function(m){var s=m.avatars,l=m.max,c=void 0===l?3:l,u=m.size,d=void 0===u?"md":u,v=m.handleAddButtonClick,p=m.showAddButton,f=void 0===p||p,h=m.addButtonTooltipText,k=m.showRemoveAvatarButton,B=void 0!==k&&k,j=m.handleRemoveButtonClick,z=n((function(){return s.map((function(t){return t.name})).join(", ")}),[s]),A="lg"===d||"md"===d?-2:-1;return a.createElement(e,{size:d,spacing:A},s.length>c?a.createElement(r,{name:"".concat(s.length),size:d,variant:i.Number,tooltipText:z}):s.map((function(e){return a.createElement(r,t({},e,{key:e.name,size:d,showRemoveButton:B,handleRemoveButtonClick:j}))})),f&&a.createElement(r,{name:"",variant:i.Dashed,icon:a.createElement(o,{name:"plus",colorToken:"subtle",size:d}),onClick:v,tooltipText:h,size:d}))};export{m as default};
 //# sourceMappingURL=avatarGroup.component.js.map

package/build/components/AvatarGroup/avatarGroup.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarGroup.component.js","sources":["../../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport React, { useMemo } from 'react';\nimport Avatar, { AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n avatars: AvatarProps[];\n max?: number;\n size?: AvatarSize;\n handleAddButtonClick?: () => void;\n showAddButton?: boolean;\n addButtonTooltipText?: string;\n showRemoveAvatarButton?: boolean;\n handleRemoveButtonClick?: () => void;\n}\n\nconst AvatarGroup = ({\n avatars,\n max = 3,\n size = 'md',\n handleAddButtonClick,\n showAddButton = true,\n addButtonTooltipText,\n showRemoveAvatarButton = false,\n handleRemoveButtonClick,\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}>\n {avatars.length > max ? (\n <Avatar name={`${avatars.length}`} size={size} variant={AvatarVariant.Number} tooltipText={mergedNames} />\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 name=\"\"\n variant={AvatarVariant.Dashed}\n icon={<Icon name=\"plus\" colorToken=\"subtle\" size={size} />}\n onClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n\nexport default AvatarGroup;\n"],"names":["_a","avatars","_b","max","_c","size","handleAddButtonClick","_d","showAddButton","addButtonTooltipText","_e","showRemoveAvatarButton","handleRemoveButtonClick","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","~~AvatarGroup","~~length","Avatar","concat","variant","AvatarVariant","Number","tooltipText","__assign","key","showRemoveButton","Dashed","icon","Icon","colorToken","onClick"],"mappings":"~~ybAiBoB~~,~~SAACA~~,GACnB,IAAAC,YACAC,EAAAF,EAAAG,IAAAA,aAAM,EAACD,EACPE,EAAAJ,EAAAK,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAoBN,EAAAM,qBACpBC,EAAAP,EAAAQ,cAAAA,OAAa,IAAAD,GAAOA,EACpBE,EAAoBT,EAAAS,qBACpBC,EAAAV,EAAAW,uBAAAA,OAAsB,IAAAD,GAAQA,EAC9BE,EAAuBZ,EAAAY,wBAEjBC,EAAcC,~~EAAAA~~,~~SAAQ,~~WAAM,OAAAb,EAAQc,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAACjB,IAC9EkB,EAAmB,OAATd,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEe,~~EAAAA~~,~~QAACC,~~cAAAC,~~EAAYC~~,~~YAAC~~,~~CAAAlB,~~KAAMA,EAAMc,QAASA,GAChClB,~~EAAQuB~~,~~OAASrB~~,EAChBiB,~~UAAAC~~,~~cAACI~~,~~EAAAA~~,~~QAAO~~,~~CAAAR,~~KAAM,~~GAAAS~~,~~OAAGzB~~,~~EAAQuB~~,~~QAAUnB~~,KAAMA,~~EAAMsB~~,QAASC,~~EAAAA~~,~~cAAcC,~~OAAQC,~~YAAajB~~,IAE3FZ,EAAQc,KAAI,SAACC,GAAW,OACtBI,~~EAAAA~~,~~QAAAC~~,~~cAACI~~,~~EAAM~~,~~QACDM~~,~~WAAA,GAAAf,~~EACJ,~~CAAAgB~~,~~IAAKhB~~,EAAOC,KACZZ,KAAMA,~~EACN4B~~,~~iBAAkBtB~~,EAClBC,wBAAyBA,QAI9BJ,GACCY,~~EAAAA~~,~~QAACC~~,~~cAAAI~~,~~EAAAA,SACCR,~~KAAK,~~GACLU~~,QAASC,~~EAAAA~~,~~cAAcM,~~OACvBC,~~KAAMf~~,~~EAAAA~~,~~sBAACgB~~,~~EAAAA~~,~~QAAI,CAACnB,~~KAAK,~~OAAOoB~~,WAAW,~~SAAShC~~,KAAMA,~~IAClDiC~~,~~QAAShC~~,~~EACTwB~~,~~YAAarB~~,EACbJ,KAAMA"}
1	+ {"version":3,"file":"avatarGroup.component.js","sources":["../../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport React, { useMemo } from 'react';\nimport Avatar, { AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n avatars: AvatarProps[];\n max?: number;\n size?: AvatarSize;\n handleAddButtonClick?: () => void;\n showAddButton?: boolean;\n addButtonTooltipText?: string;\n showRemoveAvatarButton?: boolean;\n handleRemoveButtonClick?: () => void;\n}\n\nconst AvatarGroup = ({\n avatars,\n max = 3,\n size = 'md',\n handleAddButtonClick,\n showAddButton = true,\n addButtonTooltipText,\n showRemoveAvatarButton = false,\n handleRemoveButtonClick,\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}>\n {avatars.length > max ? (\n <Avatar name={`${avatars.length}`} size={size} variant={AvatarVariant.Number} tooltipText={mergedNames} />\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 name=\"\"\n variant={AvatarVariant.Dashed}\n icon={<Icon name=\"plus\" colorToken=\"subtle\" size={size} />}\n onClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_a","avatars","_b","max","_c","size","handleAddButtonClick","_d","showAddButton","addButtonTooltipText","_e","showRemoveAvatarButton","handleRemoveButtonClick","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","length","Avatar","concat","variant","AvatarVariant","Number","tooltipText","__assign","key","showRemoveButton","Dashed","icon","Icon","colorToken","onClick"],"mappings":"oVAiBM,IAAAA,EAAc,SAACC,GACnB,IAAAC,YACAC,EAAAF,EAAAG,IAAAA,aAAM,EAACD,EACPE,EAAAJ,EAAAK,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAoBN,EAAAM,qBACpBC,EAAAP,EAAAQ,cAAAA,OAAa,IAAAD,GAAOA,EACpBE,EAAoBT,EAAAS,qBACpBC,EAAAV,EAAAW,uBAAAA,OAAsB,IAAAD,GAAQA,EAC9BE,EAAuBZ,EAAAY,wBAEjBC,EAAcC,GAAQ,WAAM,OAAAb,EAAQc,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAACjB,IAC9EkB,EAAmB,OAATd,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEe,EAACC,cAAAC,EAAa,CAAAjB,KAAMA,EAAMc,QAASA,GAChClB,EAAQsB,OAASpB,EAChBiB,EAAAC,cAACG,EAAO,CAAAP,KAAM,GAAAQ,OAAGxB,EAAQsB,QAAUlB,KAAMA,EAAMqB,QAASC,EAAcC,OAAQC,YAAahB,IAE3FZ,EAAQc,KAAI,SAACC,GAAW,OACtBI,EAAAC,cAACG,EACKM,EAAA,GAAAd,EACJ,CAAAe,IAAKf,EAAOC,KACZZ,KAAMA,EACN2B,iBAAkBrB,EAClBC,wBAAyBA,QAI9BJ,GACCY,EAACC,cAAAG,GACCP,KAAK,GACLS,QAASC,EAAcM,OACvBC,KAAMd,gBAACe,EAAI,CAAClB,KAAK,OAAOmB,WAAW,SAAS/B,KAAMA,IAClDgC,QAAS/B,EACTuB,YAAapB,EACbJ,KAAMA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatarGroup.component.js");exports.default=e.default;
+import o from"../../avatarGroup.component.js";export{default}from"../../avatarGroup.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Button/button.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("react"),r=require("../../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js"),i=require("../../node_modules/@chakra-ui/color-mode/dist/chakra-ui-color-mode.esm.js"),a=require("../Icon/icon.component.js"),t=require("../../utils/strings.js"),s=require("../../hooks/useTheme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(o),u=o.forwardRef((function(o,n){var u=s.default(),l=u.components,c=u.fontWeights,f=u.radii,m=l.Button[o.variant||"primary"],b=m.variant,_=m.light,v=m.dark,h=o.darkMode?v:_,g=i.useColorModeValue(h.default,v.default),p=i.useColorModeValue(h.content,v.content),k=i.useColorModeValue(h.border,v.border),z=e.__assign(e.__assign({},o),{variant:b,bg:g,color:p,borderColor:k}),M=z.isDisabled?h.default:h.hover,j=z.isDisabled?v.default:v.hover,q={bg:i.useColorModeValue(M,j)},C=z.isDisabled?h.default:h.active,x=z.isDisabled?v.default:v.active,D={bg:i.useColorModeValue(C,x),transform:"scale(".concat(z.isDisabled?"1":"0.98",")")},V=z.iconName;z.darkMode;var y=z.iconPosition,B=e.__rest(z,["iconName","darkMode","iconPosition"]);if(V){var I=d.default.createElement(a.default,{size:z.iconSize||z.size||"md",name:V});if(!B.children){var E=t.camelCaseToLabel(V);return d.default.createElement(r.IconButton,e.__assign({ref:n,_hover:q,_active:D,"aria-label":E,icon:I,size:z.size||"md"},B))}B["right"===y?"rightIcon":"leftIcon"]=I}return d.default.createElement(r.Button,e.__assign({fontWeight:c.semibold,cursor:"pointer",ref:n,_hover:q,_active:D,size:z.size||"md",iconSpacing:"sm"===B.size||"xs"===B.size?"4px":"8px",borderRadius:f.base},B),B.children)}));u.displayName="Button",exports.default=u;
+import{__assign as e,__rest as o}from"../../node_modules/tslib/tslib.es6.js";import i,{forwardRef as r}from"react";import{IconButton as t,Button as a}from"../../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js";import{useColorModeValue as s}from"../../node_modules/@chakra-ui/color-mode/dist/chakra-ui-color-mode.esm.js";import n from"../Icon/icon.component.js";import{camelCaseToLabel as d}from"../../utils/strings.js";import c from"../../hooks/useTheme.js";var m=r((function(r,m){var l=c(),u=l.components,f=l.fontWeights,b=l.radii,h=u.Button[r.variant||"primary"],p=h.variant,v=h.light,g=h.dark,k=r.darkMode?g:v,z=s(k.default,g.default),_=s(k.content,g.content),j=s(k.border,g.border),D=e(e({},r),{variant:p,bg:z,color:_,borderColor:j}),x=D.isDisabled?k.default:k.hover,B=D.isDisabled?g.default:g.hover,E={bg:s(x,B)},I=D.isDisabled?k.default:k.active,M=D.isDisabled?g.default:g.active,N={bg:s(I,M),transform:"scale(".concat(D.isDisabled?"1":"0.98",")")},y=D.iconName;D.darkMode;var P=D.iconPosition,S=o(D,["iconName","darkMode","iconPosition"]);if(y){var W=i.createElement(n,{size:D.iconSize||D.size||"md",name:y});if(!S.children){var C=d(y);return i.createElement(t,e({ref:m,_hover:E,_active:N,"aria-label":C,icon:W,size:D.size||"md"},S))}S["right"===P?"rightIcon":"leftIcon"]=W}return i.createElement(a,e({fontWeight:f.semibold,cursor:"pointer",ref:m,_hover:E,_active:N,size:D.size||"md",iconSpacing:"sm"===S.size||"xs"===S.size?"4px":"8px",borderRadius:b.base},S),S.children)}));m.displayName="Button";export{m as default};
 //# sourceMappingURL=button.component.js.map

package/build/components/Button/button.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.component.js","sources":["../../../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport Icon from 'components/Icon';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from '../../utils';\nimport useTheme from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n children?: ReactNode;\n variant?: ButtonVariantType;\n size?: ButtonSizeType;\n iconName?: IconName;\n iconSize?: IconsSize;\n iconPosition?: ButtonIconPosition;\n darkMode?: boolean;\n}\n\nconst Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n const { components, fontWeights, radii } = useTheme();\n const { variant, light, dark } = components.Button[props.variant \|\| 'primary'];\n\n const modeColor = props.darkMode ? dark : light;\n\n const bg = useColorModeValue(modeColor.default, dark.default);\n const color = useColorModeValue(modeColor.content, dark.content);\n const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n const p = { ...props, variant, bg, color, borderColor };\n\n const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n const hoverDark = p.isDisabled ? dark.default : dark.hover;\n const hoverClass = {\n bg: useColorModeValue(hoverLight, hoverDark),\n };\n\n const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n const activeDark = p.isDisabled ? dark.default : dark.active;\n const activeClass = {\n bg: useColorModeValue(activeLight, activeDark),\n transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n };\n\n const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n if (iconName) {\n const ButtonIcon = <Icon size={p.iconSize \|\| p.size \|\| 'md'} name={iconName} />;\n\n if (!domProps.children) {\n const label = camelCaseToLabel(iconName);\n return (\n <IconButton\n ref={ref}\n _hover={hoverClass}\n _active={activeClass}\n aria-label={label}\n icon={ButtonIcon}\n size={p.size \|\| 'md'}\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={fontWeights.semibold}\n cursor=\"pointer\"\n ref={ref}\n _hover={hoverClass}\n _active={activeClass}\n size={p.size \|\| 'md'}\n iconSpacing={domProps.size === 'sm' \|\| domProps.size === 'xs' ? '4px' : '8px'}\n borderRadius={radii.base}\n {...domProps}\n >\n {domProps.children}\n </CButton>\n );\n});\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"~~ufAmBMA~~,EAASC,~~EAAUA~~,~~YAAC,~~SAACC,EAAoBC,GACvC,IAAAC,EAAqCC,~~EAAAA~~,~~UAAnCC,~~EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,~~EAAAA~~,~~kBAAkBH,~~EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,~~EAAAA~~,~~kBAAkBH,~~EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,~~EAAAA~~,~~kBAAkBH,~~EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,~~SAAAA~~,~~EAAAA,SAAA,~~GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,~~EAAAA~~,~~kBAAkBQ,~~EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,~~EAAAA~~,~~kBAAkBa,~~EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,~~WAAaf~~,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,~~EAAC~~,~~QAAAC,~~cAAAC,~~EAAI~~,~~SAACC,~~KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,~~mBAAiBZ~~,GAC/B,OACEI,~~EAAA~~,~~QAAAC,~~cAACQ,~~EAAAA~~,~~WAAUzB~~,~~EAAAA,SAAA,~~CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,~~EAAAA~~,~~QAAAC,~~cAACY,~~EAAOpD~~,~~OAAAuB~~,~~EAAAA,SAAA,~~CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}
1	+ {"version":3,"file":"button.component.js","sources":["../../../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport Icon from 'components/Icon';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from '../../utils';\nimport useTheme from 'hooks/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n children?: ReactNode;\n variant?: ButtonVariantType;\n size?: ButtonSizeType;\n iconName?: IconName;\n iconSize?: IconsSize;\n iconPosition?: ButtonIconPosition;\n darkMode?: boolean;\n}\n\nconst Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n const { components, fontWeights, radii } = useTheme();\n const { variant, light, dark } = components.Button[props.variant \|\| 'primary'];\n\n const modeColor = props.darkMode ? dark : light;\n\n const bg = useColorModeValue(modeColor.default, dark.default);\n const color = useColorModeValue(modeColor.content, dark.content);\n const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n const p = { ...props, variant, bg, color, borderColor };\n\n const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n const hoverDark = p.isDisabled ? dark.default : dark.hover;\n const hoverClass = {\n bg: useColorModeValue(hoverLight, hoverDark),\n };\n\n const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n const activeDark = p.isDisabled ? dark.default : dark.active;\n const activeClass = {\n bg: useColorModeValue(activeLight, activeDark),\n transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n };\n\n const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n if (iconName) {\n const ButtonIcon = <Icon size={p.iconSize \|\| p.size \|\| 'md'} name={iconName} />;\n\n if (!domProps.children) {\n const label = camelCaseToLabel(iconName);\n return (\n <IconButton\n ref={ref}\n _hover={hoverClass}\n _active={activeClass}\n aria-label={label}\n icon={ButtonIcon}\n size={p.size \|\| 'md'}\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={fontWeights.semibold}\n cursor=\"pointer\"\n ref={ref}\n _hover={hoverClass}\n _active={activeClass}\n size={p.size \|\| 'md'}\n iconSpacing={domProps.size === 'sm' \|\| domProps.size === 'xs' ? '4px' : '8px'}\n borderRadius={radii.base}\n {...domProps}\n >\n {domProps.children}\n </CButton>\n );\n});\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"sdAmBA,IAAMA,EAASC,GAAW,SAACC,EAAoBC,GACvC,IAAAC,EAAqCC,IAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,EAAA,GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,IAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAACC,cAAAC,GAAKC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,EAAiBZ,GAC/B,OACEI,EAAAC,cAACQ,EAAUzB,EAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,EAAAC,cAACY,EAAO7B,EAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}

package/build/components/Button/button.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../theme/tokens/colors/color.record.js"),o={primary:{variant:"solid",light:{content:r.colors.text.dark.headline,default:r.colors.teal[600],hover:r.colors.teal[700],active:r.colors.teal[800],border:r.colors.transparent},dark:{content:r.colors.text.light.headline,default:r.colors.teal[400],hover:r.colors.teal[300],active:r.colors.teal[100],border:r.colors.transparent}},primaryDestructive:{variant:"solid",light:{content:r.colors.text.dark.headline,default:r.colors.red[500],hover:r.colors.red[600],active:r.colors.red[700],border:r.colors.transparent},dark:{content:r.colors.text.light.headline,default:r.colors.red[200],hover:r.colors.red[100],active:r.colors.red[50],border:r.colors.transparent}},secondary:{variant:"outline",light:{content:r.colors.text.light.default,default:r.colors.transparent,hover:r.colors.blackAlpha[100],active:r.colors.blackAlpha[200],border:r.colors.border.light.heavy},dark:{content:r.colors.white,default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.white}},secondaryDestructive:{variant:"outline",light:{content:r.colors.text.light.error,default:r.colors.transparent,hover:r.colors.blackAlpha[50],active:r.colors.blackAlpha[100],border:r.colors.border.light.error},dark:{content:r.colors.red[300],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.red[300]}},secondarySubtle:{variant:"outline",light:{content:r.colors.text.light.default,default:r.colors.white,hover:r.colors.gray[50],active:r.colors.gray[100],border:r.colors.border.light.default},dark:{content:r.colors.text.dark.default,default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.text.dark.default}},secondarySubtleDestructive:{variant:"outline",light:{content:r.colors.text.light.error,default:r.colors.white,hover:r.colors.red[50],active:r.colors.red[100],border:r.colors.border.light.default},dark:{content:r.colors.red[300],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.whiteAlpha[500]}},tertiary:{variant:"solid",light:{content:r.colors.text.light.default,default:r.colors.gray[100],hover:r.colors.gray[200],active:r.colors.gray[300],border:r.colors.transparent},dark:{content:r.colors.text.dark.headline,default:r.colors.whiteAlpha[200],hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},tertiaryDestructive:{variant:"solid",light:{content:r.colors.text.light.error,default:r.colors.red[100],hover:r.colors.red[200],active:r.colors.red[300],border:r.colors.transparent},dark:{content:r.colors.red[300],default:r.colors.whiteAlpha[200],hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},ghost:{variant:"ghost",light:{content:r.colors.text.light.link,default:r.colors.transparent,hover:r.colors.teal[100],active:r.colors.teal[200],border:r.colors.transparent},dark:{content:r.colors.teal[400],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},ghostNeutral:{variant:"ghost",light:{content:r.colors.text.light.default,default:r.colors.transparent,hover:r.colors.blackAlpha[100],active:r.colors.blackAlpha[200],border:r.colors.transparent},dark:{content:r.colors.text.dark.headline,default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}},ghostDestructive:{variant:"ghost",light:{content:r.colors.text.light.error,default:r.colors.transparent,hover:r.colors.red[100],active:r.colors.red[200],border:r.colors.transparent},dark:{content:r.colors.red[300],default:r.colors.transparent,hover:r.colors.whiteAlpha[300],active:r.colors.whiteAlpha[400],border:r.colors.transparent}}};exports.ButtonSizeConfig={lg:{p:"0 20px"},md:{p:"0 16px"},sm:{p:"0 12px"},xs:{p:"0 8px"}},exports.ButtonVariantConfig=o;
+import{colors as t}from"../../theme/tokens/colors/color.record.js";var e={primary:{variant:"solid",light:{content:t.text.dark.headline,default:t.teal[600],hover:t.teal[700],active:t.teal[800],border:t.transparent},dark:{content:t.text.light.headline,default:t.teal[400],hover:t.teal[300],active:t.teal[100],border:t.transparent}},primaryDestructive:{variant:"solid",light:{content:t.text.dark.headline,default:t.red[500],hover:t.red[600],active:t.red[700],border:t.transparent},dark:{content:t.text.light.headline,default:t.red[200],hover:t.red[100],active:t.red[50],border:t.transparent}},secondary:{variant:"outline",light:{content:t.text.light.default,default:t.transparent,hover:t.blackAlpha[100],active:t.blackAlpha[200],border:t.border.light.heavy},dark:{content:t.white,default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.white}},secondaryDestructive:{variant:"outline",light:{content:t.text.light.error,default:t.transparent,hover:t.blackAlpha[50],active:t.blackAlpha[100],border:t.border.light.error},dark:{content:t.red[300],default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.red[300]}},secondarySubtle:{variant:"outline",light:{content:t.text.light.default,default:t.white,hover:t.gray[50],active:t.gray[100],border:t.border.light.default},dark:{content:t.text.dark.default,default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.text.dark.default}},secondarySubtleDestructive:{variant:"outline",light:{content:t.text.light.error,default:t.white,hover:t.red[50],active:t.red[100],border:t.border.light.default},dark:{content:t.red[300],default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.whiteAlpha[500]}},tertiary:{variant:"solid",light:{content:t.text.light.default,default:t.gray[100],hover:t.gray[200],active:t.gray[300],border:t.transparent},dark:{content:t.text.dark.headline,default:t.whiteAlpha[200],hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.transparent}},tertiaryDestructive:{variant:"solid",light:{content:t.text.light.error,default:t.red[100],hover:t.red[200],active:t.red[300],border:t.transparent},dark:{content:t.red[300],default:t.whiteAlpha[200],hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.transparent}},ghost:{variant:"ghost",light:{content:t.text.light.link,default:t.transparent,hover:t.teal[100],active:t.teal[200],border:t.transparent},dark:{content:t.teal[400],default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.transparent}},ghostNeutral:{variant:"ghost",light:{content:t.text.light.default,default:t.transparent,hover:t.blackAlpha[100],active:t.blackAlpha[200],border:t.transparent},dark:{content:t.text.dark.headline,default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.transparent}},ghostDestructive:{variant:"ghost",light:{content:t.text.light.error,default:t.transparent,hover:t.red[100],active:t.red[200],border:t.transparent},dark:{content:t.red[300],default:t.transparent,hover:t.whiteAlpha[300],active:t.whiteAlpha[400],border:t.transparent}}},r={lg:{p:"0 20px"},md:{p:"0 16px"},sm:{p:"0 12px"},xs:{p:"0 8px"}};export{r as ButtonSizeConfig,e as ButtonVariantConfig};
 //# sourceMappingURL=button.config.js.map

package/build/components/Button/button.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.config.js","sources":["../../../src/components/Button/button.config.ts"],"sourcesContent":["import { colors } from 'theme/tokens/colors';\nimport { ButtonStyleType } from './button.types';\n\nexport const ButtonVariantConfig: ButtonStyleType = {\n primary: {\n variant: 'solid',\n light: {\n content: colors.text.dark.headline,\n default: colors.teal['600'],\n hover: colors.teal['700'],\n active: colors.teal['800'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.light.headline,\n default: colors.teal['400'],\n hover: colors.teal['300'],\n active: colors.teal['100'],\n border: colors.transparent,\n },\n },\n primaryDestructive: {\n variant: 'solid',\n light: {\n content: colors.text.dark.headline,\n default: colors.red['500'],\n hover: colors.red['600'],\n active: colors.red['700'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.light.headline,\n default: colors.red['200'],\n hover: colors.red['100'],\n active: colors.red['50'],\n border: colors.transparent,\n },\n },\n secondary: {\n variant: 'outline',\n light: {\n content: colors.text.light.default,\n default: colors.transparent,\n hover: colors.blackAlpha['100'],\n active: colors.blackAlpha['200'],\n border: colors.border.light.heavy,\n },\n dark: {\n content: colors.white,\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.white,\n },\n },\n secondaryDestructive: {\n variant: 'outline',\n light: {\n content: colors.text.light.error,\n default: colors.transparent,\n hover: colors.blackAlpha['50'],\n active: colors.blackAlpha['100'],\n border: colors.border.light.error,\n },\n dark: {\n content: colors.red['300'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.red['300'],\n },\n },\n secondarySubtle: {\n variant: 'outline',\n light: {\n content: colors.text.light.default,\n default: colors.white,\n hover: colors.gray['50'],\n active: colors.gray['100'],\n border: colors.border.light.default,\n },\n dark: {\n content: colors.text.dark.default,\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.text.dark.default,\n },\n },\n secondarySubtleDestructive: {\n variant: 'outline',\n light: {\n content: colors.text.light.error,\n default: colors.white,\n hover: colors.red['50'],\n active: colors.red['100'],\n border: colors.border.light.default,\n },\n dark: {\n content: colors.red['300'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.whiteAlpha['500'],\n },\n },\n tertiary: {\n variant: 'solid',\n light: {\n content: colors.text.light.default,\n default: colors.gray['100'],\n hover: colors.gray['200'],\n active: colors.gray['300'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.dark.headline,\n default: colors.whiteAlpha[200],\n hover: colors.whiteAlpha[300],\n active: colors.whiteAlpha[400],\n border: colors.transparent,\n },\n },\n tertiaryDestructive: {\n variant: 'solid',\n light: {\n content: colors.text.light.error,\n default: colors.red['100'],\n hover: colors.red['200'],\n active: colors.red['300'],\n border: colors.transparent,\n },\n dark: {\n content: colors.red['300'],\n default: colors.whiteAlpha['200'],\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n ghost: {\n variant: 'ghost',\n light: {\n content: colors.text.light.link,\n default: colors.transparent,\n hover: colors.teal['100'],\n active: colors.teal['200'],\n border: colors.transparent,\n },\n dark: {\n content: colors.teal['400'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n ghostNeutral: {\n variant: 'ghost',\n light: {\n content: colors.text.light.default,\n default: colors.transparent,\n hover: colors.blackAlpha['100'],\n active: colors.blackAlpha['200'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.dark.headline,\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n ghostDestructive: {\n variant: 'ghost',\n light: {\n content: colors.text.light.error,\n default: colors.transparent,\n hover: colors.red['100'],\n active: colors.red['200'],\n border: colors.transparent,\n },\n dark: {\n content: colors.red['300'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n};\n\nexport const ButtonSizeConfig = {\n lg: {\n p: '0 20px',\n },\n md: {\n p: '0 16px',\n },\n sm: {\n p: '0 12px',\n },\n xs: {\n p: '0 8px',\n },\n};\n"],"names":["ButtonVariantConfig","primary","variant","light","content","colors","text","dark","headline","default","teal","hover","active","border","transparent","primaryDestructive","red","secondary","blackAlpha","heavy","white","whiteAlpha","secondaryDestructive","error","secondarySubtle","gray","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","link","ghostNeutral","ghostDestructive","lg","p","md","sm","xs"],"mappings":"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"}
1	+ {"version":3,"file":"button.config.js","sources":["../../../src/components/Button/button.config.ts"],"sourcesContent":["import { colors } from 'theme/tokens/colors';\nimport { ButtonStyleType } from './button.types';\n\nexport const ButtonVariantConfig: ButtonStyleType = {\n primary: {\n variant: 'solid',\n light: {\n content: colors.text.dark.headline,\n default: colors.teal['600'],\n hover: colors.teal['700'],\n active: colors.teal['800'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.light.headline,\n default: colors.teal['400'],\n hover: colors.teal['300'],\n active: colors.teal['100'],\n border: colors.transparent,\n },\n },\n primaryDestructive: {\n variant: 'solid',\n light: {\n content: colors.text.dark.headline,\n default: colors.red['500'],\n hover: colors.red['600'],\n active: colors.red['700'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.light.headline,\n default: colors.red['200'],\n hover: colors.red['100'],\n active: colors.red['50'],\n border: colors.transparent,\n },\n },\n secondary: {\n variant: 'outline',\n light: {\n content: colors.text.light.default,\n default: colors.transparent,\n hover: colors.blackAlpha['100'],\n active: colors.blackAlpha['200'],\n border: colors.border.light.heavy,\n },\n dark: {\n content: colors.white,\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.white,\n },\n },\n secondaryDestructive: {\n variant: 'outline',\n light: {\n content: colors.text.light.error,\n default: colors.transparent,\n hover: colors.blackAlpha['50'],\n active: colors.blackAlpha['100'],\n border: colors.border.light.error,\n },\n dark: {\n content: colors.red['300'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.red['300'],\n },\n },\n secondarySubtle: {\n variant: 'outline',\n light: {\n content: colors.text.light.default,\n default: colors.white,\n hover: colors.gray['50'],\n active: colors.gray['100'],\n border: colors.border.light.default,\n },\n dark: {\n content: colors.text.dark.default,\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.text.dark.default,\n },\n },\n secondarySubtleDestructive: {\n variant: 'outline',\n light: {\n content: colors.text.light.error,\n default: colors.white,\n hover: colors.red['50'],\n active: colors.red['100'],\n border: colors.border.light.default,\n },\n dark: {\n content: colors.red['300'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.whiteAlpha['500'],\n },\n },\n tertiary: {\n variant: 'solid',\n light: {\n content: colors.text.light.default,\n default: colors.gray['100'],\n hover: colors.gray['200'],\n active: colors.gray['300'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.dark.headline,\n default: colors.whiteAlpha[200],\n hover: colors.whiteAlpha[300],\n active: colors.whiteAlpha[400],\n border: colors.transparent,\n },\n },\n tertiaryDestructive: {\n variant: 'solid',\n light: {\n content: colors.text.light.error,\n default: colors.red['100'],\n hover: colors.red['200'],\n active: colors.red['300'],\n border: colors.transparent,\n },\n dark: {\n content: colors.red['300'],\n default: colors.whiteAlpha['200'],\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n ghost: {\n variant: 'ghost',\n light: {\n content: colors.text.light.link,\n default: colors.transparent,\n hover: colors.teal['100'],\n active: colors.teal['200'],\n border: colors.transparent,\n },\n dark: {\n content: colors.teal['400'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n ghostNeutral: {\n variant: 'ghost',\n light: {\n content: colors.text.light.default,\n default: colors.transparent,\n hover: colors.blackAlpha['100'],\n active: colors.blackAlpha['200'],\n border: colors.transparent,\n },\n dark: {\n content: colors.text.dark.headline,\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n ghostDestructive: {\n variant: 'ghost',\n light: {\n content: colors.text.light.error,\n default: colors.transparent,\n hover: colors.red['100'],\n active: colors.red['200'],\n border: colors.transparent,\n },\n dark: {\n content: colors.red['300'],\n default: colors.transparent,\n hover: colors.whiteAlpha['300'],\n active: colors.whiteAlpha['400'],\n border: colors.transparent,\n },\n },\n};\n\nexport const ButtonSizeConfig = {\n lg: {\n p: '0 20px',\n },\n md: {\n p: '0 16px',\n },\n sm: {\n p: '0 12px',\n },\n xs: {\n p: '0 8px',\n },\n};\n"],"names":["ButtonVariantConfig","primary","variant","light","content","colors","text","dark","headline","default","teal","hover","active","border","transparent","primaryDestructive","red","secondary","blackAlpha","heavy","white","whiteAlpha","secondaryDestructive","error","secondarySubtle","gray","secondarySubtleDestructive","tertiary","tertiaryDestructive","ghost","link","ghostNeutral","ghostDestructive","ButtonSizeConfig","lg","p","md","sm","xs"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../button.component.js");exports.default=e.default;
+import o from"../../button.component.js";export{default}from"../../button.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Checkbox/checkbox.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js"),a=require("../../chakra/components/Flex/chakra/components/Flex/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(r);exports.default=function(r){var i=r.children,m=r.size,n=void 0===m?"md":m,l=r.variant,o=void 0===l?"square":l,u=r.m,c=void 0===u?0:u,d=r.mb,f=r.mt,b=r.mr,v=r.ml,_=e.__rest(r,["children","size","variant","m","mb","mt","mr","ml"]),h={m:c,mb:d,mt:f,mr:b,ml:v};return s.default.createElement(a.default,e.__assign({},h),s.default.createElement(t.Checkbox,e.__assign({},_,{size:n,variant:o,m:0,alignItems:"flex-start"}),i))};
+import{__rest as e,__assign as m}from"../../node_modules/tslib/tslib.es6.js";import r from"react";import{Checkbox as t}from"../../node_modules/@chakra-ui/checkbox/dist/chakra-ui-checkbox.esm.js";import a from"../../chakra/components/Flex/chakra/components/Flex/index.js";var o=function(o){var i=o.children,s=o.size,n=void 0===s?"md":s,c=o.variant,l=void 0===c?"square":c,d=o.m,h=void 0===d?0:d,b=o.mb,u=o.mt,v=o.mr,x=o.ml,f=e(o,["children","size","variant","m","mb","mt","mr","ml"]),k={m:h,mb:b,mt:u,mr:v,ml:x};return r.createElement(a,m({},k),r.createElement(t,m({},f,{size:n,variant:l,m:0,alignItems:"flex-start"}),i))};export{o as default};
 //# sourceMappingURL=checkbox.component.js.map

package/build/components/Checkbox/checkbox.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.component.js","sources":["../../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps } from '@chakra-ui/checkbox';\nimport Flex from 'chakra/components/Flex';\nimport { CheckboxSize, CheckboxVariant } from './checkbox.types';\n\nexport interface CheckboxProps extends CCheckboxProps {\n size?: CheckboxSize;\n variant?: CheckboxVariant;\n}\n\nconst Checkbox = ({\n children,\n size = 'md',\n variant = 'square',\n m = 0,\n mb,\n mt,\n mr,\n ml,\n ...rest\n}: CheckboxProps): JSX.Element => {\n const margins = { m, mb, mt, mr, ml };\n\n return (\n <Flex {...margins}>\n <CCheckbox {...rest} size={size} variant={variant} m={0} alignItems=\"flex-start\">\n {children}\n </CCheckbox>\n </Flex>\n );\n};\n\nexport default Checkbox;\n"],"names":["_a","children","_b","size","_c","variant","_d","m","mb","mt","mr","ml","rest","__rest","margins","React","createElement","Flex","__assign","CCheckbox","alignItems"],"mappings":"~~8YAUiB~~,~~SAACA~~,GAChB,IAAAC,EAAQD,EAAAC,SACRC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EACXE,YAAAC,aAAU,SAAQD,EAClBE,EAAKN,EAAAO,EAALA,OAAC,IAAAD,EAAG,EAACA,EACLE,EAAER,EAAAQ,GACFC,EAAET,EAAAS,GACFC,EAAEV,EAAAU,GACFC,EAAEX,EAAAW,GACCC,EAAIC,~~EAAAA~~,~~OAAAb,~~EATS,uDAWVc,EAAU,CAAEP,EAACA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,GAEnC,OACEI,~~EAAAA~~,~~QAAAC,~~cAACC,~~EAAAA~~,~~QAAIC~~,~~EAAAA,SAAA,~~GAAKJ,GACRC,~~EAAC~~,~~QAAAC,~~cAAAG,~~WAAcD~~,~~EAAAA~~,~~SAAA,~~GAAAN,EAAM,CAAAT,KAAMA,EAAME,QAASA,EAASE,EAAG,EAAGa,WAAW,eACjEnB"}
1	+ {"version":3,"file":"checkbox.component.js","sources":["../../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps } from '@chakra-ui/checkbox';\nimport Flex from 'chakra/components/Flex';\nimport { CheckboxSize, CheckboxVariant } from './checkbox.types';\n\nexport interface CheckboxProps extends CCheckboxProps {\n size?: CheckboxSize;\n variant?: CheckboxVariant;\n}\n\nconst Checkbox = ({\n children,\n size = 'md',\n variant = 'square',\n m = 0,\n mb,\n mt,\n mr,\n ml,\n ...rest\n}: CheckboxProps): JSX.Element => {\n const margins = { m, mb, mt, mr, ml };\n\n return (\n <Flex {...margins}>\n <CCheckbox {...rest} size={size} variant={variant} m={0} alignItems=\"flex-start\">\n {children}\n </CCheckbox>\n </Flex>\n );\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","_a","children","_b","size","_c","variant","_d","m","mb","mt","mr","ml","rest","__rest","margins","React","createElement","Flex","__assign","CCheckbox","alignItems"],"mappings":"+QAUM,IAAAA,EAAW,SAACC,GAChB,IAAAC,EAAQD,EAAAC,SACRC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EACXE,YAAAC,aAAU,SAAQD,EAClBE,EAAKN,EAAAO,EAALA,OAAC,IAAAD,EAAG,EAACA,EACLE,EAAER,EAAAQ,GACFC,EAAET,EAAAS,GACFC,EAAEV,EAAAU,GACFC,EAAEX,EAAAW,GACCC,EAAIC,EAAAb,EATS,uDAWVc,EAAU,CAAEP,EAACA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,GAEnC,OACEI,EAAAC,cAACC,EAAIC,EAAA,GAAKJ,GACRC,EAACC,cAAAG,EAAcD,EAAA,GAAAN,EAAM,CAAAT,KAAMA,EAAME,QAASA,EAASE,EAAG,EAAGa,WAAW,eACjEnB"}

package/build/components/Checkbox/checkbox.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../node_modules/tslib/tslib.es6.js"),r=require("../../theme/tokens/borders.js"),e=require("../../theme/tokens/colors/color.record.js"),l=require("../../theme/tokens/fontSizes.js"),s=require("../../theme/tokens/radii.js"),t={bg:e.colors.teal[600],borderColor:e.colors.teal[600],color:e.colors.white,_hover:{bg:e.colors.teal[700],borderColor:e.colors.teal[700]},_disabled:{bg:e.colors.teal[600],borderColor:e.colors.teal[600],color:e.colors.white,_hover:{bg:e.colors.teal[600],borderColor:e.colors.teal[600]}}},c={bg:e.colors.status.success,borderColor:e.colors.transparent,color:e.colors.white,_hover:{bg:e.colors.green[500],borderColor:e.colors.transparent},_disabled:{bg:e.colors.status.success,borderColor:e.colors.transparent,color:e.colors.white,_hover:{bg:e.colors.status.success}},_invalid:{borderColor:e.colors.transparent}},a={baseStyle:{control:{_focus:{boxShadow:"none"}},label:{marginInlineStart:0}},sizes:{sm:{control:{height:3,width:3},label:{fontSize:l.fontSizes.sm,ml:2,mt:-1}},md:{control:{height:4,width:4},label:{fontSize:l.fontSizes.md,ml:2,mt:-1}},lg:{control:{height:5,width:5},label:{fontSize:l.fontSizes.lg,ml:3,mt:"-3px"}}},variants:{square:{control:{bg:e.colors.white,border:r.borders["1px"],borderColor:e.colors.border.light.medium,borderRadius:s.radii.sm,color:e.colors.white,_hover:{borderColor:e.colors.border.light.heavy,_disabled:{borderColor:e.colors.gray[200]}},_checked:o.__assign({},t),_indeterminate:o.__assign({},t),_disabled:{bg:e.colors.gray[200],borderColor:e.colors.gray[200],color:e.colors.gray[200],opacity:.4},_invalid:{borderColor:e.colors.border.light.error,_hover:{borderColor:e.colors.border.light.error},_checked:{borderColor:e.colors.teal[600],_hover:{borderColor:e.colors.teal[700]}},_disabled:{color:e.colors.white,_hover:{borderColor:e.colors.teal[600]}}}}},round:{control:{bg:e.colors.background.grayDark,border:r.borders["1px"],borderColor:e.colors.transparent,borderRadius:s.radii.full,color:e.colors.transparent,_hover:{bg:e.colors.gray[400],_disabled:{bg:e.colors.background.grayDark}},_checked:o.__assign({},c),_indeterminate:o.__assign({},c),_disabled:{bg:e.colors.background.grayDark,borderColor:e.colors.transparent,color:e.colors.transparent,opacity:.4},_invalid:{borderColor:e.colors.border.light.error}}}}};exports.CheckboxConfig=a;
+import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{borders as o}from"../../theme/tokens/borders.js";import{colors as e}from"../../theme/tokens/colors/color.record.js";import{fontSizes as t}from"../../theme/tokens/fontSizes.js";import{radii as l}from"../../theme/tokens/radii.js";var a={bg:e.teal[600],borderColor:e.teal[600],color:e.white,_hover:{bg:e.teal[700],borderColor:e.teal[700]},_disabled:{bg:e.teal[600],borderColor:e.teal[600],color:e.white,_hover:{bg:e.teal[600],borderColor:e.teal[600]}}},d={bg:e.status.success,borderColor:e.transparent,color:e.white,_hover:{bg:e.green[500],borderColor:e.transparent},_disabled:{bg:e.status.success,borderColor:e.transparent,color:e.white,_hover:{bg:e.status.success}},_invalid:{borderColor:e.transparent}},b={baseStyle:{control:{_focus:{boxShadow:"none"}},label:{marginInlineStart:0}},sizes:{sm:{control:{height:3,width:3},label:{fontSize:t.sm,ml:2,mt:-1}},md:{control:{height:4,width:4},label:{fontSize:t.md,ml:2,mt:-1}},lg:{control:{height:5,width:5},label:{fontSize:t.lg,ml:3,mt:"-3px"}}},variants:{square:{control:{bg:e.white,border:o["1px"],borderColor:e.border.light.medium,borderRadius:l.sm,color:e.white,_hover:{borderColor:e.border.light.heavy,_disabled:{borderColor:e.gray[200]}},_checked:r({},a),_indeterminate:r({},a),_disabled:{bg:e.gray[200],borderColor:e.gray[200],color:e.gray[200],opacity:.4},_invalid:{borderColor:e.border.light.error,_hover:{borderColor:e.border.light.error},_checked:{borderColor:e.teal[600],_hover:{borderColor:e.teal[700]}},_disabled:{color:e.white,_hover:{borderColor:e.teal[600]}}}}},round:{control:{bg:e.background.grayDark,border:o["1px"],borderColor:e.transparent,borderRadius:l.full,color:e.transparent,_hover:{bg:e.gray[400],_disabled:{bg:e.background.grayDark}},_checked:r({},d),_indeterminate:r({},d),_disabled:{bg:e.background.grayDark,borderColor:e.transparent,color:e.transparent,opacity:.4},_invalid:{borderColor:e.border.light.error}}}}};export{b as CheckboxConfig};
 //# sourceMappingURL=checkbox.config.js.map

package/build/components/Checkbox/checkbox.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.config.js","sources":["../../../src/components/Checkbox/checkbox.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { borders, colors, fontSizes, radii } from 'theme/tokens';\nimport { SystemStyleObject } from '@chakra-ui/system';\n\nconst SquareCheckedStyle: SystemStyleObject = {\n bg: colors.teal['600'],\n borderColor: colors.teal['600'],\n color: colors.white,\n _hover: {\n bg: colors.teal['700'],\n borderColor: colors.teal['700'],\n },\n _disabled: {\n bg: colors.teal[600],\n borderColor: colors.teal[600],\n color: colors.white,\n _hover: {\n bg: colors.teal[600],\n borderColor: colors.teal[600],\n },\n },\n};\n\nconst RoundCheckedStyle: SystemStyleObject = {\n bg: colors.status.success,\n borderColor: colors.transparent,\n color: colors.white,\n _hover: {\n bg: colors.green['500'],\n borderColor: colors.transparent,\n },\n _disabled: {\n bg: colors.status.success,\n borderColor: colors.transparent,\n color: colors.white,\n _hover: {\n bg: colors.status.success,\n },\n },\n _invalid: {\n borderColor: colors.transparent,\n },\n};\n\nexport const CheckboxConfig: ComponentStyleConfig = {\n baseStyle: {\n control: {\n _focus: {\n boxShadow: 'none',\n },\n },\n label: {\n marginInlineStart: 0,\n },\n },\n sizes: {\n sm: {\n control: {\n height: 3,\n width: 3,\n },\n label: {\n fontSize: fontSizes.sm,\n ml: 2,\n mt: -1,\n },\n },\n md: {\n control: {\n height: 4,\n width: 4,\n },\n label: {\n fontSize: fontSizes.md,\n ml: 2,\n mt: -1,\n },\n },\n lg: {\n control: {\n height: 5,\n width: 5,\n },\n label: {\n fontSize: fontSizes.lg,\n ml: 3,\n mt: '-3px',\n },\n },\n },\n variants: {\n square: {\n control: {\n bg: colors.white,\n border: borders['1px'],\n borderColor: colors.border.light.medium,\n borderRadius: radii.sm,\n color: colors.white,\n _hover: {\n borderColor: colors.border.light.heavy,\n _disabled: {\n borderColor: colors.gray[200],\n },\n },\n _checked: { ...SquareCheckedStyle },\n _indeterminate: { ...SquareCheckedStyle },\n _disabled: {\n bg: colors.gray[200],\n borderColor: colors.gray[200],\n color: colors.gray[200],\n opacity: 0.4,\n },\n _invalid: {\n borderColor: colors.border.light.error,\n _hover: {\n borderColor: colors.border.light.error,\n },\n _checked: {\n borderColor: colors.teal[600],\n _hover: {\n borderColor: colors.teal[700],\n },\n },\n _disabled: {\n color: colors.white,\n _hover: {\n borderColor: colors.teal[600],\n },\n },\n },\n },\n },\n round: {\n control: {\n bg: colors.background.grayDark,\n border: borders['1px'],\n borderColor: colors.transparent,\n borderRadius: radii.full,\n color: colors.transparent,\n _hover: {\n bg: colors.gray['400'],\n _disabled: {\n bg: colors.background.grayDark,\n },\n },\n _checked: { ...RoundCheckedStyle },\n _indeterminate: { ...RoundCheckedStyle },\n _disabled: {\n bg: colors.background.grayDark,\n borderColor: colors.transparent,\n color: colors.transparent,\n opacity: 0.4,\n },\n _invalid: {\n borderColor: colors.border.light.error,\n },\n },\n },\n },\n};\n"],"names":["SquareCheckedStyle","bg","colors","teal","borderColor","color","white","_hover","_disabled","RoundCheckedStyle","status","success","transparent","green","_invalid","CheckboxConfig","baseStyle","control","_focus","boxShadow","label","marginInlineStart","sizes","sm","height","width","fontSize","fontSizes","ml","mt","md","lg","variants","square","border","borders","light","medium","borderRadius","radii","heavy","gray","_checked","__assign","_indeterminate","opacity","error","round","background","grayDark","full"],"mappings":"~~mTAIMA~~,EAAwC,CAC5CC,GAAIC,~~EAAAA~~,~~OAAOC,~~KAAK,KAChBC,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,KACzBE,MAAOH,~~EAAMA~~,~~OAACI,~~MACdC,OAAQ,CACNN,GAAIC,~~EAAAA~~,~~OAAOC,~~KAAK,KAChBC,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,MAE3BK,UAAW,CACTP,GAAIC,~~EAAAA~~,~~OAAOC,~~KAAK,KAChBC,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,KACzBE,MAAOH,~~EAAMA~~,~~OAACI,~~MACdC,OAAQ,CACNN,GAAIC,~~EAAAA~~,~~OAAOC,~~KAAK,KAChBC,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,QAKzBM,EAAuC,CAC3CR,GAAIC,~~EAAAA~~,~~OAAOQ,~~OAAOC,QAClBP,YAAaF,~~EAAMA~~,~~OAACU,~~YACpBP,MAAOH,~~EAAMA~~,~~OAACI,~~MACdC,OAAQ,CACNN,GAAIC,~~EAAAA~~,~~OAAOW,~~MAAM,KACjBT,YAAaF,~~EAAMA~~,~~OAACU,~~aAEtBJ,UAAW,CACTP,GAAIC,~~EAAAA~~,~~OAAOQ,~~OAAOC,QAClBP,YAAaF,~~EAAMA~~,~~OAACU,~~YACpBP,MAAOH,~~EAAMA~~,~~OAACI,~~MACdC,OAAQ,CACNN,GAAIC,~~EAAAA~~,~~OAAOQ,~~OAAOC,UAGtBG,SAAU,CACRV,YAAaF,~~EAAMA~~,~~OAACU,~~cAIXG,EAAuC,CAClDC,UAAW,CACTC,QAAS,CACPC,OAAQ,CACNC,UAAW,SAGfC,MAAO,CACLC,kBAAmB,IAGvBC,MAAO,CACLC,GAAI,CACFN,QAAS,CACPO,OAAQ,EACRC,MAAO,GAETL,MAAO,CACLM,SAAUC,~~EAASA~~,~~UAACJ,~~GACpBK,GAAI,EACJC,IAAK,IAGTC,GAAI,CACFb,QAAS,CACPO,OAAQ,EACRC,MAAO,GAETL,MAAO,CACLM,SAAUC,~~EAASA~~,~~UAACG,~~GACpBF,GAAI,EACJC,IAAK,IAGTE,GAAI,CACFd,QAAS,CACPO,OAAQ,EACRC,MAAO,GAETL,MAAO,CACLM,SAAUC,~~EAASA~~,~~UAACI,~~GACpBH,GAAI,EACJC,GAAI,UAIVG,SAAU,CACRC,OAAQ,CACNhB,QAAS,CACPhB,GAAIC,~~EAAMA~~,~~OAACI,~~MACX4B,OAAQC,~~EAAOA~~,~~QAAC,~~OAChB/B,YAAaF,~~EAAMA~~,~~OAACgC,~~OAAOE,MAAMC,OACjCC,aAAcC,~~EAAKA~~,~~MAAChB,~~GACpBlB,MAAOH,~~EAAMA~~,~~OAACI,~~MACdC,OAAQ,CACNH,YAAaF,~~EAAMA~~,~~OAACgC,~~OAAOE,MAAMI,MACjChC,UAAW,CACTJ,YAAaF,~~EAAAA~~,~~OAAOuC,~~KAAK,OAG7BC,SAAQC,~~EAAAA~~,~~SAAA,~~GAAO3C,GACf4C,eAAcD,~~EAAAA~~,~~SAAA,~~GAAO3C,GACrBQ,UAAW,CACTP,GAAIC,~~EAAAA~~,~~OAAOuC,~~KAAK,KAChBrC,YAAaF,~~EAAAA~~,~~OAAOuC,~~KAAK,KACzBpC,MAAOH,~~EAAAA~~,~~OAAOuC,~~KAAK,KACnBI,QAAS,IAEX/B,SAAU,CACRV,YAAaF,~~EAAMA~~,~~OAACgC,~~OAAOE,MAAMU,MACjCvC,OAAQ,CACNH,YAAaF,~~EAAMA~~,~~OAACgC,~~OAAOE,MAAMU,OAEnCJ,SAAU,CACRtC,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,KACzBI,OAAQ,CACNH,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,OAG7BK,UAAW,CACTH,MAAOH,~~EAAMA~~,~~OAACI,~~MACdC,OAAQ,CACNH,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,UAMnC4C,MAAO,CACL9B,QAAS,CACPhB,GAAIC,~~EAAAA~~,~~OAAO8C,~~WAAWC,SACtBf,OAAQC,~~EAAOA~~,~~QAAC,~~OAChB/B,YAAaF,~~EAAMA~~,~~OAACU,~~YACpB0B,aAAcC,~~EAAKA~~,~~MAACW,~~KACpB7C,MAAOH,~~EAAMA~~,~~OAACU,~~YACdL,OAAQ,CACNN,GAAIC,~~EAAAA~~,~~OAAOuC,~~KAAK,KAChBjC,UAAW,CACTP,GAAIC,~~EAAAA~~,~~OAAO8C,~~WAAWC,WAG1BP,SAAQC,~~EAAAA~~,~~SAAA,~~GAAOlC,GACfmC,eAAcD,~~EAAAA~~,~~SAAA,~~GAAOlC,GACrBD,UAAW,CACTP,GAAIC,~~EAAAA~~,~~OAAO8C,~~WAAWC,SACtB7C,YAAaF,~~EAAMA~~,~~OAACU,~~YACpBP,MAAOH,~~EAAMA~~,~~OAACU,~~YACdiC,QAAS,IAEX/B,SAAU,CACRV,YAAaF,~~EAAMA~~,~~OAACgC,~~OAAOE,MAAMU"}
1	+ {"version":3,"file":"checkbox.config.js","sources":["../../../src/components/Checkbox/checkbox.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { borders, colors, fontSizes, radii } from 'theme/tokens';\nimport { SystemStyleObject } from '@chakra-ui/system';\n\nconst SquareCheckedStyle: SystemStyleObject = {\n bg: colors.teal['600'],\n borderColor: colors.teal['600'],\n color: colors.white,\n _hover: {\n bg: colors.teal['700'],\n borderColor: colors.teal['700'],\n },\n _disabled: {\n bg: colors.teal[600],\n borderColor: colors.teal[600],\n color: colors.white,\n _hover: {\n bg: colors.teal[600],\n borderColor: colors.teal[600],\n },\n },\n};\n\nconst RoundCheckedStyle: SystemStyleObject = {\n bg: colors.status.success,\n borderColor: colors.transparent,\n color: colors.white,\n _hover: {\n bg: colors.green['500'],\n borderColor: colors.transparent,\n },\n _disabled: {\n bg: colors.status.success,\n borderColor: colors.transparent,\n color: colors.white,\n _hover: {\n bg: colors.status.success,\n },\n },\n _invalid: {\n borderColor: colors.transparent,\n },\n};\n\nexport const CheckboxConfig: ComponentStyleConfig = {\n baseStyle: {\n control: {\n _focus: {\n boxShadow: 'none',\n },\n },\n label: {\n marginInlineStart: 0,\n },\n },\n sizes: {\n sm: {\n control: {\n height: 3,\n width: 3,\n },\n label: {\n fontSize: fontSizes.sm,\n ml: 2,\n mt: -1,\n },\n },\n md: {\n control: {\n height: 4,\n width: 4,\n },\n label: {\n fontSize: fontSizes.md,\n ml: 2,\n mt: -1,\n },\n },\n lg: {\n control: {\n height: 5,\n width: 5,\n },\n label: {\n fontSize: fontSizes.lg,\n ml: 3,\n mt: '-3px',\n },\n },\n },\n variants: {\n square: {\n control: {\n bg: colors.white,\n border: borders['1px'],\n borderColor: colors.border.light.medium,\n borderRadius: radii.sm,\n color: colors.white,\n _hover: {\n borderColor: colors.border.light.heavy,\n _disabled: {\n borderColor: colors.gray[200],\n },\n },\n _checked: { ...SquareCheckedStyle },\n _indeterminate: { ...SquareCheckedStyle },\n _disabled: {\n bg: colors.gray[200],\n borderColor: colors.gray[200],\n color: colors.gray[200],\n opacity: 0.4,\n },\n _invalid: {\n borderColor: colors.border.light.error,\n _hover: {\n borderColor: colors.border.light.error,\n },\n _checked: {\n borderColor: colors.teal[600],\n _hover: {\n borderColor: colors.teal[700],\n },\n },\n _disabled: {\n color: colors.white,\n _hover: {\n borderColor: colors.teal[600],\n },\n },\n },\n },\n },\n round: {\n control: {\n bg: colors.background.grayDark,\n border: borders['1px'],\n borderColor: colors.transparent,\n borderRadius: radii.full,\n color: colors.transparent,\n _hover: {\n bg: colors.gray['400'],\n _disabled: {\n bg: colors.background.grayDark,\n },\n },\n _checked: { ...RoundCheckedStyle },\n _indeterminate: { ...RoundCheckedStyle },\n _disabled: {\n bg: colors.background.grayDark,\n borderColor: colors.transparent,\n color: colors.transparent,\n opacity: 0.4,\n },\n _invalid: {\n borderColor: colors.border.light.error,\n },\n },\n },\n },\n};\n"],"names":["SquareCheckedStyle","bg","colors","teal","borderColor","color","white","_hover","_disabled","RoundCheckedStyle","status","success","transparent","green","_invalid","CheckboxConfig","baseStyle","control","_focus","boxShadow","label","marginInlineStart","sizes","sm","height","width","fontSize","fontSizes","ml","mt","md","lg","variants","square","border","borders","light","medium","borderRadius","radii","heavy","gray","_checked","__assign","_indeterminate","opacity","error","round","background","grayDark","full"],"mappings":"4SAIA,IAAMA,EAAwC,CAC5CC,GAAIC,EAAOC,KAAK,KAChBC,YAAaF,EAAOC,KAAK,KACzBE,MAAOH,EAAOI,MACdC,OAAQ,CACNN,GAAIC,EAAOC,KAAK,KAChBC,YAAaF,EAAOC,KAAK,MAE3BK,UAAW,CACTP,GAAIC,EAAOC,KAAK,KAChBC,YAAaF,EAAOC,KAAK,KACzBE,MAAOH,EAAOI,MACdC,OAAQ,CACNN,GAAIC,EAAOC,KAAK,KAChBC,YAAaF,EAAOC,KAAK,QAKzBM,EAAuC,CAC3CR,GAAIC,EAAOQ,OAAOC,QAClBP,YAAaF,EAAOU,YACpBP,MAAOH,EAAOI,MACdC,OAAQ,CACNN,GAAIC,EAAOW,MAAM,KACjBT,YAAaF,EAAOU,aAEtBJ,UAAW,CACTP,GAAIC,EAAOQ,OAAOC,QAClBP,YAAaF,EAAOU,YACpBP,MAAOH,EAAOI,MACdC,OAAQ,CACNN,GAAIC,EAAOQ,OAAOC,UAGtBG,SAAU,CACRV,YAAaF,EAAOU,cAIXG,EAAuC,CAClDC,UAAW,CACTC,QAAS,CACPC,OAAQ,CACNC,UAAW,SAGfC,MAAO,CACLC,kBAAmB,IAGvBC,MAAO,CACLC,GAAI,CACFN,QAAS,CACPO,OAAQ,EACRC,MAAO,GAETL,MAAO,CACLM,SAAUC,EAAUJ,GACpBK,GAAI,EACJC,IAAK,IAGTC,GAAI,CACFb,QAAS,CACPO,OAAQ,EACRC,MAAO,GAETL,MAAO,CACLM,SAAUC,EAAUG,GACpBF,GAAI,EACJC,IAAK,IAGTE,GAAI,CACFd,QAAS,CACPO,OAAQ,EACRC,MAAO,GAETL,MAAO,CACLM,SAAUC,EAAUI,GACpBH,GAAI,EACJC,GAAI,UAIVG,SAAU,CACRC,OAAQ,CACNhB,QAAS,CACPhB,GAAIC,EAAOI,MACX4B,OAAQC,EAAQ,OAChB/B,YAAaF,EAAOgC,OAAOE,MAAMC,OACjCC,aAAcC,EAAMhB,GACpBlB,MAAOH,EAAOI,MACdC,OAAQ,CACNH,YAAaF,EAAOgC,OAAOE,MAAMI,MACjChC,UAAW,CACTJ,YAAaF,EAAOuC,KAAK,OAG7BC,SAAQC,EAAA,GAAO3C,GACf4C,eAAcD,EAAA,GAAO3C,GACrBQ,UAAW,CACTP,GAAIC,EAAOuC,KAAK,KAChBrC,YAAaF,EAAOuC,KAAK,KACzBpC,MAAOH,EAAOuC,KAAK,KACnBI,QAAS,IAEX/B,SAAU,CACRV,YAAaF,EAAOgC,OAAOE,MAAMU,MACjCvC,OAAQ,CACNH,YAAaF,EAAOgC,OAAOE,MAAMU,OAEnCJ,SAAU,CACRtC,YAAaF,EAAOC,KAAK,KACzBI,OAAQ,CACNH,YAAaF,EAAOC,KAAK,OAG7BK,UAAW,CACTH,MAAOH,EAAOI,MACdC,OAAQ,CACNH,YAAaF,EAAOC,KAAK,UAMnC4C,MAAO,CACL9B,QAAS,CACPhB,GAAIC,EAAO8C,WAAWC,SACtBf,OAAQC,EAAQ,OAChB/B,YAAaF,EAAOU,YACpB0B,aAAcC,EAAMW,KACpB7C,MAAOH,EAAOU,YACdL,OAAQ,CACNN,GAAIC,EAAOuC,KAAK,KAChBjC,UAAW,CACTP,GAAIC,EAAO8C,WAAWC,WAG1BP,SAAQC,EAAA,GAAOlC,GACfmC,eAAcD,EAAA,GAAOlC,GACrBD,UAAW,CACTP,GAAIC,EAAO8C,WAAWC,SACtB7C,YAAaF,EAAOU,YACpBP,MAAOH,EAAOU,YACdiC,QAAS,IAEX/B,SAAU,CACRV,YAAaF,EAAOgC,OAAOE,MAAMU"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkbox.component.js");exports.default=e.default;
+import o from"../../checkbox.component.js";export{default}from"../../checkbox.component.js";
 //# sourceMappingURL=index.js.map