@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/ActionMenu/styled.js

@@ -1,52 +1,10 @@
-import{MenuItem as o,Section as r}from"react-aria-components";import e from"styled-components";import{theme as t}from"../../theme/index.js";import{getTextStyles as s}from"../../theme/utils.js";const a=e(o)`
-  display: grid;
-  grid-template-areas:
-    'label'
-    'description';
+import { MenuItem as MenuItem$1, Section as Section$1 } from 'react-aria-components';
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+import { getTextStyles } from '../../theme/utils.js';
 
-  cursor: pointer;
-  margin: ${t.sizes.xs};
-  padding: ${t.sizes.sm};
-  border-radius: ${t.radius.base};
-  outline: 0;
+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;}`;
 
-  &:is(a) {
-    ${s(t.text.link)}
-  }
-  &:is(div) {
-    ${s(t.text.body)}
-  }
-
-  white-space: nowrap;
-
-  &[data-focused] {
-    color: ${t.colors.secondary.blue.base};
-    box-shadow: 0 0 0 4px ${t.colors.secondary.blue.light};
-  }
-  &[data-hovered] {
-    background-color: ${t.colors.neutral.grey.light};
-  }
-
-  &[data-disabled] {
-    cursor: not-allowed;
-    background-color: ${t.colors.neutral.grey.lightest};
-    color: ${t.colors.neutral.ink.light};
-  }
-
-  [slot='label'] {
-    grid-area: label;
-  }
-
-  [slot='description'] {
-    grid-area: description;
-    color: ${t.colors.neutral.ink.light};
-    font-size: 12px;
-  }
-`,i=e(r)`
-  &:not(:first-child) {
-    margin-top: 0.5rem;
-    border-top: 1px solid ${t.colors.neutral.grey.base};
-    padding-top: 0.5rem;
-  }
-`;export{a as MenuItem,i as Section};
+export { MenuItem, Section };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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,cAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

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

@@ -1,2 +1,45 @@
-"use strict";var e=require("react"),t=require("./styled.cjs"),a=require("./constants.cjs"),n=require("../../Text/Text.cjs"),i=require("../../../theme/index.cjs"),l=require("../../Stack/Stack.cjs"),r=require("../../Button/Button.cjs"),c=require("../../../tempIcons/CrossIcon.cjs"),o=require("../constants.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var d=s(e);exports.Alert=({size:e="base",variant:s="default",colours:u,rightActions:g,rightActionsSlot:m,title:p,titleSlot:S,messageSlot:h,message:f,children:y,iconSlot:z,onClickClose:E,...M})=>{const b=null!=u?u:o.ColourMap[s],k=z||o.IconMap[s],v="xs"===e;return d.default.createElement(t.AlertContainer,{colours:b,direction:"horizontal",alignX:"between",spacing:"0",...M},d.default.createElement(l.Stack,{direction:"horizontal",alignY:v?"center":"start",style:{margin:a.SpacingMap[e],gap:a.SpacingMap[e]},spacing:0},d.default.createElement(k,{"aria-hidden":!0,style:{minWidth:a.IconSizeMap[e],minHeight:a.IconSizeMap[e],width:a.IconSizeMap[e],height:a.IconSizeMap[e]},color:b.primary}),y||d.default.createElement(l.Stack,{direction:"vertical",spacing:v?0:"xs"},S||d.default.createElement(n.Text,{variant:v?"bodySmallBold":"bodyBold",style:"base"===e?{lineHeight:"24px"}:{}},p),h||d.default.createElement(n.Text,{variant:v?"bodySmall":"body"},f))),d.default.createElement(l.Stack,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:v?void 0:i.theme.sizes[3],gap:v?void 0:a.SpacingMap[e],alignItems:"center"}},m,g&&d.default.createElement(l.Stack,{alignY:"center",spacing:0,style:{gap:a.SpacingMap[e]}},g.map((({label:e,...t})=>d.default.createElement(r.Button,{key:e,type:"button",size:"sm",...t},e)))),E&&d.default.createElement(l.Stack,{alignY:v?"center":"start",style:{height:"100%",padding:v?i.theme.sizes.xs:void 0}},d.default.createElement(r.Button,{variant:"flat",iconSlot:d.default.createElement(c.CrossIcon,null),onClick:E,"aria-label":"Close",size:"sm"}))))};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var constants = require('./constants.cjs');
+var Text = require('../../Text/Text.cjs');
+var index = require('../../../theme/index.cjs');
+var Stack = require('../../Stack/Stack.cjs');
+var Button = require('../../Button/Button.cjs');
+var CrossIcon = require('../../../tempIcons/CrossIcon.cjs');
+var constants$1 = require('../constants.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/* eslint-disable react/destructuring-assignment */
+const Alert = ({ size = 'base', variant = 'default', colours: passedColours, rightActions, rightActionsSlot, title, titleSlot, messageSlot, message, children, iconSlot, onClickClose, ...divProps }) => {
+    const colours = passedColours !== null && passedColours !== undefined ? passedColours : constants$1.ColourMap[variant];
+    const IconSlot = iconSlot || constants$1.IconMap[variant];
+    const isXsSize = size === 'xs';
+    return (React__default.default.createElement(styled.AlertContainer, { colours: colours, direction: "horizontal", alignX: "between", spacing: "0", ...divProps },
+        React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: isXsSize ? 'center' : 'start', style: { margin: constants.SpacingMap[size], gap: constants.SpacingMap[size] }, spacing: 0 },
+            React__default.default.createElement(IconSlot, { "aria-hidden": true, style: {
+                    minWidth: constants.IconSizeMap[size],
+                    minHeight: constants.IconSizeMap[size],
+                    width: constants.IconSizeMap[size],
+                    height: constants.IconSizeMap[size],
+                }, color: colours.primary }),
+            children || (React__default.default.createElement(Stack.Stack, { direction: "vertical", spacing: isXsSize ? 0 : 'xs' },
+                titleSlot || (React__default.default.createElement(Text.Text, { variant: isXsSize ? 'bodySmallBold' : 'bodyBold', style: size === 'base' ? { lineHeight: '24px' } : {} }, title)),
+                messageSlot || React__default.default.createElement(Text.Text, { variant: isXsSize ? 'bodySmall' : 'body' }, message)))),
+        React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignX: "end", spacing: 0, style: {
+                margin: isXsSize ? undefined : index.theme.sizes[3],
+                gap: isXsSize ? undefined : constants.SpacingMap[size],
+                alignItems: 'center',
+            } },
+            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" }))))));
+};
+
+exports.Alert = Alert;
 //# sourceMappingURL=Alert.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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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"}

package/dist/components/Alerts/Alert/Alert.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { AlertProps } from './types';
 export declare const Alert: ({ size, variant, colours: passedColours, rightActions, rightActionsSlot, title, titleSlot, messageSlot, message, children, iconSlot, onClickClose, ...divProps }: AlertProps) => React.JSX.Element;
-//# sourceMappingURL=Alert.d.ts.map

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

@@ -1,2 +1,39 @@
-import e from"react";import{AlertContainer as t}from"./styled.js";import{SpacingMap as i,IconSizeMap as n}from"./constants.js";import{Text as o}from"../../Text/Text.js";import{theme as r}from"../../../theme/index.js";import{Stack as a}from"../../Stack/Stack.js";import{Button as l}from"../../Button/Button.js";import{CrossIcon as s}from"../../../tempIcons/CrossIcon.js";import{ColourMap as c,IconMap as m}from"../constants.js";const g=({size:g="base",variant:d="default",colours:p,rightActions:h,rightActionsSlot:y,title:E,titleSlot:f,messageSlot:b,message:u,children:S,iconSlot:j,onClickClose:v,...x})=>{const z=null!=p?p:c[d],k=j||m[d],C="xs"===g;return e.createElement(t,{colours:z,direction:"horizontal",alignX:"between",spacing:"0",...x},e.createElement(a,{direction:"horizontal",alignY:C?"center":"start",style:{margin:i[g],gap:i[g]},spacing:0},e.createElement(k,{"aria-hidden":!0,style:{minWidth:n[g],minHeight:n[g],width:n[g],height:n[g]},color:z.primary}),S||e.createElement(a,{direction:"vertical",spacing:C?0:"xs"},f||e.createElement(o,{variant:C?"bodySmallBold":"bodyBold",style:"base"===g?{lineHeight:"24px"}:{}},E),b||e.createElement(o,{variant:C?"bodySmall":"body"},u))),e.createElement(a,{direction:"horizontal",alignX:"end",spacing:0,style:{margin:C?void 0:r.sizes[3],gap:C?void 0:i[g],alignItems:"center"}},y,h&&e.createElement(a,{alignY:"center",spacing:0,style:{gap:i[g]}},h.map((({label:t,...i})=>e.createElement(l,{key:t,type:"button",size:"sm",...i},t)))),v&&e.createElement(a,{alignY:C?"center":"start",style:{height:"100%",padding:C?r.sizes.xs:void 0}},e.createElement(l,{variant:"flat",iconSlot:e.createElement(s,null),onClick:v,"aria-label":"Close",size:"sm"}))))};export{g as Alert};
+import React from 'react';
+import { AlertContainer } from './styled.js';
+import { SpacingMap, IconSizeMap } from './constants.js';
+import { Text } from '../../Text/Text.js';
+import { theme } from '../../../theme/index.js';
+import { Stack } from '../../Stack/Stack.js';
+import { Button } from '../../Button/Button.js';
+import { CrossIcon } from '../../../tempIcons/CrossIcon.js';
+import { ColourMap, IconMap } from '../constants.js';
+
+/* eslint-disable react/destructuring-assignment */
+const Alert = ({ size = 'base', variant = 'default', colours: passedColours, rightActions, rightActionsSlot, title, titleSlot, messageSlot, message, children, iconSlot, onClickClose, ...divProps }) => {
+    const colours = passedColours !== null && passedColours !== undefined ? passedColours : ColourMap[variant];
+    const IconSlot = iconSlot || IconMap[variant];
+    const isXsSize = size === 'xs';
+    return (React.createElement(AlertContainer, { colours: colours, direction: "horizontal", alignX: "between", spacing: "0", ...divProps },
+        React.createElement(Stack, { direction: "horizontal", alignY: isXsSize ? 'center' : 'start', style: { margin: SpacingMap[size], gap: SpacingMap[size] }, spacing: 0 },
+            React.createElement(IconSlot, { "aria-hidden": true, style: {
+                    minWidth: IconSizeMap[size],
+                    minHeight: IconSizeMap[size],
+                    width: IconSizeMap[size],
+                    height: IconSizeMap[size],
+                }, color: colours.primary }),
+            children || (React.createElement(Stack, { direction: "vertical", spacing: isXsSize ? 0 : 'xs' },
+                titleSlot || (React.createElement(Text, { variant: isXsSize ? 'bodySmallBold' : 'bodyBold', style: size === 'base' ? { lineHeight: '24px' } : {} }, title)),
+                messageSlot || React.createElement(Text, { variant: isXsSize ? 'bodySmall' : 'body' }, message)))),
+        React.createElement(Stack, { direction: "horizontal", alignX: "end", spacing: 0, style: {
+                margin: isXsSize ? undefined : theme.sizes[3],
+                gap: isXsSize ? undefined : SpacingMap[size],
+                alignItems: 'center',
+            } },
+            rightActionsSlot,
+            rightActions && (React.createElement(Stack, { alignY: "center", spacing: 0, style: { gap: SpacingMap[size] } }, rightActions.map(({ label, ...actionProps }) => (React.createElement(Button, { key: label, type: "button", size: "sm", ...actionProps }, label))))),
+            onClickClose && (React.createElement(Stack, { alignY: isXsSize ? 'center' : 'start', style: { height: '100%', padding: isXsSize ? theme.sizes.xs : undefined } },
+                React.createElement(Button, { variant: "flat", iconSlot: React.createElement(CrossIcon, null), onClick: onClickClose, "aria-label": "Close", size: "sm" }))))));
+};
+
+export { Alert };
 //# sourceMappingURL=Alert.js.map

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

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

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

@@ -1,2 +1,18 @@
-"use strict";var e=require("../../../theme/index.cjs");const s={base:e.theme.sizes.base,sm:e.theme.sizes[3],xs:e.theme.sizes.sm},t={base:e.theme.sizes.md,sm:e.theme.sizes[5],xs:e.theme.sizes[5]};exports.IconSizeMap=t,exports.SpacingMap=s;
+'use strict';
+
+var index = require('../../../theme/index.cjs');
+
+const SpacingMap = {
+    base: index.theme.sizes.base,
+    sm: index.theme.sizes[3],
+    xs: index.theme.sizes.sm,
+};
+const IconSizeMap = {
+    base: index.theme.sizes.md,
+    sm: index.theme.sizes[5],
+    xs: index.theme.sizes[5],
+};
+
+exports.IconSizeMap = IconSizeMap;
+exports.SpacingMap = SpacingMap;
 //# sourceMappingURL=constants.cjs.map

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":["SpacingMap","base","theme","sizes"],"mappings":"uDAIO,MAAAA,GAMAC,KAAAC,EAAAA,MAAAC"}
+{"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;;;;;;"}

package/dist/components/Alerts/Alert/constants.d.ts

@@ -1,4 +1,3 @@
 import type { AlertSizes } from './types';
 export declare const SpacingMap: Record<AlertSizes, string>;
 export declare const IconSizeMap: Record<AlertSizes, string>;
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1,2 +1,15 @@
-import{theme as s}from"../../../theme/index.js";const e={base:s.sizes.base,sm:s.sizes[3],xs:s.sizes.sm},i={base:s.sizes.md,sm:s.sizes[5],xs:s.sizes[5]};export{i as IconSizeMap,e as SpacingMap};
+import { theme } from '../../../theme/index.js';
+
+const SpacingMap = {
+    base: theme.sizes.base,
+    sm: theme.sizes[3],
+    xs: theme.sizes.sm,
+};
+const IconSizeMap = {
+    base: theme.sizes.md,
+    sm: theme.sizes[5],
+    xs: theme.sizes[5],
+};
+
+export { IconSizeMap, SpacingMap };
 //# sourceMappingURL=constants.js.map

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":["SpacingMap","base","theme","sizes"],"mappings":"gDAIO,MAAAA,GAMAC,KAAAC,EAAAC"}
+{"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;;;;;"}

package/dist/components/Alerts/Alert/index.d.ts

@@ -1,2 +1 @@
 export { Alert } from './Alert';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,19 @@
-"use strict";var e=require("styled-components"),r=require("../../Stack/Stack.cjs"),t=require("../../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}const a=o(e).default(r.Stack).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0})`
-  border: 1px solid ${({colours:{primary:e}})=>e};
-  border-radius: ${t.theme.radius.base};
+'use strict';
 
-  background-color: ${({colours:{background:e}})=>e};
-`;exports.AlertContainer=a;
+var styled = require('styled-components');
+var Stack = require('../../Stack/Stack.cjs');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const AlertContainer = styled__default.default(Stack.Stack).attrs({
+    direction: 'horizontal',
+    alignX: 'between',
+    alignY: 'top',
+    spacing: 0,
+}).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":["AlertContainer","default","Stack","attrs"],"mappings":"4KAiBE,MAAAA,OAAAC,QAAAC,SAAAC,MAAA;;;;;"}
+{"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,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.d.ts

@@ -2,4 +2,3 @@ import { AlertColours } from '../types';
 export declare const AlertContainer: import("styled-components").StyledComponent<"div", any, import("../../Stack/types").StackProps & {
     colours: AlertColours;
 }, never>;
-//# sourceMappingURL=styled.d.ts.map

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

@@ -1,7 +1,13 @@
-import o from"styled-components";import{Stack as r}from"../../Stack/Stack.js";import{theme as t}from"../../../theme/index.js";const i=o(r).attrs({direction:"horizontal",alignX:"between",alignY:"top",spacing:0})`
-  border: 1px solid ${({colours:{primary:o}})=>o};
-  border-radius: ${t.radius.base};
+import styled from 'styled-components';
+import { Stack } from '../../Stack/Stack.js';
+import { theme } from '../../../theme/index.js';
 
-  background-color: ${({colours:{background:o}})=>o};
-`;export{i as AlertContainer};
+const AlertContainer = styled(Stack).attrs({
+    direction: 'horizontal',
+    alignX: 'between',
+    alignY: 'top',
+    spacing: 0,
+}).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":["AlertContainer","styled","Stack","attrs"],"mappings":"8HAiBE,MAAAA,EAAAC,EAAAC,GAAAC,MAAA;;;;;"}
+{"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,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/Alert/types.d.ts

@@ -13,4 +13,3 @@ export type AlertProps = React.HTMLAttributes<HTMLDivElement> & BaseAlertProps &
     onClickClose?: () => void;
 };
 export type AlertSizes = 'base' | 'sm' | 'xs';
-//# sourceMappingURL=types.d.ts.map

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

@@ -1,2 +1,23 @@
-"use strict";var e=require("react"),t=require("../constants.cjs"),r=require("../../Text/Text.cjs"),l=require("./constants.cjs"),o=require("./styled.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);exports.MiniAlert=({title:e,variant:n="default",iconSlot:u,customTitleColour:c,customIconColour:i})=>{const s=u||t.IconMap[n],d=null!=i?i:t.ColourMap[n].primary,m=null!=c?c:l.TextColourMap[n];return a.default.createElement(o.MiniAlertContainer,null,a.default.createElement(s,{"aria-hidden":!0,color:d,style:l.IconStyles}),a.default.createElement(r.Text,{variant:"bodySmallBold",style:{color:m}},e))};
+'use strict';
+
+var React = require('react');
+var constants = require('../constants.cjs');
+var Text = require('../../Text/Text.cjs');
+var constants$1 = require('./constants.cjs');
+var styled = require('./styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, }) => {
+    const IconSlot = iconSlot || constants.IconMap[variant];
+    const iconColour = customIconColour !== null && customIconColour !== undefined ? customIconColour : constants.ColourMap[variant].primary;
+    const titleColour = customTitleColour !== null && customTitleColour !== undefined ? customTitleColour : constants$1.TextColourMap[variant];
+    return (React__default.default.createElement(styled.MiniAlertContainer, null,
+        React__default.default.createElement(IconSlot, { "aria-hidden": true, color: iconColour, style: constants$1.IconStyles }),
+        React__default.default.createElement(Text.Text, { variant: "bodySmallBold", style: { color: titleColour } }, title)));
+};
+
+exports.MiniAlert = MiniAlert;
 //# sourceMappingURL=MiniAlert.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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;;;;"}

package/dist/components/Alerts/MiniAlert/MiniAlert.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { MiniAlertProps } from './types';
 export declare const MiniAlert: ({ title, variant, iconSlot, customTitleColour, customIconColour, }: MiniAlertProps) => React.JSX.Element;
-//# sourceMappingURL=MiniAlert.d.ts.map

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

@@ -1,2 +1,17 @@
-import t from"react";import{ColourMap as o,IconMap as r}from"../constants.js";import{Text as e}from"../../Text/Text.js";import{IconStyles as l,TextColourMap as n}from"./constants.js";import{MiniAlertContainer as m}from"./styled.js";const a=({title:a,variant:s="default",iconSlot:c,customTitleColour:i,customIconColour:u})=>{const p=c||r[s],d=null!=u?u:o[s].primary,f=null!=i?i:n[s];return t.createElement(m,null,t.createElement(p,{"aria-hidden":!0,color:d,style:l}),t.createElement(e,{variant:"bodySmallBold",style:{color:f}},a))};export{a as MiniAlert};
+import React from 'react';
+import { ColourMap, IconMap } from '../constants.js';
+import { Text } from '../../Text/Text.js';
+import { IconStyles, TextColourMap } from './constants.js';
+import { MiniAlertContainer } from './styled.js';
+
+const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, }) => {
+    const IconSlot = iconSlot || IconMap[variant];
+    const iconColour = customIconColour !== null && customIconColour !== undefined ? customIconColour : ColourMap[variant].primary;
+    const titleColour = customTitleColour !== null && customTitleColour !== undefined ? customTitleColour : TextColourMap[variant];
+    return (React.createElement(MiniAlertContainer, null,
+        React.createElement(IconSlot, { "aria-hidden": true, color: iconColour, style: IconStyles }),
+        React.createElement(Text, { variant: "bodySmallBold", style: { color: titleColour } }, title)));
+};
+
+export { MiniAlert };
 //# sourceMappingURL=MiniAlert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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;;;;"}

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

@@ -1,2 +1,22 @@
-"use strict";var e=require("../../../theme/index.cjs");const r={default:e.theme.colors.neutral.ink.dark,error:e.theme.colors.secondary.red.darkest,success:e.theme.colors.neutral.ink.dark,info:e.theme.colors.neutral.ink.dark,warning:e.theme.colors.neutral.ink.dark,recommend:e.theme.colors.neutral.ink.dark},t={minWidth:e.theme.sizes[4],minHeight:e.theme.sizes[4],width:e.theme.sizes[4],height:e.theme.sizes[4]};exports.IconStyles=t,exports.TextColourMap=r;
+'use strict';
+
+var index = require('../../../theme/index.cjs');
+
+const TextColourMap = {
+    default: index.theme.colors.neutral.ink.dark,
+    error: index.theme.colors.secondary.red.darkest,
+    success: index.theme.colors.neutral.ink.dark,
+    info: index.theme.colors.neutral.ink.dark,
+    warning: index.theme.colors.neutral.ink.dark,
+    recommend: index.theme.colors.neutral.ink.dark,
+};
+const IconStyles = {
+    minWidth: index.theme.sizes[4],
+    minHeight: index.theme.sizes[4],
+    width: index.theme.sizes[4],
+    height: index.theme.sizes[4],
+};
+
+exports.IconStyles = IconStyles;
+exports.TextColourMap = TextColourMap;
 //# sourceMappingURL=constants.cjs.map

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":["TextColourMap","default","theme","neutral","ink","dark","recommend","colors"],"mappings":"uDAGO,MAAAA,GASPC,QAAAC,EAAAA,aAAuBC,QAAAC,IAAAC,qKAKrBC,UAAAJ,EAAAA,MAAAK,OAAAJ,QAAAC,IAAAC"}
+{"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;;;;;;"}

package/dist/components/Alerts/MiniAlert/constants.d.ts

@@ -6,4 +6,3 @@ export declare const IconStyles: {
     width: string;
     height: string;
 };
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1,2 +1,19 @@
-import{theme as r}from"../../../theme/index.js";const e={default:r.colors.neutral.ink.dark,error:r.colors.secondary.red.darkest,success:r.colors.neutral.ink.dark,info:r.colors.neutral.ink.dark,warning:r.colors.neutral.ink.dark,recommend:r.colors.neutral.ink.dark},s={minWidth:r.sizes[4],minHeight:r.sizes[4],width:r.sizes[4],height:r.sizes[4]};export{s as IconStyles,e as TextColourMap};
+import { theme } from '../../../theme/index.js';
+
+const TextColourMap = {
+    default: theme.colors.neutral.ink.dark,
+    error: theme.colors.secondary.red.darkest,
+    success: theme.colors.neutral.ink.dark,
+    info: theme.colors.neutral.ink.dark,
+    warning: theme.colors.neutral.ink.dark,
+    recommend: theme.colors.neutral.ink.dark,
+};
+const IconStyles = {
+    minWidth: theme.sizes[4],
+    minHeight: theme.sizes[4],
+    width: theme.sizes[4],
+    height: theme.sizes[4],
+};
+
+export { IconStyles, TextColourMap };
 //# sourceMappingURL=constants.js.map

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":["TextColourMap","default","theme","neutral","ink","dark","recommend","colors"],"mappings":"gDAGO,MAAAA,GASPC,QAAAC,SAAuBC,QAAAC,IAAAC,6IAKrBC,UAAAJ,EAAAK,OAAAJ,QAAAC,IAAAC"}
+{"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;;;;;"}

package/dist/components/Alerts/MiniAlert/index.d.ts

@@ -1,2 +1 @@
 export { MiniAlert } from './MiniAlert';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,5 +1,13 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs");function s(e){return e&&e.__esModule?e:{default:e}}const i=s(e).default.div`
-  display: flex;
-  gap: ${t.theme.sizes.xs};
-`;exports.MiniAlertContainer=i;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+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":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"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,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;;;;"}

package/dist/components/Alerts/MiniAlert/styled.d.ts

@@ -1,2 +1 @@
 export declare const MiniAlertContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

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

@@ -1,5 +1,7 @@
-import e from"styled-components";import{theme as o}from"../../../theme/index.js";const s=e.div`
-  display: flex;
-  gap: ${o.sizes.xs};
-`;export{s as MiniAlertContainer};
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+
+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":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"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,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;;;;"}

package/dist/components/Alerts/MiniAlert/types.d.ts

@@ -3,4 +3,3 @@ export type MiniAlertProps = BaseAlertProps & {
     customIconColour?: string;
     customTitleColour?: string;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Alerts/constants.cjs

@@ -1,2 +1,48 @@
-"use strict";var e=require("../../theme/index.cjs"),r=require("../../tempIcons/AttentionIcon.cjs"),o=require("../../tempIcons/HelpIcon.cjs"),c=require("../../tempIcons/InfoIcon.cjs"),n=require("../../tempIcons/RecommendIcon.cjs"),s=require("../../tempIcons/SuccessIcon.cjs"),t=require("../../tempIcons/WarningIcon.cjs");const a={default:c.InfoIcon,error:r.AttentionIcon,success:s.SuccessIcon,info:o.HelpIcon,warning:t.WarningIcon,recommend:n.RecommendIcon},m={default:{primary:e.theme.colors.neutral.ink.base,background:e.theme.colors.neutral.grey.lightest},error:{primary:e.theme.colors.secondary.red.base,background:e.theme.colors.secondary.red.lightest},success:{primary:e.theme.colors.secondary.green.base,background:e.theme.colors.secondary.green.lightest},info:{primary:e.theme.colors.secondary.blue.base,background:e.theme.colors.secondary.blue.lightest},warning:{primary:e.theme.colors.secondary.orange.base,background:e.theme.colors.secondary.orange.lightest},recommend:{primary:e.theme.colors.secondary.purple.dark,background:e.theme.colors.secondary.purple.lightest}};exports.ColourMap=m,exports.IconMap=a;
+'use strict';
+
+var index = require('../../theme/index.cjs');
+var AttentionIcon = require('../../tempIcons/AttentionIcon.cjs');
+var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
+var InfoIcon = require('../../tempIcons/InfoIcon.cjs');
+var RecommendIcon = require('../../tempIcons/RecommendIcon.cjs');
+var SuccessIcon = require('../../tempIcons/SuccessIcon.cjs');
+var WarningIcon = require('../../tempIcons/WarningIcon.cjs');
+
+const IconMap = {
+    default: InfoIcon.InfoIcon,
+    error: AttentionIcon.AttentionIcon,
+    success: SuccessIcon.SuccessIcon,
+    info: HelpIcon.HelpIcon,
+    warning: WarningIcon.WarningIcon,
+    recommend: RecommendIcon.RecommendIcon,
+};
+const ColourMap = {
+    default: {
+        primary: index.theme.colors.neutral.ink.base,
+        background: index.theme.colors.neutral.grey.lightest,
+    },
+    error: {
+        primary: index.theme.colors.secondary.red.base,
+        background: index.theme.colors.secondary.red.lightest,
+    },
+    success: {
+        primary: index.theme.colors.secondary.green.base,
+        background: index.theme.colors.secondary.green.lightest,
+    },
+    info: {
+        primary: index.theme.colors.secondary.blue.base,
+        background: index.theme.colors.secondary.blue.lightest,
+    },
+    warning: {
+        primary: index.theme.colors.secondary.orange.base,
+        background: index.theme.colors.secondary.orange.lightest,
+    },
+    recommend: {
+        primary: index.theme.colors.secondary.purple.dark,
+        background: index.theme.colors.secondary.purple.lightest,
+    },
+};
+
+exports.ColourMap = ColourMap;
+exports.IconMap = IconMap;
 //# sourceMappingURL=constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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;;;;;;"}

package/dist/components/Alerts/constants.d.ts

@@ -2,4 +2,3 @@
 import { AlertColours, AlertVariants } from './types';
 export declare const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element>;
 export declare const ColourMap: Record<AlertVariants, AlertColours>;
-//# sourceMappingURL=constants.d.ts.map