@veeqo/ui 9.14.4 → 9.14.5

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

@@ -1,20 +1,21 @@
 'use strict';
 
 var React = require('react');
+var FlexRow = require('../../Flex/FlexRow/FlexRow.cjs');
 var constants = require('../constants.cjs');
 var Text = require('../../Text/Text.cjs');
 var constants$1 = require('./constants.cjs');
-var styled = require('./styled.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+// Will need to use themeInjector every time this component is used
 const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, }) => {
     const IconSlot = iconSlot || constants.IconMap[variant];
     const iconColour = customIconColour !== null && customIconColour !== undefined ? customIconColour : constants.ColourMap[variant].primary;
     const titleColour = customTitleColour !== null && customTitleColour !== undefined ? customTitleColour : constants$1.TextColourMap[variant];
-    return (React__default.default.createElement(styled.MiniAlertContainer, null,
+    return (React__default.default.createElement(FlexRow.FlexRow, { gap: "xs" },
         React__default.default.createElement(IconSlot, { "aria-hidden": true, color: iconColour, style: constants$1.IconStyles }),
         React__default.default.createElement(Text.Text, { variant: "bodySmallBold", style: { color: titleColour } }, title)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { ColourMap, IconMap } from '../constants';\nimport { Text } from '../../Text';\nimport { MiniAlertProps } from './types';\nimport { IconStyles, TextColourMap } from './constants';\nimport { MiniAlertContainer } from './styled';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n}: MiniAlertProps) => {\n  const IconSlot = iconSlot || IconMap[variant];\n  const iconColour = customIconColour ?? ColourMap[variant].primary;\n  const titleColour = customTitleColour ?? TextColourMap[variant];\n\n  return (\n    <MiniAlertContainer>\n      <IconSlot aria-hidden color={iconColour} style={IconStyles} />\n      <Text variant=\"bodySmallBold\" style={{ color: titleColour }}>\n        {title}\n      </Text>\n    </MiniAlertContainer>\n  );\n};\n"],"names":["IconMap","ColourMap","TextColourMap","React","MiniAlertContainer","IconStyles","Text"],"mappings":";;;;;;;;;;;;AAOa,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACD,KAAI;IACnB,MAAM,QAAQ,GAAG,QAAQ,IAAIA,iBAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAIC,mBAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAIC,yBAAa,CAAC,OAAO,CAAC;IAE/D,QACEC,qCAACC,yBAAkB,EAAA,IAAA;QACjBD,sBAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAEE,sBAAU,EAAI,CAAA;AAC9D,QAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACY;AAEzB;;;;"}
+{"version":3,"file":"MiniAlert.cjs","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { ColourMap, IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\nimport { IconStyles, TextColourMap } from './constants';\n\n// Will need to use themeInjector every time this component is used\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n}: MiniAlertProps) => {\n  const IconSlot = iconSlot || IconMap[variant];\n  const iconColour = customIconColour ?? ColourMap[variant].primary;\n  const titleColour = customTitleColour ?? TextColourMap[variant];\n  return (\n    <FlexRow gap=\"xs\">\n      <IconSlot aria-hidden color={iconColour} style={IconStyles} />\n      <Text variant=\"bodySmallBold\" style={{ color: titleColour }}>\n        {title}\n      </Text>\n    </FlexRow>\n  );\n};\n"],"names":["IconMap","ColourMap","TextColourMap","React","FlexRow","IconStyles","Text"],"mappings":";;;;;;;;;;;;AAQA;AACa,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACD,KAAI;IACnB,MAAM,QAAQ,GAAG,QAAQ,IAAIA,iBAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAIC,mBAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAIC,yBAAa,CAAC,OAAO,CAAC;AAC/D,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EAAC,EAAA,GAAG,EAAC,IAAI,EAAA;QACfD,sBAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAEE,sBAAU,EAAI,CAAA;AAC9D,QAAAF,sBAAA,CAAA,aAAA,CAACG,SAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACC;AAEd;;;;"}

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

@@ -1,14 +1,15 @@
 import React__default from 'react';
+import { FlexRow } from '../../Flex/FlexRow/FlexRow.js';
 import { ColourMap, IconMap } from '../constants.js';
 import { Text } from '../../Text/Text.js';
 import { IconStyles, TextColourMap } from './constants.js';
-import { MiniAlertContainer } from './styled.js';
 
+// Will need to use themeInjector every time this component is used
 const MiniAlert = ({ title, variant = 'default', iconSlot, customTitleColour, customIconColour, }) => {
     const IconSlot = iconSlot || IconMap[variant];
     const iconColour = customIconColour !== null && customIconColour !== undefined ? customIconColour : ColourMap[variant].primary;
     const titleColour = customTitleColour !== null && customTitleColour !== undefined ? customTitleColour : TextColourMap[variant];
-    return (React__default.createElement(MiniAlertContainer, null,
+    return (React__default.createElement(FlexRow, { gap: "xs" },
         React__default.createElement(IconSlot, { "aria-hidden": true, color: iconColour, style: IconStyles }),
         React__default.createElement(Text, { variant: "bodySmallBold", style: { color: titleColour } }, title)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { ColourMap, IconMap } from '../constants';\nimport { Text } from '../../Text';\nimport { MiniAlertProps } from './types';\nimport { IconStyles, TextColourMap } from './constants';\nimport { MiniAlertContainer } from './styled';\n\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n}: MiniAlertProps) => {\n  const IconSlot = iconSlot || IconMap[variant];\n  const iconColour = customIconColour ?? ColourMap[variant].primary;\n  const titleColour = customTitleColour ?? TextColourMap[variant];\n\n  return (\n    <MiniAlertContainer>\n      <IconSlot aria-hidden color={iconColour} style={IconStyles} />\n      <Text variant=\"bodySmallBold\" style={{ color: titleColour }}>\n        {title}\n      </Text>\n    </MiniAlertContainer>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAOa,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACD,KAAI;IACnB,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAI,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAI,aAAa,CAAC,OAAO,CAAC;IAE/D,QACEA,6BAAC,kBAAkB,EAAA,IAAA;QACjBA,cAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAI,CAAA;AAC9D,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACY;AAEzB;;;;"}
+{"version":3,"file":"MiniAlert.js","sources":["../../../../src/components/Alerts/MiniAlert/MiniAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { FlexRow } from '../../Flex/FlexRow';\nimport { ColourMap, IconMap } from '../constants';\nimport { Text } from '../../Text';\n\nimport { MiniAlertProps } from './types';\nimport { IconStyles, TextColourMap } from './constants';\n\n// Will need to use themeInjector every time this component is used\nexport const MiniAlert = ({\n  title,\n  variant = 'default',\n  iconSlot,\n  customTitleColour,\n  customIconColour,\n}: MiniAlertProps) => {\n  const IconSlot = iconSlot || IconMap[variant];\n  const iconColour = customIconColour ?? ColourMap[variant].primary;\n  const titleColour = customTitleColour ?? TextColourMap[variant];\n  return (\n    <FlexRow gap=\"xs\">\n      <IconSlot aria-hidden color={iconColour} style={IconStyles} />\n      <Text variant=\"bodySmallBold\" style={{ color: titleColour }}>\n        {title}\n      </Text>\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAQA;AACa,MAAA,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACD,KAAI;IACnB,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,gBAAgB,GAAI,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO;AACjE,IAAA,MAAM,WAAW,GAAG,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,SAAA,GAAjB,iBAAiB,GAAI,aAAa,CAAC,OAAO,CAAC;AAC/D,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,GAAG,EAAC,IAAI,EAAA;QACfA,cAAC,CAAA,aAAA,CAAA,QAAQ,yBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAI,CAAA;AAC9D,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAA,EACxD,KAAK,CACD,CACC;AAEd;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "9.14.4",
+  "version": "9.14.5",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

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

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

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

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

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

@@ -1 +0,0 @@
-export declare const MiniAlertContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

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