npm - @veeqo/ui - Versions diffs - 10.0.1 → 10.1.0 - Mend

@veeqo/ui 10.0.1 → 10.1.0

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

Files changed (288) hide show

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

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

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

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

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

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

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

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

package/dist/components/ActionMenu/styled.cjs CHANGED Viewed

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

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

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

package/dist/components/ActionMenu/styled.js CHANGED Viewed

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

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

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

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

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

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

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

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

@@ -20,11 +20,11 @@ const styleMappings = {
     base: 'link',
     sm: 'linkSmall',
 };
-const UnstyledAnchor = styled__default.default.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1yb7xtw" }) ``;
+const UnstyledAnchor = styled__default.default.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
 // Standard variant styling
-const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--dtxbpd" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
+const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
 // Inherit font size and line height from parent
-const InheritAnchor = styled__default.default(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--uob8vf" }) `font-size:inherit;line-height:inherit;`;
+const InheritAnchor = styled__default.default(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
 const AnchorMapping = {
     base: StandardAnchor,
     unstyled: UnstyledAnchor,

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

@@ -14,11 +14,11 @@ const styleMappings = {
     base: 'link',
     sm: 'linkSmall',
 };
-const UnstyledAnchor = styled.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1yb7xtw" }) ``;
+const UnstyledAnchor = styled.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1af0loc" }) ``;
 // Standard variant styling
-const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--dtxbpd" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
+const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--k5ndq9" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
 // Inherit font size and line height from parent
-const InheritAnchor = styled(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--uob8vf" }) `font-size:inherit;line-height:inherit;`;
+const InheritAnchor = styled(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--ut8az0" }) `font-size:inherit;line-height:inherit;`;
 const AnchorMapping = {
     base: StandardAnchor,
     unstyled: UnstyledAnchor,

package/dist/components/AnimatedDropdown/components/styled.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--17b4ols" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--r1m0qe" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
 exports.Container = Container;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/AnimatedDropdown/components/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../../BaseContainer/BaseContainer';\n\nexport const Container = styled(BaseContainer)`\n display: inline-flex;\n background-color: #ffffff;\n box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n border-radius: 4px;\n overflow: hidden;\n`;\n"],"names":["styled","BaseContainer"],"mappings":";;;;;;;;;MAIa,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../../BaseContainer/BaseContainer';\n\nexport const Container = styled(BaseContainer)`\n display: inline-flex;\n background-color: #ffffff;\n box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n border-radius: 4px;\n overflow: hidden;\n`;\n"],"names":["styled","BaseContainer"],"mappings":";;;;;;;;;MAIa,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}

package/dist/components/AnimatedDropdown/components/styled.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
-const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--17b4ols" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--r1m0qe" }) `display:inline-flex;background-color:#ffffff;box-shadow:1px 4px 15px rgba(27, 33, 38, 0.25);border-radius:4px;overflow:hidden;`;
 export { Container };
 //# sourceMappingURL=styled.js.map

package/dist/components/AnimatedDropdown/components/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../../BaseContainer/BaseContainer';\n\nexport const Container = styled(BaseContainer)`\n display: inline-flex;\n background-color: #ffffff;\n box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n border-radius: 4px;\n overflow: hidden;\n`;\n"],"names":[],"mappings":";;;MAIa,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/components/AnimatedDropdown/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../../BaseContainer/BaseContainer';\n\nexport const Container = styled(BaseContainer)`\n display: inline-flex;\n background-color: #ffffff;\n box-shadow: 1px 4px 15px rgba(27, 33, 38, 0.25);\n border-radius: 4px;\n overflow: hidden;\n`;\n"],"names":[],"mappings":";;;MAIa,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8HAAA;;;;"}

package/dist/components/AnimatedDropdown/styled.cjs CHANGED Viewed

@@ -9,9 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1mukd7g" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
-const Wrap = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--1sr9958" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
-const Dropdown = styled__default.default(BasicDropdown.BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--1umbhj4" }) `flex-direction:column;position:absolute;z-index:${index.theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
+const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--q4276w" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
+const Wrap = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--cfebb1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
+const Dropdown = styled__default.default(BasicDropdown.BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--u4w0zl" }) `flex-direction:column;position:absolute;z-index:${index.theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
 exports.Container = Container;
 exports.Dropdown = Dropdown;

package/dist/components/AnimatedDropdown/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BasicDropdown } from './components/BasicDropdown';\nimport { BaseContainer as BasicContainer } from '../BaseContainer/BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n`;\n\nconst Wrap = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n`;\n\nconst Dropdown = styled(BasicDropdown)<{ reversed?: boolean }>`\n flex-direction: column;\n position: absolute;\n z-index: ${theme.layers.popup};\n\n ${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')}\n\n &.dropdown-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.dropdown-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.dropdown-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.dropdown-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n`;\n\nexport { Wrap, Dropdown, Container };\n"],"names":["styled","BasicContainer","BasicDropdown","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAc,CAAC;AAOxC,MAAM,IAAI,GAAGD,uBAAM,CAACC,2BAAc,CAAC;AAQnC,MAAM,QAAQ,GAAGD,uBAAM,CAACE,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzBC,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BasicDropdown } from './components/BasicDropdown';\nimport { BaseContainer as BasicContainer } from '../BaseContainer/BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n`;\n\nconst Wrap = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n`;\n\nconst Dropdown = styled(BasicDropdown)<{ reversed?: boolean }>`\n flex-direction: column;\n position: absolute;\n z-index: ${theme.layers.popup};\n\n ${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')}\n\n &.dropdown-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.dropdown-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.dropdown-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.dropdown-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n`;\n\nexport { Wrap, Dropdown, Container };\n"],"names":["styled","BasicContainer","BasicDropdown","theme"],"mappings":";;;;;;;;;;;AAMA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAc,CAAC;AAOxC,MAAM,IAAI,GAAGD,uBAAM,CAACC,2BAAc,CAAC;AAQnC,MAAM,QAAQ,GAAGD,uBAAM,CAACE,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzBC,WAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;;;"}

package/dist/components/AnimatedDropdown/styled.js CHANGED Viewed

@@ -3,9 +3,9 @@ import { BasicDropdown } from './components/BasicDropdown.js';
 import { BaseContainer } from '../BaseContainer/BaseContainer.js';
 import { theme } from '../../theme/index.js';
-const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1mukd7g" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
-const Wrap = styled(BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--1sr9958" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
-const Dropdown = styled(BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--1umbhj4" }) `flex-direction:column;position:absolute;z-index:${theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
+const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--q4276w" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;`;
+const Wrap = styled(BaseContainer).withConfig({ displayName: "vui--Wrap", componentId: "vui--cfebb1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:100%;`;
+const Dropdown = styled(BasicDropdown).withConfig({ displayName: "vui--Dropdown", componentId: "vui--u4w0zl" }) `flex-direction:column;position:absolute;z-index:${theme.layers.popup};${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')} &.dropdown-enter{opacity:0;transform:translateY(-6px);}&.dropdown-enter-active{opacity:1;transition:all 200ms;transform:translateY(0px);}&.dropdown-exit{opacity:1;transform:translateY(0px);}&.dropdown-exit-active{opacity:0;transition:all 200ms;transform:translateY(-6px);}`;
 export { Container, Dropdown, Wrap };
 //# sourceMappingURL=styled.js.map

package/dist/components/AnimatedDropdown/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BasicDropdown } from './components/BasicDropdown';\nimport { BaseContainer as BasicContainer } from '../BaseContainer/BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n`;\n\nconst Wrap = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n`;\n\nconst Dropdown = styled(BasicDropdown)<{ reversed?: boolean }>`\n flex-direction: column;\n position: absolute;\n z-index: ${theme.layers.popup};\n\n ${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')}\n\n &.dropdown-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.dropdown-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.dropdown-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.dropdown-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n`;\n\nexport { Wrap, Dropdown, Container };\n"],"names":["BasicContainer"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAACA,aAAc,CAAC;AAOxC,MAAM,IAAI,GAAG,MAAM,CAACA,aAAc,CAAC;AAQnC,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/AnimatedDropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BasicDropdown } from './components/BasicDropdown';\nimport { BaseContainer as BasicContainer } from '../BaseContainer/BaseContainer';\nimport { theme } from '../../theme';\n\nconst Container = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n`;\n\nconst Wrap = styled(BasicContainer)`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n min-width: 100%;\n`;\n\nconst Dropdown = styled(BasicDropdown)<{ reversed?: boolean }>`\n flex-direction: column;\n position: absolute;\n z-index: ${theme.layers.popup};\n\n ${(props) => (props.reversed ? 'bottom: 8px;' : 'top: 6px;')}\n\n &.dropdown-enter {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n &.dropdown-enter-active {\n opacity: 1;\n transition: all 200ms;\n transform: translateY(0px);\n }\n\n &.dropdown-exit {\n opacity: 1;\n transform: translateY(0px);\n }\n\n &.dropdown-exit-active {\n opacity: 0;\n transition: all 200ms;\n transform: translateY(-6px);\n }\n`;\n\nexport { Wrap, Dropdown, Container };\n"],"names":["BasicContainer"],"mappings":";;;;;AAMA,MAAM,SAAS,GAAG,MAAM,CAACA,aAAc,CAAC;AAOxC,MAAM,IAAI,GAAG,MAAM,CAACA,aAAc,CAAC;AAQnC,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,gDAAA,EAGzB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,cAAc,GAAG,WAAW,CAAC;;;;"}

package/dist/components/Avatar/styled.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const AvatarSC = styled__default.default.div.withConfig({ displayName: "vui--AvatarSC", componentId: "vui--1h1tufu" }) `width:${(props) => props.width};height:${(props) => props.width};border:3px solid ${index.theme.colors.neutral.grey.base};color:${(props) => props.textColor};background-color:${(props) => props.bgColor};cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;span{font-family:${index.theme.text.bodySmallBold.fontFamily};font-weight:${index.theme.text.bodySmallBold.fontWeight};font-size:${index.theme.text.bodySmallBold.fontSize};line-height:${index.theme.text.bodySmallBold.lineHeight};}`;
+const AvatarSC = styled__default.default.div.withConfig({ displayName: "vui--AvatarSC", componentId: "vui--1gxc5tv" }) `width:${(props) => props.width};height:${(props) => props.width};border:3px solid ${index.theme.colors.neutral.grey.base};color:${(props) => props.textColor};background-color:${(props) => props.bgColor};cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;span{font-family:${index.theme.text.bodySmallBold.fontFamily};font-weight:${index.theme.text.bodySmallBold.fontWeight};font-size:${index.theme.text.bodySmallBold.fontSize};line-height:${index.theme.text.bodySmallBold.lineHeight};}`;
 exports.AvatarSC = AvatarSC;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Avatar/styled.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
-const AvatarSC = styled.div.withConfig({ displayName: "vui--AvatarSC", componentId: "vui--1h1tufu" }) `width:${(props) => props.width};height:${(props) => props.width};border:3px solid ${theme.colors.neutral.grey.base};color:${(props) => props.textColor};background-color:${(props) => props.bgColor};cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;span{font-family:${theme.text.bodySmallBold.fontFamily};font-weight:${theme.text.bodySmallBold.fontWeight};font-size:${theme.text.bodySmallBold.fontSize};line-height:${theme.text.bodySmallBold.lineHeight};}`;
+const AvatarSC = styled.div.withConfig({ displayName: "vui--AvatarSC", componentId: "vui--1gxc5tv" }) `width:${(props) => props.width};height:${(props) => props.width};border:3px solid ${theme.colors.neutral.grey.base};color:${(props) => props.textColor};background-color:${(props) => props.bgColor};cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;background-size:cover;span{font-family:${theme.text.bodySmallBold.fontFamily};font-weight:${theme.text.bodySmallBold.fontWeight};font-size:${theme.text.bodySmallBold.fontSize};line-height:${theme.text.bodySmallBold.lineHeight};}`;
 export { AvatarSC };
 //# sourceMappingURL=styled.js.map

package/dist/components/Badge/styled.cjs CHANGED Viewed

@@ -10,10 +10,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const BaseBadge = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--BaseBadge", componentId: "vui--a7nym9" }) `display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${text.text.bodySmall.fontFamily};font-weight:${text.text.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};cursor:default;svg{width:${sizes.sizes.base};height:${sizes.sizes.base};}`;
-const DefaultBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--DefaultBadge", componentId: "vui--1f4cb70" }) `background-color:inherit;border-color:${colors.colors.secondary.blue.base};color:${colors.colors.secondary.blue.base};`;
-const PrimaryBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--PrimaryBadge", componentId: "vui--lzr2ah" }) `border-color:${colors.colors.secondary.blue.base};background-color:${colors.colors.secondary.blue.lightest};color:${colors.colors.secondary.blue.base};`;
-const WarningBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--WarningBadge", componentId: "vui--137r7da" }) `border-color:${colors.colors.secondary.yellow.base};background-color:${colors.colors.secondary.yellow.lightest};color:${colors.colors.secondary.orange.dark};`;
+const BaseBadge = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--BaseBadge", componentId: "vui--1l3fzu" }) `display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${text.text.bodySmall.fontFamily};font-weight:${text.text.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};cursor:default;svg{width:${sizes.sizes.base};height:${sizes.sizes.base};}`;
+const DefaultBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--DefaultBadge", componentId: "vui--rwc6j0" }) `background-color:inherit;border-color:${colors.colors.secondary.blue.base};color:${colors.colors.secondary.blue.base};`;
+const PrimaryBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--PrimaryBadge", componentId: "vui--1fakkjy" }) `border-color:${colors.colors.secondary.blue.base};background-color:${colors.colors.secondary.blue.lightest};color:${colors.colors.secondary.blue.base};`;
+const WarningBadge = styled__default.default(BaseBadge).withConfig({ displayName: "vui--WarningBadge", componentId: "vui--1r2egf1" }) `border-color:${colors.colors.secondary.yellow.base};background-color:${colors.colors.secondary.yellow.lightest};color:${colors.colors.secondary.orange.dark};`;
 exports.DefaultBadge = DefaultBadge;
 exports.PrimaryBadge = PrimaryBadge;

package/dist/components/Badge/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n gap: 4px;\n padding: 0.35em 0.65em;\n\n font-family: ${text.bodySmall.fontFamily};\n font-weight: ${text.bodySmall.fontWeight};\n font-size: 75%;\n line-height: 16px;\n\n border-radius: 0.75rem;\n border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n cursor: default;\n\n svg {\n width: ${sizes.base};\n height: ${sizes.base};\n }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n background-color: inherit;\n border-color: ${colors.secondary.blue.base};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.blue.base};\n background-color: ${colors.secondary.blue.lightest};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.yellow.base};\n background-color: ${colors.secondary.yellow.lightest};\n color: ${colors.secondary.orange.dark};\n`;\n"],"names":["styled","BaseContainer","text","sizes","colors"],"mappings":";;;;;;;;;;;;AAUA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtBC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzBA,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/DC,WAAK,CAAC,IAAI,WACTA,WAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEY,MAAA,YAAY,GAAGH,uBAAM,CAAC,SAAS,CAAC,CAE3B,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,sCAAA,EAAAI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACtB,kBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CACxB,kBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3CA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n gap: 4px;\n padding: 0.35em 0.65em;\n\n font-family: ${text.bodySmall.fontFamily};\n font-weight: ${text.bodySmall.fontWeight};\n font-size: 75%;\n line-height: 16px;\n\n border-radius: 0.75rem;\n border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n cursor: default;\n\n svg {\n width: ${sizes.base};\n height: ${sizes.base};\n }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n background-color: inherit;\n border-color: ${colors.secondary.blue.base};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.blue.base};\n background-color: ${colors.secondary.blue.lightest};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.yellow.base};\n background-color: ${colors.secondary.yellow.lightest};\n color: ${colors.secondary.orange.dark};\n`;\n"],"names":["styled","BaseContainer","text","sizes","colors"],"mappings":";;;;;;;;;;;;AAUA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtBC,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzBA,SAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/DC,WAAK,CAAC,IAAI,WACTA,WAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEY,MAAA,YAAY,GAAGH,uBAAM,CAAC,SAAS,CAAC,CAE3B,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAAAI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACtB,kBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAGJ,uBAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3BI,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CACxB,kBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3CA,aAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;;;"}

package/dist/components/Badge/styled.js CHANGED Viewed

@@ -4,10 +4,10 @@ import { text } from '../../theme/modules/text.js';
 import { colors } from '../../theme/modules/colors.js';
 import { sizes } from '../../theme/modules/sizes.js';
-const BaseBadge = styled(BaseContainer).withConfig({ displayName: "vui--BaseBadge", componentId: "vui--a7nym9" }) `display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${text.bodySmall.fontFamily};font-weight:${text.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};cursor:default;svg{width:${sizes.base};height:${sizes.base};}`;
-const DefaultBadge = styled(BaseBadge).withConfig({ displayName: "vui--DefaultBadge", componentId: "vui--1f4cb70" }) `background-color:inherit;border-color:${colors.secondary.blue.base};color:${colors.secondary.blue.base};`;
-const PrimaryBadge = styled(BaseBadge).withConfig({ displayName: "vui--PrimaryBadge", componentId: "vui--lzr2ah" }) `border-color:${colors.secondary.blue.base};background-color:${colors.secondary.blue.lightest};color:${colors.secondary.blue.base};`;
-const WarningBadge = styled(BaseBadge).withConfig({ displayName: "vui--WarningBadge", componentId: "vui--137r7da" }) `border-color:${colors.secondary.yellow.base};background-color:${colors.secondary.yellow.lightest};color:${colors.secondary.orange.dark};`;
+const BaseBadge = styled(BaseContainer).withConfig({ displayName: "vui--BaseBadge", componentId: "vui--1l3fzu" }) `display:inline-flex;align-items:center;vertical-align:middle;gap:4px;padding:0.35em 0.65em;font-family:${text.bodySmall.fontFamily};font-weight:${text.bodySmall.fontWeight};font-size:75%;line-height:16px;border-radius:0.75rem;border:${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};cursor:default;svg{width:${sizes.base};height:${sizes.base};}`;
+const DefaultBadge = styled(BaseBadge).withConfig({ displayName: "vui--DefaultBadge", componentId: "vui--rwc6j0" }) `background-color:inherit;border-color:${colors.secondary.blue.base};color:${colors.secondary.blue.base};`;
+const PrimaryBadge = styled(BaseBadge).withConfig({ displayName: "vui--PrimaryBadge", componentId: "vui--1fakkjy" }) `border-color:${colors.secondary.blue.base};background-color:${colors.secondary.blue.lightest};color:${colors.secondary.blue.base};`;
+const WarningBadge = styled(BaseBadge).withConfig({ displayName: "vui--WarningBadge", componentId: "vui--1r2egf1" }) `border-color:${colors.secondary.yellow.base};background-color:${colors.secondary.yellow.lightest};color:${colors.secondary.orange.dark};`;
 export { DefaultBadge, PrimaryBadge, WarningBadge };
 //# sourceMappingURL=styled.js.map

package/dist/components/Badge/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n gap: 4px;\n padding: 0.35em 0.65em;\n\n font-family: ${text.bodySmall.fontFamily};\n font-weight: ${text.bodySmall.fontWeight};\n font-size: 75%;\n line-height: 16px;\n\n border-radius: 0.75rem;\n border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n cursor: default;\n\n svg {\n width: ${sizes.base};\n height: ${sizes.base};\n }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n background-color: inherit;\n border-color: ${colors.secondary.blue.base};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.blue.base};\n background-color: ${colors.secondary.blue.lightest};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.yellow.base};\n background-color: ${colors.secondary.yellow.lightest};\n color: ${colors.secondary.orange.dark};\n`;\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/D,KAAK,CAAC,IAAI,WACT,KAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEY,MAAA,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAE3B,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,sCAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACtB,kBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CACxB,kBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/Badge/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { BaseContainer } from '../BaseContainer';\nimport { text } from '../../theme/modules/text';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\n\ntype BaseBadgeProps = {\n hideBorder: boolean;\n};\n\nconst BaseBadge = styled(BaseContainer)<BaseBadgeProps>`\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n gap: 4px;\n padding: 0.35em 0.65em;\n\n font-family: ${text.bodySmall.fontFamily};\n font-weight: ${text.bodySmall.fontWeight};\n font-size: 75%;\n line-height: 16px;\n\n border-radius: 0.75rem;\n border: ${(props) => (props.hideBorder ? 'none' : '1px solid transparent')};\n\n cursor: default;\n\n svg {\n width: ${sizes.base};\n height: ${sizes.base};\n }\n`;\n\nexport const DefaultBadge = styled(BaseBadge)`\n background-color: inherit;\n border-color: ${colors.secondary.blue.base};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const PrimaryBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.blue.base};\n background-color: ${colors.secondary.blue.lightest};\n color: ${colors.secondary.blue.base};\n`;\n\nexport const WarningBadge = styled(BaseBadge)`\n border-color: ${colors.secondary.yellow.base};\n background-color: ${colors.secondary.yellow.lightest};\n color: ${colors.secondary.orange.dark};\n`;\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uGAAA,EAOtB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EACzB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,6DAAA,EAK9B,CAAC,KAAK,MAAM,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,uBAAuB,CAAC,CAAA,0BAAA,EAK/D,KAAK,CAAC,IAAI,WACT,KAAK,CAAC,IAAI,CAAA,EAAA,CAEvB;AAEY,MAAA,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAE3B,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,OAAA,EACjC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,CAAA;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACtB,kBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,OAAA,EACzC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAG9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CACxB,kBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAA,OAAA,EAC3C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;;"}

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

@@ -9,16 +9,16 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const BannerLayout = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--BannerLayout", componentId: "vui--ziunx2" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({ accentColor }) => accentColor &&
+const BannerLayout = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--BannerLayout", componentId: "vui--c6sp3u" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({ accentColor }) => accentColor &&
     `
       box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${accentColor};
     `} background-color:${({ backgroundColor }) => backgroundColor || 'white'};`;
-const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--1yfr2mh" }) `display:flex;flex-direction:row;`;
-const Col = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Col", componentId: "vui--nmm07b" }) `display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`;
-const IconCol = styled__default.default(Col).withConfig({ displayName: "vui--IconCol", componentId: "vui--d3irob" }) `svg{width:${sizes.sizes.md};height:${sizes.sizes.md};color:${({ accentColor }) => accentColor};}`;
-const ChildContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--ChildContainer", componentId: "vui--ywp6eq" }) `width:100%;`;
-const HeaderCol = styled__default.default(Col).withConfig({ displayName: "vui--HeaderCol", componentId: "vui--1suztly" }) `flex-grow:2;margin-right:12px;`;
-const StyledText = styled__default.default(Text.Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--1i65e84" }) `position:relative;top:-2px;`;
+const Row = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--1rdjrmx" }) `display:flex;flex-direction:row;`;
+const Col = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Col", componentId: "vui--1ttgibs" }) `display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`;
+const IconCol = styled__default.default(Col).withConfig({ displayName: "vui--IconCol", componentId: "vui--1z6c5f" }) `svg{width:${sizes.sizes.md};height:${sizes.sizes.md};color:${({ accentColor }) => accentColor};}`;
+const ChildContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--ChildContainer", componentId: "vui--kn3qcr" }) `width:100%;`;
+const HeaderCol = styled__default.default(Col).withConfig({ displayName: "vui--HeaderCol", componentId: "vui--1nlkkdb" }) `flex-grow:2;margin-right:12px;`;
+const StyledText = styled__default.default(Text.Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--1ioilg" }) `position:relative;top:-2px;`;
 exports.ChildContainer = ChildContainer;
 exports.Col = Col;

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

@@ -3,16 +3,16 @@ import { Text } from '../Text/Text.js';
 import { BaseContainer } from '../BaseContainer/BaseContainer.js';
 import { sizes } from '../../theme/modules/sizes.js';
-const BannerLayout = styled(BaseContainer).withConfig({ displayName: "vui--BannerLayout", componentId: "vui--ziunx2" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({ accentColor }) => accentColor &&
+const BannerLayout = styled(BaseContainer).withConfig({ displayName: "vui--BannerLayout", componentId: "vui--c6sp3u" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 24px 24px 24px;border-radius:4px;${({ accentColor }) => accentColor &&
     `
       box-shadow: 0px 1px 3px rgba(55, 66, 77, 0.15), inset 4px 0px 0px ${accentColor};
     `} background-color:${({ backgroundColor }) => backgroundColor || 'white'};`;
-const Row = styled(BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--1yfr2mh" }) `display:flex;flex-direction:row;`;
-const Col = styled(BaseContainer).withConfig({ displayName: "vui--Col", componentId: "vui--nmm07b" }) `display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`;
-const IconCol = styled(Col).withConfig({ displayName: "vui--IconCol", componentId: "vui--d3irob" }) `svg{width:${sizes.md};height:${sizes.md};color:${({ accentColor }) => accentColor};}`;
-const ChildContainer = styled(BaseContainer).withConfig({ displayName: "vui--ChildContainer", componentId: "vui--ywp6eq" }) `width:100%;`;
-const HeaderCol = styled(Col).withConfig({ displayName: "vui--HeaderCol", componentId: "vui--1suztly" }) `flex-grow:2;margin-right:12px;`;
-const StyledText = styled(Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--1i65e84" }) `position:relative;top:-2px;`;
+const Row = styled(BaseContainer).withConfig({ displayName: "vui--Row", componentId: "vui--1rdjrmx" }) `display:flex;flex-direction:row;`;
+const Col = styled(BaseContainer).withConfig({ displayName: "vui--Col", componentId: "vui--1ttgibs" }) `display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;`;
+const IconCol = styled(Col).withConfig({ displayName: "vui--IconCol", componentId: "vui--1z6c5f" }) `svg{width:${sizes.md};height:${sizes.md};color:${({ accentColor }) => accentColor};}`;
+const ChildContainer = styled(BaseContainer).withConfig({ displayName: "vui--ChildContainer", componentId: "vui--kn3qcr" }) `width:100%;`;
+const HeaderCol = styled(Col).withConfig({ displayName: "vui--HeaderCol", componentId: "vui--1nlkkdb" }) `flex-grow:2;margin-right:12px;`;
+const StyledText = styled(Text).withConfig({ displayName: "vui--StyledText", componentId: "vui--1ioilg" }) `position:relative;top:-2px;`;
 export { ChildContainer, Col, HeaderCol, IconCol, BannerLayout as Pill, Row, StyledText as Text };
 //# sourceMappingURL=styled.js.map

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

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const BaseContainer = styled__default.default.div.withConfig({ displayName: "vui--BaseContainer", componentId: "vui--6owsdp" }) `box-sizing:border-box;position:relative;margin:0;padding:0;`;
+const BaseContainer = styled__default.default.div.withConfig({ displayName: "vui--BaseContainer", componentId: "vui--jtpszk" }) `box-sizing:border-box;position:relative;margin:0;padding:0;`;
 exports.BaseContainer = BaseContainer;
 //# sourceMappingURL=BaseContainer.cjs.map

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

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-const BaseContainer = styled.div.withConfig({ displayName: "vui--BaseContainer", componentId: "vui--6owsdp" }) `box-sizing:border-box;position:relative;margin:0;padding:0;`;
+const BaseContainer = styled.div.withConfig({ displayName: "vui--BaseContainer", componentId: "vui--jtpszk" }) `box-sizing:border-box;position:relative;margin:0;padding:0;`;
 export { BaseContainer };
 //# sourceMappingURL=BaseContainer.js.map

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

@@ -7,8 +7,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const BreadcrumbsSC = styled__default.default.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1j0eoet" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.text.body.fontFamily};font-weight:${text.text.body.fontWeight};font-size:${text.text.body.fontSize};line-height:${text.text.body.lineHeight};`;
-const BreadcrumbSC = styled__default.default.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--1njkxi0" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
+const BreadcrumbsSC = styled__default.default.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1kzms7s" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.text.body.fontFamily};font-weight:${text.text.body.fontWeight};font-size:${text.text.body.fontSize};line-height:${text.text.body.lineHeight};`;
+const BreadcrumbSC = styled__default.default.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--17agc2w" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
 exports.BreadcrumbSC = BreadcrumbSC;
 exports.BreadcrumbsSC = BreadcrumbsSC;

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

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
 import { text } from '../../../theme/modules/text.js';
-const BreadcrumbsSC = styled.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1j0eoet" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.body.fontFamily};font-weight:${text.body.fontWeight};font-size:${text.body.fontSize};line-height:${text.body.lineHeight};`;
-const BreadcrumbSC = styled.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--1njkxi0" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
+const BreadcrumbsSC = styled.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1kzms7s" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.body.fontFamily};font-weight:${text.body.fontWeight};font-size:${text.body.fontSize};line-height:${text.body.lineHeight};`;
+const BreadcrumbSC = styled.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--17agc2w" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
 export { BreadcrumbSC, BreadcrumbsSC };
 //# sourceMappingURL=styled.js.map