@veeqo/ui 14.0.3 → 14.0.5

package/dist/components/AnimatedDropdown/components/BasicDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.cjs","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Container } from './styled';\n\nimport { BasicDropdownProps } from '../types';\n\nexport const BasicDropdown = forwardRef<HTMLDivElement, BasicDropdownProps>(\n  (props: BasicDropdownProps, ref) => {\n    const { children, className, role } = props;\n\n    return (\n      <Container className={className} ref={ref} role={role}>\n        {children}\n      </Container>\n    );\n  },\n);\n"],"names":["forwardRef","React","Container"],"mappings":";;;;;;;;;AAMa,MAAA,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK;AAE3C,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAClD,QAAQ,CACC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"BasicDropdown.cjs","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Container } from './styled';\n\nimport { BasicDropdownProps } from '../types';\n\nexport const BasicDropdown = forwardRef<HTMLDivElement, BasicDropdownProps>(\n  (props: BasicDropdownProps, ref) => {\n    const { children, className, role } = props;\n\n    return (\n      <Container className={className} ref={ref} role={role}>\n        {children}\n      </Container>\n    );\n  },\n);\n"],"names":["forwardRef","React","Container"],"mappings":";;;;;;;;;AAMO,MAAM,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK;AAE3C,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,gBAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAClD,QAAQ,CACC;AAEhB,CAAC;;;;"}

package/dist/components/AnimatedDropdown/components/BasicDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.js","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Container } from './styled';\n\nimport { BasicDropdownProps } from '../types';\n\nexport const BasicDropdown = forwardRef<HTMLDivElement, BasicDropdownProps>(\n  (props: BasicDropdownProps, ref) => {\n    const { children, className, role } = props;\n\n    return (\n      <Container className={className} ref={ref} role={role}>\n        {children}\n      </Container>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;AAMa,MAAA,aAAa,GAAG,UAAU,CACrC,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK;AAE3C,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAClD,QAAQ,CACC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"BasicDropdown.js","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Container } from './styled';\n\nimport { BasicDropdownProps } from '../types';\n\nexport const BasicDropdown = forwardRef<HTMLDivElement, BasicDropdownProps>(\n  (props: BasicDropdownProps, ref) => {\n    const { children, className, role } = props;\n\n    return (\n      <Container className={className} ref={ref} role={role}>\n        {children}\n      </Container>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;AAMO,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,KAAyB,EAAE,GAAG,KAAI;IACjC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK;AAE3C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAClD,QAAQ,CACC;AAEhB,CAAC;;;;"}

package/dist/components/AnimatedDropdown/hooks/useClickAway.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAway.cjs","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const useClickAway = (\n  ref: React.RefObject<HTMLElement>,\n  onClickAway: (event: Event) => void,\n) => {\n  useEffect(() => {\n    const handleClickAway = (event: Event) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onClickAway(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickAway);\n    return () => {\n      document.removeEventListener('mousedown', handleClickAway);\n    };\n  }, [ref, onClickAway]);\n};\n"],"names":["useEffect"],"mappings":";;;;MAEa,YAAY,GAAG,CAC1B,GAAiC,EACjC,WAAmC,KACjC;IACFA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;AACvC,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,SAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC5D,SAAC;AACH,KAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxB;;;;"}
+{"version":3,"file":"useClickAway.cjs","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const useClickAway = (\n  ref: React.RefObject<HTMLElement>,\n  onClickAway: (event: Event) => void,\n) => {\n  useEffect(() => {\n    const handleClickAway = (event: Event) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onClickAway(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickAway);\n    return () => {\n      document.removeEventListener('mousedown', handleClickAway);\n    };\n  }, [ref, onClickAway]);\n};\n"],"names":["useEffect"],"mappings":";;;;MAEa,YAAY,GAAG,CAC1B,GAAiC,EACjC,WAAmC,KACjC;IACFA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;AACvC,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,WAAW,CAAC,KAAK,CAAC;AACnB,YAAA;AACH,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC5D,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxB;;;;"}

package/dist/components/AnimatedDropdown/hooks/useClickAway.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAway.js","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const useClickAway = (\n  ref: React.RefObject<HTMLElement>,\n  onClickAway: (event: Event) => void,\n) => {\n  useEffect(() => {\n    const handleClickAway = (event: Event) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onClickAway(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickAway);\n    return () => {\n      document.removeEventListener('mousedown', handleClickAway);\n    };\n  }, [ref, onClickAway]);\n};\n"],"names":[],"mappings":";;MAEa,YAAY,GAAG,CAC1B,GAAiC,EACjC,WAAmC,KACjC;IACF,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;AACvC,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,SAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC5D,SAAC;AACH,KAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxB;;;;"}
+{"version":3,"file":"useClickAway.js","sources":["../../../../src/components/AnimatedDropdown/hooks/useClickAway.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const useClickAway = (\n  ref: React.RefObject<HTMLElement>,\n  onClickAway: (event: Event) => void,\n) => {\n  useEffect(() => {\n    const handleClickAway = (event: Event) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        onClickAway(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickAway);\n    return () => {\n      document.removeEventListener('mousedown', handleClickAway);\n    };\n  }, [ref, onClickAway]);\n};\n"],"names":[],"mappings":";;MAEa,YAAY,GAAG,CAC1B,GAAiC,EACjC,WAAmC,KACjC;IACF,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;AACvC,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC9D,WAAW,CAAC,KAAK,CAAC;AACnB,YAAA;AACH,QAAA,CAAC;AAED,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC5D,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;AACxB;;;;"}

package/dist/components/Avatar/Avatar.cjs

@@ -35,7 +35,7 @@ const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, has
         hasIndicator && (React__default.default.createElement(CriticalFillIcon.CriticalFillIcon, { className: Avatar_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
         imageUrl && React__default.default.createElement("img", { src: imageUrl, alt: name, className: Avatar_module.avatarImage }),
         !!iconSlot && iconSlot,
-        !imageUrl && !iconSlot && (React__default.default.createElement(Text.Text, { variant: textVariant, className: Avatar_module.avatarText }, !hasLetters ? name === null || name === undefined ? undefined : name.toUpperCase() : (_b = (_a = name === null || name === undefined ? undefined : name.toUpperCase()) === null || _a === undefined ? undefined : _a.match(/\b\w/g)) === null || _b === undefined ? undefined : _b.slice(0, 2)))));
+        !imageUrl && !iconSlot && (React__default.default.createElement(Text.Text, { variant: textVariant, className: Avatar_module.avatarText }, !hasLetters ? name === null || name === void 0 ? void 0 : name.toUpperCase() : (_b = (_a = name === null || name === void 0 ? void 0 : name.toUpperCase()) === null || _a === void 0 ? void 0 : _a.match(/\b\w/g)) === null || _b === void 0 ? void 0 : _b.slice(0, 2)))));
 };
 
 exports.Avatar = Avatar;

package/dist/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalFillIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,iCAAgB,EACf,EAAA,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAC,CAAA,aAAA,CAAAO,SAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
+{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalFillIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,iCAAgB,EAAA,EACf,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EAAA,YAAA,EACP,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAA,CAAI;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAA,CAAA,aAAA,CAACO,SAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EAAA,EACrD,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}

package/dist/components/Avatar/Avatar.js

@@ -29,7 +29,7 @@ const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, has
         hasIndicator && (React__default.createElement(CriticalFillIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
         imageUrl && React__default.createElement("img", { src: imageUrl, alt: name, className: styles.avatarImage }),
         !!iconSlot && iconSlot,
-        !imageUrl && !iconSlot && (React__default.createElement(Text, { variant: textVariant, className: styles.avatarText }, !hasLetters ? name === null || name === undefined ? undefined : name.toUpperCase() : (_b = (_a = name === null || name === undefined ? undefined : name.toUpperCase()) === null || _a === undefined ? undefined : _a.match(/\b\w/g)) === null || _b === undefined ? undefined : _b.slice(0, 2)))));
+        !imageUrl && !iconSlot && (React__default.createElement(Text, { variant: textVariant, className: styles.avatarText }, !hasLetters ? name === null || name === void 0 ? void 0 : name.toUpperCase() : (_b = (_a = name === null || name === void 0 ? void 0 : name.toUpperCase()) === null || _a === void 0 ? void 0 : _a.match(/\b\w/g)) === null || _b === void 0 ? void 0 : _b.slice(0, 2)))));
 };
 
 export { Avatar };

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EAAA,YAAA,EACP,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,EACrD,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../Tooltip';\n\nimport { BadgeProps } from './types';\nimport { DefaultBadge, PrimaryBadge, WarningBadge } from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nconst variantMap = {\n  default: DefaultBadge,\n  primary: PrimaryBadge,\n  warning: WarningBadge,\n};\n\nexport const Badge = ({\n  variant = 'default',\n  hideBorder = false,\n  iconSlot,\n  tooltip,\n  className,\n  e2eClassName,\n  children,\n}: BadgeProps) => {\n  const BadgeVariant = variantMap[variant];\n\n  return (\n    <Tooltip text={tooltip}>\n      <BadgeVariant className={buildClassnames([className, e2eClassName])} hideBorder={hideBorder}>\n        {iconSlot && iconSlot}\n        {children && <span>{children}</span>}\n      </BadgeVariant>\n    </Tooltip>\n  );\n};\n"],"names":["DefaultBadge","PrimaryBadge","WarningBadge","React","Tooltip","buildClassnames"],"mappings":";;;;;;;;;;;AAOA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,mBAAY;AACrB,IAAA,OAAO,EAAEC,mBAAY;AACrB,IAAA,OAAO,EAAEC,mBAAY;CACtB;AAEY,MAAA,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GACG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAExC,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,IAAI,EAAE,OAAO,EAAA;AACpB,QAAAD,sBAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAEE,+BAAe,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAA;AACxF,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIF,sBAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,QAAQ,CAAQ,CACvB,CACP;AAEd;;;;"}
+{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../Tooltip';\n\nimport { BadgeProps } from './types';\nimport { DefaultBadge, PrimaryBadge, WarningBadge } from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nconst variantMap = {\n  default: DefaultBadge,\n  primary: PrimaryBadge,\n  warning: WarningBadge,\n};\n\nexport const Badge = ({\n  variant = 'default',\n  hideBorder = false,\n  iconSlot,\n  tooltip,\n  className,\n  e2eClassName,\n  children,\n}: BadgeProps) => {\n  const BadgeVariant = variantMap[variant];\n\n  return (\n    <Tooltip text={tooltip}>\n      <BadgeVariant className={buildClassnames([className, e2eClassName])} hideBorder={hideBorder}>\n        {iconSlot && iconSlot}\n        {children && <span>{children}</span>}\n      </BadgeVariant>\n    </Tooltip>\n  );\n};\n"],"names":["DefaultBadge","PrimaryBadge","WarningBadge","React","Tooltip","buildClassnames"],"mappings":";;;;;;;;;;;AAOA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,mBAAY;AACrB,IAAA,OAAO,EAAEC,mBAAY;AACrB,IAAA,OAAO,EAAEC,mBAAY;CACtB;AAEM,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GACG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAExC,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA;AACpB,QAAAD,sBAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAEE,+BAAe,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAA;AACxF,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ,CACvB,CACP;AAEd;;;;"}

package/dist/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { Tooltip } from '../Tooltip/Tooltip.js';
-import { DefaultBadge, PrimaryBadge, WarningBadge } from './styled.js';
+import { WarningBadge, PrimaryBadge, DefaultBadge } from './styled.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
 
 const variantMap = {

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../Tooltip';\n\nimport { BadgeProps } from './types';\nimport { DefaultBadge, PrimaryBadge, WarningBadge } from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nconst variantMap = {\n  default: DefaultBadge,\n  primary: PrimaryBadge,\n  warning: WarningBadge,\n};\n\nexport const Badge = ({\n  variant = 'default',\n  hideBorder = false,\n  iconSlot,\n  tooltip,\n  className,\n  e2eClassName,\n  children,\n}: BadgeProps) => {\n  const BadgeVariant = variantMap[variant];\n\n  return (\n    <Tooltip text={tooltip}>\n      <BadgeVariant className={buildClassnames([className, e2eClassName])} hideBorder={hideBorder}>\n        {iconSlot && iconSlot}\n        {children && <span>{children}</span>}\n      </BadgeVariant>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAOA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,OAAO,EAAE,YAAY;CACtB;AAEY,MAAA,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GACG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAExC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,IAAI,EAAE,OAAO,EAAA;AACpB,QAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAA;AACxF,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIA,cAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,QAAQ,CAAQ,CACvB,CACP;AAEd;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip } from '../Tooltip';\n\nimport { BadgeProps } from './types';\nimport { DefaultBadge, PrimaryBadge, WarningBadge } from './styled';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\nconst variantMap = {\n  default: DefaultBadge,\n  primary: PrimaryBadge,\n  warning: WarningBadge,\n};\n\nexport const Badge = ({\n  variant = 'default',\n  hideBorder = false,\n  iconSlot,\n  tooltip,\n  className,\n  e2eClassName,\n  children,\n}: BadgeProps) => {\n  const BadgeVariant = variantMap[variant];\n\n  return (\n    <Tooltip text={tooltip}>\n      <BadgeVariant className={buildClassnames([className, e2eClassName])} hideBorder={hideBorder}>\n        {iconSlot && iconSlot}\n        {children && <span>{children}</span>}\n      </BadgeVariant>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAOA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,OAAO,EAAE,YAAY;CACtB;AAEM,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,GACG,KAAI;AACf,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC;AAExC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA;AACpB,QAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,eAAe,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAA;AACxF,YAAA,QAAQ,IAAI,QAAQ;AACpB,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ,CACvB,CACP;AAEd;;;;"}

package/dist/components/Badge/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n  hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: 4px;\n  padding: 0.35em 0.65em;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-weight: ${text.bodySmall.fontWeight};\n  font-size: 75%;\n  line-height: 16px;\n\n  border-radius: 0.75rem;\n  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n  cursor: default;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n  background-color: inherit;\n  border-color: ${colors.secondary.blue.base};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.blue.base};\n  background-color: ${colors.secondary.blue.lightest};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.yellow.base};\n  background-color: ${colors.secondary.yellow.lightest};\n  color: ${colors.secondary.orange.dark};\n`;\n"],"names":["styled","BaseContainer","text","sizes","colors"],"mappings":";;;;;;;;;;;;AAUA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtBC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzBA,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/DC,WAAK,CAAC,IAAI,WACTA,WAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEY,MAAA,YAAY,GAAGH,uBAAM,CAAC,SAAS,CAAC,CAE3B,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAAAI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACtB,kBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CACxB,kBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3CA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n  hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: 4px;\n  padding: 0.35em 0.65em;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-weight: ${text.bodySmall.fontWeight};\n  font-size: 75%;\n  line-height: 16px;\n\n  border-radius: 0.75rem;\n  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n  cursor: default;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n  background-color: inherit;\n  border-color: ${colors.secondary.blue.base};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.blue.base};\n  background-color: ${colors.secondary.blue.lightest};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.yellow.base};\n  background-color: ${colors.secondary.yellow.lightest};\n  color: ${colors.secondary.orange.dark};\n`;\n"],"names":["styled","BaseContainer","text","sizes","colors"],"mappings":";;;;;;;;;;;;AAUA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtBC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzBA,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/DC,WAAK,CAAC,IAAI,WACTA,WAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEM,MAAM,YAAY,GAAGH,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAE3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EACtBA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EACxBA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3CA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;;;"}

package/dist/components/Badge/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n  hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: 4px;\n  padding: 0.35em 0.65em;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-weight: ${text.bodySmall.fontWeight};\n  font-size: 75%;\n  line-height: 16px;\n\n  border-radius: 0.75rem;\n  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n  cursor: default;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n  background-color: inherit;\n  border-color: ${colors.secondary.blue.base};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.blue.base};\n  background-color: ${colors.secondary.blue.lightest};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.yellow.base};\n  background-color: ${colors.secondary.yellow.lightest};\n  color: ${colors.secondary.orange.dark};\n`;\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/D,KAAK,CAAC,IAAI,WACT,KAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEY,MAAA,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAE3B,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACtB,kBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CACxB,kBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n  hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n  gap: 4px;\n  padding: 0.35em 0.65em;\n\n  font-family: ${text.bodySmall.fontFamily};\n  font-weight: ${text.bodySmall.fontWeight};\n  font-size: 75%;\n  line-height: 16px;\n\n  border-radius: 0.75rem;\n  border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n  cursor: default;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n  background-color: inherit;\n  border-color: ${colors.secondary.blue.base};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.blue.base};\n  background-color: ${colors.secondary.blue.lightest};\n  color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n  border-color: ${colors.secondary.yellow.base};\n  background-color: ${colors.secondary.yellow.lightest};\n  color: ${colors.secondary.orange.dark};\n`;\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/D,KAAK,CAAC,IAAI,WACT,KAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEM,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAE3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EACtB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EACxB,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;"}

package/dist/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["colors","React","Pill","Row","IconCol","sizes","ChildContainer","HeaderCol","Text","Col","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAEA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,WAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACD,QAAQ,KACPF,sBAAC,CAAA,aAAA,CAAAG,cAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPJ,sBAAC,CAAA,aAAA,CAAAK,qBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,sBAAA,CAAA,aAAA,CAACM,gBAAS,EAAA,IAAA,EAAE,MAAM,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAP,sBAAA,CAAA,aAAA,CAACQ,UAAG,EAAA,IAAA,EACD,OAAO,KACNR,sBAAA,CAAA,aAAA,CAACS,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAET,sBAAA,CAAA,aAAA,CAACU,wBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["colors","React","Pill","Row","IconCol","sizes","ChildContainer","HeaderCol","Text","Col","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAEA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,WAAI,EAAA,EACH,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACD,QAAQ,KACPF,sBAAA,CAAA,aAAA,CAACG,cAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPJ,sBAAA,CAAA,aAAA,CAACK,qBAAc,EAAA,IAAA,EAAE,QAAQ,CAAkB,KAE3CL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,sBAAA,CAAA,aAAA,CAACM,gBAAS,EAAA,IAAA,EAAE,MAAM,IAAIN,sBAAA,CAAA,aAAA,CAACO,WAAI,EAAA,EAAC,OAAO,EAAC,cAAc,EAAA,EAAE,IAAI,CAAQ,CAAa;AAC7E,gBAAAP,sBAAA,CAAA,aAAA,CAACQ,UAAG,EAAA,IAAA,EACD,OAAO,KACNR,sBAAA,CAAA,aAAA,CAACS,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAET,sBAAA,CAAA,aAAA,CAACU,wBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["React","Pill","Text"],"mappings":";;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAC,YAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAIA,cAAC,CAAA,aAAA,CAAAE,UAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAF,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
+{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n  help: colors.secondary.blue.base,\n  info: colors.neutral.ink.base,\n  error: colors.secondary.red.base,\n  success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n  type?: BannerTypes;\n  backgroundColor?: string;\n  text?: string;\n  iconSlot?: ReactElement;\n  onClose?: ReactEventHandler;\n  className?: string;\n  header?: ReactNode;\n  children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n  type = 'info',\n  text,\n  iconSlot,\n  onClose,\n  className,\n  header,\n  children,\n  backgroundColor = 'white',\n  ...props\n}: BannerProps) => {\n  const accentColor = accentColors[type as BannerTypes];\n\n  return (\n    <Pill\n      accentColor={accentColor}\n      className={className}\n      backgroundColor={backgroundColor}\n      {...props}\n    >\n      <Row>\n        {iconSlot && (\n          <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n            {iconSlot}\n          </IconCol>\n        )}\n        {children ? (\n          <ChildContainer>{children}</ChildContainer>\n        ) : (\n          <>\n            <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n            <Col>\n              {onClose && (\n                <Button\n                  variant=\"flat\"\n                  aria-label=\"Close\"\n                  iconSlot={<CrossIcon />}\n                  onClick={onClose}\n                />\n              )}\n            </Col>\n          </>\n        )}\n      </Row>\n    </Pill>\n  );\n};\n"],"names":["React","Pill","Text"],"mappings":";;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEA,cAAA,CAAA,aAAA,CAACC,YAAI,EAAA,EACH,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,EAAE,QAAQ,CAAkB,KAE3CA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAIA,cAAA,CAAA,aAAA,CAACE,UAAI,EAAA,EAAC,OAAO,EAAC,cAAc,EAAA,EAAE,IAAI,CAAQ,CAAa;AAC7E,gBAAAF,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}

package/dist/components/Banner/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Text } from '../Text';\nimport { BaseContainer } from '../BaseContainer';\nimport { PillProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst BannerLayout = styled(BaseContainer)<PillProps>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  padding: 20px 24px 24px 24px;\n  border-radius: 4px;\n  ${({ accentColor }) =>\n    accentColor &&\n    `\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${accentColor};\n    `}\n  background-color: ${({ backgroundColor }) => backgroundColor || 'white'};\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst Col = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: wrap;\n`;\n\nexport const IconCol = styled(Col)<{ accentColor: string }>`\n  svg {\n    width: ${sizes.md};\n    height: ${sizes.md};\n    color: ${({ accentColor }) => accentColor};\n  }\n`;\n\nexport const ChildContainer = styled(BaseContainer)`\n  width: 100%;\n`;\n\nconst HeaderCol = styled(Col)`\n  flex-grow: 2;\n  margin-right: 12px;\n`;\n\nconst StyledText = styled(Text)`\n  position: relative;\n  top: -2px;\n`;\n\nexport { BannerLayout as Pill, StyledText as Text, Row, Col, HeaderCol };\n"],"names":["styled","BaseContainer","sizes","Text"],"mappings":";;;;;;;;;;;AAOA,MAAM,YAAY,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gIAAA,EAOtC,CAAC,EAAE,WAAW,EAAE,KAChB,WAAW;AACX,IAAA;0EACsE,WAAW,CAAA;KAChF,CACiB,kBAAA,EAAA,CAAC,EAAE,eAAe,EAAE,KAAK,eAAe,IAAI,OAAO,CAAA,CAAA;AAGzE,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAKjC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAOpB,MAAA,OAAO,GAAGD,uBAAM,CAAC,GAAG,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA,EAErBE,WAAK,CAAC,EAAE,CAAA,QAAA,EACPA,WAAK,CAAC,EAAE,CACT,OAAA,EAAA,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,EAAA;MAIhC,cAAc,GAAGF,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,WAAA;AAInD,MAAM,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAAC;AAK7B,MAAM,UAAU,GAAGA,uBAAM,CAACG,SAAI,CAAC;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Text } from '../Text';\nimport { BaseContainer } from '../BaseContainer';\nimport { PillProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst BannerLayout = styled(BaseContainer)<PillProps>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  padding: 20px 24px 24px 24px;\n  border-radius: 4px;\n  ${({ accentColor }) =>\n    accentColor &&\n    `\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${accentColor};\n    `}\n  background-color: ${({ backgroundColor }) => backgroundColor || 'white'};\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst Col = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: wrap;\n`;\n\nexport const IconCol = styled(Col)<{ accentColor: string }>`\n  svg {\n    width: ${sizes.md};\n    height: ${sizes.md};\n    color: ${({ accentColor }) => accentColor};\n  }\n`;\n\nexport const ChildContainer = styled(BaseContainer)`\n  width: 100%;\n`;\n\nconst HeaderCol = styled(Col)`\n  flex-grow: 2;\n  margin-right: 12px;\n`;\n\nconst StyledText = styled(Text)`\n  position: relative;\n  top: -2px;\n`;\n\nexport { BannerLayout as Pill, StyledText as Text, Row, Col, HeaderCol };\n"],"names":["styled","BaseContainer","sizes","Text"],"mappings":";;;;;;;;;;;AAOA,MAAM,YAAY,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gIAAA,EAOtC,CAAC,EAAE,WAAW,EAAE,KAChB,WAAW;AACX,IAAA;0EACsE,WAAW,CAAA;KAChF,CAAA,kBAAA,EACiB,CAAC,EAAE,eAAe,EAAE,KAAK,eAAe,IAAI,OAAO,CAAA,CAAA;AAGzE,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAKjC,MAAM,GAAG,GAAGD,uBAAM,CAACC,2BAAa,CAAC;AAO1B,MAAM,OAAO,GAAGD,uBAAM,CAAC,GAAG,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA,EAErBE,WAAK,CAAC,EAAE,CAAA,QAAA,EACPA,WAAK,CAAC,EAAE,CAAA,OAAA,EACT,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,EAAA;MAIhC,cAAc,GAAGF,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,WAAA;AAInD,MAAM,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAAC;AAK7B,MAAM,UAAU,GAAGA,uBAAM,CAACG,SAAI,CAAC;;;;;;;;;;"}

package/dist/components/Banner/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Text } from '../Text';\nimport { BaseContainer } from '../BaseContainer';\nimport { PillProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst BannerLayout = styled(BaseContainer)<PillProps>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  padding: 20px 24px 24px 24px;\n  border-radius: 4px;\n  ${({ accentColor }) =>\n    accentColor &&\n    `\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${accentColor};\n    `}\n  background-color: ${({ backgroundColor }) => backgroundColor || 'white'};\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst Col = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: wrap;\n`;\n\nexport const IconCol = styled(Col)<{ accentColor: string }>`\n  svg {\n    width: ${sizes.md};\n    height: ${sizes.md};\n    color: ${({ accentColor }) => accentColor};\n  }\n`;\n\nexport const ChildContainer = styled(BaseContainer)`\n  width: 100%;\n`;\n\nconst HeaderCol = styled(Col)`\n  flex-grow: 2;\n  margin-right: 12px;\n`;\n\nconst StyledText = styled(Text)`\n  position: relative;\n  top: -2px;\n`;\n\nexport { BannerLayout as Pill, StyledText as Text, Row, Col, HeaderCol };\n"],"names":[],"mappings":";;;;;AAOA,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gIAAA,EAOtC,CAAC,EAAE,WAAW,EAAE,KAChB,WAAW;AACX,IAAA;0EACsE,WAAW,CAAA;KAChF,CACiB,kBAAA,EAAA,CAAC,EAAE,eAAe,EAAE,KAAK,eAAe,IAAI,OAAO,CAAA,CAAA;AAGzE,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAKjC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOpB,MAAA,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA,EAErB,KAAK,CAAC,EAAE,CAAA,QAAA,EACP,KAAK,CAAC,EAAE,CACT,OAAA,EAAA,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,EAAA;MAIhC,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,WAAA;AAInD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC;AAK7B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Banner/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { Text } from '../Text';\nimport { BaseContainer } from '../BaseContainer';\nimport { PillProps } from './types';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst BannerLayout = styled(BaseContainer)<PillProps>`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  padding: 20px 24px 24px 24px;\n  border-radius: 4px;\n  ${({ accentColor }) =>\n    accentColor &&\n    `\n      box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${accentColor};\n    `}\n  background-color: ${({ backgroundColor }) => backgroundColor || 'white'};\n`;\n\nconst Row = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst Col = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: wrap;\n`;\n\nexport const IconCol = styled(Col)<{ accentColor: string }>`\n  svg {\n    width: ${sizes.md};\n    height: ${sizes.md};\n    color: ${({ accentColor }) => accentColor};\n  }\n`;\n\nexport const ChildContainer = styled(BaseContainer)`\n  width: 100%;\n`;\n\nconst HeaderCol = styled(Col)`\n  flex-grow: 2;\n  margin-right: 12px;\n`;\n\nconst StyledText = styled(Text)`\n  position: relative;\n  top: -2px;\n`;\n\nexport { BannerLayout as Pill, StyledText as Text, Row, Col, HeaderCol };\n"],"names":[],"mappings":";;;;;AAOA,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gIAAA,EAOtC,CAAC,EAAE,WAAW,EAAE,KAChB,WAAW;AACX,IAAA;0EACsE,WAAW,CAAA;KAChF,CAAA,kBAAA,EACiB,CAAC,EAAE,eAAe,EAAE,KAAK,eAAe,IAAI,OAAO,CAAA,CAAA;AAGzE,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAKjC,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAO1B,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,UAAA,EAErB,KAAK,CAAC,EAAE,CAAA,QAAA,EACP,KAAK,CAAC,EAAE,CAAA,OAAA,EACT,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAA,EAAA;MAIhC,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,WAAA;AAInD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC;AAK7B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAC,CAAA,aAAA,CAAAI,qBAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAA,CAAA,aAAA,CAACI,qBAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n  <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n  items,\n  Separator = <DefaultSeparator />,\n  LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n  <BreadcrumbsSC className=\"breadcrumbs\">\n    {items.map((item, i) => (\n      <Breadcrumb\n        key={item.title}\n        title={item.title}\n        href={item.pathname}\n        LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n      >\n        {items.length !== i + 1 && Separator}\n      </Breadcrumb>\n    ))}\n  </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAA,CAAI,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAA,EAAG,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React","BreadcrumbSC"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAD,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB;AACD,IAAA,QACEA,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React","BreadcrumbSC"],"mappings":";;;;;;;;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAD,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB,IAAA;AACD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,mBAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}

package/dist/components/Breadcrumbs/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB;AACD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB,IAAA;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}

package/dist/components/Breadcrumbs/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":["styled","text"],"mappings":";;;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,EAAE,CAMrB,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAAAC,SAAI,CAAC,IAAI,CAAC,UAAU,gBACpBA,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAGD,uBAAM,CAAC,EAAE;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":["styled","text"],"mappings":";;;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAMrBC,SAAI,CAAC,IAAI,CAAC,UAAU,gBACpBA,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EAChBA,SAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAGD,uBAAM,CAAC,EAAE;;;;;"}

package/dist/components/Breadcrumbs/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAMrB,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,gBACpB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAG,MAAM,CAAC,EAAE;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAMrB,IAAI,CAAC,IAAI,CAAC,UAAU,gBACpB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EAChB,IAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAG,MAAM,CAAC,EAAE;;;;"}

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\nimport { withTokens } from '../../hoc/withTokens';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../icons';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nconst ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["DefaultButton","PrimaryButton","DefaultDestructiveButton","PrimaryDestructiveButton","FlatButton","LinkButton","UnstyledButton","forwardRef","React","MainContent","DropdownIcon","LoadingWrapper","Loader","withTokens"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,oBAAa;AACtB,IAAA,OAAO,EAAEC,oBAAa;AACtB,IAAA,WAAW,EAAEC,+BAAwB;AACrC,IAAA,kBAAkB,EAAEC,+BAAwB;AAC5C,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,QAAQ,EAAEC,qBAAc;CACzB;AAED,MAAM,UAAU,GAAGC,gBAAU,CAC3B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEC,sBAAC,CAAA,aAAA,CAAAF,qBAAc,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,UAAU,IAC3D,QAAQ,CACM;AAEpB;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEE,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,sBAAA,CAAA,aAAA,CAACC,kBAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAID,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNF,sBAAA,CAAA,aAAA,CAACG,qBAAc,EAAA,IAAA;AACb,YAAAH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC,CACF;MAEY,MAAM,GAAGC,qBAAU,CAAC,UAAU;;;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\nimport { withTokens } from '../../hoc/withTokens';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../icons';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nconst ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["DefaultButton","PrimaryButton","DefaultDestructiveButton","PrimaryDestructiveButton","FlatButton","LinkButton","UnstyledButton","forwardRef","React","MainContent","DropdownIcon","LoadingWrapper","Loader","withTokens"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAEA,oBAAa;AACtB,IAAA,OAAO,EAAEC,oBAAa;AACtB,IAAA,WAAW,EAAEC,+BAAwB;AACrC,IAAA,kBAAkB,EAAEC,+BAAwB;AAC5C,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,IAAI,EAAEC,iBAAU;AAChB,IAAA,QAAQ,EAAEC,qBAAc;CACzB;AAED,MAAM,UAAU,GAAGC,gBAAU,CAC3B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEC,sBAAA,CAAA,aAAA,CAACF,qBAAc,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,UAAU,IAC3D,QAAQ,CACM;AAEpB,IAAA;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEE,sBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,sBAAA,CAAA,aAAA,CAACC,kBAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAID,sBAAA,CAAA,aAAA,CAACE,yBAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNF,sBAAA,CAAA,aAAA,CAACG,qBAAc,EAAA,IAAA;AACb,YAAAH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAA,IAAA,CAAG,CACK,CAClB,CACa;AAEpB,CAAC,CACF;MAEY,MAAM,GAAGC,qBAAU,CAAC,UAAU;;;;"}

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
 import React__default, { forwardRef } from 'react';
 import { Loader } from '../Loader/Loader.js';
 import { withTokens } from '../../hoc/withTokens/withTokens.js';
-import { UnstyledButton, MainContent, LoadingWrapper, DefaultButton, PrimaryButton, DefaultDestructiveButton, PrimaryDestructiveButton, FlatButton, LinkButton } from './components/styled.js';
+import { UnstyledButton, LinkButton, FlatButton, PrimaryDestructiveButton, DefaultDestructiveButton, PrimaryButton, DefaultButton, MainContent, LoadingWrapper } from './components/styled.js';
 import { DropdownIcon } from '../../icons/custom/components/DropdownIcon.js';
 
 const variantMap = {

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\nimport { withTokens } from '../../hoc/withTokens';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../icons';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nconst ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["React"],"mappings":";;;;;;AAmBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,WAAW,EAAE,wBAAwB;AACrC,IAAA,kBAAkB,EAAE,wBAAwB;AAC5C,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,QAAQ,EAAE,cAAc;CACzB;AAED,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAM,GAAA,UAAU,IAC3D,QAAQ,CACM;AAEpB;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC,CACF;MAEY,MAAM,GAAG,UAAU,CAAC,UAAU;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\nimport { withTokens } from '../../hoc/withTokens';\n\nimport {\n  DefaultButton,\n  DefaultDestructiveButton,\n  PrimaryButton,\n  PrimaryDestructiveButton,\n  FlatButton,\n  LinkButton,\n  UnstyledButton,\n  LoadingWrapper,\n  MainContent,\n} from './components/styled';\nimport { DropdownIcon } from '../../icons';\n\nconst variantMap = {\n  default: DefaultButton,\n  primary: PrimaryButton,\n  destructive: DefaultDestructiveButton,\n  primaryDestructive: PrimaryDestructiveButton,\n  flat: FlatButton,\n  link: LinkButton,\n  unstyled: UnstyledButton,\n};\n\nconst ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    if (variant === 'unstyled') {\n      return (\n        <UnstyledButton ref={ref} className={className} {...otherProps}>\n          {children}\n        </UnstyledButton>\n      );\n    }\n\n    const VariantButton = variantMap[variant];\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    return (\n      <VariantButton\n        ref={ref}\n        className={className}\n        size={size}\n        hasText={hasChildren}\n        hasIcon={hasIcon}\n        hasDropdown={dropdown}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <MainContent\n            $loading={loading}\n            hasText={!!children}\n            size={children || size === 'sm' ? 'base' : 'md'}\n            style={contentStyles}\n          >\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </MainContent>\n        )}\n\n        {loading && (\n          <LoadingWrapper>\n            <Loader />\n          </LoadingWrapper>\n        )}\n      </VariantButton>\n    );\n  },\n);\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["React"],"mappings":";;;;;;AAmBA,MAAM,UAAU,GAAG;AACjB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,WAAW,EAAE,wBAAwB;AACrC,IAAA,kBAAkB,EAAE,wBAAwB;AAC5C,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,QAAQ,EAAE,cAAc;CACzB;AAED,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,GAAG,UAAU,EACD,EACd,GAAG,KACD;IACF,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,UAAU,IAC3D,QAAQ,CACM;AAEpB,IAAA;AAED,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,SAAS;AAC1C,IAAA,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ;AAC1B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,QAAQ,EAAA,GACjB,UAAU,EAAA;AAEb,QAAA,CAAC,WAAW,IAAI,OAAO,MACtBA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAA,UAAA,EACA,OAAO,EACjB,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,EAC/C,KAAK,EAAE,aAAa,EAAA;AAEnB,YAAA,QAAQ,IAAI,QAAQ;YACpB,QAAQ,KAAK,SAAS,IAAI,QAAQ;AAClC,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,CAAG,CACK,CAClB,CACa;AAEpB,CAAC,CACF;MAEY,MAAM,GAAG,UAAU,CAAC,UAAU;;;;"}

package/dist/components/Button/components/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n  size: 'sm' | 'base';\n  hasText: boolean;\n  hasIcon: boolean;\n  hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n  $loading?: boolean;\n  hasText: boolean;\n  size: 'base' | 'md';\n}>`\n  display: inline-flex;\n  align-items: center;\n\n  gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n  ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n  svg {\n    width: ${({ size }) => sizes[size]};\n    height: ${({ size }) => sizes[size]};\n  }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-family: ${theme.fontFamily};\n  font-weight: 400;\n  border: 1px solid;\n  background-color: transparent;\n  white-space: nowrap;\n\n  ${(props) => {\n    let height = '40px';\n    let paddingLeft = '24px';\n    let paddingRight = '24px';\n    let borderRadius = '8px';\n    let fontSize = '16px';\n    let outlineWidth = '4px';\n\n    if (props.hasIcon) {\n      paddingLeft = '16px';\n    }\n\n    if (props.hasDropdown) {\n      paddingRight = '16px';\n    }\n\n    if (props.size === 'sm') {\n      height = '32px';\n      paddingLeft = '16px';\n      paddingRight = '16px';\n      borderRadius = '4px';\n      fontSize = '14px';\n      outlineWidth = '2px';\n\n      if (props.hasIcon) {\n        paddingLeft = '8px';\n      }\n\n      if (props.hasDropdown) {\n        paddingRight = '8px';\n      }\n    }\n\n    if (!props.hasText) {\n      paddingLeft = '8px';\n      paddingRight = '8px';\n    }\n\n    return `\n      --outline-width: ${outlineWidth};\n\n      height: ${height};\n      padding-left: ${paddingLeft};\n      padding-right: ${paddingRight};\n      border-radius: ${borderRadius};\n      font-size: ${fontSize};\n      line-height: ${fontSize};\n    `;\n  }}\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    pointer-events: none;\n    cursor: unset !important;\n  }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n  border-color: ${theme.colors.neutral.grey.dark};\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n  color: ${({ hasText }) =>\n    hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.lightest};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.lightest};\n    border-color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: ${theme.colors.neutral.grey.base} !important;\n    border-color: ${theme.colors.neutral.grey.base} !important;\n    color: ${theme.colors.neutral.ink.light} !important;\n  }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n  color: ${theme.colors.secondary.red.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    border-color: ${theme.colors.secondary.red.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n  background-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  border-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  color: var(--theme-on-primary, white);\n\n  &:hover {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n  }\n\n  &:active {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n  background-color: ${theme.colors.secondary.red.base};\n  border-color: ${theme.colors.secondary.red.base};\n  color: white;\n\n  &:hover {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n  border-color: transparent;\n  box-shadow: none;\n  color: ${theme.colors.neutral.ink.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.light};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    background-color: transparent;\n    border-color: transparent;\n  }\n`;\n\nexport const UnstyledButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.fontSize};\n  font-weight: ${theme.text.link.fontWeight};\n  line-height: ${theme.text.link.lineHeight};\n  text-decoration: ${theme.text.link.textDecoration};\n  color: ${theme.colors.secondary.blue.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  & > * + * {\n    margin-left: ${theme.sizes.xs};\n  }\n\n  &:focus-visible {\n    outline: 0;\n    box-shadow:\n      0 0 0 4px white,\n      0 0 0 8px ${theme.colors.secondary.blue.light};\n    border-radius: 4px;\n  }\n`;\n\nexport const LoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n`;\n"],"names":["styled","sizes","theme"],"mappings":"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"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n  size: 'sm' | 'base';\n  hasText: boolean;\n  hasIcon: boolean;\n  hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n  $loading?: boolean;\n  hasText: boolean;\n  size: 'base' | 'md';\n}>`\n  display: inline-flex;\n  align-items: center;\n\n  gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n  ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n  svg {\n    width: ${({ size }) => sizes[size]};\n    height: ${({ size }) => sizes[size]};\n  }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-family: ${theme.fontFamily};\n  font-weight: 400;\n  border: 1px solid;\n  background-color: transparent;\n  white-space: nowrap;\n\n  ${(props) => {\n    let height = '40px';\n    let paddingLeft = '24px';\n    let paddingRight = '24px';\n    let borderRadius = '8px';\n    let fontSize = '16px';\n    let outlineWidth = '4px';\n\n    if (props.hasIcon) {\n      paddingLeft = '16px';\n    }\n\n    if (props.hasDropdown) {\n      paddingRight = '16px';\n    }\n\n    if (props.size === 'sm') {\n      height = '32px';\n      paddingLeft = '16px';\n      paddingRight = '16px';\n      borderRadius = '4px';\n      fontSize = '14px';\n      outlineWidth = '2px';\n\n      if (props.hasIcon) {\n        paddingLeft = '8px';\n      }\n\n      if (props.hasDropdown) {\n        paddingRight = '8px';\n      }\n    }\n\n    if (!props.hasText) {\n      paddingLeft = '8px';\n      paddingRight = '8px';\n    }\n\n    return `\n      --outline-width: ${outlineWidth};\n\n      height: ${height};\n      padding-left: ${paddingLeft};\n      padding-right: ${paddingRight};\n      border-radius: ${borderRadius};\n      font-size: ${fontSize};\n      line-height: ${fontSize};\n    `;\n  }}\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    pointer-events: none;\n    cursor: unset !important;\n  }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n  border-color: ${theme.colors.neutral.grey.dark};\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n  color: ${({ hasText }) =>\n    hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.lightest};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.lightest};\n    border-color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: ${theme.colors.neutral.grey.base} !important;\n    border-color: ${theme.colors.neutral.grey.base} !important;\n    color: ${theme.colors.neutral.ink.light} !important;\n  }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n  color: ${theme.colors.secondary.red.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    border-color: ${theme.colors.secondary.red.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n  background-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  border-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  color: var(--theme-on-primary, white);\n\n  &:hover {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n  }\n\n  &:active {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n  background-color: ${theme.colors.secondary.red.base};\n  border-color: ${theme.colors.secondary.red.base};\n  color: white;\n\n  &:hover {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n  border-color: transparent;\n  box-shadow: none;\n  color: ${theme.colors.neutral.ink.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.light};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    background-color: transparent;\n    border-color: transparent;\n  }\n`;\n\nexport const UnstyledButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.fontSize};\n  font-weight: ${theme.text.link.fontWeight};\n  line-height: ${theme.text.link.lineHeight};\n  text-decoration: ${theme.text.link.textDecoration};\n  color: ${theme.colors.secondary.blue.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  & > * + * {\n    margin-left: ${theme.sizes.xs};\n  }\n\n  &:focus-visible {\n    outline: 0;\n    box-shadow:\n      0 0 0 4px white,\n      0 0 0 8px ${theme.colors.secondary.blue.light};\n    border-radius: 4px;\n  }\n`;\n\nexport const LoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n`;\n"],"names":["styled","sizes","theme"],"mappings":"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"}

package/dist/components/Button/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n  size: 'sm' | 'base';\n  hasText: boolean;\n  hasIcon: boolean;\n  hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n  $loading?: boolean;\n  hasText: boolean;\n  size: 'base' | 'md';\n}>`\n  display: inline-flex;\n  align-items: center;\n\n  gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n  ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n  svg {\n    width: ${({ size }) => sizes[size]};\n    height: ${({ size }) => sizes[size]};\n  }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-family: ${theme.fontFamily};\n  font-weight: 400;\n  border: 1px solid;\n  background-color: transparent;\n  white-space: nowrap;\n\n  ${(props) => {\n    let height = '40px';\n    let paddingLeft = '24px';\n    let paddingRight = '24px';\n    let borderRadius = '8px';\n    let fontSize = '16px';\n    let outlineWidth = '4px';\n\n    if (props.hasIcon) {\n      paddingLeft = '16px';\n    }\n\n    if (props.hasDropdown) {\n      paddingRight = '16px';\n    }\n\n    if (props.size === 'sm') {\n      height = '32px';\n      paddingLeft = '16px';\n      paddingRight = '16px';\n      borderRadius = '4px';\n      fontSize = '14px';\n      outlineWidth = '2px';\n\n      if (props.hasIcon) {\n        paddingLeft = '8px';\n      }\n\n      if (props.hasDropdown) {\n        paddingRight = '8px';\n      }\n    }\n\n    if (!props.hasText) {\n      paddingLeft = '8px';\n      paddingRight = '8px';\n    }\n\n    return `\n      --outline-width: ${outlineWidth};\n\n      height: ${height};\n      padding-left: ${paddingLeft};\n      padding-right: ${paddingRight};\n      border-radius: ${borderRadius};\n      font-size: ${fontSize};\n      line-height: ${fontSize};\n    `;\n  }}\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    pointer-events: none;\n    cursor: unset !important;\n  }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n  border-color: ${theme.colors.neutral.grey.dark};\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n  color: ${({ hasText }) =>\n    hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.lightest};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.lightest};\n    border-color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: ${theme.colors.neutral.grey.base} !important;\n    border-color: ${theme.colors.neutral.grey.base} !important;\n    color: ${theme.colors.neutral.ink.light} !important;\n  }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n  color: ${theme.colors.secondary.red.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    border-color: ${theme.colors.secondary.red.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n  background-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  border-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  color: var(--theme-on-primary, white);\n\n  &:hover {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n  }\n\n  &:active {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n  background-color: ${theme.colors.secondary.red.base};\n  border-color: ${theme.colors.secondary.red.base};\n  color: white;\n\n  &:hover {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n  border-color: transparent;\n  box-shadow: none;\n  color: ${theme.colors.neutral.ink.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.light};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    background-color: transparent;\n    border-color: transparent;\n  }\n`;\n\nexport const UnstyledButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.fontSize};\n  font-weight: ${theme.text.link.fontWeight};\n  line-height: ${theme.text.link.lineHeight};\n  text-decoration: ${theme.text.link.textDecoration};\n  color: ${theme.colors.secondary.blue.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  & > * + * {\n    margin-left: ${theme.sizes.xs};\n  }\n\n  &:focus-visible {\n    outline: 0;\n    box-shadow:\n      0 0 0 4px white,\n      0 0 0 8px ${theme.colors.secondary.blue.light};\n    border-radius: 4px;\n  }\n`;\n\nexport const LoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n`;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n  size: 'sm' | 'base';\n  hasText: boolean;\n  hasIcon: boolean;\n  hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n  $loading?: boolean;\n  hasText: boolean;\n  size: 'base' | 'md';\n}>`\n  display: inline-flex;\n  align-items: center;\n\n  gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n  ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n  svg {\n    width: ${({ size }) => sizes[size]};\n    height: ${({ size }) => sizes[size]};\n  }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n  position: relative;\n  box-sizing: border-box;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-family: ${theme.fontFamily};\n  font-weight: 400;\n  border: 1px solid;\n  background-color: transparent;\n  white-space: nowrap;\n\n  ${(props) => {\n    let height = '40px';\n    let paddingLeft = '24px';\n    let paddingRight = '24px';\n    let borderRadius = '8px';\n    let fontSize = '16px';\n    let outlineWidth = '4px';\n\n    if (props.hasIcon) {\n      paddingLeft = '16px';\n    }\n\n    if (props.hasDropdown) {\n      paddingRight = '16px';\n    }\n\n    if (props.size === 'sm') {\n      height = '32px';\n      paddingLeft = '16px';\n      paddingRight = '16px';\n      borderRadius = '4px';\n      fontSize = '14px';\n      outlineWidth = '2px';\n\n      if (props.hasIcon) {\n        paddingLeft = '8px';\n      }\n\n      if (props.hasDropdown) {\n        paddingRight = '8px';\n      }\n    }\n\n    if (!props.hasText) {\n      paddingLeft = '8px';\n      paddingRight = '8px';\n    }\n\n    return `\n      --outline-width: ${outlineWidth};\n\n      height: ${height};\n      padding-left: ${paddingLeft};\n      padding-right: ${paddingRight};\n      border-radius: ${borderRadius};\n      font-size: ${fontSize};\n      line-height: ${fontSize};\n    `;\n  }}\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    pointer-events: none;\n    cursor: unset !important;\n  }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n  border-color: ${theme.colors.neutral.grey.dark};\n  background-color: white;\n  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n  color: ${({ hasText }) =>\n    hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.lightest};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.lightest};\n    border-color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    box-shadow: none !important;\n    background-color: ${theme.colors.neutral.grey.base} !important;\n    border-color: ${theme.colors.neutral.grey.base} !important;\n    color: ${theme.colors.neutral.ink.light} !important;\n  }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n  color: ${theme.colors.secondary.red.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    border-color: ${theme.colors.secondary.red.base};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n    color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n  background-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  border-color: var(--theme-primary, ${theme.colors.secondary.blue.base});\n  color: var(--theme-on-primary, white);\n\n  &:hover {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n  }\n\n  &:active {\n    background-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    border-color: var(--theme-primary-hover, ${theme.colors.secondary.blue.dark});\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n  background-color: ${theme.colors.secondary.red.base};\n  border-color: ${theme.colors.secondary.red.base};\n  color: white;\n\n  &:hover {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n  }\n\n  &:active {\n    background-color: ${theme.colors.secondary.red.dark};\n    border-color: ${theme.colors.secondary.red.dark};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n  }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n  border-color: transparent;\n  box-shadow: none;\n  color: ${theme.colors.neutral.ink.base};\n\n  &:hover {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &:active {\n    background-color: ${theme.colors.neutral.grey.light};\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n  }\n\n  &:focus-visible {\n    box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n    outline: 0;\n  }\n\n  &:disabled {\n    background-color: transparent;\n    border-color: transparent;\n  }\n`;\n\nexport const UnstyledButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  padding: 0;\n  font: inherit;\n\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.fontSize};\n  font-weight: ${theme.text.link.fontWeight};\n  line-height: ${theme.text.link.lineHeight};\n  text-decoration: ${theme.text.link.textDecoration};\n  color: ${theme.colors.secondary.blue.base};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n\n  & > * + * {\n    margin-left: ${theme.sizes.xs};\n  }\n\n  &:focus-visible {\n    outline: 0;\n    box-shadow:\n      0 0 0 4px white,\n      0 0 0 8px ${theme.colors.secondary.blue.light};\n    border-radius: 4px;\n  }\n`;\n\nexport const LoadingWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0;\n`;\n"],"names":[],"mappings":"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"}

package/dist/components/Calendars/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["useCalendarState","useIsDateUnavailable","React","StyledCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,4BAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,qBAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEFH,sBAAC,CAAA,aAAA,CAAAI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACa;AAErB;;;;"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["useCalendarState","useIsDateUnavailable","React","StyledCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,4BAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,qBAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFH,sBAAA,CAAA,aAAA,CAACI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACa;AAErB;;;;"}

package/dist/components/Calendars/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEFA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACa;AAErB;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBO,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACa;AAErB;;;;"}

package/dist/components/Calendars/components/Calendar/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":["styled","Calendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIa,MAAA,cAAc,GAAGA,uBAAM,CAACC,4BAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1CC,mCAAoB,CAAA,yEAAA;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":["styled","Calendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIO,MAAM,cAAc,GAAGA,uBAAM,CAACC,4BAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1CC,mCAAoB,CAAA,yEAAA;;;;"}

package/dist/components/Calendars/components/Calendar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1C,oBAAoB,CAAA,yEAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1C,oBAAoB,CAAA,yEAAA;;;;"}