@veeqo/ui 9.0.0-beta-v2-1 → 9.0.1

package/README.md

@@ -53,3 +53,18 @@ Versioning will happen on the `package.json` version number, and is for the libr
 **If you run the script more than once** we will have duplicate tags, which will ruin the changelog (easy to spot) and stop us using those versions in the future. Please use `npm tags:remove v<yourversion>` to remove the tag.
 
 After this is done, merge your PR and GitHub actions will do the rest! If your version hasn't deployed within a few mins ([check here](https://www.npmjs.com/package/@veeqo/ui?activeTab=versions)), please reach out on slack.
+
+#### Local Linking
+
+_Can't figure out getting NPM Link to work, which would be ideal... this is one alternative._
+
+From this repo run `npm run build:tarball` this will create a tarball file, similar to what is brought down from NPM and allow you to install that on other projects (like Veeqo) by updating the dependency in the package.json like:
+
+```json
+    "@veeqo/ui": "file:../veeqo-ui/veeqo-ui.tgz"
+```
+
+Alternatively you can deploy to npm with a beta version, as long as you are part of our NPM org:
+
+- Update version number to `<next-version>-beta-<attempt_num>`, i.e. 9.0.0-beta-2
+- Run `npm publish --tag beta` to publish this with a beta tag (**important**)

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[null],"names":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","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":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[null],"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":[],"mappings":"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"}

package/dist/components/Accordion/styled.cjs

@@ -11,20 +11,20 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const TapBarChild = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--TapBarChild", componentId: "vui--vb6lvt" }) `display:flex;flex-direction:row;align-items:center;`;
-const Left = styled__default.default(TapBarChild).withConfig({ displayName: "vui--Left", componentId: "vui--19b2coz" }) `svg{margin-right:12px;height:${sizes.sizes.base};width:${sizes.sizes.base};color:${({ glyphColor }) => glyphColor};}`;
-const Right = styled__default.default(TapBarChild).withConfig({ displayName: "vui--Right", componentId: "vui--13mhsyo" }) `justify-content:flex-end;flex-grow:2;`;
+const TapBarChild = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--TapBarChild", componentId: "vui--3ngcs3" }) `display:flex;flex-direction:row;align-items:center;`;
+const Left = styled__default.default(TapBarChild).withConfig({ displayName: "vui--Left", componentId: "vui--sjvmul" }) `svg{margin-right:12px;height:${sizes.sizes.base};width:${sizes.sizes.base};color:${({ glyphColor }) => glyphColor};}`;
+const Right = styled__default.default(TapBarChild).withConfig({ displayName: "vui--Right", componentId: "vui--1mm1lxm" }) `justify-content:flex-end;flex-grow:2;`;
 /**
  * Due to unique behaviour observed in Safari, we override the outline property when
  * the accordion is focussed.
  */
-const AccordionSummary = styled__default.default.summary.withConfig({ displayName: "vui--AccordionSummary", componentId: "vui--1lgp9cv" }) `display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${index.theme.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
-const Top = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Top", componentId: "vui--11peosj" }) `display:flex;flex-direction:row;align-items:center;height:16px;`;
-const Description = styled__default.default(Text.Text).withConfig({ displayName: "vui--Description", componentId: "vui--1e00qnt" }) `margin-top:8px;`;
-const AccordionContent = styled__default.default(framerMotion.motion(BaseContainer.BaseContainer)).withConfig({ displayName: "vui--AccordionContent", componentId: "vui--2wgxvx" }) `margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`;
-const AccordionDetails = styled__default.default.details.withConfig({ displayName: "vui--AccordionDetails", componentId: "vui--1dg5oex" }) `summary{list-style-type:none;::-webkit-details-marker{display:none;}}`;
-const UnstyledAccordionContent = styled__default.default(framerMotion.motion(BaseContainer.BaseContainer)).withConfig({ displayName: "vui--UnstyledAccordionContent", componentId: "vui--15qdyaz" }) ``;
-const UnstyledAccordionSummary = styled__default.default.summary.withConfig({ displayName: "vui--UnstyledAccordionSummary", componentId: "vui--1v24yw5" }) `&:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
+const AccordionSummary = styled__default.default.summary.withConfig({ displayName: "vui--AccordionSummary", componentId: "vui--1moens1" }) `display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${index.theme.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
+const Top = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Top", componentId: "vui--7euo6s" }) `display:flex;flex-direction:row;align-items:center;height:16px;`;
+const Description = styled__default.default(Text.Text).withConfig({ displayName: "vui--Description", componentId: "vui--1snn6nn" }) `margin-top:8px;`;
+const AccordionContent = styled__default.default(framerMotion.motion(BaseContainer.BaseContainer)).withConfig({ displayName: "vui--AccordionContent", componentId: "vui--to1g7a" }) `margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`;
+const AccordionDetails = styled__default.default.details.withConfig({ displayName: "vui--AccordionDetails", componentId: "vui--g3berv" }) `summary{list-style-type:none;::-webkit-details-marker{display:none;}}`;
+const UnstyledAccordionContent = styled__default.default(framerMotion.motion(BaseContainer.BaseContainer)).withConfig({ displayName: "vui--UnstyledAccordionContent", componentId: "vui--59wczx" }) ``;
+const UnstyledAccordionSummary = styled__default.default.summary.withConfig({ displayName: "vui--UnstyledAccordionSummary", componentId: "vui--fyolu6" }) `&:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
 
 exports.Text = Text.Text;
 exports.AccordionContent = AccordionContent;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","sizes","theme","Text","motion"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,WAAW,GAAGA,uBAAM,CAACC,2BAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAGD,uBAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAAE,WAAK,CAAC,IAAI,CACX,OAAA,EAAAA,WAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAGF,uBAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,OAAO,yMAQjBG,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAGH,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,WAAW,GAAGD,uBAAM,CAACI,SAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAGJ,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAGD,uBAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAGA,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAGD,uBAAM,CAAC,OAAO,wIAGnBG,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { theme } from '../../theme';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst TapBarChild = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst Left = styled(TapBarChild)<{ glyphColor: string }>`\n  svg {\n    margin-right: 12px;\n    height: ${sizes.base};\n    width: ${sizes.base};\n\n    color: ${({ glyphColor }) => glyphColor};\n  }\n`;\n\nconst Right = styled(TapBarChild as any)`\n  justify-content: flex-end;\n  flex-grow: 2;\n`;\n\n/**\n * Due to unique behaviour observed in Safari, we override the outline property when\n * the accordion is focussed.\n */\nconst AccordionSummary = styled.summary`\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n\n  :focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  :active {\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst Top = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n`;\n\nconst Description = styled(Text)`\n  margin-top: 8px;\n`;\n\nconst AccordionContent = styled(motion(BaseContainer))`\n  margin-top: 4px;\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n`;\n\nconst AccordionDetails = styled.details`\n  summary {\n    list-style-type: none;\n    ::-webkit-details-marker {\n      display: none;\n    }\n  }\n`;\n\nconst UnstyledAccordionContent = styled(motion(BaseContainer))``;\n\nconst UnstyledAccordionSummary = styled.summary`\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport {\n  AccordionSummary,\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  UnstyledAccordionContent,\n  UnstyledAccordionSummary,\n};\n"],"names":["styled","BaseContainer","sizes","theme","Text","motion"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,WAAW,GAAGA,uBAAM,CAACC,2BAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAGD,uBAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAAE,WAAK,CAAC,IAAI,CACX,OAAA,EAAAA,WAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAGF,uBAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,OAAO,yMAQjBG,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAGH,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,WAAW,GAAGD,uBAAM,CAACI,SAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAGJ,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAGD,uBAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAGA,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAGD,uBAAM,CAAC,OAAO,uIAGnBG,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;;;;;;;;;;"}

package/dist/components/Accordion/styled.js

@@ -5,20 +5,20 @@ import { Text } from '../Text/Text.js';
 import { theme } from '../../theme/index.js';
 import { sizes } from '../../theme/modules/sizes.js';
 
-const TapBarChild = styled(BaseContainer).withConfig({ displayName: "vui--TapBarChild", componentId: "vui--vb6lvt" }) `display:flex;flex-direction:row;align-items:center;`;
-const Left = styled(TapBarChild).withConfig({ displayName: "vui--Left", componentId: "vui--19b2coz" }) `svg{margin-right:12px;height:${sizes.base};width:${sizes.base};color:${({ glyphColor }) => glyphColor};}`;
-const Right = styled(TapBarChild).withConfig({ displayName: "vui--Right", componentId: "vui--13mhsyo" }) `justify-content:flex-end;flex-grow:2;`;
+const TapBarChild = styled(BaseContainer).withConfig({ displayName: "vui--TapBarChild", componentId: "vui--3ngcs3" }) `display:flex;flex-direction:row;align-items:center;`;
+const Left = styled(TapBarChild).withConfig({ displayName: "vui--Left", componentId: "vui--sjvmul" }) `svg{margin-right:12px;height:${sizes.base};width:${sizes.base};color:${({ glyphColor }) => glyphColor};}`;
+const Right = styled(TapBarChild).withConfig({ displayName: "vui--Right", componentId: "vui--1mm1lxm" }) `justify-content:flex-end;flex-grow:2;`;
 /**
  * Due to unique behaviour observed in Safari, we override the outline property when
  * the accordion is focussed.
  */
-const AccordionSummary = styled.summary.withConfig({ displayName: "vui--AccordionSummary", componentId: "vui--1lgp9cv" }) `display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${theme.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}`;
-const Top = styled(BaseContainer).withConfig({ displayName: "vui--Top", componentId: "vui--11peosj" }) `display:flex;flex-direction:row;align-items:center;height:16px;`;
-const Description = styled(Text).withConfig({ displayName: "vui--Description", componentId: "vui--1e00qnt" }) `margin-top:8px;`;
-const AccordionContent = styled(motion(BaseContainer)).withConfig({ displayName: "vui--AccordionContent", componentId: "vui--2wgxvx" }) `margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`;
-const AccordionDetails = styled.details.withConfig({ displayName: "vui--AccordionDetails", componentId: "vui--1dg5oex" }) `summary{list-style-type:none;::-webkit-details-marker{display:none;}}`;
-const UnstyledAccordionContent = styled(motion(BaseContainer)).withConfig({ displayName: "vui--UnstyledAccordionContent", componentId: "vui--15qdyaz" }) ``;
-const UnstyledAccordionSummary = styled.summary.withConfig({ displayName: "vui--UnstyledAccordionSummary", componentId: "vui--1v24yw5" }) `&:focus{outline:none;box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}`;
+const AccordionSummary = styled.summary.withConfig({ displayName: "vui--AccordionSummary", componentId: "vui--1moens1" }) `display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${theme.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}`;
+const Top = styled(BaseContainer).withConfig({ displayName: "vui--Top", componentId: "vui--7euo6s" }) `display:flex;flex-direction:row;align-items:center;height:16px;`;
+const Description = styled(Text).withConfig({ displayName: "vui--Description", componentId: "vui--1snn6nn" }) `margin-top:8px;`;
+const AccordionContent = styled(motion(BaseContainer)).withConfig({ displayName: "vui--AccordionContent", componentId: "vui--to1g7a" }) `margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`;
+const AccordionDetails = styled.details.withConfig({ displayName: "vui--AccordionDetails", componentId: "vui--g3berv" }) `summary{list-style-type:none;::-webkit-details-marker{display:none;}}`;
+const UnstyledAccordionContent = styled(motion(BaseContainer)).withConfig({ displayName: "vui--UnstyledAccordionContent", componentId: "vui--59wczx" }) ``;
+const UnstyledAccordionSummary = styled.summary.withConfig({ displayName: "vui--UnstyledAccordionSummary", componentId: "vui--fyolu6" }) `&:focus{outline:none;box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}`;
 
 export { AccordionContent, AccordionDetails, AccordionSummary, Description, Left, Right, Text, Top, UnstyledAccordionContent, UnstyledAccordionSummary };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAA,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,yMAQjB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOjC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAG,MAAM,CAAC,OAAO,wIAGnB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { theme } from '../../theme';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst TapBarChild = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst Left = styled(TapBarChild)<{ glyphColor: string }>`\n  svg {\n    margin-right: 12px;\n    height: ${sizes.base};\n    width: ${sizes.base};\n\n    color: ${({ glyphColor }) => glyphColor};\n  }\n`;\n\nconst Right = styled(TapBarChild as any)`\n  justify-content: flex-end;\n  flex-grow: 2;\n`;\n\n/**\n * Due to unique behaviour observed in Safari, we override the outline property when\n * the accordion is focussed.\n */\nconst AccordionSummary = styled.summary`\n  display: flex;\n  flex-direction: column;\n  padding: 12px;\n  border-radius: 4px;\n  user-select: none;\n  cursor: pointer;\n\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n\n  :focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n\n  :active {\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst Top = styled(BaseContainer)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 16px;\n`;\n\nconst Description = styled(Text)`\n  margin-top: 8px;\n`;\n\nconst AccordionContent = styled(motion(BaseContainer))`\n  margin-top: 4px;\n  background: rgba(217, 235, 248, 0.5);\n  padding: 10px 26px;\n`;\n\nconst AccordionDetails = styled.details`\n  summary {\n    list-style-type: none;\n    ::-webkit-details-marker {\n      display: none;\n    }\n  }\n`;\n\nconst UnstyledAccordionContent = styled(motion(BaseContainer))``;\n\nconst UnstyledAccordionSummary = styled.summary`\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nexport {\n  AccordionSummary,\n  Top,\n  Text,\n  Left,\n  Right,\n  Description,\n  AccordionDetails,\n  AccordionContent,\n  UnstyledAccordionContent,\n  UnstyledAccordionSummary,\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAA,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,yMAQjB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOjC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAG,MAAM,CAAC,OAAO,uIAGnB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}

package/dist/components/ActionMenu/ActionMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":[null],"names":["useState","useId","React","Dropdown","Menu","MenuItem","Section","Text"],"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,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,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,QACEC,sBAAC,CAAA,aAAA,CAAAC,iBAAQ,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;QAEpBD,sBAAC,CAAA,aAAA,CAAAE,wBAAI,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,QACxBF,qCAACG,eAAQ,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,GAAGA,eAAQ;AAC1B,UAAU,CAAC,OAAO,GAAGC,cAAO;AAC5B,UAAU,CAAC,IAAI,GAAGC,wBAAI;;;;"}
+{"version":3,"file":"ActionMenu.cjs","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":["useState","useId","React","Dropdown","Menu","MenuItem","Section","Text"],"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,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,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,QACEC,sBAAC,CAAA,aAAA,CAAAC,iBAAQ,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;QAEpBD,sBAAC,CAAA,aAAA,CAAAE,wBAAI,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,QACxBF,qCAACG,eAAQ,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,GAAGA,eAAQ;AAC1B,UAAU,CAAC,OAAO,GAAGC,cAAO;AAC5B,UAAU,CAAC,IAAI,GAAGC,wBAAI;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":[null],"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":[],"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;;;;"}

package/dist/components/ActionMenu/styled.cjs

@@ -9,8 +9,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const MenuItem = styled__default.default(reactAriaComponents.MenuItem).withConfig({ displayName: "vui--MenuItem", componentId: "vui--107kdhy" }) `display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${index.theme.sizes.xs};padding:${index.theme.sizes.sm};border-radius:${index.theme.radius.base};outline:0;&:is(a){${utils.getTextStyles(index.theme.text.link)}}&:is(div){${utils.getTextStyles(index.theme.text.body)}}white-space:nowrap;&[data-focused]{color:${index.theme.colors.secondary.blue.base};box-shadow:0 0 0 4px ${index.theme.colors.secondary.blue.light};}&[data-hovered]{background-color:${index.theme.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${index.theme.colors.neutral.grey.lightest};color:${index.theme.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${index.theme.colors.neutral.ink.light};font-size:12px;}`;
-const Section = styled__default.default(reactAriaComponents.Section).withConfig({ displayName: "vui--Section", componentId: "vui--z4sp4" }) `&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${index.theme.colors.neutral.grey.base};padding-top:0.5rem;}`;
+const MenuItem = styled__default.default(reactAriaComponents.MenuItem).withConfig({ displayName: "vui--MenuItem", componentId: "vui--1vhrzmz" }) `display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${index.theme.sizes.xs};padding:${index.theme.sizes.sm};border-radius:${index.theme.radius.base};outline:0;&:is(a){${utils.getTextStyles(index.theme.text.link)}}&:is(div){${utils.getTextStyles(index.theme.text.body)}}white-space:nowrap;&[data-focused]{color:${index.theme.colors.secondary.blue.base};box-shadow:0 0 0 4px ${index.theme.colors.secondary.blue.light};}&[data-hovered]{background-color:${index.theme.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${index.theme.colors.neutral.grey.lightest};color:${index.theme.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${index.theme.colors.neutral.ink.light};font-size:12px;}`;
+const Section = styled__default.default(reactAriaComponents.Section).withConfig({ displayName: "vui--Section", componentId: "vui--1lpesff" }) `&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${index.theme.colors.neutral.grey.base};padding-top:0.5rem;}`;
 
 exports.MenuItem = MenuItem;
 exports.Section = Section;

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":[null],"names":["styled","AriaMenuItem","theme","getTextStyles","AriaSection"],"mappings":";;;;;;;;;;;MAKa,QAAQ,GAAGA,uBAAM,CAACC,4BAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhCC,WAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAAC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAGF,uBAAM,CAACI,2BAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGdF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["styled","AriaMenuItem","theme","getTextStyles","AriaSection"],"mappings":";;;;;;;;;;;MAKa,QAAQ,GAAGA,uBAAM,CAACC,4BAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhCC,WAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAAC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAGF,uBAAM,CAACI,2BAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGdF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;"}

package/dist/components/ActionMenu/styled.js

@@ -3,8 +3,8 @@ import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
 import { getTextStyles } from '../../theme/utils.js';
 
-const MenuItem = styled(MenuItem$1).withConfig({ displayName: "vui--MenuItem", componentId: "vui--107kdhy" }) `display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${theme.sizes.xs};padding:${theme.sizes.sm};border-radius:${theme.radius.base};outline:0;&:is(a){${getTextStyles(theme.text.link)}}&:is(div){${getTextStyles(theme.text.body)}}white-space:nowrap;&[data-focused]{color:${theme.colors.secondary.blue.base};box-shadow:0 0 0 4px ${theme.colors.secondary.blue.light};}&[data-hovered]{background-color:${theme.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${theme.colors.neutral.grey.lightest};color:${theme.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${theme.colors.neutral.ink.light};font-size:12px;}`;
-const Section = styled(Section$1).withConfig({ displayName: "vui--Section", componentId: "vui--z4sp4" }) `&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${theme.colors.neutral.grey.base};padding-top:0.5rem;}`;
+const MenuItem = styled(MenuItem$1).withConfig({ displayName: "vui--MenuItem", componentId: "vui--1vhrzmz" }) `display:grid;grid-template-areas:'label''description';cursor:pointer;margin:${theme.sizes.xs};padding:${theme.sizes.sm};border-radius:${theme.radius.base};outline:0;&:is(a){${getTextStyles(theme.text.link)}}&:is(div){${getTextStyles(theme.text.body)}}white-space:nowrap;&[data-focused]{color:${theme.colors.secondary.blue.base};box-shadow:0 0 0 4px ${theme.colors.secondary.blue.light};}&[data-hovered]{background-color:${theme.colors.neutral.grey.light};}&[data-disabled]{cursor:not-allowed;background-color:${theme.colors.neutral.grey.lightest};color:${theme.colors.neutral.ink.light};}[slot='label']{grid-area:label;}[slot='description']{grid-area:description;color:${theme.colors.neutral.ink.light};font-size:12px;}`;
+const Section = styled(Section$1).withConfig({ displayName: "vui--Section", componentId: "vui--1lpesff" }) `&:not(:first-child){margin-top:0.5rem;border-top:1px solid ${theme.colors.neutral.grey.base};padding-top:0.5rem;}`;
 
 export { MenuItem, Section };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":[null],"names":["AriaMenuItem","AriaSection"],"mappings":";;;;;MAKa,QAAQ,GAAG,MAAM,CAACA,UAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhC,KAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACR,KAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAA,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAG,MAAM,CAACC,SAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":["import { MenuItem as AriaMenuItem, Section as AriaSection } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { getTextStyles } from '../../theme/utils';\n\nexport const MenuItem = styled(AriaMenuItem)`\n  display: grid;\n  grid-template-areas:\n    'label'\n    'description';\n\n  cursor: pointer;\n  margin: ${theme.sizes.xs};\n  padding: ${theme.sizes.sm};\n  border-radius: ${theme.radius.base};\n  outline: 0;\n\n  &:is(a) {\n    ${getTextStyles(theme.text.link)}\n  }\n  &:is(div) {\n    ${getTextStyles(theme.text.body)}\n  }\n\n  white-space: nowrap;\n\n  &[data-focused] {\n    color: ${theme.colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n  &[data-hovered] {\n    background-color: ${theme.colors.neutral.grey.light};\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    background-color: ${theme.colors.neutral.grey.lightest};\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  [slot='label'] {\n    grid-area: label;\n  }\n\n  [slot='description'] {\n    grid-area: description;\n    color: ${theme.colors.neutral.ink.light};\n    font-size: 12px;\n  }\n`;\n\nexport const Section = styled(AriaSection)`\n  &:not(:first-child) {\n    margin-top: 0.5rem;\n    border-top: 1px solid ${theme.colors.neutral.grey.base};\n    padding-top: 0.5rem;\n  }\n`;\n"],"names":["AriaMenuItem","AriaSection"],"mappings":";;;;;MAKa,QAAQ,GAAG,MAAM,CAACA,UAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhC,KAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACR,KAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAA,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAG,MAAM,CAACC,SAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":[null],"names":["ColourMap","IconMap","React","AlertContainer","Stack","SpacingMap","IconSizeMap","Text","theme","Button","CrossIcon"],"mappings":"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"}
+{"version":3,"file":"Alert.cjs","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":["ColourMap","IconMap","React","AlertContainer","Stack","SpacingMap","IconSizeMap","Text","theme","Button","CrossIcon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"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":"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"}

package/dist/components/Alerts/Alert/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"sourcesContent":[null],"names":["theme"],"mappings":";;;;AAIa,MAAA,UAAU,GAA+B;AACpD,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;;AAGP,MAAA,WAAW,GAA+B;AACrD,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AACpB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"sourcesContent":["import { theme } from '../../../theme';\n\nimport type { AlertSizes } from './types';\n\nexport const SpacingMap: Record<AlertSizes, string> = {\n  base: theme.sizes.base,\n  sm: theme.sizes[3],\n  xs: theme.sizes.sm,\n};\n\nexport const IconSizeMap: Record<AlertSizes, string> = {\n  base: theme.sizes.md, // 24px\n  sm: theme.sizes[5], // 20px\n  xs: theme.sizes[5],\n};\n"],"names":["theme"],"mappings":";;;;AAIa,MAAA,UAAU,GAA+B;AACpD,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;;AAGP,MAAA,WAAW,GAA+B;AACrD,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AACpB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIa,MAAA,UAAU,GAA+B;AACpD,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;;AAGP,MAAA,WAAW,GAA+B;AACrD,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AACpB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Alerts/Alert/constants.ts"],"sourcesContent":["import { theme } from '../../../theme';\n\nimport type { AlertSizes } from './types';\n\nexport const SpacingMap: Record<AlertSizes, string> = {\n  base: theme.sizes.base,\n  sm: theme.sizes[3],\n  xs: theme.sizes.sm,\n};\n\nexport const IconSizeMap: Record<AlertSizes, string> = {\n  base: theme.sizes.md, // 24px\n  sm: theme.sizes[5], // 20px\n  xs: theme.sizes[5],\n};\n"],"names":[],"mappings":";;AAIa,MAAA,UAAU,GAA+B;AACpD,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;;AAGP,MAAA,WAAW,GAA+B;AACrD,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AACpB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;"}

package/dist/components/Alerts/Alert/styled.cjs

@@ -13,7 +13,7 @@ const AlertContainer = styled__default.default(Stack.Stack).attrs({
     alignX: 'between',
     alignY: 'top',
     spacing: 0,
-}).withConfig({ displayName: "vui--AlertContainer", componentId: "vui--1w89ewm" }) `border:1px solid ${({ colours: { primary } }) => primary};border-radius:${index.theme.radius.base};background-color:${({ colours: { background } }) => background};`;
+}).withConfig({ displayName: "vui--AlertContainer", componentId: "vui--yb86nz" }) `border:1px solid ${({ colours: { primary } }) => primary};border-radius:${index.theme.radius.base};background-color:${({ colours: { background } }) => background};`;
 
 exports.AlertContainer = AlertContainer;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Alerts/Alert/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"sourcesContent":[null],"names":["styled","Stack","theme"],"mappings":";;;;;;;;;;AAKa,MAAA,cAAc,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAC,KAAK,CAA4B;AAC3E,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,OAAO,EAAE,CAAC;AACX,CAAA,CAAC,CAGoB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,CAAC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,kBACxCC,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EAEd,CAAC,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,KAAK,UAAU;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../Stack';\nimport { AlertColours } from '../types';\nimport { theme } from '../../../theme';\n\nexport const AlertContainer = styled(Stack).attrs<{ colours: AlertColours }>({\n  direction: 'horizontal',\n  alignX: 'between',\n  alignY: 'top',\n  spacing: 0,\n})<{\n  colours: AlertColours;\n}>`\n  border: 1px solid ${({ colours: { primary } }) => primary};\n  border-radius: ${theme.radius.base};\n\n  background-color: ${({ colours: { background } }) => background};\n`;\n"],"names":["styled","Stack","theme"],"mappings":";;;;;;;;;;AAKa,MAAA,cAAc,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAC,KAAK,CAA4B;AAC3E,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,OAAO,EAAE,CAAC;AACX,CAAA,CAAC,CAGoB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,CAAC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,kBACxCC,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EAEd,CAAC,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,KAAK,UAAU;;;;"}

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

@@ -7,7 +7,7 @@ const AlertContainer = styled(Stack).attrs({
     alignX: 'between',
     alignY: 'top',
     spacing: 0,
-}).withConfig({ displayName: "vui--AlertContainer", componentId: "vui--1w89ewm" }) `border:1px solid ${({ colours: { primary } }) => primary};border-radius:${theme.radius.base};background-color:${({ colours: { background } }) => background};`;
+}).withConfig({ displayName: "vui--AlertContainer", componentId: "vui--yb86nz" }) `border:1px solid ${({ colours: { primary } }) => primary};border-radius:${theme.radius.base};background-color:${({ colours: { background } }) => background};`;
 
 export { AlertContainer };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKa,MAAA,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAA4B;AAC3E,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,OAAO,EAAE,CAAC;AACX,CAAA,CAAC,CAGoB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,CAAC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,kBACxC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EAEd,CAAC,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,KAAK,UAAU;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Alerts/Alert/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../Stack';\nimport { AlertColours } from '../types';\nimport { theme } from '../../../theme';\n\nexport const AlertContainer = styled(Stack).attrs<{ colours: AlertColours }>({\n  direction: 'horizontal',\n  alignX: 'between',\n  alignY: 'top',\n  spacing: 0,\n})<{\n  colours: AlertColours;\n}>`\n  border: 1px solid ${({ colours: { primary } }) => primary};\n  border-radius: ${theme.radius.base};\n\n  background-color: ${({ colours: { background } }) => background};\n`;\n"],"names":[],"mappings":";;;;AAKa,MAAA,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAA4B;AAC3E,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,OAAO,EAAE,CAAC;AACX,CAAA,CAAC,CAGoB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,CAAC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,kBACxC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,kBAAA,EAEd,CAAC,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,KAAK,UAAU;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":[null],"names":["IconMap","ColourMap","TextColourMap","React","MiniAlertContainer","IconStyles","Text"],"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,IAAIA,iBAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAIC,mBAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAIC,yBAAa,CAAC,OAAO,CAAC;IAE/D,QACEC,qCAACC,yBAAkB,EAAA,IAAA;QACjBD,sBAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAEE,sBAAU,EAAI,CAAA;AAC9D,QAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACY;AAEzB;;;;"}
+{"version":3,"file":"MiniAlert.cjs","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":["IconMap","ColourMap","TextColourMap","React","MiniAlertContainer","IconStyles","Text"],"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,IAAIA,iBAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAIC,mBAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAIC,yBAAa,CAAC,OAAO,CAAC;IAE/D,QACEC,qCAACC,yBAAkB,EAAA,IAAA;QACjBD,sBAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAEE,sBAAU,EAAI,CAAA;AAC9D,QAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACY;AAEzB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":[null],"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":[],"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;;;;"}

package/dist/components/Alerts/MiniAlert/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"sourcesContent":[null],"names":["theme"],"mappings":";;;;AAGa,MAAA,aAAa,GAAkC;IAC1D,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO;IACzC,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACnC,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,SAAS,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;;AAG7B,MAAA,UAAU,GAAG;AACxB,IAAA,QAAQ,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxB,IAAA,SAAS,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACzB,IAAA,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrB,IAAA,MAAM,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"constants.cjs","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertVariants } from '../types';\n\nexport const TextColourMap: Record<AlertVariants, string> = {\n  default: theme.colors.neutral.ink.dark,\n  error: theme.colors.secondary.red.darkest,\n  success: theme.colors.neutral.ink.dark,\n  info: theme.colors.neutral.ink.dark,\n  warning: theme.colors.neutral.ink.dark,\n  recommend: theme.colors.neutral.ink.dark,\n};\n\nexport const IconStyles = {\n  minWidth: theme.sizes[4],\n  minHeight: theme.sizes[4],\n  width: theme.sizes[4],\n  height: theme.sizes[4],\n};\n"],"names":["theme"],"mappings":";;;;AAGa,MAAA,aAAa,GAAkC;IAC1D,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO;IACzC,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACnC,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,SAAS,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;;AAG7B,MAAA,UAAU,GAAG;AACxB,IAAA,QAAQ,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxB,IAAA,SAAS,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACzB,IAAA,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrB,IAAA,MAAM,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAkC;IAC1D,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO;IACzC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACnC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;;AAG7B,MAAA,UAAU,GAAG;AACxB,IAAA,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxB,IAAA,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACzB,IAAA,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrB,IAAA,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Alerts/MiniAlert/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertVariants } from '../types';\n\nexport const TextColourMap: Record<AlertVariants, string> = {\n  default: theme.colors.neutral.ink.dark,\n  error: theme.colors.secondary.red.darkest,\n  success: theme.colors.neutral.ink.dark,\n  info: theme.colors.neutral.ink.dark,\n  warning: theme.colors.neutral.ink.dark,\n  recommend: theme.colors.neutral.ink.dark,\n};\n\nexport const IconStyles = {\n  minWidth: theme.sizes[4],\n  minHeight: theme.sizes[4],\n  width: theme.sizes[4],\n  height: theme.sizes[4],\n};\n"],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAkC;IAC1D,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO;IACzC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACnC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;IACtC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;;AAG7B,MAAA,UAAU,GAAG;AACxB,IAAA,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxB,IAAA,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACzB,IAAA,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrB,IAAA,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;"}

package/dist/components/Alerts/MiniAlert/styled.cjs

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const MiniAlertContainer = styled__default.default.div.withConfig({ displayName: "vui--MiniAlertContainer", componentId: "vui--19unpg" }) `display:flex;gap:${index.theme.sizes.xs};`;
+const MiniAlertContainer = styled__default.default.div.withConfig({ displayName: "vui--MiniAlertContainer", componentId: "vui--1n2xu5o" }) `display:flex;gap:${index.theme.sizes.xs};`;
 
 exports.MiniAlertContainer = MiniAlertContainer;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Alerts/MiniAlert/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Alerts/MiniAlert/styled.ts"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;AAGO,MAAM,kBAAkB,GAAGA,uBAAM,CAAC,GAAG,CAEnC,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Alerts/MiniAlert/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\n\nexport const MiniAlertContainer = styled.div`\n  display: flex;\n  gap: ${theme.sizes.xs};\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGO,MAAM,kBAAkB,GAAGA,uBAAM,CAAC,GAAG,CAEnC,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;;;;"}

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

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { theme } from '../../../theme/index.js';
 
-const MiniAlertContainer = styled.div.withConfig({ displayName: "vui--MiniAlertContainer", componentId: "vui--19unpg" }) `display:flex;gap:${theme.sizes.xs};`;
+const MiniAlertContainer = styled.div.withConfig({ displayName: "vui--MiniAlertContainer", componentId: "vui--1n2xu5o" }) `display:flex;gap:${theme.sizes.xs};`;
 
 export { MiniAlertContainer };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Alerts/MiniAlert/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAEnC,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Alerts/MiniAlert/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\n\nexport const MiniAlertContainer = styled.div`\n  display: flex;\n  gap: ${theme.sizes.xs};\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAEnC,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;;;;"}

package/dist/components/Alerts/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":[null],"names":["InfoIcon","AttentionIcon","SuccessIcon","HelpIcon","WarningIcon","RecommendIcon","theme"],"mappings":";;;;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAEA,iBAAQ;AACjB,IAAA,KAAK,EAAEC,2BAAa;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,SAAS,EAAEC,2BAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;;"}
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertColours, AlertVariants } from './types';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { InfoIcon } from '../../tempIcons/InfoIcon';\nimport { RecommendIcon } from '../../tempIcons/RecommendIcon';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { WarningIcon } from '../../tempIcons/WarningIcon';\n\nexport const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element> = {\n  default: InfoIcon,\n  error: AttentionIcon,\n  success: SuccessIcon,\n  info: HelpIcon,\n  warning: WarningIcon,\n  recommend: RecommendIcon,\n};\n\nexport const ColourMap: Record<AlertVariants, AlertColours> = {\n  default: {\n    primary: theme.colors.neutral.ink.base,\n    background: theme.colors.neutral.grey.lightest,\n  },\n  error: {\n    primary: theme.colors.secondary.red.base,\n    background: theme.colors.secondary.red.lightest,\n  },\n  success: {\n    primary: theme.colors.secondary.green.base,\n    background: theme.colors.secondary.green.lightest,\n  },\n  info: {\n    primary: theme.colors.secondary.blue.base,\n    background: theme.colors.secondary.blue.lightest,\n  },\n  warning: {\n    primary: theme.colors.secondary.orange.base,\n    background: theme.colors.secondary.orange.lightest,\n  },\n  recommend: {\n    primary: theme.colors.secondary.purple.dark,\n    background: theme.colors.secondary.purple.lightest,\n  },\n};\n"],"names":["InfoIcon","AttentionIcon","SuccessIcon","HelpIcon","WarningIcon","RecommendIcon","theme"],"mappings":";;;;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAEA,iBAAQ;AACjB,IAAA,KAAK,EAAEC,2BAAa;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,SAAS,EAAEC,2BAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertColours, AlertVariants } from './types';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { InfoIcon } from '../../tempIcons/InfoIcon';\nimport { RecommendIcon } from '../../tempIcons/RecommendIcon';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { WarningIcon } from '../../tempIcons/WarningIcon';\n\nexport const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element> = {\n  default: InfoIcon,\n  error: AttentionIcon,\n  success: SuccessIcon,\n  info: HelpIcon,\n  warning: WarningIcon,\n  recommend: RecommendIcon,\n};\n\nexport const ColourMap: Record<AlertVariants, AlertColours> = {\n  default: {\n    primary: theme.colors.neutral.ink.base,\n    background: theme.colors.neutral.grey.lightest,\n  },\n  error: {\n    primary: theme.colors.secondary.red.base,\n    background: theme.colors.secondary.red.lightest,\n  },\n  success: {\n    primary: theme.colors.secondary.green.base,\n    background: theme.colors.secondary.green.lightest,\n  },\n  info: {\n    primary: theme.colors.secondary.blue.base,\n    background: theme.colors.secondary.blue.lightest,\n  },\n  warning: {\n    primary: theme.colors.secondary.orange.base,\n    background: theme.colors.secondary.orange.lightest,\n  },\n  recommend: {\n    primary: theme.colors.secondary.purple.dark,\n    background: theme.colors.secondary.purple.lightest,\n  },\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;"}

package/dist/components/Anchor/Anchor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":[null],"names":["defaultAllowedHostnames","isExternalLink","React","CommonAnchor"],"mappings":";;;;;;;;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAGA,sCAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAGC,6BAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}
+{"version":3,"file":"Anchor.cjs","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":["defaultAllowedHostnames","isExternalLink","React","CommonAnchor"],"mappings":";;;;;;;;;;MAYa,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,gBAAgB,GAAGA,sCAAuB,EAC1C,GAAG,KAAK,EACI,KAAI;;IAEhB,MAAM,UAAU,GAAGC,6BAAc,CAAC,IAAI,EAAE,gBAAgB,CAAC;;AAEzD,IAAA,MAAM,kBAAkB,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;AAElF,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,mBAAY,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,kBAAkB,EAAM,GAAA,KAAK,IACzD,QAAQ,CACI;AAEnB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":[null],"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":[],"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;;;;"}

package/dist/components/Anchor/styled.cjs

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-const CommonAnchor = styled__default.default.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--1tq5iq" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${index.theme.text.link.fontFamily};font-style:${index.theme.text.link.fontStyle};font-weight:${index.theme.text.link.fontWeight};font-size:${index.theme.text.link.fontSize};line-height:${index.theme.text.link.lineHeight};color:${index.theme.colors.secondary.blue.base};text-decoration:${index.theme.text.link.textDecoration};&:hover{color:${index.theme.colors.secondary.blue.dark};}`;
+const CommonAnchor = styled__default.default.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--14i39s8" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${index.theme.text.link.fontFamily};font-style:${index.theme.text.link.fontStyle};font-weight:${index.theme.text.link.fontWeight};font-size:${index.theme.text.link.fontSize};line-height:${index.theme.text.link.lineHeight};color:${index.theme.colors.secondary.blue.base};text-decoration:${index.theme.text.link.textDecoration};&:hover{color:${index.theme.colors.secondary.blue.dark};}`;
 
 exports.CommonAnchor = CommonAnchor;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;AAIa,MAAA,YAAY,GAAGA,uBAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnBC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nexport const CommonAnchor = styled.a`\n  box-sizing: border-box;\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-style: ${theme.text.link.fontStyle};\n  font-weight: ${theme.text.link.fontWeight};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.lineHeight};\n  color: ${theme.colors.secondary.blue.base};\n  text-decoration: ${theme.text.link.textDecoration};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAIa,MAAA,YAAY,GAAGA,uBAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnBC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/Anchor/styled.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
 
-const CommonAnchor = styled.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--1tq5iq" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${theme.text.link.fontFamily};font-style:${theme.text.link.fontStyle};font-weight:${theme.text.link.fontWeight};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.lineHeight};color:${theme.colors.secondary.blue.base};text-decoration:${theme.text.link.textDecoration};&:hover{color:${theme.colors.secondary.blue.dark};}`;
+const CommonAnchor = styled.a.withConfig({ displayName: "vui--CommonAnchor", componentId: "vui--14i39s8" }) `box-sizing:border-box;display:inline-flex;margin:0;padding:0;font-family:${theme.text.link.fontFamily};font-style:${theme.text.link.fontStyle};font-weight:${theme.text.link.fontWeight};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.lineHeight};color:${theme.colors.secondary.blue.base};text-decoration:${theme.text.link.textDecoration};&:hover{color:${theme.colors.secondary.blue.dark};}`;
 
 export { CommonAnchor };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIa,MAAA,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nexport const CommonAnchor = styled.a`\n  box-sizing: border-box;\n  display: inline-flex;\n  margin: 0;\n  padding: 0;\n\n  font-family: ${theme.text.link.fontFamily};\n  font-style: ${theme.text.link.fontStyle};\n  font-weight: ${theme.text.link.fontWeight};\n  font-size: ${theme.text.link.fontSize};\n  line-height: ${theme.text.link.lineHeight};\n  color: ${theme.colors.secondary.blue.base};\n  text-decoration: ${theme.text.link.textDecoration};\n\n  &:hover {\n    color: ${theme.colors.secondary.blue.dark};\n  }\n`;\n"],"names":[],"mappings":";;;AAIa,MAAA,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yEAAA,EAMnB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,eAC3B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACxB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAC5B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iBAAA,EACtB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,kBAGtC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.cjs","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":[null],"names":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"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,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAEhD,IAAAC,yBAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,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;QACjBD,sBAAC,CAAA,aAAA,CAAAE,WAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAF,sBAAA,CAAA,aAAA,CAACG,kCAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbH,sBAAC,CAAA,aAAA,CAAAI,eAAQ,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.cjs","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":["useRef","useClickAway","React","Container","Wrap","CSSTransition","Dropdown"],"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,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAEhD,IAAAC,yBAAY,CAAC,WAAW,EAAE,CAAC,KAAY,KAAI;AACzC,QAAA,IAAI,kBAAkB,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AACnB;AACH,KAAC,CAAC;IAEF,QACEC,sBAAC,CAAA,aAAA,CAAAC,gBAAS,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;QACjBD,sBAAC,CAAA,aAAA,CAAAE,WAAI,IAAC,SAAS,EAAE,GAAG,SAAS,CAAA,MAAA,EAAS,SAAS,CAAE,CAAA,EAAA;AAC/C,YAAAF,sBAAA,CAAA,aAAA,CAACG,kCAAa,EAAA,EACZ,EAAE,EAAE,kBAAkB,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAA,IAAA,EAAA;gBAEbH,sBAAC,CAAA,aAAA,CAAAI,eAAQ,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/AnimatedDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedDropdown.js","sources":["../../../src/components/AnimatedDropdown/AnimatedDropdown.tsx"],"sourcesContent":[null],"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":[],"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;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.cjs","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":[null],"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":";;;;;;;;;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;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BasicDropdown.js","sources":["../../../../src/components/AnimatedDropdown/components/BasicDropdown.tsx"],"sourcesContent":[null],"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":[],"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;;;;"}