@veeqo/ui 9.4.0 → 9.5.0

package/README.md

@@ -1,6 +1,6 @@
 # Veeqo Components
 
-## Intro
+## Introduction
 
 The frontend component library for reusable components in Veeqo which aim to reflect the [Veeqo Design System](https://www.figma.com/file/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?type=design&node-id=8067-38719&mode=design&t=v1hqIzanCtyYARwt-0). When possible we should aim to re-use components in this library all over the frontend and reduce the amount of custom components we create.
 

package/dist/components/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { motion } from 'framer-motion';
 import { AccordionDetails, UnstyledAccordionSummary, Top, Left, Right, Description, UnstyledAccordionContent, AccordionSummary, AccordionContent } from './styled.js';
 import { colors } from '../../theme/modules/colors.js';
@@ -15,33 +15,33 @@ const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.n
         transition: { from: 0, type: 'tween', duration: timeout / 1000 },
     };
     if (variant === 'unstyled') {
-        return (React.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
-            React.createElement(UnstyledAccordionSummary, { onClick: handleOpen },
-                React.createElement(Top, null,
-                    React.createElement(Left, { glyphColor: glyphColor },
+        return (React__default.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
+            React__default.createElement(UnstyledAccordionSummary, { onClick: handleOpen },
+                React__default.createElement(Top, null,
+                    React__default.createElement(Left, { glyphColor: glyphColor },
                         iconSlot,
-                        React.createElement(Text, { variant: summaryTextVariant }, label)),
-                    React.createElement(Right, null,
-                        React.createElement(motion.span, { animate: {
+                        React__default.createElement(Text, { variant: summaryTextVariant }, label)),
+                    React__default.createElement(Right, null,
+                        React__default.createElement(motion.span, { animate: {
                                 rotate: shouldOpen ? 180 : 0,
                             } },
-                            React.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
-                !!description && React.createElement(Description, { variant: "hintText" }, description)),
-            shouldOpen && (React.createElement(UnstyledAccordionContent, { ...FRAMER_MOTION_CONFIG }, children))));
+                            React__default.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
+                !!description && React__default.createElement(Description, { variant: "hintText" }, description)),
+            shouldOpen && (React__default.createElement(UnstyledAccordionContent, { ...FRAMER_MOTION_CONFIG }, children))));
     }
-    return (React.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
-        React.createElement(AccordionSummary, { onClick: handleOpen },
-            React.createElement(Top, null,
-                React.createElement(Left, { glyphColor: glyphColor },
+    return (React__default.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
+        React__default.createElement(AccordionSummary, { onClick: handleOpen },
+            React__default.createElement(Top, null,
+                React__default.createElement(Left, { glyphColor: glyphColor },
                     iconSlot,
-                    React.createElement(Text, { variant: summaryTextVariant }, label)),
-                React.createElement(Right, null,
-                    React.createElement(motion.span, { animate: {
+                    React__default.createElement(Text, { variant: summaryTextVariant }, label)),
+                React__default.createElement(Right, null,
+                    React__default.createElement(motion.span, { animate: {
                             rotate: shouldOpen ? 180 : 0,
                         } },
-                        React.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
-            !!description && React.createElement(Description, { variant: "hintText" }, description)),
-        shouldOpen && React.createElement(AccordionContent, { ...FRAMER_MOTION_CONFIG }, children)));
+                        React__default.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
+            !!description && React__default.createElement(Description, { variant: "hintText" }, description)),
+        shouldOpen && React__default.createElement(AccordionContent, { ...FRAMER_MOTION_CONFIG }, children)));
 };
 
 export { Accordion };

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 180 : 0,\n                }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 180 : 0,\n              }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  AccordionSummary,\n  UnstyledAccordionSummary,\n  UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n  className,\n  children,\n  label,\n  iconSlot,\n  glyphColor = colors.neutral.ink.lightest,\n  timeout = 350,\n  description,\n  shouldOpenOnMount,\n  variant = 'default',\n  summaryTextVariant = 'body',\n}: AccordionProps) => {\n  const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n  const handleOpen = () => setShouldOpen(!shouldOpen);\n\n  const FRAMER_MOTION_CONFIG = {\n    initial: { opacity: 0 },\n    exit: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n  };\n\n  if (variant === 'unstyled') {\n    return (\n      <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n        <UnstyledAccordionSummary onClick={handleOpen}>\n          <Top>\n            <Left glyphColor={glyphColor}>\n              {iconSlot}\n              <Text variant={summaryTextVariant}>{label}</Text>\n            </Left>\n            <Right>\n              <motion.span\n                animate={{\n                  rotate: shouldOpen ? 180 : 0,\n                }}\n              >\n                <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n              </motion.span>\n            </Right>\n          </Top>\n          {!!description && <Description variant=\"hintText\">{description}</Description>}\n        </UnstyledAccordionSummary>\n        {shouldOpen && (\n          <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n        )}\n      </AccordionDetails>\n    );\n  }\n\n  return (\n    <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n      <AccordionSummary onClick={handleOpen}>\n        <Top>\n          <Left glyphColor={glyphColor}>\n            {iconSlot}\n            <Text variant={summaryTextVariant}>{label}</Text>\n          </Left>\n          <Right>\n            <motion.span\n              animate={{\n                rotate: shouldOpen ? 180 : 0,\n              }}\n            >\n              <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n            </motion.span>\n          </Right>\n        </Top>\n        {!!description && <Description variant=\"hintText\">{description}</Description>}\n      </AccordionSummary>\n      {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n    </AccordionDetails>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/ActionMenu/ActionMenu.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { Menu, Text } from 'react-aria-components';
 import { Dropdown } from '../Dropdown/Dropdown.js';
 import '../../hooks/useFocusVisible.js';
@@ -14,11 +14,11 @@ const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
             setShouldShow(false);
         e.preventDefault();
     };
-    return (React.createElement(Dropdown, { id: idComputed, style: { padding: '0' }, shouldShow: shouldShow, setShouldShow: setShouldShow, ctaProps: { size: 'sm', ...ctaProps }, useAnchorWidth: true, onKeyDown: onKeyDown },
-        React.createElement(Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === undefined ? undefined : _a.toString()) }, actions === null || actions === undefined ? undefined :
+    return (React__default.createElement(Dropdown, { id: idComputed, style: { padding: '0' }, shouldShow: shouldShow, setShouldShow: setShouldShow, ctaProps: { size: 'sm', ...ctaProps }, useAnchorWidth: true, onKeyDown: onKeyDown },
+        React__default.createElement(Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === undefined ? undefined : _a.toString()) }, actions === null || actions === undefined ? undefined :
             actions.map((action) => {
                 var _a;
-                return (React.createElement(MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === undefined ? undefined : _a.toString()) }));
+                return (React__default.createElement(MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === undefined ? undefined : _a.toString()) }));
             }),
             children)));
 };

package/dist/components/ActionMenu/ActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":[],"mappings":";;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,KAAC;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EACd,IAAA,EAAA,SAAS,EAAE,SAAS,EAAA;QAEpB,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,SAAA,GAAA,SAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxB,oBAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAI,CAAA;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}
+{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport { Menu, MenuItemProps, Text } from 'react-aria-components';\nimport { Dropdown } from '../Dropdown';\nimport { useId } from '../../hooks';\nimport { ButtonProps } from '../Button/types';\nimport { MenuItem, Section } from './styled';\n\nexport type ActionMenuProps = {\n  id?: string;\n  menuLabel?: string;\n  actions?: MenuItemProps[];\n  ctaProps: ButtonProps;\n  children?: ReactNode;\n};\n\nexport const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps) => {\n  const [shouldShow, setShouldShow] = useState(false);\n  const idComputed = useId({ id, prefix: 'action-menu' });\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLDialogElement> = (e) => {\n    if (e.code === 'Escape' || e.code === 'Tab') setShouldShow(false);\n    e.preventDefault();\n  };\n\n  return (\n    <Dropdown\n      id={idComputed}\n      style={{ padding: '0' }}\n      shouldShow={shouldShow}\n      setShouldShow={setShouldShow}\n      ctaProps={{ size: 'sm', ...ctaProps }}\n      useAnchorWidth\n      onKeyDown={onKeyDown}\n    >\n      <Menu\n        onClose={() => setShouldShow(false)}\n        aria-label={menuLabel || ctaProps.children?.toString()}\n      >\n        {actions?.map((action) => (\n          <MenuItem {...action} key={action.id || action.children?.toString()} />\n        ))}\n\n        {children}\n      </Menu>\n    </Dropdown>\n  );\n};\n\nActionMenu.Item = MenuItem;\nActionMenu.Section = Section;\nActionMenu.Text = Text;\n"],"names":["React"],"mappings":";;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,KAAC;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EACd,IAAA,EAAA,SAAS,EAAE,SAAS,EAAA;QAEpBA,cAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,SAAA,GAAA,SAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBA,6BAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAI,CAAA;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}

package/dist/components/Alerts/Alert/Alert.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { AlertContainer } from './styled.js';
 import { SpacingMap, IconSizeMap } from './constants.js';
 import { Text } from '../../Text/Text.js';
@@ -13,26 +13,26 @@ const Alert = ({ size = 'base', variant = 'default', colours: passedColours, rig
     const colours = passedColours !== null && passedColours !== undefined ? passedColours : ColourMap[variant];
     const IconSlot = iconSlot || IconMap[variant];
     const isXsSize = size === 'xs';
-    return (React.createElement(AlertContainer, { colours: colours, direction: "horizontal", alignX: "between", spacing: "0", ...divProps },
-        React.createElement(Stack, { direction: "horizontal", alignY: isXsSize ? 'center' : 'start', style: { margin: SpacingMap[size], gap: SpacingMap[size] }, spacing: 0 },
-            React.createElement(IconSlot, { "aria-hidden": true, style: {
+    return (React__default.createElement(AlertContainer, { colours: colours, direction: "horizontal", alignX: "between", spacing: "0", ...divProps },
+        React__default.createElement(Stack, { direction: "horizontal", alignY: isXsSize ? 'center' : 'start', style: { margin: SpacingMap[size], gap: SpacingMap[size] }, spacing: 0 },
+            React__default.createElement(IconSlot, { "aria-hidden": true, style: {
                     minWidth: IconSizeMap[size],
                     minHeight: IconSizeMap[size],
                     width: IconSizeMap[size],
                     height: IconSizeMap[size],
                 }, color: colours.primary }),
-            children || (React.createElement(Stack, { direction: "vertical", spacing: isXsSize ? 0 : 'xs' },
-                titleSlot || (React.createElement(Text, { variant: isXsSize ? 'bodySmallBold' : 'bodyBold', style: size === 'base' ? { lineHeight: '24px' } : {} }, title)),
-                messageSlot || React.createElement(Text, { variant: isXsSize ? 'bodySmall' : 'body' }, message)))),
-        React.createElement(Stack, { direction: "horizontal", alignX: "end", spacing: 0, style: {
+            children || (React__default.createElement(Stack, { direction: "vertical", spacing: isXsSize ? 0 : 'xs' },
+                titleSlot || (React__default.createElement(Text, { variant: isXsSize ? 'bodySmallBold' : 'bodyBold', style: size === 'base' ? { lineHeight: '24px' } : {} }, title)),
+                messageSlot || React__default.createElement(Text, { variant: isXsSize ? 'bodySmall' : 'body' }, message)))),
+        React__default.createElement(Stack, { direction: "horizontal", alignX: "end", spacing: 0, style: {
                 margin: isXsSize ? undefined : theme.sizes[3],
                 gap: isXsSize ? undefined : SpacingMap[size],
                 alignItems: 'center',
             } },
             rightActionsSlot,
-            rightActions && (React.createElement(Stack, { alignY: "center", spacing: 0, style: { gap: SpacingMap[size] } }, rightActions.map(({ label, ...actionProps }) => (React.createElement(Button, { key: label, type: "button", size: "sm", ...actionProps }, label))))),
-            onClickClose && (React.createElement(Stack, { alignY: isXsSize ? 'center' : 'start', style: { height: '100%', padding: isXsSize ? theme.sizes.xs : undefined } },
-                React.createElement(Button, { variant: "flat", iconSlot: React.createElement(CrossIcon, null), onClick: onClickClose, "aria-label": "Close", size: "sm" }))))));
+            rightActions && (React__default.createElement(Stack, { alignY: "center", spacing: 0, style: { gap: SpacingMap[size] } }, rightActions.map(({ label, ...actionProps }) => (React__default.createElement(Button, { key: label, type: "button", size: "sm", ...actionProps }, label))))),
+            onClickClose && (React__default.createElement(Stack, { alignY: isXsSize ? 'center' : 'start', style: { height: '100%', padding: isXsSize ? theme.sizes.xs : undefined } },
+                React__default.createElement(Button, { variant: "flat", iconSlot: React__default.createElement(CrossIcon, null), onClick: onClickClose, "aria-label": "Close", size: "sm" }))))));
 };
 
 export { Alert };

package/dist/components/Alerts/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../tempIcons/CrossIcon';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n  size = 'base',\n  variant = 'default',\n  colours: passedColours,\n  rightActions,\n  rightActionsSlot,\n  title,\n  titleSlot,\n  messageSlot,\n  message,\n  children,\n  iconSlot,\n  onClickClose,\n  ...divProps\n}: AlertProps) => {\n  const colours = passedColours ?? ColourMap[variant];\n  const IconSlot = iconSlot || IconMap[variant];\n\n  const isXsSize = size === 'xs';\n\n  return (\n    <AlertContainer\n      colours={colours}\n      direction=\"horizontal\"\n      alignX=\"between\"\n      spacing=\"0\"\n      {...divProps}\n    >\n      <Stack\n        direction=\"horizontal\"\n        alignY={isXsSize ? 'center' : 'start'}\n        style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n        spacing={0}\n      >\n        <IconSlot\n          aria-hidden\n          style={{\n            minWidth: IconSizeMap[size],\n            minHeight: IconSizeMap[size],\n            width: IconSizeMap[size],\n            height: IconSizeMap[size],\n          }}\n          color={colours.primary}\n        />\n\n        {children || (\n          <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n            {titleSlot || (\n              <Text\n                variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n                style={size === 'base' ? { lineHeight: '24px' } : {}}\n              >\n                {title}\n              </Text>\n            )}\n            {messageSlot || <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n          </Stack>\n        )}\n      </Stack>\n\n      <Stack\n        direction=\"horizontal\"\n        alignX=\"end\"\n        spacing={0}\n        style={{\n          margin: isXsSize ? undefined : theme.sizes[3],\n          gap: isXsSize ? undefined : SpacingMap[size],\n          alignItems: 'center',\n        }}\n      >\n        {rightActionsSlot}\n\n        {rightActions && (\n          <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n            {rightActions.map(({ label, ...actionProps }) => (\n              <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n                {label}\n              </Button>\n            ))}\n          </Stack>\n        )}\n\n        {onClickClose && (\n          <Stack\n            alignY={isXsSize ? 'center' : 'start'}\n            style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n          >\n            <Button\n              variant=\"flat\"\n              iconSlot={<CrossIcon />}\n              onClick={onClickClose}\n              aria-label=\"Close\"\n              size=\"sm\"\n            />\n          </Stack>\n        )}\n      </Stack>\n    </AlertContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AAca,MAAA,KAAK,GAAG,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,SAAS,EACnB,OAAO,EAAE,aAAa,EACtB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,GAAG,QAAQ,EACA,KAAI;AACf,IAAA,MAAM,OAAO,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAb,aAAa,GAAI,SAAS,CAAC,OAAO,CAAC;IACnD,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;AAE7C,IAAA,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI;IAE9B,QACE,oBAAC,cAAc,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,GAAG,KACP,QAAQ,EAAA;AAEZ,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAC1D,OAAO,EAAE,CAAC,EAAA;YAEV,KAAC,CAAA,aAAA,CAAA,QAAQ,EAEP,EAAA,aAAA,EAAA,IAAA,EAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;AAC3B,oBAAA,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;AACxB,oBAAA,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC;AAC1B,iBAAA,EACD,KAAK,EAAE,OAAO,CAAC,OAAO,EACtB,CAAA;AAED,YAAA,QAAQ,KACP,KAAA,CAAA,aAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAA;AACrD,gBAAA,SAAS,KACR,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,QAAQ,GAAG,eAAe,GAAG,UAAU,EAChD,KAAK,EAAE,IAAI,KAAK,MAAM,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAEnD,EAAA,KAAK,CACD,CACR;gBACA,WAAW,IAAI,oBAAC,IAAI,EAAA,EAAC,OAAO,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,EAAA,EAAG,OAAO,CAAQ,CAC1E,CACT,CACK;AAER,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7C,gBAAA,GAAG,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC;AAC5C,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,EAAA;YAEA,gBAAgB;AAEhB,YAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAA,EAChE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAC1C,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAA,GAAK,WAAW,EAAA,EACxD,KAAK,CACC,CACV,CAAC,CACI,CACT;AAEA,YAAA,YAAY,KACX,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,EAAE,EAAA;gBAEzE,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,IAAI,EACT,CAAA,CACI,CACT,CACK,CACO;AAErB;;;;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../tempIcons/CrossIcon';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n  size = 'base',\n  variant = 'default',\n  colours: passedColours,\n  rightActions,\n  rightActionsSlot,\n  title,\n  titleSlot,\n  messageSlot,\n  message,\n  children,\n  iconSlot,\n  onClickClose,\n  ...divProps\n}: AlertProps) => {\n  const colours = passedColours ?? ColourMap[variant];\n  const IconSlot = iconSlot || IconMap[variant];\n\n  const isXsSize = size === 'xs';\n\n  return (\n    <AlertContainer\n      colours={colours}\n      direction=\"horizontal\"\n      alignX=\"between\"\n      spacing=\"0\"\n      {...divProps}\n    >\n      <Stack\n        direction=\"horizontal\"\n        alignY={isXsSize ? 'center' : 'start'}\n        style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n        spacing={0}\n      >\n        <IconSlot\n          aria-hidden\n          style={{\n            minWidth: IconSizeMap[size],\n            minHeight: IconSizeMap[size],\n            width: IconSizeMap[size],\n            height: IconSizeMap[size],\n          }}\n          color={colours.primary}\n        />\n\n        {children || (\n          <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n            {titleSlot || (\n              <Text\n                variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n                style={size === 'base' ? { lineHeight: '24px' } : {}}\n              >\n                {title}\n              </Text>\n            )}\n            {messageSlot || <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n          </Stack>\n        )}\n      </Stack>\n\n      <Stack\n        direction=\"horizontal\"\n        alignX=\"end\"\n        spacing={0}\n        style={{\n          margin: isXsSize ? undefined : theme.sizes[3],\n          gap: isXsSize ? undefined : SpacingMap[size],\n          alignItems: 'center',\n        }}\n      >\n        {rightActionsSlot}\n\n        {rightActions && (\n          <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n            {rightActions.map(({ label, ...actionProps }) => (\n              <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n                {label}\n              </Button>\n            ))}\n          </Stack>\n        )}\n\n        {onClickClose && (\n          <Stack\n            alignY={isXsSize ? 'center' : 'start'}\n            style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n          >\n            <Button\n              variant=\"flat\"\n              iconSlot={<CrossIcon />}\n              onClick={onClickClose}\n              aria-label=\"Close\"\n              size=\"sm\"\n            />\n          </Stack>\n        )}\n      </Stack>\n    </AlertContainer>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Alerts/MiniAlert/MiniAlert.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ColourMap, IconMap } from '../constants.js';
 import { Text } from '../../Text/Text.js';
 import { IconStyles, TextColourMap } from './constants.js';
@@ -8,9 +8,9 @@ const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, cu
     const IconSlot = iconSlot || IconMap[variant];
     const iconColour = customIconColour !== null && customIconColour !== undefined ? customIconColour : ColourMap[variant].primary;
     const titleColour = customTitleColour !== null && customTitleColour !== undefined ? customTitleColour : TextColourMap[variant];
-    return (React.createElement(MiniAlertContainer, null,
-        React.createElement(IconSlot, { "aria-hidden": true, color: iconColour, style: IconStyles }),
-        React.createElement(Text, { variant: "bodySmallBold", style: { color: titleColour } }, title)));
+    return (React__default.createElement(MiniAlertContainer, null,
+        React__default.createElement(IconSlot, { "aria-hidden": true, color: iconColour, style: IconStyles }),
+        React__default.createElement(Text, { variant: "bodySmallBold", style: { color: titleColour } }, title)));
 };
 
 export { MiniAlert };

package/dist/components/Alerts/MiniAlert/MiniAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { ColourMap, IconMap } from '../constants';\nimport { Text } from '../../Text';\nimport { MiniAlertProps } from './types';\nimport { IconStyles, TextColourMap } from './constants';\nimport { MiniAlertContainer } from './styled';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n}: MiniAlertProps) => {\n  const IconSlot = iconSlot || IconMap[variant];\n  const iconColour = customIconColour ?? ColourMap[variant].primary;\n  const titleColour = customTitleColour ?? TextColourMap[variant];\n\n  return (\n    <MiniAlertContainer>\n      <IconSlot aria-hidden color={iconColour} style={IconStyles} />\n      <Text variant=\"bodySmallBold\" style={{ color: titleColour }}>\n        {title}\n      </Text>\n    </MiniAlertContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAOa,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACD,KAAI;IACnB,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAI,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAI,aAAa,CAAC,OAAO,CAAC;IAE/D,QACE,oBAAC,kBAAkB,EAAA,IAAA;QACjB,KAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAI,CAAA;AAC9D,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACY;AAEzB;;;;"}
+{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { ColourMap, IconMap } from '../constants';\nimport { Text } from '../../Text';\nimport { MiniAlertProps } from './types';\nimport { IconStyles, TextColourMap } from './constants';\nimport { MiniAlertContainer } from './styled';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n}: MiniAlertProps) => {\n  const IconSlot = iconSlot || IconMap[variant];\n  const iconColour = customIconColour ?? ColourMap[variant].primary;\n  const titleColour = customTitleColour ?? TextColourMap[variant];\n\n  return (\n    <MiniAlertContainer>\n      <IconSlot aria-hidden color={iconColour} style={IconStyles} />\n      <Text variant=\"bodySmallBold\" style={{ color: titleColour }}>\n        {title}\n      </Text>\n    </MiniAlertContainer>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAOa,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACD,KAAI;IACnB,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAI,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAI,aAAa,CAAC,OAAO,CAAC;IAE/D,QACEA,6BAAC,kBAAkB,EAAA,IAAA;QACjBA,cAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAI,CAAA;AAC9D,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACY;AAEzB;;;;"}

package/dist/components/Anchor/Anchor.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { CommonAnchor } from './styled.js';
 import { isExternalLink, defaultAllowedHostnames } from '../../utils/isExternalLink.js';
 
@@ -7,7 +7,7 @@ const Anchor = ({ children, href, rel, allowedHostnames = defaultAllowedHostname
     const isExternal = isExternalLink(href, allowedHostnames);
     // Set default rel property for external links
     const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);
-    return (React.createElement(CommonAnchor, { href: href, rel: setDefaultRelValue, ...props }, children));
+    return (React__default.createElement(CommonAnchor, { href: href, rel: setDefaultRelValue, ...props }, children));
 };
 
 export { Anchor };

package/dist/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React, { ReactNode, AnchorHTMLAttributes } from 'react';\n\nimport { CommonAnchor } from './styled';\nimport { defaultAllowedHostnames, isExternalLink } from '../../utils/isExternalLink';\n\nexport type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: ReactNode;\n  href: string;\n  rel?: string;\n  allowedHostnames?: string[];\n};\n\nexport const Anchor = ({\n  children,\n  href,\n  rel,\n  allowedHostnames = defaultAllowedHostnames,\n  ...props\n}: AnchorProps) => {\n  // Determine if the link is external based on the allowed hostnames\n  const isExternal = isExternalLink(href, allowedHostnames);\n  // Set default rel property for external links\n  const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n  return (\n    <CommonAnchor href={href} rel={setDefaultRelValue} {...props}>\n      {children}\n    </CommonAnchor>\n  );\n};\n"],"names":[],"mappings":";;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAG,uBAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React, { ReactNode, AnchorHTMLAttributes } from 'react';\n\nimport { CommonAnchor } from './styled';\nimport { defaultAllowedHostnames, isExternalLink } from '../../utils/isExternalLink';\n\nexport type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: ReactNode;\n  href: string;\n  rel?: string;\n  allowedHostnames?: string[];\n};\n\nexport const Anchor = ({\n  children,\n  href,\n  rel,\n  allowedHostnames = defaultAllowedHostnames,\n  ...props\n}: AnchorProps) => {\n  // Determine if the link is external based on the allowed hostnames\n  const isExternal = isExternalLink(href, allowedHostnames);\n  // Set default rel property for external links\n  const setDefaultRelValue = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n  return (\n    <CommonAnchor href={href} rel={setDefaultRelValue} {...props}>\n      {children}\n    </CommonAnchor>\n  );\n};\n"],"names":["React"],"mappings":";;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAG,uBAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}

package/dist/components/AnimatedDropdown/AnimatedDropdown.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { Container, Wrap, Dropdown } from './styled.js';
 import { useClickAway } from './hooks/useClickAway.js';
@@ -10,11 +10,11 @@ const AnimatedDropdown = ({ cta, shouldShowDropdown, children, className = 'anim
             onClickAway(event);
         }
     });
-    return (React.createElement(Container, { className: `${className}-container ${className}`, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: dropdownRef },
+    return (React__default.createElement(Container, { className: `${className}-container ${className}`, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: dropdownRef },
         !reversed && cta,
-        React.createElement(Wrap, { className: `${className}-wrap ${className}` },
-            React.createElement(CSSTransition, { in: shouldShowDropdown, timeout: timeout, classNames: transitionClassnames, unmountOnExit: true },
-                React.createElement(Dropdown, { role: "dialog", reversed: reversed, className: `${className}-basic-dropdown ${className}` }, children))),
+        React__default.createElement(Wrap, { className: `${className}-wrap ${className}` },
+            React__default.createElement(CSSTransition, { in: shouldShowDropdown, timeout: timeout, classNames: transitionClassnames, unmountOnExit: true },
+                React__default.createElement(Dropdown, { role: "dialog", reversed: reversed, className: `${className}-basic-dropdown ${className}` }, children))),
         reversed && cta));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjB,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEb,KAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}
+{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Wrap, Dropdown, Container } from './styled';\n\nimport { AnimatedDropdownProps } from './types';\nimport { useClickAway } from './hooks/useClickAway';\n\nexport const AnimatedDropdown = ({\n  cta,\n  shouldShowDropdown,\n  children,\n  className = 'animated-dropdown',\n  reversed = false,\n  onClickAway = () => {},\n  timeout = 350,\n  transitionClassnames = 'dropdown',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: AnimatedDropdownProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useClickAway(dropdownRef, (event: Event) => {\n    if (shouldShowDropdown) {\n      onClickAway(event);\n    }\n  });\n\n  return (\n    <Container\n      className={`${className}-container ${className}`}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={dropdownRef}\n    >\n      {!reversed && cta}\n      <Wrap className={`${className}-wrap ${className}`}>\n        <CSSTransition\n          in={shouldShowDropdown}\n          timeout={timeout}\n          classNames={transitionClassnames}\n          unmountOnExit\n        >\n          <Dropdown\n            role=\"dialog\"\n            reversed={reversed}\n            className={`${className}-basic-dropdown ${className}`}\n          >\n            {children}\n          </Dropdown>\n        </CSSTransition>\n      </Wrap>\n      {reversed && cta}\n    </Container>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,GAAG,EACH,kBAAkB,EAClB,QAAQ,EACR,SAAS,GAAG,mBAAmB,EAC/B,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,MAAO,GAAC,EACtB,OAAO,GAAG,GAAG,EACb,oBAAoB,GAAG,UAAU,EACjC,OAAO,EACP,YAAY,EACZ,YAAY,GACU,KAAI;AAC1B,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEhD,IAAA,YAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EACR,EAAA,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,WAAA,EAAc,SAAS,CAAA,CAAE,EAChD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,WAAW,EAAA;QAEf,CAAC,QAAQ,IAAI,GAAG;QACjBA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbA,cAAC,CAAA,aAAA,CAAA,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAmB,gBAAA,EAAA,SAAS,EAAE,EAEpD,EAAA,QAAQ,CACA,CACG,CACX;AACN,QAAA,QAAQ,IAAI,GAAG,CACN;AAEhB;;;;"}

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

@@ -1,9 +1,9 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Container } from './styled.js';
 
 const BasicDropdown = forwardRef((props, ref) => {
     const { children, className, role } = props;
-    return (React.createElement(Container, { className: className, ref: ref, role: role }, children));
+    return (React__default.createElement(Container, { className: className, ref: ref, role: role }, children));
 });
 
 export { BasicDropdown };

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":[],"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,QACE,KAAC,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":";;;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;;;;"}

package/dist/components/Avatar/Avatar.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { theme } from '../../theme/index.js';
 import { AvatarSC } from './styled.js';
 
 /* eslint-disable react/no-array-index-key */
 const Avatar = ({ width = '40px', name = 'Veeqo', bgColor = theme.colors.secondary.blue.base, textColor = '#ffffff', }) => {
     const userInitials = name.toUpperCase().match(/\b(\w)/g);
-    return (React.createElement(AvatarSC, { width: width, bgColor: bgColor, textColor: textColor, className: "avatar" }, userInitials === null || userInitials === undefined ? undefined : userInitials.slice(0, 2).map((initial, i) => React.createElement("span", { key: `${initial}-${i}` }, initial))));
+    return (React__default.createElement(AvatarSC, { width: width, bgColor: bgColor, textColor: textColor, className: "avatar" }, userInitials === null || userInitials === undefined ? undefined : userInitials.slice(0, 2).map((initial, i) => React__default.createElement("span", { key: `${initial}-${i}` }, initial))));
 };
 
 export { Avatar };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n\nimport React from 'react';\nimport { theme } from '../../theme';\nimport { AvatarSC } from './styled';\nimport { AvatarProps } from './types';\n\nexport const Avatar = ({\n  width = '40px',\n  name = 'Veeqo',\n  bgColor = theme.colors.secondary.blue.base,\n  textColor = '#ffffff',\n}: AvatarProps) => {\n  const userInitials = name.toUpperCase().match(/\\b(\\w)/g);\n\n  return (\n    <AvatarSC width={width} bgColor={bgColor} textColor={textColor} className=\"avatar\">\n      {userInitials\n        ?.slice(0, 2)\n        .map((initial, i) => <span key={`${initial}-${i}`}>{initial}</span>)}\n    </AvatarSC>\n  );\n};\n"],"names":[],"mappings":";;;;AAAA;AAOO,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC1C,SAAS,GAAG,SAAS,GACT,KAAI;IAChB,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;IAExD,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,EAC/E,EAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CACT,KAAK,CAAC,CAAC,EAAE,CAAC,CAAA,CACX,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,EAAG,EAAA,OAAO,CAAQ,CAAC,CAC7D;AAEf;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\n\nimport React from 'react';\nimport { theme } from '../../theme';\nimport { AvatarSC } from './styled';\nimport { AvatarProps } from './types';\n\nexport const Avatar = ({\n  width = '40px',\n  name = 'Veeqo',\n  bgColor = theme.colors.secondary.blue.base,\n  textColor = '#ffffff',\n}: AvatarProps) => {\n  const userInitials = name.toUpperCase().match(/\\b(\\w)/g);\n\n  return (\n    <AvatarSC width={width} bgColor={bgColor} textColor={textColor} className=\"avatar\">\n      {userInitials\n        ?.slice(0, 2)\n        .map((initial, i) => <span key={`${initial}-${i}`}>{initial}</span>)}\n    </AvatarSC>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAAA;AAOO,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC1C,SAAS,GAAG,SAAS,GACT,KAAI;IAChB,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;IAExD,QACEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,EAC/E,EAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CACT,KAAK,CAAC,CAAC,EAAE,CAAC,CAAA,CACX,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,EAAG,EAAA,OAAO,CAAQ,CAAC,CAC7D;AAEf;;;;"}

package/dist/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { DefaultBadge, PrimaryBadge, WarningBadge } from './styled.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
@@ -10,10 +10,10 @@ const variantMap = {
 };
 const Badge = ({ variant = 'default', hideBorder = false, iconSlot, tooltip, className, e2eClassName, children, }) => {
     const BadgeVariant = variantMap[variant];
-    return (React.createElement(Tooltip, { text: tooltip },
-        React.createElement(BadgeVariant, { className: buildClassnames([className, e2eClassName]), hideBorder: hideBorder },
+    return (React__default.createElement(Tooltip, { text: tooltip },
+        React__default.createElement(BadgeVariant, { className: buildClassnames([className, e2eClassName]), hideBorder: hideBorder },
             iconSlot && iconSlot,
-            children && React.createElement("span", null, children))));
+            children && React__default.createElement("span", null, children))));
 };
 
 export { Badge };

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":[],"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,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,IAAI,EAAE,OAAO,EAAA;AACpB,QAAA,KAAA,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,IAAI,KAAO,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;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;;;;"}

package/dist/components/Banner/Banner.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { colors } from '../../theme/modules/colors.js';
 import { Pill as BannerLayout, Row, IconCol, ChildContainer, HeaderCol, Text as StyledText, Col } from './styled.js';
 import { Button } from '../Button/Button.js';
@@ -16,12 +16,12 @@ const accentColors = {
  */
 const Banner = ({ type = 'info', text, iconSlot, onClose, className, header, children, backgroundColor = 'white', ...props }) => {
     const accentColor = accentColors[type];
-    return (React.createElement(BannerLayout, { accentColor: accentColor, className: className, backgroundColor: backgroundColor, ...props },
-        React.createElement(Row, null,
-            iconSlot && (React.createElement(IconCol, { style: { marginRight: sizes.md }, accentColor: accentColor }, iconSlot)),
-            children ? (React.createElement(ChildContainer, null, children)) : (React.createElement(React.Fragment, null,
-                React.createElement(HeaderCol, null, header || React.createElement(StyledText, { variant: "headingSmall" }, text)),
-                React.createElement(Col, null, onClose && (React.createElement(Button, { variant: "flat", "aria-label": "Close", iconSlot: React.createElement(CrossIcon, null), onClick: onClose }))))))));
+    return (React__default.createElement(BannerLayout, { accentColor: accentColor, className: className, backgroundColor: backgroundColor, ...props },
+        React__default.createElement(Row, null,
+            iconSlot && (React__default.createElement(IconCol, { style: { marginRight: sizes.md }, accentColor: accentColor }, iconSlot)),
+            children ? (React__default.createElement(ChildContainer, null, children)) : (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(HeaderCol, null, header || React__default.createElement(StyledText, { variant: "headingSmall" }, text)),
+                React__default.createElement(Col, null, onClose && (React__default.createElement(Button, { variant: "flat", "aria-label": "Close", iconSlot: React__default.createElement(CrossIcon, null), onClick: onClose }))))))));
 };
 
 export { Banner };

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 '../../tempIcons/CrossIcon';\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":["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,QACE,KAAC,CAAA,aAAA,CAAAA,YAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACP,KAAC,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,IACP,KAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3C,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAI,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAE,KAAA,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 '../../tempIcons/CrossIcon';\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;;;;"}

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,13 +1,13 @@
-import React from 'react';
+import React__default from 'react';
 import { BreadcrumbsSC } from './components/styled.js';
 import { RightArrowIcon } from '../../tempIcons/RightArrowIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { Breadcrumb } from './components/Breadcrumb.js';
 
-const DefaultSeparator = () => (React.createElement(RightArrowIcon, { className: "separator", width: sizes.base, height: sizes.base }));
-const DefaultLink = ({ children, href }) => React.createElement("a", { href: href }, children);
-const BreadcrumbText = ({ children }) => React.createElement("span", null, children);
-const Breadcrumbs = ({ items, Separator = React.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React.createElement(BreadcrumbsSC, { className: "breadcrumbs" }, items.map((item, i) => (React.createElement(Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
+const DefaultSeparator = () => (React__default.createElement(RightArrowIcon, { className: "separator", width: sizes.base, height: sizes.base }));
+const DefaultLink = ({ children, href }) => React__default.createElement("a", { href: href }, children);
+const BreadcrumbText = ({ children }) => React__default.createElement("span", null, children);
+const Breadcrumbs = ({ items, Separator = React__default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.createElement(BreadcrumbsSC, { className: "breadcrumbs" }, items.map((item, i) => (React__default.createElement(Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));
 
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.js.map

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 '../../tempIcons/RightArrowIcon';\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":[],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvB,KAAA,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,KAAK,2BAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAK,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAG,oBAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjB,oBAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjB,KAAC,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 '../../tempIcons/RightArrowIcon';\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;;;;"}

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

@@ -1,13 +1,13 @@
-import React from 'react';
+import React__default from 'react';
 import { BreadcrumbSC } from './styled.js';
 
 const Breadcrumb = ({ children, title, LinkComponent, href }) => {
     if (LinkComponent) {
-        return (React.createElement(BreadcrumbSC, { className: "breadcrumb" },
-            React.createElement(LinkComponent, { href: href }, title),
+        return (React__default.createElement(BreadcrumbSC, { className: "breadcrumb" },
+            React__default.createElement(LinkComponent, { href: href }, title),
             children));
     }
-    return (React.createElement(BreadcrumbSC, { className: "breadcrumb" },
+    return (React__default.createElement(BreadcrumbSC, { className: "breadcrumb" },
         title,
         children));
 };

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":[],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,SAAS,EAAC,YAAY,EAAA;AAClC,YAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB;AACD,IAAA,QACE,KAAC,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,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;;;;"}

package/dist/components/Button/Button.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Loader } from '../Loader/Loader.js';
 import { UnstyledButton, MainContent, LoadingWrapper, DefaultButton, PrimaryButton, DefaultDestructiveButton, PrimaryDestructiveButton, FlatButton, LinkButton } from './components/styled.js';
 import { DropdownIcon } from '../../tempIcons/DropdownIcon.js';
@@ -14,18 +14,18 @@ const variantMap = {
 };
 const Button = forwardRef(({ className, children, iconSlot, variant = 'default', size = 'base', dropdown = false, loading = false, contentStyles, ...otherProps }, ref) => {
     if (variant === 'unstyled') {
-        return (React.createElement(UnstyledButton, { ref: ref, className: className, ...otherProps }, children));
+        return (React__default.createElement(UnstyledButton, { ref: ref, className: className, ...otherProps }, children));
     }
     const VariantButton = variantMap[variant];
     const hasChildren = children !== undefined;
     const hasIcon = !!iconSlot;
-    return (React.createElement(VariantButton, { ref: ref, className: className, size: size, hasText: hasChildren, hasIcon: hasIcon, hasDropdown: dropdown, ...otherProps },
-        (hasChildren || hasIcon) && (React.createElement(MainContent, { "$loading": loading, hasText: !!children, size: children || size === 'sm' ? 'base' : 'md', style: contentStyles },
+    return (React__default.createElement(VariantButton, { ref: ref, className: className, size: size, hasText: hasChildren, hasIcon: hasIcon, hasDropdown: dropdown, ...otherProps },
+        (hasChildren || hasIcon) && (React__default.createElement(MainContent, { "$loading": loading, hasText: !!children, size: children || size === 'sm' ? 'base' : 'md', style: contentStyles },
             iconSlot && iconSlot,
             children !== undefined && children,
-            dropdown && React.createElement(DropdownIcon, null))),
-        loading && (React.createElement(LoadingWrapper, null,
-            React.createElement(Loader, null)))));
+            dropdown && React__default.createElement(DropdownIcon, null))),
+        loading && (React__default.createElement(LoadingWrapper, null,
+            React__default.createElement(Loader, null)))));
 });
 
 export { Button };

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';\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 '../../tempIcons/DropdownIcon';\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\nexport const Button = 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"],"names":[],"mappings":";;;;;AAkBA,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;AAEY,MAAA,MAAM,GAAG,UAAU,CAC9B,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,QACE,KAAC,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,QACE,KAAA,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,MACtB,KAAA,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,IAAI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACjB,CACf;QAEA,OAAO,KACN,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA;AACb,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAG,IAAA,CAAA,CACK,CAClB,CACa;AAEpB,CAAC;;;;"}
+{"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';\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 '../../tempIcons/DropdownIcon';\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\nexport const Button = 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"],"names":["React"],"mappings":";;;;;AAkBA,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;AAEY,MAAA,MAAM,GAAG,UAAU,CAC9B,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;;;;"}