npm - @veeqo/ui - Versions diffs - 10.3.0 → 11.0.0-beta-1 - Mend

@veeqo/ui 10.3.0 → 11.0.0-beta-1

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

Files changed (1426) hide show

package/README.md CHANGED Viewed

@@ -64,7 +64,66 @@ From this repo run `npm run build:tarball` this will create a tarball file, simi
     "@veeqo/ui": "file:../veeqo-ui/veeqo-ui.tgz"
 ```
+#### Deploying a beta version
+1. Update version number to `<next-version>-beta-<attempt_num>`, i.e. 9.0.0-beta-2
+2. Push your branch with the latest changes to Github, including the version number update
+3. Navigate to <https://github.com/veeqo/veeqo-ui/actions/workflows/publish-npm-beta.yml>
+4. Click "Run workflow" and select the branch with your beta version
 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**)
+## Icons
+### Overview
+The UI library now integrates directly with our Figma Design System for icons. All icons are automatically exported from Figma and converted to React components, ensuring consistency between design and implementation.
+### Usage
+Import icons directly from the design system components:
+```typescript
+import { InfoIcon, WarningIcon } from '@veeqo/ui';
+```
+### Structure
+```terminal
+src/icons/
+├── design-system/      # Figma-generated icons
+│   ├── components/     # React components
+│   └── imports/        # Raw SVGs
+├── custom/             # Custom icons (temporary)
+├── Docs.mdx            # Markdown documentation
+├── icons.stories.ts    # Icon stories
+├── index.ts            # Main export path
+├── types.ts            # Shared type definitions
+```
+### Adding/Updating Icons
+1. Icons should be added/updated in the [Figma Design System](https://www.figma.com/file/KFfBvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?type=design) first
+2. Run the following commands to update the icon library:
+```terminal
+npm run figma:export  # Export SVGs from Figma
+npm run build:icons   # Convert SVGs to React components
+```
+### Custom Icons
+While we transition to using Figma as our source of truth, some custom icons still exist in the custom/ directory. These will gradually be replaced with design system versions.
+### Icon Development
+To work with icons locally:
+1. Copy .env.sample to .env and add your Figma access token
+2. Run the export and build commands mentioned above
+3. Icons will be available in the design system components directory
+For more detailed information about the icon system, see our [Icon System Figma Integration Documentation](https://quip-amazon.com/rwuZAJgL0Fr1/Icon-System-Update-Figma-Integration).

package/dist/components/Accordion/Accordion.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var styled = require('./styled.cjs');
 var colors = require('../../theme/modules/colors.cjs');
-var UpArrowIcon = require('../../icons/UpArrowIcon.cjs');
+var UpArrowIcon = require('../../icons/design-system/components/UpArrowIcon.cjs');
 var Text = require('../Text/Text.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -31,7 +31,7 @@ const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.c
                         React__default.default.createElement(framerMotion.motion.span, { animate: {
                                 rotate: shouldOpen ? 0 : 180,
                             }, initial: { rotate: 180 } },
-                            React__default.default.createElement(UpArrowIcon.UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
+                            React__default.default.createElement(UpArrowIcon.ReactComponent, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
                 !!description && React__default.default.createElement(styled.Description, { variant: "hintText" }, description)),
             shouldOpen && (React__default.default.createElement(styled.UnstyledAccordionContent, { ...FRAMER_MOTION_CONFIG }, children))));
     }
@@ -45,7 +45,7 @@ const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.c
                     React__default.default.createElement(framerMotion.motion.span, { animate: {
                             rotate: shouldOpen ? 0 : 180,
                         }, initial: { rotate: 180 } },
-                        React__default.default.createElement(UpArrowIcon.UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
+                        React__default.default.createElement(UpArrowIcon.ReactComponent, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
             !!description && React__default.default.createElement(styled.Description, { variant: "hintText" }, description)),
         shouldOpen && React__default.default.createElement(styled.AccordionContent, { ...FRAMER_MOTION_CONFIG }, children)));
 };

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

	@@ -1 +1 @@
1	- {"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 '../../icons~~/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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\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":";;;;;;;;;;;;;AAmBa,MAAA,SAAS,GAAuB,CAAC,EAC5C,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,GAAGA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EACxC,OAAO,GAAG,GAAG,EACb,WAAW,EACX,iBAAiB,EACjB,OAAO,GAAG,SAAS,EACnB,kBAAkB,GAAG,MAAM,GACZ,KAAI;AACnB,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC;IACjE,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,CAAC,UAAU,CAAC;AAEnD,IAAA,MAAM,oBAAoB,GAAG;AAC3B,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,QAAA,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,QAAA,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE;KACjE;IAED,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,uBAAgB,EAAA,EAAC,IAAI,EAAE,CAAC,CAAC,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAA;AAC/D,YAAAD,sBAAA,CAAA,aAAA,CAACE,+BAAwB,EAAA,EAAC,OAAO,EAAE,UAAU,EAAA;AAC3C,gBAAAF,sBAAA,CAAA,aAAA,CAACG,UAAG,EAAA,IAAA;AACF,oBAAAH,sBAAA,CAAA,aAAA,CAACI,WAAI,EAAA,EAAC,UAAU,EAAE,UAAU,EAAA;wBACzB,QAAQ;wBACTJ,sBAAC,CAAA,aAAA,CAAAK,SAAI,IAAC,OAAO,EAAE,kBAAkB,EAAG,EAAA,KAAK,CAAQ,CAC5C;AACP,oBAAAL,sBAAA,CAAA,aAAA,CAACM,YAAK,EAAA,IAAA;AACJ,wBAAAN,sBAAA,CAAA,aAAA,CAACO,mBAAM,CAAC,IAAI,EAAA,EACV,OAAO,EAAE;gCACP,MAAM,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG;AAC7B,6BAAA,EACD,OAAO,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA;AAExB,4BAAAP,sBAAA,CAAA,aAAA,CAACQ,~~uBAAW~~,EAAC,EAAA,IAAI,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,EAAI,CAAA,CAC/C,CACR,CACJ;AACL,gBAAA,CAAC,CAAC,WAAW,IAAIR,sBAAA,CAAA,aAAA,CAACS,kBAAW,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,WAAW,CAAe,CACpD;AAC1B,YAAA,UAAU,KACTT,sBAAC,CAAA,aAAA,CAAAU,+BAAwB,EAAK,EAAA,GAAA,oBAAoB,EAAG,EAAA,QAAQ,CAA4B,CAC1F,CACgB;AAEtB;AAED,IAAA,QACEV,sBAAA,CAAA,aAAA,CAACC,uBAAgB,EAAA,EAAC,IAAI,EAAE,CAAC,CAAC,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAA;AAC/D,QAAAD,sBAAA,CAAA,aAAA,CAACW,uBAAgB,EAAA,EAAC,OAAO,EAAE,UAAU,EAAA;AACnC,YAAAX,sBAAA,CAAA,aAAA,CAACG,UAAG,EAAA,IAAA;AACF,gBAAAH,sBAAA,CAAA,aAAA,CAACI,WAAI,EAAA,EAAC,UAAU,EAAE,UAAU,EAAA;oBACzB,QAAQ;oBACTJ,sBAAC,CAAA,aAAA,CAAAK,SAAI,IAAC,OAAO,EAAE,kBAAkB,EAAG,EAAA,KAAK,CAAQ,CAC5C;AACP,gBAAAL,sBAAA,CAAA,aAAA,CAACM,YAAK,EAAA,IAAA;AACJ,oBAAAN,sBAAA,CAAA,aAAA,CAACO,mBAAM,CAAC,IAAI,EAAA,EACV,OAAO,EAAE;4BACP,MAAM,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG;AAC7B,yBAAA,EACD,OAAO,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA;AAExB,wBAAAP,sBAAA,CAAA,aAAA,CAACQ,~~uBAAW~~,EAAC,EAAA,IAAI,EAAE,UAAU,GAAG,WAAW,GAAG,SAAS,EAAI,CAAA,CAC/C,CACR,CACJ;AACL,YAAA,CAAC,CAAC,WAAW,IAAIR,sBAAA,CAAA,aAAA,CAACS,kBAAW,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,WAAW,CAAe,CAC5D;QAClB,UAAU,IAAIT,sBAAC,CAAA,aAAA,CAAAY,uBAAgB,EAAK,EAAA,GAAA,oBAAoB,IAAG,QAAQ,CAAoB,CACvE;AAEvB;;;;"}
1	+ {"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 '../../icons';\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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\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 CHANGED Viewed

@@ -2,7 +2,7 @@ import React__default, { useState } from 'react';
 import { motion } from 'framer-motion';
 import { AccordionDetails, UnstyledAccordionSummary, Top, Left, Right, Description, UnstyledAccordionContent, AccordionSummary, AccordionContent } from './styled.js';
 import { colors } from '../../theme/modules/colors.js';
-import { UpArrowIcon } from '../../icons/UpArrowIcon.js';
+import { ReactComponent as UpArrowIcon } from '../../icons/design-system/components/UpArrowIcon.js';
 import { Text } from '../Text/Text.js';
 const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.neutral.ink.lightest, timeout = 350, description, shouldOpenOnMount, variant = 'default', summaryTextVariant = 'body', }) => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n Top,\n Text,\n Left,\n Right,\n Description,\n AccordionDetails,\n AccordionContent,\n AccordionSummary,\n UnstyledAccordionSummary,\n UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons~~/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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </AccordionSummary>\n {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n </AccordionDetails>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n Top,\n Text,\n Left,\n Right,\n Description,\n AccordionDetails,\n AccordionContent,\n AccordionSummary,\n UnstyledAccordionSummary,\n UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons';\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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\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 ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </AccordionSummary>\n {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n </AccordionDetails>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Alerts/Alert/Alert.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ var index = require('../../../theme/index.cjs');
 var Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/types.cjs');
 var Button = require('../../Button/Button.cjs');
-var CrossIcon = require('../../../icons/CrossIcon.cjs');
+var CrossIcon = require('../../../icons/design-system/components/CrossIcon.cjs');
 var constants$1 = require('../constants.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -39,7 +39,7 @@ const Alert = ({ size = 'base', variant = 'default', colours: passedColours, rig
             rightActionsSlot,
             rightActions && (React__default.default.createElement(Stack.Stack, { alignY: "center", spacing: 0, style: { gap: constants.SpacingMap[size] } }, rightActions.map(({ label, ...actionProps }) => (React__default.default.createElement(Button.Button, { key: label, type: "button", size: "sm", ...actionProps }, label))))),
             onClickClose && (React__default.default.createElement(Stack.Stack, { alignY: isXsSize ? 'center' : 'start', style: { height: '100%', padding: isXsSize ? index.theme.sizes.xs : undefined } },
-                React__default.default.createElement(Button.Button, { variant: "flat", iconSlot: React__default.default.createElement(CrossIcon.CrossIcon, null), onClick: onClickClose, "aria-label": "Close", size: "sm" }))))));
+                React__default.default.createElement(Button.Button, { variant: "flat", iconSlot: React__default.default.createElement(CrossIcon.ReactComponent, null), onClick: onClickClose, "aria-label": "Close", size: "sm" }))))));
 };
 exports.Alert = Alert;

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

	@@ -1 +1 @@
1	- {"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 '../../../icons~~/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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~~mBAAS~~,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,IAAI,EACT,CAAA,CACI,CACT,CACK,CACO;AAErB;;;;"}
1	+ {"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 '../../../icons';\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 CHANGED Viewed

@@ -6,7 +6,7 @@ import { theme } from '../../../theme/index.js';
 import { Stack } from '../../Stack/Stack.js';
 import '../../Stack/types.js';
 import { Button } from '../../Button/Button.js';
-import { CrossIcon } from '../../../icons/CrossIcon.js';
+import { ReactComponent as CrossIcon } from '../../../icons/design-system/components/CrossIcon.js';
 import { ColourMap, IconMap } from '../constants.js';
 /* eslint-disable react/destructuring-assignment */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons~~/CrossIcon~~';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n size = 'base',\n variant = 'default',\n colours: passedColours,\n rightActions,\n rightActionsSlot,\n title,\n titleSlot,\n messageSlot,\n message,\n children,\n iconSlot,\n onClickClose,\n ...divProps\n}: AlertProps) => {\n const colours = passedColours ?? ColourMap[variant];\n const IconSlot = iconSlot \|\| IconMap[variant];\n\n const isXsSize = size === 'xs';\n\n return (\n <AlertContainer\n colours={colours}\n direction=\"horizontal\"\n alignX=\"between\"\n spacing=\"0\"\n {...divProps}\n >\n <Stack\n direction=\"horizontal\"\n alignY={isXsSize ? 'center' : 'start'}\n style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n spacing={0}\n >\n <IconSlot\n aria-hidden\n style={{\n minWidth: IconSizeMap[size],\n minHeight: IconSizeMap[size],\n width: IconSizeMap[size],\n height: IconSizeMap[size],\n }}\n color={colours.primary}\n />\n\n {children \|\| (\n <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n {titleSlot \|\| (\n <Text\n variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n style={size === 'base' ? { lineHeight: '24px' } : {}}\n >\n {title}\n </Text>\n )}\n {messageSlot \|\| <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n </Stack>\n )}\n </Stack>\n\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n spacing={0}\n style={{\n margin: isXsSize ? undefined : theme.sizes[3],\n gap: isXsSize ? undefined : SpacingMap[size],\n alignItems: 'center',\n }}\n >\n {rightActionsSlot}\n\n {rightActions && (\n <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n {rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n\n {onClickClose && (\n <Stack\n alignY={isXsSize ? 'center' : 'start'}\n style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n >\n <Button\n variant=\"flat\"\n iconSlot={<CrossIcon />}\n onClick={onClickClose}\n aria-label=\"Close\"\n size=\"sm\"\n />\n </Stack>\n )}\n </Stack>\n </AlertContainer>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n size = 'base',\n variant = 'default',\n colours: passedColours,\n rightActions,\n rightActionsSlot,\n title,\n titleSlot,\n messageSlot,\n message,\n children,\n iconSlot,\n onClickClose,\n ...divProps\n}: AlertProps) => {\n const colours = passedColours ?? ColourMap[variant];\n const IconSlot = iconSlot \|\| IconMap[variant];\n\n const isXsSize = size === 'xs';\n\n return (\n <AlertContainer\n colours={colours}\n direction=\"horizontal\"\n alignX=\"between\"\n spacing=\"0\"\n {...divProps}\n >\n <Stack\n direction=\"horizontal\"\n alignY={isXsSize ? 'center' : 'start'}\n style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n spacing={0}\n >\n <IconSlot\n aria-hidden\n style={{\n minWidth: IconSizeMap[size],\n minHeight: IconSizeMap[size],\n width: IconSizeMap[size],\n height: IconSizeMap[size],\n }}\n color={colours.primary}\n />\n\n {children \|\| (\n <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n {titleSlot \|\| (\n <Text\n variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n style={size === 'base' ? { lineHeight: '24px' } : {}}\n >\n {title}\n </Text>\n )}\n {messageSlot \|\| <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n </Stack>\n )}\n </Stack>\n\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n spacing={0}\n style={{\n margin: isXsSize ? undefined : theme.sizes[3],\n gap: isXsSize ? undefined : SpacingMap[size],\n alignItems: 'center',\n }}\n >\n {rightActionsSlot}\n\n {rightActions && (\n <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n {rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n\n {onClickClose && (\n <Stack\n alignY={isXsSize ? 'center' : 'start'}\n style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n >\n <Button\n variant=\"flat\"\n iconSlot={<CrossIcon />}\n onClick={onClickClose}\n aria-label=\"Close\"\n size=\"sm\"\n />\n </Stack>\n )}\n </Stack>\n </AlertContainer>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Alerts/constants.cjs CHANGED Viewed

@@ -1,19 +1,20 @@
 'use strict';
 var index = require('../../theme/index.cjs');
-var AttentionIcon = require('../../icons/AttentionIcon.cjs');
-var HelpIcon = require('../../icons/HelpIcon.cjs');
-var InfoIcon = require('../../icons/InfoIcon.cjs');
-var RecommendIcon = require('../../icons/RecommendIcon.cjs');
-var SuccessIcon = require('../../icons/SuccessIcon.cjs');
-var WarningIcon = require('../../icons/WarningIcon.cjs');
+require('react');
+var AttentionIcon = require('../../icons/design-system/components/AttentionIcon.cjs');
+var HelpIcon = require('../../icons/design-system/components/HelpIcon.cjs');
+var InfoIcon = require('../../icons/design-system/components/InfoIcon.cjs');
+var SuccessIcon = require('../../icons/design-system/components/SuccessIcon.cjs');
+var WarningIcon = require('../../icons/design-system/components/WarningIcon.cjs');
+var RecommendIcon = require('../../icons/custom/components/RecommendIcon.cjs');
 const IconMap = {
-    default: InfoIcon.InfoIcon,
-    error: AttentionIcon.AttentionIcon,
-    success: SuccessIcon.SuccessIcon,
-    info: HelpIcon.HelpIcon,
-    warning: WarningIcon.WarningIcon,
+    default: InfoIcon.ReactComponent,
+    error: AttentionIcon.ReactComponent,
+    success: SuccessIcon.ReactComponent,
+    info: HelpIcon.ReactComponent,
+    warning: WarningIcon.ReactComponent,
     recommend: RecommendIcon.RecommendIcon,
 };
 const ColourMap = {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { ~~AlertColours, AlertVariants } from './types';\nimport~~ { ~~AttentionIcon~~ } from '~~../../~~icons/~~AttentionIcon~~';\nimport { ~~HelpIcon~~ } from '~~../../icons/HelpIcon~~';\nimport { InfoIcon ~~} from '../../icons/InfoIcon';\nimport {~~ RecommendIcon ~~} from '../../icons/RecommendIcon';\nimport {~~ SuccessIcon ~~} from '../../icons/SuccessIcon';\nimport {~~ WarningIcon } from '../../icons~~/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;;;;;;"}
1	+ {"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport type { IconComponent } from 'src/icons/types';\nimport { AlertColours, AlertVariants } from './types';\nimport {\n AttentionIcon,\n HelpIcon,\n InfoIcon,\n RecommendIcon,\n SuccessIcon,\n WarningIcon,\n} from '../../icons';\n\nexport const IconMap: Record<AlertVariants, IconComponent> = {\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":";;;;;;;;;;;AAYa,MAAA,OAAO,GAAyC;AAC3D,IAAA,OAAO,EAAEA,uBAAQ;AACjB,IAAA,KAAK,EAAEC,4BAAa;AACpB,IAAA,OAAO,EAAEC,0BAAW;AACpB,IAAA,IAAI,EAAEC,uBAAQ;AACd,IAAA,OAAO,EAAEC,0BAAW;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.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { IconComponent } from 'src/icons/types';
 import { AlertColours, AlertVariants } from './types';
-export declare const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element>;
+export declare const IconMap: Record<AlertVariants, IconComponent>;
 export declare const ColourMap: Record<AlertVariants, AlertColours>;

package/dist/components/Alerts/constants.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { theme } from '../../theme/index.js';
-import { AttentionIcon } from '../../icons/AttentionIcon.js';
-import { HelpIcon } from '../../icons/HelpIcon.js';
-import { InfoIcon } from '../../icons/InfoIcon.js';
-import { RecommendIcon } from '../../icons/RecommendIcon.js';
-import { SuccessIcon } from '../../icons/SuccessIcon.js';
-import { WarningIcon } from '../../icons/WarningIcon.js';
+import 'react';
+import { ReactComponent as AttentionIcon } from '../../icons/design-system/components/AttentionIcon.js';
+import { ReactComponent as HelpIcon } from '../../icons/design-system/components/HelpIcon.js';
+import { ReactComponent as InfoIcon } from '../../icons/design-system/components/InfoIcon.js';
+import { ReactComponent as SuccessIcon } from '../../icons/design-system/components/SuccessIcon.js';
+import { ReactComponent as WarningIcon } from '../../icons/design-system/components/WarningIcon.js';
+import { RecommendIcon } from '../../icons/custom/components/RecommendIcon.js';
 const IconMap = {
     default: InfoIcon,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { ~~AlertColours, AlertVariants } from './types';\nimport~~ { ~~AttentionIcon~~ } from '~~../../~~icons/~~AttentionIcon~~';\nimport { ~~HelpIcon~~ } from '~~../../icons/HelpIcon~~';\nimport { InfoIcon ~~} from '../../icons/InfoIcon';\nimport {~~ RecommendIcon ~~} from '../../icons/RecommendIcon';\nimport {~~ SuccessIcon ~~} from '../../icons/SuccessIcon';\nimport {~~ WarningIcon } from '../../icons~~/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;;;;;"}
1	+ {"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport type { IconComponent } from 'src/icons/types';\nimport { AlertColours, AlertVariants } from './types';\nimport {\n AttentionIcon,\n HelpIcon,\n InfoIcon,\n RecommendIcon,\n SuccessIcon,\n WarningIcon,\n} from '../../icons';\n\nexport const IconMap: Record<AlertVariants, IconComponent> = {\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":";;;;;;;;;AAYa,MAAA,OAAO,GAAyC;AAC3D,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 CHANGED Viewed

@@ -4,8 +4,8 @@ var React = require('react');
 var sizes = require('../../theme/modules/sizes.cjs');
 var urlUtils = require('./utils/urlUtils.cjs');
 var styled = require('./styled.cjs');
-var HelpIcon = require('../../icons/HelpIcon.cjs');
-var LaunchIcon = require('../../icons/LaunchIcon.cjs');
+var HelpIcon = require('../../icons/design-system/components/HelpIcon.cjs');
+var LaunchIcon = require('../../icons/design-system/components/LaunchIcon.cjs');
 var isExternalLink = require('./isExternalLink.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -37,9 +37,9 @@ const Anchor = React__default.default.memo(({ variant = 'base', size = 'base', h
     const shouldShowExternalLinkIcon = (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';
     return (React__default.default.createElement(AnchorComponent, { href: processedHref, target: secureTarget, rel: secureRel, size: size, ...rest },
         leftIconSlot,
-        showHelpIcon && !leftIconSlot && (React__default.default.createElement(HelpIcon.HelpIcon, { role: "presentation", "data-testid": "help-icon", style: { marginRight: sizes.sizes.xs } })),
+        showHelpIcon && !leftIconSlot && (React__default.default.createElement(HelpIcon.ReactComponent, { role: "presentation", "data-testid": "help-icon", style: { marginRight: sizes.sizes.xs } })),
         children,
-        shouldShowExternalLinkIcon && (React__default.default.createElement(LaunchIcon.LaunchIcon, { role: "presentation", "data-testid": "external-icon", style: { marginLeft: sizes.sizes.xs } }))));
+        shouldShowExternalLinkIcon && (React__default.default.createElement(LaunchIcon.ReactComponent, { role: "presentation", "data-testid": "external-icon", style: { marginLeft: sizes.sizes.xs } }))));
 });
 exports.Anchor = Anchor;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon ~~} from '../../icons/HelpIcon';\nimport {~~ LaunchIcon } from '../../icons~~/LaunchIcon~~';\n\nimport { isExternalLink } from './isExternalLink';\n\n/*\n Anchor component for handling context-aware links with consistent functionality and styling options.\n \n https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n \n @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target \|\| (isExternal ? '_blank' : undefined);\n const secureRel = rel \|\| (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal \|\| secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","AnchorMapping","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;~~AAYA~~;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAGC,oBAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEH,qCAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACI,~~iBAAQ~~,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBL,sBAAA,CAAA,aAAA,CAACM,~~qBAAU~~,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}
1	+ {"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon, LaunchIcon } from '../../icons';\n\nimport { isExternalLink } from './isExternalLink';\n\n/*\n Anchor component for handling context-aware links with consistent functionality and styling options.\n \n https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n \n @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target \|\| (isExternal ? '_blank' : undefined);\n const secureRel = rel \|\| (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal \|\| secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","AnchorMapping","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;AAWA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAGC,oBAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEH,qCAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACI,uBAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBL,sBAAA,CAAA,aAAA,CAACM,yBAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}

package/dist/components/Anchor/Anchor.js CHANGED Viewed

@@ -2,8 +2,8 @@ import React__default from 'react';
 import { sizes } from '../../theme/modules/sizes.js';
 import { createContextAwareUrl } from './utils/urlUtils.js';
 import { AnchorMapping } from './styled.js';
-import { HelpIcon } from '../../icons/HelpIcon.js';
-import { LaunchIcon } from '../../icons/LaunchIcon.js';
+import { ReactComponent as HelpIcon } from '../../icons/design-system/components/HelpIcon.js';
+import { ReactComponent as LaunchIcon } from '../../icons/design-system/components/LaunchIcon.js';
 import { isExternalLink } from './isExternalLink.js';
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon ~~} from '../../icons/HelpIcon';\nimport {~~ LaunchIcon } from '../../icons~~/LaunchIcon~~';\n\nimport { isExternalLink } from './isExternalLink';\n\n/*\n Anchor component for handling context-aware links with consistent functionality and styling options.\n \n https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n \n @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target \|\| (isExternal ? '_blank' : undefined);\n const secureRel = rel \|\| (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal \|\| secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React"],"mappings":";;;;;;;;~~AAYA~~;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEA,6BAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}
1	+ {"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon, LaunchIcon } from '../../icons';\n\nimport { isExternalLink } from './isExternalLink';\n\n/*\n Anchor component for handling context-aware links with consistent functionality and styling options.\n \n https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n \n @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target \|\| (isExternal ? '_blank' : undefined);\n const secureRel = rel \|\| (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal \|\| secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React"],"mappings":";;;;;;;;AAWA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEA,6BAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}

package/dist/components/Banner/Banner.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ var React = require('react');
 var colors = require('../../theme/modules/colors.cjs');
 var styled = require('./styled.cjs');
 var Button = require('../Button/Button.cjs');
-var CrossIcon = require('../../icons/CrossIcon.cjs');
+var CrossIcon = require('../../icons/design-system/components/CrossIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -27,7 +27,7 @@ const Banner = ({ type = 'info', text, iconSlot, onClose, className, header, chi
             iconSlot && (React__default.default.createElement(styled.IconCol, { style: { marginRight: sizes.sizes.md }, accentColor: accentColor }, iconSlot)),
             children ? (React__default.default.createElement(styled.ChildContainer, null, children)) : (React__default.default.createElement(React__default.default.Fragment, null,
                 React__default.default.createElement(styled.HeaderCol, null, header || React__default.default.createElement(styled.Text, { variant: "headingSmall" }, text)),
-                React__default.default.createElement(styled.Col, null, onClose && (React__default.default.createElement(Button.Button, { variant: "flat", "aria-label": "Close", iconSlot: React__default.default.createElement(CrossIcon.CrossIcon, null), onClick: onClose }))))))));
+                React__default.default.createElement(styled.Col, null, onClose && (React__default.default.createElement(Button.Button, { variant: "flat", "aria-label": "Close", iconSlot: React__default.default.createElement(CrossIcon.ReactComponent, null), onClick: onClose }))))))));
 };
 exports.Banner = Banner;

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

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

package/dist/components/Banner/Banner.js CHANGED Viewed

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { colors } from '../../theme/modules/colors.js';
 import { Pill as BannerLayout, Row, IconCol, ChildContainer, HeaderCol, Text as StyledText, Col } from './styled.js';
 import { Button } from '../Button/Button.js';
-import { CrossIcon } from '../../icons/CrossIcon.js';
+import { ReactComponent as CrossIcon } from '../../icons/design-system/components/CrossIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 const accentColors = {

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

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

package/dist/components/Breadcrumbs/Breadcrumbs.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var styled = require('./components/styled.cjs');
-var RightArrowIcon = require('../../icons/RightArrowIcon.cjs');
+var RightArrowIcon = require('../../icons/design-system/components/RightArrowIcon.cjs');
 var sizes = require('../../theme/modules/sizes.cjs');
 var Breadcrumb = require('./components/Breadcrumb.cjs');
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-const DefaultSeparator = () => (React__default.default.createElement(RightArrowIcon.RightArrowIcon, { className: "separator", width: sizes.sizes.base, height: sizes.sizes.base }));
+const DefaultSeparator = () => (React__default.default.createElement(RightArrowIcon.ReactComponent, { className: "separator", width: sizes.sizes.base, height: sizes.sizes.base }));
 const DefaultLink = ({ children, href }) => React__default.default.createElement("a", { href: href }, children);
 const BreadcrumbText = ({ children }) => React__default.default.createElement("span", null, children);
 const Breadcrumbs = ({ items, Separator = React__default.default.createElement(DefaultSeparator, null), LinkComponent = DefaultLink, }) => (React__default.default.createElement(styled.BreadcrumbsSC, { className: "breadcrumbs" }, items.map((item, i) => (React__default.default.createElement(Breadcrumb.Breadcrumb, { key: item.title, title: item.title, href: item.pathname, LinkComponent: i !== items.length - 1 ? LinkComponent : BreadcrumbText }, items.length !== i + 1 && Separator)))));

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

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

package/dist/components/Breadcrumbs/Breadcrumbs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { BreadcrumbsSC } from './components/styled.js';
-import { RightArrowIcon } from '../../icons/RightArrowIcon.js';
+import { ReactComponent as RightArrowIcon } from '../../icons/design-system/components/RightArrowIcon.js';
 import { sizes } from '../../theme/modules/sizes.js';
 import { Breadcrumb } from './components/Breadcrumb.js';

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

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