@veeqo/ui 13.15.2 → 13.16.0

package/dist/components/Avatar/Avatar.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
+var CriticalFillIcon = require('../../icons/custom/components/CriticalFillIcon.cjs');
 var buildClassnames = require('../../utils/buildClassnames.cjs');
 require('uid/secure');
 var assignCssVars = require('../../utils/assignCssVars.cjs');
-var CriticalIcon = require('../../icons/custom/components/CriticalIcon.cjs');
 var index = require('../../theme/index.cjs');
 var Avatar_module = require('./Avatar.module.scss.cjs');
 var Text = require('../Text/Text.cjs');
@@ -32,7 +32,7 @@ const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, has
                 avatarTextColor: textColor,
             }),
         }, "aria-label": ariaLabel },
-        hasIndicator && (React__default.default.createElement(CriticalIcon.CriticalIcon, { className: Avatar_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
+        hasIndicator && (React__default.default.createElement(CriticalFillIcon.CriticalFillIcon, { className: Avatar_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
         imageUrl && React__default.default.createElement("img", { src: imageUrl, alt: name, className: Avatar_module.avatarImage }),
         !!iconSlot && iconSlot,
         !imageUrl && !iconSlot && (React__default.default.createElement(Text.Text, { variant: textVariant, className: Avatar_module.avatarText }, !hasLetters ? name === null || name === undefined ? undefined : name.toUpperCase() : (_b = (_a = name === null || name === undefined ? undefined : name.toUpperCase()) === null || _a === undefined ? undefined : _a.match(/\b\w/g)) === null || _b === undefined ? undefined : _b.slice(0, 2)))));

package/dist/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,yBAAY,EACX,EAAA,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAC,CAAA,aAAA,CAAAO,SAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
+{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalFillIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,iCAAgB,EACf,EAAA,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAC,CAAA,aAAA,CAAAO,SAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}

package/dist/components/Avatar/Avatar.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
+import { CriticalFillIcon } from '../../icons/custom/components/CriticalFillIcon.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
 import 'uid/secure';
 import { assignCssVars } from '../../utils/assignCssVars.js';
-import { CriticalIcon } from '../../icons/custom/components/CriticalIcon.js';
 import { theme } from '../../theme/index.js';
 import styles from './Avatar.module.scss.js';
 import { Text } from '../Text/Text.js';
@@ -26,7 +26,7 @@ const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, has
                 avatarTextColor: textColor,
             }),
         }, "aria-label": ariaLabel },
-        hasIndicator && (React__default.createElement(CriticalIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
+        hasIndicator && (React__default.createElement(CriticalFillIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
         imageUrl && React__default.createElement("img", { src: imageUrl, alt: name, className: styles.avatarImage }),
         !!iconSlot && iconSlot,
         !imageUrl && !iconSlot && (React__default.createElement(Text, { variant: textVariant, className: styles.avatarText }, !hasLetters ? name === null || name === undefined ? undefined : name.toUpperCase() : (_b = (_a = name === null || name === undefined ? undefined : name.toUpperCase()) === null || _a === undefined ? undefined : _a.match(/\b\w/g)) === null || _b === undefined ? undefined : _b.slice(0, 2)))));

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,YAAY,EACX,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}

package/dist/components/Mark/Mark.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var CriticalIcon = require('../../icons/custom/components/CriticalIcon.cjs');
+var CriticalFillIcon = require('../../icons/custom/components/CriticalFillIcon.cjs');
 var index = require('../../theme/index.cjs');
 var buildClassnames = require('../../utils/buildClassnames.cjs');
 require('uid/secure');
@@ -21,7 +21,7 @@ const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, i
             variant === 'transparent' && Mark_module.transparentBackground,
             className,
         ]), ...otherProps },
-        hasError && (React__default.default.createElement(CriticalIcon.CriticalIcon, { className: Mark_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} ${integrationType} has an error` })),
+        hasError && (React__default.default.createElement(CriticalFillIcon.CriticalFillIcon, { className: Mark_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} ${integrationType} has an error` })),
         React__default.default.createElement("img", { src: integrationMarkUrl, alt: "", width: imageSize, height: imageSize })));
 };
 

package/dist/components/Mark/Mark.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Mark.cjs","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\nimport { getImageSize } from './utils';\n\nexport const Mark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  hasError,\n  className,\n  integrationMarkUrl,\n  integrationType,\n  ...otherProps\n}: MarkProps) => {\n  const imageSize = getImageSize(size);\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([\n        styles.mark,\n        styles[`${size}-size`],\n        variant === 'transparent' && styles.transparentBackground,\n        className,\n      ])}\n      {...otherProps}\n    >\n      {hasError && (\n        <CriticalIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={`${typeCode} ${integrationType} has an error`}\n        />\n      )}\n      <img src={integrationMarkUrl} alt=\"\" width={imageSize} height={imageSize} />\n    </FlexRow>\n  );\n};\n"],"names":["getImageSize","React","FlexRow","buildClassnames","styles","CriticalIcon","theme"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,UAAU,EACH,KAAI;AACd,IAAA,MAAM,SAAS,GAAGA,kBAAY,CAAC,IAAI,CAAC;IAEpC,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC;AACzB,YAAAC,WAAM,CAAC,IAAI;AACX,YAAAA,WAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAIA,WAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPH,sBAAC,CAAA,aAAA,CAAAI,yBAAY,IACX,SAAS,EAAED,WAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACN,YAAA,EAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,eAAe,CAAe,aAAA,CAAA,EAAA,CACzD,CACH;AACD,QAAAL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAI,CAAA,CACpE;AAEd;;;;"}
+{"version":3,"file":"Mark.cjs","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\nimport { getImageSize } from './utils';\n\nexport const Mark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  hasError,\n  className,\n  integrationMarkUrl,\n  integrationType,\n  ...otherProps\n}: MarkProps) => {\n  const imageSize = getImageSize(size);\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([\n        styles.mark,\n        styles[`${size}-size`],\n        variant === 'transparent' && styles.transparentBackground,\n        className,\n      ])}\n      {...otherProps}\n    >\n      {hasError && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={`${typeCode} ${integrationType} has an error`}\n        />\n      )}\n      <img src={integrationMarkUrl} alt=\"\" width={imageSize} height={imageSize} />\n    </FlexRow>\n  );\n};\n"],"names":["getImageSize","React","FlexRow","buildClassnames","styles","CriticalFillIcon","theme"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,UAAU,EACH,KAAI;AACd,IAAA,MAAM,SAAS,GAAGA,kBAAY,CAAC,IAAI,CAAC;IAEpC,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC;AACzB,YAAAC,WAAM,CAAC,IAAI;AACX,YAAAA,WAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAIA,WAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPH,sBAAC,CAAA,aAAA,CAAAI,iCAAgB,IACf,SAAS,EAAED,WAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACN,YAAA,EAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,eAAe,CAAe,aAAA,CAAA,EAAA,CACzD,CACH;AACD,QAAAL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAI,CAAA,CACpE;AAEd;;;;"}

package/dist/components/Mark/Mark.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { CriticalIcon } from '../../icons/custom/components/CriticalIcon.js';
+import { CriticalFillIcon } from '../../icons/custom/components/CriticalFillIcon.js';
 import { theme } from '../../theme/index.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
 import 'uid/secure';
@@ -15,7 +15,7 @@ const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, i
             variant === 'transparent' && styles.transparentBackground,
             className,
         ]), ...otherProps },
-        hasError && (React__default.createElement(CriticalIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} ${integrationType} has an error` })),
+        hasError && (React__default.createElement(CriticalFillIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} ${integrationType} has an error` })),
         React__default.createElement("img", { src: integrationMarkUrl, alt: "", width: imageSize, height: imageSize })));
 };
 

package/dist/components/Mark/Mark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\nimport { getImageSize } from './utils';\n\nexport const Mark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  hasError,\n  className,\n  integrationMarkUrl,\n  integrationType,\n  ...otherProps\n}: MarkProps) => {\n  const imageSize = getImageSize(size);\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([\n        styles.mark,\n        styles[`${size}-size`],\n        variant === 'transparent' && styles.transparentBackground,\n        className,\n      ])}\n      {...otherProps}\n    >\n      {hasError && (\n        <CriticalIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={`${typeCode} ${integrationType} has an error`}\n        />\n      )}\n      <img src={integrationMarkUrl} alt=\"\" width={imageSize} height={imageSize} />\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAUO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,UAAU,EACH,KAAI;AACd,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAEpC,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACN,YAAA,EAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,eAAe,CAAe,aAAA,CAAA,EAAA,CACzD,CACH;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAI,CAAA,CACpE;AAEd;;;;"}
+{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\nimport { getImageSize } from './utils';\n\nexport const Mark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  hasError,\n  className,\n  integrationMarkUrl,\n  integrationType,\n  ...otherProps\n}: MarkProps) => {\n  const imageSize = getImageSize(size);\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([\n        styles.mark,\n        styles[`${size}-size`],\n        variant === 'transparent' && styles.transparentBackground,\n        className,\n      ])}\n      {...otherProps}\n    >\n      {hasError && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={`${typeCode} ${integrationType} has an error`}\n        />\n      )}\n      <img src={integrationMarkUrl} alt=\"\" width={imageSize} height={imageSize} />\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAUO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,UAAU,EACH,KAAI;AACd,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAEpC,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACN,YAAA,EAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,eAAe,CAAe,aAAA,CAAA,EAAA,CACzD,CACH;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAI,CAAA,CACpE;AAEd;;;;"}

package/dist/icons/custom/components/{CriticalIcon.cjs → CriticalFillIcon.cjs}

@@ -6,9 +6,16 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-const CriticalIcon = ({ fill, ...props }) => (React__default.default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+/**
+ * Custom CriticalFillIcon with dual-color support for the critical/warning state
+ *
+ * Custom implementation needed for Avatar & Mark components that require
+ * independent color control: `fill` prop controls the inner exclamation mark,
+ * `currentColor` controls the outer circle.
+ */
+const CriticalFillIcon = ({ fill, ...props }) => (React__default.default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     React__default.default.createElement("circle", { cx: 8, cy: 8, r: 6, fill: fill }),
     React__default.default.createElement("path", { d: "M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z", fill: "currentColor" })));
 
-exports.CriticalIcon = CriticalIcon;
-//# sourceMappingURL=CriticalIcon.cjs.map
+exports.CriticalFillIcon = CriticalFillIcon;
+//# sourceMappingURL=CriticalFillIcon.cjs.map

package/dist/icons/custom/components/CriticalFillIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalFillIcon.cjs","sources":["../../../../src/icons/custom/components/CriticalFillIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\n/**\n * Custom CriticalFillIcon with dual-color support for the critical/warning state\n *\n * Custom implementation needed for Avatar & Mark components that require\n * independent color control: `fill` prop controls the inner exclamation mark,\n * `currentColor` controls the outer circle.\n */\nexport const CriticalFillIcon = ({ fill, ...props }: IconComponentProps) => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <circle cx={8} cy={8} r={6} fill={fill} />\n    <path\n      d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGA;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACrEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/icons/custom/components/CriticalFillIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconComponentProps } from 'src/icons/types';
+/**
+ * Custom CriticalFillIcon with dual-color support for the critical/warning state
+ *
+ * Custom implementation needed for Avatar & Mark components that require
+ * independent color control: `fill` prop controls the inner exclamation mark,
+ * `currentColor` controls the outer circle.
+ */
+export declare const CriticalFillIcon: ({ fill, ...props }: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/CriticalFillIcon.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+/**
+ * Custom CriticalFillIcon with dual-color support for the critical/warning state
+ *
+ * Custom implementation needed for Avatar & Mark components that require
+ * independent color control: `fill` prop controls the inner exclamation mark,
+ * `currentColor` controls the outer circle.
+ */
+const CriticalFillIcon = ({ fill, ...props }) => (React__default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    React__default.createElement("circle", { cx: 8, cy: 8, r: 6, fill: fill }),
+    React__default.createElement("path", { d: "M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z", fill: "currentColor" })));
+
+export { CriticalFillIcon };
+//# sourceMappingURL=CriticalFillIcon.js.map

package/dist/icons/custom/components/CriticalFillIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalFillIcon.js","sources":["../../../../src/icons/custom/components/CriticalFillIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\n/**\n * Custom CriticalFillIcon with dual-color support for the critical/warning state\n *\n * Custom implementation needed for Avatar & Mark components that require\n * independent color control: `fill` prop controls the inner exclamation mark,\n * `currentColor` controls the outer circle.\n */\nexport const CriticalFillIcon = ({ fill, ...props }: IconComponentProps) => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <circle cx={8} cy={8} r={6} fill={fill} />\n    <path\n      d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAGA;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACrEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/icons/custom/components/PopupBlockerIcon.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const PopupBlockerIcon = (props) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props },
+    React__default.default.createElement("path", { fill: "currentColor", d: "M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z" }),
+    React__default.default.createElement("path", { fill: "#eb5757", d: "M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z" }),
+    React__default.default.createElement("path", { fill: "#fff", d: "m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z" })));
+
+exports.PopupBlockerIcon = PopupBlockerIcon;
+//# sourceMappingURL=PopupBlockerIcon.cjs.map

package/dist/icons/custom/components/PopupBlockerIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupBlockerIcon.cjs","sources":["../../../../src/icons/custom/components/PopupBlockerIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const PopupBlockerIcon = (props: IconComponentProps) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" {...props}>\n    <path\n      fill=\"currentColor\"\n      d=\"M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z\"\n    />\n    <path\n      fill=\"#eb5757\"\n      d=\"M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z\"\n    />\n    <path\n      fill=\"#fff\"\n      d=\"m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;MAGa,gBAAgB,GAAG,CAAC,KAAyB,MACxDA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,EACjQ,CAAA;AACF,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,iOAAiO,EACnO,CAAA;IACFA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,qIAAqI,EAAA,CACvI,CACE;;;;"}

package/dist/icons/custom/components/PopupBlockerIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconComponentProps } from 'src/icons/types';
+export declare const PopupBlockerIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/PopupBlockerIcon.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const PopupBlockerIcon = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props },
+    React__default.createElement("path", { fill: "currentColor", d: "M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z" }),
+    React__default.createElement("path", { fill: "#eb5757", d: "M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z" }),
+    React__default.createElement("path", { fill: "#fff", d: "m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z" })));
+
+export { PopupBlockerIcon };
+//# sourceMappingURL=PopupBlockerIcon.js.map

package/dist/icons/custom/components/PopupBlockerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupBlockerIcon.js","sources":["../../../../src/icons/custom/components/PopupBlockerIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const PopupBlockerIcon = (props: IconComponentProps) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" {...props}>\n    <path\n      fill=\"currentColor\"\n      d=\"M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z\"\n    />\n    <path\n      fill=\"#eb5757\"\n      d=\"M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z\"\n    />\n    <path\n      fill=\"#fff\"\n      d=\"m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;MAGa,gBAAgB,GAAG,CAAC,KAAyB,MACxDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,EACjQ,CAAA;AACF,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,iOAAiO,EACnO,CAAA;IACFA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,qIAAqI,EAAA,CACvI,CACE;;;;"}

package/dist/icons/custom/index.d.ts

@@ -12,3 +12,5 @@ export { PlusIcon } from './components/PlusIcon';
 export { RecommendIcon } from './components/RecommendIcon';
 export { ThreeDotsIcon } from './components/ThreeDotsIcon';
 export { DocumentIcon } from './components/DocumentIcon';
+export { CriticalFillIcon } from './components/CriticalFillIcon';
+export { PopupBlockerIcon } from './components/PopupBlockerIcon';

package/dist/index.cjs

@@ -318,6 +318,8 @@ var PlusIcon = require('./icons/custom/components/PlusIcon.cjs');
 var RecommendIcon = require('./icons/custom/components/RecommendIcon.cjs');
 var ThreeDotsIcon = require('./icons/custom/components/ThreeDotsIcon.cjs');
 var DocumentIcon = require('./icons/custom/components/DocumentIcon.cjs');
+var CriticalFillIcon = require('./icons/custom/components/CriticalFillIcon.cjs');
+var PopupBlockerIcon = require('./icons/custom/components/PopupBlockerIcon.cjs');
 var AmazonLogoFull = require('./logos/components/AmazonLogoFull.cjs');
 var BigCommerceLogoFull = require('./logos/components/BigCommerceLogoFull.cjs');
 var CDiscountLogoFull = require('./logos/components/CDiscountLogoFull.cjs');
@@ -678,6 +680,8 @@ exports.PlusIcon = PlusIcon.PlusIcon;
 exports.RecommendIcon = RecommendIcon.RecommendIcon;
 exports.ThreeDotsIcon = ThreeDotsIcon.ThreeDotsIcon;
 exports.DocumentIcon = DocumentIcon.DocumentIcon;
+exports.CriticalFillIcon = CriticalFillIcon.CriticalFillIcon;
+exports.PopupBlockerIcon = PopupBlockerIcon.PopupBlockerIcon;
 exports.AmazonLogoFull = AmazonLogoFull.ReactComponent;
 exports.BigCommerceLogoFull = BigCommerceLogoFull.ReactComponent;
 exports.CDiscountLogoFull = CDiscountLogoFull.ReactComponent;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -316,6 +316,8 @@ export { PlusIcon } from './icons/custom/components/PlusIcon.js';
 export { RecommendIcon } from './icons/custom/components/RecommendIcon.js';
 export { ThreeDotsIcon } from './icons/custom/components/ThreeDotsIcon.js';
 export { DocumentIcon } from './icons/custom/components/DocumentIcon.js';
+export { CriticalFillIcon } from './icons/custom/components/CriticalFillIcon.js';
+export { PopupBlockerIcon } from './icons/custom/components/PopupBlockerIcon.js';
 export { ReactComponent as AmazonLogoFull } from './logos/components/AmazonLogoFull.js';
 export { ReactComponent as BigCommerceLogoFull } from './logos/components/BigCommerceLogoFull.js';
 export { ReactComponent as CDiscountLogoFull } from './logos/components/CDiscountLogoFull.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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

package/dist/icons/custom/components/ArrowDownIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const ArrowDownIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/ArrowUpIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const ArrowUpIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/AttentionIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const AttentionIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/CalendarIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const CalendarIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/ClipboardIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const ClipboardIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/CreditCardIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const CreditCardIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/CriticalIcon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CriticalIcon.cjs","sources":["../../../../src/icons/custom/components/CriticalIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CriticalIcon = ({ fill, ...props }: IconComponentProps) => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <circle cx={8} cy={8} r={6} fill={fill} />\n    <path\n      d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACjEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/icons/custom/components/CriticalIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const CriticalIcon: ({ fill, ...props }: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/CriticalIcon.js

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-const CriticalIcon = ({ fill, ...props }) => (React__default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
-    React__default.createElement("circle", { cx: 8, cy: 8, r: 6, fill: fill }),
-    React__default.createElement("path", { d: "M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z", fill: "currentColor" })));
-
-export { CriticalIcon };
-//# sourceMappingURL=CriticalIcon.js.map

package/dist/icons/custom/components/CriticalIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CriticalIcon.js","sources":["../../../../src/icons/custom/components/CriticalIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CriticalIcon = ({ fill, ...props }: IconComponentProps) => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <circle cx={8} cy={8} r={6} fill={fill} />\n    <path\n      d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACjEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}

package/dist/icons/custom/components/CrossIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const CrossIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/DomesticIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-declare const DomesticIcon: (props: IconComponentProps) => React.JSX.Element;
-export { DomesticIcon };

package/dist/icons/custom/components/DoubleArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const DoubleArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/DownArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const DownArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/DragIndicatorIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const DragIndicatorIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/EditIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const EditIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/EndArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const EndArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/FailIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const FailIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/HelpIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const HelpIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/InfoIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const InfoIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/LaunchIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const LaunchIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/LeftArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const LeftArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/MergeIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const MergeIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/MinusIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const MinusIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/ReorderIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const ReorderIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/RightArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const RightArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/SearchIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const SearchIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/StartArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const StartArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/SuccessIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const SuccessIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/UpArrowIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const UpArrowIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/VisibilityIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const VisibilityIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/VisibilityOffIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const VisibilityOffIcon: (props: IconComponentProps) => React.JSX.Element;

package/dist/icons/custom/components/WarningIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IconComponentProps } from 'src/icons/types';
-export declare const WarningIcon: (props: IconComponentProps) => React.JSX.Element;