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

package/dist/components/Accordion/Accordion.cjs

@@ -1,2 +1,54 @@
-"use strict";var e=require("react"),t=require("framer-motion"),a=require("./styled.cjs"),r=require("../../theme/modules/colors.cjs"),n=require("../../tempIcons/UpArrowIcon.cjs"),l=require("../Text/Text.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(e);exports.Accordion=({className:o,children:i,label:u,iconSlot:m,glyphColor:d=r.colors.neutral.ink.lightest,timeout:s=350,description:f,shouldOpenOnMount:p,variant:E="default",summaryTextVariant:y="body"})=>{const[A,h]=e.useState(!!p),w=()=>h(!A),x={initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:s/1e3}};return"unstyled"===E?c.default.createElement(a.AccordionDetails,{open:!!p,className:o},c.default.createElement(a.UnstyledAccordionSummary,{onClick:w},c.default.createElement(a.Top,null,c.default.createElement(a.Left,{glyphColor:d},m,c.default.createElement(l.Text,{variant:y},u)),c.default.createElement(a.Right,null,c.default.createElement(t.motion.span,{animate:{rotate:A?180:0}},c.default.createElement(n.UpArrowIcon,{name:A?"downArrow":"upArrow"})))),!!f&&c.default.createElement(a.Description,{variant:"hintText"},f)),A&&c.default.createElement(a.UnstyledAccordionContent,{...x},i)):c.default.createElement(a.AccordionDetails,{open:!!p,className:o},c.default.createElement(a.AccordionSummary,{onClick:w},c.default.createElement(a.Top,null,c.default.createElement(a.Left,{glyphColor:d},m,c.default.createElement(l.Text,{variant:y},u)),c.default.createElement(a.Right,null,c.default.createElement(t.motion.span,{animate:{rotate:A?180:0}},c.default.createElement(n.UpArrowIcon,{name:A?"downArrow":"upArrow"})))),!!f&&c.default.createElement(a.Description,{variant:"hintText"},f)),A&&c.default.createElement(a.AccordionContent,{...x},i))};
+'use strict';
+
+var React = require('react');
+var framerMotion = require('framer-motion');
+var styled = require('./styled.cjs');
+var colors = require('../../theme/modules/colors.cjs');
+var UpArrowIcon = require('../../tempIcons/UpArrowIcon.cjs');
+var Text = require('../Text/Text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.colors.neutral.ink.lightest, timeout = 350, description, shouldOpenOnMount, variant = 'default', summaryTextVariant = 'body', }) => {
+    const [shouldOpen, setShouldOpen] = React.useState(!!shouldOpenOnMount);
+    const handleOpen = () => setShouldOpen(!shouldOpen);
+    const FRAMER_MOTION_CONFIG = {
+        initial: { opacity: 0 },
+        exit: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { from: 0, type: 'tween', duration: timeout / 1000 },
+    };
+    if (variant === 'unstyled') {
+        return (React__default.default.createElement(styled.AccordionDetails, { open: !!shouldOpenOnMount, className: className },
+            React__default.default.createElement(styled.UnstyledAccordionSummary, { onClick: handleOpen },
+                React__default.default.createElement(styled.Top, null,
+                    React__default.default.createElement(styled.Left, { glyphColor: glyphColor },
+                        iconSlot,
+                        React__default.default.createElement(Text.Text, { variant: summaryTextVariant }, label)),
+                    React__default.default.createElement(styled.Right, null,
+                        React__default.default.createElement(framerMotion.motion.span, { animate: {
+                                rotate: shouldOpen ? 180 : 0,
+                            } },
+                            React__default.default.createElement(UpArrowIcon.UpArrowIcon, { 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))));
+    }
+    return (React__default.default.createElement(styled.AccordionDetails, { open: !!shouldOpenOnMount, className: className },
+        React__default.default.createElement(styled.AccordionSummary, { onClick: handleOpen },
+            React__default.default.createElement(styled.Top, null,
+                React__default.default.createElement(styled.Left, { glyphColor: glyphColor },
+                    iconSlot,
+                    React__default.default.createElement(Text.Text, { variant: summaryTextVariant }, label)),
+                React__default.default.createElement(styled.Right, null,
+                    React__default.default.createElement(framerMotion.motion.span, { animate: {
+                            rotate: shouldOpen ? 180 : 0,
+                        } },
+                        React__default.default.createElement(UpArrowIcon.UpArrowIcon, { 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)));
+};
+
+exports.Accordion = Accordion;
 //# sourceMappingURL=Accordion.cjs.map

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

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

package/dist/components/Accordion/Accordion.d.ts

@@ -1,4 +1,3 @@
 import { FC } from 'react';
 import { AccordionProps } from './types';
 export declare const Accordion: FC<AccordionProps>;
-//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.js

@@ -1,2 +1,48 @@
-import e,{useState as t}from"react";import{motion as r}from"framer-motion";import{AccordionDetails as n,UnstyledAccordionSummary as a,Top as o,Left as l,Right as m,Description as c,UnstyledAccordionContent as i,AccordionSummary as p,AccordionContent as s}from"./styled.js";import{colors as E}from"../../theme/modules/colors.js";import{UpArrowIcon as u}from"../../tempIcons/UpArrowIcon.js";import{Text as d}from"../Text/Text.js";const y=({className:y,children:f,label:h,iconSlot:w,glyphColor:x=E.neutral.ink.lightest,timeout:v=350,description:A,shouldOpenOnMount:C,variant:T="default",summaryTextVariant:g="body"})=>{const[j,k]=t(!!C),N=()=>k(!j),b={initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{from:0,type:"tween",duration:v/1e3}};return"unstyled"===T?e.createElement(n,{open:!!C,className:y},e.createElement(a,{onClick:N},e.createElement(o,null,e.createElement(l,{glyphColor:x},w,e.createElement(d,{variant:g},h)),e.createElement(m,null,e.createElement(r.span,{animate:{rotate:j?180:0}},e.createElement(u,{name:j?"downArrow":"upArrow"})))),!!A&&e.createElement(c,{variant:"hintText"},A)),j&&e.createElement(i,{...b},f)):e.createElement(n,{open:!!C,className:y},e.createElement(p,{onClick:N},e.createElement(o,null,e.createElement(l,{glyphColor:x},w,e.createElement(d,{variant:g},h)),e.createElement(m,null,e.createElement(r.span,{animate:{rotate:j?180:0}},e.createElement(u,{name:j?"downArrow":"upArrow"})))),!!A&&e.createElement(c,{variant:"hintText"},A)),j&&e.createElement(s,{...b},f))};export{y as Accordion};
+import React, { 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 '../../tempIcons/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', }) => {
+    const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);
+    const handleOpen = () => setShouldOpen(!shouldOpen);
+    const FRAMER_MOTION_CONFIG = {
+        initial: { opacity: 0 },
+        exit: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { from: 0, type: 'tween', duration: timeout / 1000 },
+    };
+    if (variant === 'unstyled') {
+        return (React.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
+            React.createElement(UnstyledAccordionSummary, { onClick: handleOpen },
+                React.createElement(Top, null,
+                    React.createElement(Left, { glyphColor: glyphColor },
+                        iconSlot,
+                        React.createElement(Text, { variant: summaryTextVariant }, label)),
+                    React.createElement(Right, null,
+                        React.createElement(motion.span, { animate: {
+                                rotate: shouldOpen ? 180 : 0,
+                            } },
+                            React.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
+                !!description && React.createElement(Description, { variant: "hintText" }, description)),
+            shouldOpen && (React.createElement(UnstyledAccordionContent, { ...FRAMER_MOTION_CONFIG }, children))));
+    }
+    return (React.createElement(AccordionDetails, { open: !!shouldOpenOnMount, className: className },
+        React.createElement(AccordionSummary, { onClick: handleOpen },
+            React.createElement(Top, null,
+                React.createElement(Left, { glyphColor: glyphColor },
+                    iconSlot,
+                    React.createElement(Text, { variant: summaryTextVariant }, label)),
+                React.createElement(Right, null,
+                    React.createElement(motion.span, { animate: {
+                            rotate: shouldOpen ? 180 : 0,
+                        } },
+                        React.createElement(UpArrowIcon, { name: shouldOpen ? 'downArrow' : 'upArrow' })))),
+            !!description && React.createElement(Description, { variant: "hintText" }, description)),
+        shouldOpen && React.createElement(AccordionContent, { ...FRAMER_MOTION_CONFIG }, children)));
+};
+
+export { Accordion };
 //# sourceMappingURL=Accordion.js.map

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

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

package/dist/components/Accordion/index.d.ts

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

package/dist/components/Accordion/styled.cjs

@@ -1,2 +1,39 @@
-"use strict";var e=require("styled-components"),o=require("framer-motion"),i=require("../BaseContainer/BaseContainer.cjs"),t=require("../Text/Text.cjs"),n=require("../../theme/index.cjs"),r=require("../../theme/modules/sizes.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);const d=a.default(i.BaseContainer).withConfig({displayName:"vui--TapBarChild",componentId:"vui--vb6lvt"})`display:flex;flex-direction:row;align-items:center;`,l=a.default(d).withConfig({displayName:"vui--Left",componentId:"vui--19b2coz"})`svg{margin-right:12px;height:${r.sizes.base};width:${r.sizes.base};color:${({glyphColor:e})=>e};}`,c=a.default(d).withConfig({displayName:"vui--Right",componentId:"vui--13mhsyo"})`justify-content:flex-end;flex-grow:2;`,u=a.default.summary.withConfig({displayName:"vui--AccordionSummary",componentId:"vui--1lgp9cv"})`display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${n.theme.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${n.theme.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${n.theme.colors.secondary.blue.light};}`,p=a.default(i.BaseContainer).withConfig({displayName:"vui--Top",componentId:"vui--11peosj"})`display:flex;flex-direction:row;align-items:center;height:16px;`,m=a.default(t.Text).withConfig({displayName:"vui--Description",componentId:"vui--1e00qnt"})`margin-top:8px;`,x=a.default(o.motion(i.BaseContainer)).withConfig({displayName:"vui--AccordionContent",componentId:"vui--2wgxvx"})`margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`,y=a.default.details.withConfig({displayName:"vui--AccordionDetails",componentId:"vui--1dg5oex"})`summary{list-style-type:none;::-webkit-details-marker{display:none;}}`,f=a.default(o.motion(i.BaseContainer)).withConfig({displayName:"vui--UnstyledAccordionContent",componentId:"vui--15qdyaz"})``,g=a.default.summary.withConfig({displayName:"vui--UnstyledAccordionSummary",componentId:"vui--1v24yw5"})`&:focus{outline:none;box-shadow:0 0 0 2px ${n.theme.colors.secondary.blue.light};}`;exports.Text=t.Text,exports.AccordionContent=x,exports.AccordionDetails=y,exports.AccordionSummary=u,exports.Description=m,exports.Left=l,exports.Right=c,exports.Top=p,exports.UnstyledAccordionContent=f,exports.UnstyledAccordionSummary=g;
+'use strict';
+
+var styled = require('styled-components');
+var framerMotion = require('framer-motion');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
+var Text = require('../Text/Text.cjs');
+var index = require('../../theme/index.cjs');
+var sizes = require('../../theme/modules/sizes.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const TapBarChild = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--TapBarChild", componentId: "vui--vb6lvt" }) `display:flex;flex-direction:row;align-items:center;`;
+const Left = styled__default.default(TapBarChild).withConfig({ displayName: "vui--Left", componentId: "vui--19b2coz" }) `svg{margin-right:12px;height:${sizes.sizes.base};width:${sizes.sizes.base};color:${({ glyphColor }) => glyphColor};}`;
+const Right = styled__default.default(TapBarChild).withConfig({ displayName: "vui--Right", componentId: "vui--13mhsyo" }) `justify-content:flex-end;flex-grow:2;`;
+/**
+ * Due to unique behaviour observed in Safari, we override the outline property when
+ * the accordion is focussed.
+ */
+const AccordionSummary = styled__default.default.summary.withConfig({ displayName: "vui--AccordionSummary", componentId: "vui--1lgp9cv" }) `display:flex;flex-direction:column;padding:12px;border-radius:4px;user-select:none;cursor:pointer;border:1px solid ${index.theme.colors.neutral.grey.dark};:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}:active{box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
+const Top = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Top", componentId: "vui--11peosj" }) `display:flex;flex-direction:row;align-items:center;height:16px;`;
+const Description = styled__default.default(Text.Text).withConfig({ displayName: "vui--Description", componentId: "vui--1e00qnt" }) `margin-top:8px;`;
+const AccordionContent = styled__default.default(framerMotion.motion(BaseContainer.BaseContainer)).withConfig({ displayName: "vui--AccordionContent", componentId: "vui--2wgxvx" }) `margin-top:4px;background:rgba(217, 235, 248, 0.5);padding:10px 26px;`;
+const AccordionDetails = styled__default.default.details.withConfig({ displayName: "vui--AccordionDetails", componentId: "vui--1dg5oex" }) `summary{list-style-type:none;::-webkit-details-marker{display:none;}}`;
+const UnstyledAccordionContent = styled__default.default(framerMotion.motion(BaseContainer.BaseContainer)).withConfig({ displayName: "vui--UnstyledAccordionContent", componentId: "vui--15qdyaz" }) ``;
+const UnstyledAccordionSummary = styled__default.default.summary.withConfig({ displayName: "vui--UnstyledAccordionSummary", componentId: "vui--1v24yw5" }) `&:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
+
+exports.Text = Text.Text;
+exports.AccordionContent = AccordionContent;
+exports.AccordionDetails = AccordionDetails;
+exports.AccordionSummary = AccordionSummary;
+exports.Description = Description;
+exports.Left = Left;
+exports.Right = Right;
+exports.Top = Top;
+exports.UnstyledAccordionContent = UnstyledAccordionContent;
+exports.UnstyledAccordionSummary = UnstyledAccordionSummary;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":[null],"names":["TapBarChild","styled","default","BaseContainer","withConfig","displayName","componentId","AccordionSummary","summary","theme","colors","neutral","grey","dark","secondary","blue","light"],"mappings":"qSA6BA,MAAAA,EAAAC,EAAAC,QAAAC,iBAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,iWAmCAC,EAAsBN,EAAAA,QAAAO,QAAAJ,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,sHAAAG,EAAAA,MAAAC,OAAAC,QAAAC,KAAAC,iDAAAJ,EAAAA,MAAAC,OAAAI,UAAAC,KAAAC,uCAAAP,EAAAA,MAAAC,OAAAI,UAAAC,KAAAC"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":[null],"names":["styled","BaseContainer","sizes","theme","Text","motion"],"mappings":";;;;;;;;;;;;;AAQA,MAAM,WAAW,GAAGA,uBAAM,CAACC,2BAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAGD,uBAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAAE,WAAK,CAAC,IAAI,CACX,OAAA,EAAAA,WAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAGF,uBAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,OAAO,yMAQjBG,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAGH,uBAAM,CAACC,2BAAa,CAAC;AAOjC,MAAM,WAAW,GAAGD,uBAAM,CAACI,SAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAGJ,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAGD,uBAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAGA,uBAAM,CAACK,mBAAM,CAACJ,2BAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAGD,uBAAM,CAAC,OAAO,wIAGnBG,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;;;;;;;;;;"}

package/dist/components/Accordion/styled.d.ts

@@ -34,4 +34,3 @@ declare const UnstyledAccordionContent: import("styled-components").StyledCompon
 }>, any, {}, never>;
 declare const UnstyledAccordionSummary: import("styled-components").StyledComponent<"summary", any, {}, never>;
 export { AccordionSummary, Top, Text, Left, Right, Description, AccordionDetails, AccordionContent, UnstyledAccordionContent, UnstyledAccordionSummary, };
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Accordion/styled.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":[null],"names":["TapBarChild","styled","BaseContainer","withConfig","displayName","componentId","AccordionSummary","summary","theme","colors","neutral","grey","dark","secondary","blue","light"],"mappings":"mRA6BA,MAAAA,EAAAC,EAAAC,GAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,qUAmCAC,EAAsBL,EAAAM,QAAAJ,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAA,sHAAAG,EAAAC,OAAAC,QAAAC,KAAAC,iDAAAJ,EAAAC,OAAAI,UAAAC,KAAAC,uCAAAP,EAAAC,OAAAI,UAAAC,KAAAC"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Accordion/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAQA,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,kIAIxC;AAEK,MAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAGlB,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,6BAAA,EAAA,KAAK,CAAC,IAAI,CACX,OAAA,EAAA,KAAK,CAAC,IAAI,CAAA,OAAA,EAEV,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAA,EAAA;AAI3C,MAAM,KAAK,GAAG,MAAM,CAAC,WAAkB,CAAC;AAKxC;;;AAGG;AACH,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,yMAQjB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,6CAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,kCAIjC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC;AAOjC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAI1B,MAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qEAAA;AAMtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO;AASjC,MAAA,wBAAwB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA;AAE9D,MAAM,wBAAwB,GAAG,MAAM,CAAC,OAAO,wIAGnB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}

package/dist/components/Accordion/types.d.ts

@@ -13,4 +13,3 @@ export type AccordionProps = {
     summaryTextVariant?: TextVariant;
 };
 export type AccordianVariants = 'default' | 'unstyled';
-//# sourceMappingURL=types.d.ts.map

package/dist/components/ActionMenu/ActionMenu.cjs

@@ -1,2 +1,36 @@
-"use strict";var e=require("react"),t=require("react-aria-components"),r=require("../Dropdown/Dropdown.cjs");require("../../hooks/useFocusVisible.cjs");var o=require("../../hooks/useId.cjs"),n=require("./styled.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(e);const s=({id:i,menuLabel:s,ctaProps:a,actions:d,children:c})=>{var l;const[p,h]=e.useState(!1),m=o.useId({id:i,prefix:"action-menu"});return u.default.createElement(r.Dropdown,{id:m,style:{padding:"0"},shouldShow:p,setShouldShow:h,ctaProps:{size:"sm",...a},useAnchorWidth:!0,onKeyDown:e=>{"Escape"!==e.code&&"Tab"!==e.code||h(!1),e.preventDefault()}},u.default.createElement(t.Menu,{onClose:()=>h(!1),"aria-label":s||(null===(l=a.children)||void 0===l?void 0:l.toString())},null==d?void 0:d.map((e=>{var t;return u.default.createElement(n.MenuItem,{...e,key:e.id||(null===(t=e.children)||void 0===t?void 0:t.toString())})})),c))};s.Item=n.MenuItem,s.Section=n.Section,s.Text=t.Text,exports.ActionMenu=s;
+'use strict';
+
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var Dropdown = require('../Dropdown/Dropdown.cjs');
+require('../../hooks/useFocusVisible.cjs');
+var useId = require('../../hooks/useId.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 ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
+    var _a;
+    const [shouldShow, setShouldShow] = React.useState(false);
+    const idComputed = useId.useId({ id, prefix: 'action-menu' });
+    const onKeyDown = (e) => {
+        if (e.code === 'Escape' || e.code === 'Tab')
+            setShouldShow(false);
+        e.preventDefault();
+    };
+    return (React__default.default.createElement(Dropdown.Dropdown, { id: idComputed, style: { padding: '0' }, shouldShow: shouldShow, setShouldShow: setShouldShow, ctaProps: { size: 'sm', ...ctaProps }, useAnchorWidth: true, onKeyDown: onKeyDown },
+        React__default.default.createElement(reactAriaComponents.Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === undefined ? undefined : _a.toString()) }, actions === null || actions === undefined ? undefined :
+            actions.map((action) => {
+                var _a;
+                return (React__default.default.createElement(styled.MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === undefined ? undefined : _a.toString()) }));
+            }),
+            children)));
+};
+ActionMenu.Item = styled.MenuItem;
+ActionMenu.Section = styled.Section;
+ActionMenu.Text = reactAriaComponents.Text;
+
+exports.ActionMenu = ActionMenu;
 //# sourceMappingURL=ActionMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":[null],"names":["ActionMenu","id","menuLabel","ctaProps","actions","children","_a","shouldShow","useState","idComputed","useId","prefix","e","code","React","createElement","Menu","onClose","setShouldShow","toString"],"mappings":"uRASW,MAAAA,EAAU,EAAAC,KAAAC,YAAAC,WAAAC,UAAAC,eACnB,IAAAC,EACA,MAAQC,KAAcC,EAAAA,UAAA,GACdC,EAAGC,EAAAA,MAAU,CAAAT,KAAAU,OAAA,uKACrBC,IAEqB,WAAvBA,EAAAC,MAAuB,QAAAD,EAAAC,iCA+BrBC,EAAAA,QAAAC,cAAAC,EAAAA,KAAA,CAAAC,QAAA,IAAAC,GAAA,GAAA,aAAAhB,IAAA,QAAAI,EAAAH,EAAAE,gBAAA,IAAAC,OAAA,EAAAA,EAAAa,aAAAf,aAAA"}
+{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":[null],"names":["useState","useId","React","Dropdown","Menu","MenuItem","Section","Text"],"mappings":";;;;;;;;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,WAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,KAAC;AAED,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,iBAAQ,EACP,EAAA,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EACd,IAAA,EAAA,SAAS,EAAE,SAAS,EAAA;QAEpBD,sBAAC,CAAA,aAAA,CAAAE,wBAAI,EACH,EAAA,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,SAAA,GAAA,SAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxBF,qCAACG,eAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAI,CAAA;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAGA,eAAQ;AAC1B,UAAU,CAAC,OAAO,GAAGC,cAAO;AAC5B,UAAU,CAAC,IAAI,GAAGC,wBAAI;;;;"}

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -10,8 +10,7 @@ export type ActionMenuProps = {
 };
 export declare const ActionMenu: {
     ({ id, menuLabel, ctaProps, actions, children }: ActionMenuProps): React.JSX.Element;
-    Item: import("styled-components").StyledComponent<(<T extends object>(props: MenuItemProps<T> & React.RefAttributes<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null), any, {}, never>;
-    Section: import("styled-components").StyledComponent<(<T_1 extends object>(props: import("react-aria-components").SectionProps<T_1> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null), any, {}, never>;
+    Item: import("styled-components").StyledComponent<(<T extends object>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>), any, {}, never>;
+    Section: import("styled-components").StyledComponent<(<T_1 extends object>(props: import("react-aria-components").SectionProps<T_1> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>), any, {}, never>;
     Text: React.ForwardRefExoticComponent<import("react-aria-components").TextProps & React.RefAttributes<HTMLElement>>;
 };
-//# sourceMappingURL=ActionMenu.d.ts.map

package/dist/components/ActionMenu/ActionMenu.js

@@ -1,2 +1,30 @@
-import o,{useState as e}from"react";import{Menu as r,Text as t}from"react-aria-components";import{Dropdown as i}from"../Dropdown/Dropdown.js";import"../../hooks/useFocusVisible.js";import{useId as n}from"../../hooks/useId.js";import{MenuItem as s,Section as d}from"./styled.js";const a=({id:t,menuLabel:d,ctaProps:a,actions:l,children:c})=>{var m;const[p,u]=e(!1),h=n({id:t,prefix:"action-menu"});return o.createElement(i,{id:h,style:{padding:"0"},shouldShow:p,setShouldShow:u,ctaProps:{size:"sm",...a},useAnchorWidth:!0,onKeyDown:o=>{"Escape"!==o.code&&"Tab"!==o.code||u(!1),o.preventDefault()}},o.createElement(r,{onClose:()=>u(!1),"aria-label":d||(null===(m=a.children)||void 0===m?void 0:m.toString())},null==l?void 0:l.map((e=>{var r;return o.createElement(s,{...e,key:e.id||(null===(r=e.children)||void 0===r?void 0:r.toString())})})),c))};a.Item=s,a.Section=d,a.Text=t;export{a as ActionMenu};
+import React, { useState } from 'react';
+import { Menu, Text } from 'react-aria-components';
+import { Dropdown } from '../Dropdown/Dropdown.js';
+import '../../hooks/useFocusVisible.js';
+import { useId } from '../../hooks/useId.js';
+import { MenuItem, Section } from './styled.js';
+
+const ActionMenu = ({ id, menuLabel, ctaProps, actions, children }) => {
+    var _a;
+    const [shouldShow, setShouldShow] = useState(false);
+    const idComputed = useId({ id, prefix: 'action-menu' });
+    const onKeyDown = (e) => {
+        if (e.code === 'Escape' || e.code === 'Tab')
+            setShouldShow(false);
+        e.preventDefault();
+    };
+    return (React.createElement(Dropdown, { id: idComputed, style: { padding: '0' }, shouldShow: shouldShow, setShouldShow: setShouldShow, ctaProps: { size: 'sm', ...ctaProps }, useAnchorWidth: true, onKeyDown: onKeyDown },
+        React.createElement(Menu, { onClose: () => setShouldShow(false), "aria-label": menuLabel || ((_a = ctaProps.children) === null || _a === undefined ? undefined : _a.toString()) }, actions === null || actions === undefined ? undefined :
+            actions.map((action) => {
+                var _a;
+                return (React.createElement(MenuItem, { ...action, key: action.id || ((_a = action.children) === null || _a === undefined ? undefined : _a.toString()) }));
+            }),
+            children)));
+};
+ActionMenu.Item = MenuItem;
+ActionMenu.Section = Section;
+ActionMenu.Text = Text;
+
+export { ActionMenu };
 //# sourceMappingURL=ActionMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":[null],"names":["ActionMenu","id","menuLabel","ctaProps","actions","children","_a","shouldShow","useState","idComputed","useId","prefix","e","code","React","createElement","Menu","onClose","setShouldShow","toString"],"mappings":"sRASW,MAAAA,EAAU,EAAAC,KAAAC,YAAAC,WAAAC,UAAAC,eACnB,IAAAC,EACA,MAAQC,KAAcC,GAAA,GACdC,EAAGC,EAAU,CAAAT,KAAAU,OAAA,sJACrBC,IAEqB,WAAvBA,EAAAC,MAAuB,QAAAD,EAAAC,iCA+BrBC,EAAAC,cAAAC,EAAA,CAAAC,QAAA,IAAAC,GAAA,GAAA,aAAAhB,IAAA,QAAAI,EAAAH,EAAAE,gBAAA,IAAAC,OAAA,EAAAA,EAAAa,aAAAf,aAAA"}
+{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAea,MAAA,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAmB,KAAI;;IAC5F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAEvD,IAAA,MAAM,SAAS,GAAkD,CAAC,CAAC,KAAI;QACrE,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK;YAAE,aAAa,CAAC,KAAK,CAAC;QACjE,CAAC,CAAC,cAAc,EAAE;AACpB,KAAC;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,EACrC,cAAc,EACd,IAAA,EAAA,SAAS,EAAE,SAAS,EAAA;QAEpB,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,OAAO,EAAE,MAAM,aAAa,CAAC,KAAK,CAAC,EAAA,YAAA,EACvB,SAAS,KAAI,CAAA,EAAA,GAAA,QAAQ,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAA,EAErD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,SAAA,GAAA,SAAA;AAAP,YAAA,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,KAAI;;gBAAC,QACxB,oBAAC,QAAQ,EAAA,EAAA,GAAK,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAI,CAAA,EAAA,GAAA,MAAM,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,CAAA,EAAI,CAAA;aACxE,CAAC;YAED,QAAQ,CACJ,CACE;AAEf;AAEA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,UAAU,CAAC,IAAI,GAAG,IAAI;;;;"}

package/dist/components/ActionMenu/index.d.ts

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

package/dist/components/ActionMenu/styled.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ActionMenu/styled.ts"],"sourcesContent":[null],"names":["styled","AriaMenuItem","theme","getTextStyles","AriaSection"],"mappings":";;;;;;;;;;;MAKa,QAAQ,GAAGA,uBAAM,CAACC,4BAAY,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4EAAA,EAOhCC,WAAK,CAAC,KAAK,CAAC,EAAE,CACb,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,eAAA,EACRA,WAAK,CAAC,MAAM,CAAC,IAAI,CAI9B,mBAAA,EAAAC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,WAAA,EAG9BC,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,0CAAA,EAMvBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACjBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mCAAA,EAGrCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAK/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAC7C,OAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAS9B,mFAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,iBAAA;AAK9B,MAAA,OAAO,GAAGF,uBAAM,CAACI,2BAAW,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAGdF,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;"}

package/dist/components/ActionMenu/styled.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-export declare const MenuItem: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").MenuItemProps<T> & import("react").RefAttributes<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null), any, {}, never>;
-export declare const Section: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").SectionProps<T> & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null), any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map
+export declare const MenuItem: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").MenuItemProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;
+export declare const Section: import("styled-components").StyledComponent<(<T extends object>(props: import("react-aria-components").SectionProps<T> & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/ActionMenu/styled.js

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