@veeqo/ui 13.9.0 → 13.11.0

package/dist/components/Avatar/Avatar.cjs

@@ -20,10 +20,11 @@ const textVariantMapping = {
     xl: 'headingSmall',
     xxl: 'headingMedium',
 };
-const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, }) => {
+const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, style, }) => {
     var _a, _b;
     const textVariant = textVariantMapping[size];
     return (React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "center", className: buildClassnames.buildClassnames([Avatar_module.avatar, Avatar_module[`${size}-size`], className]), style: {
+            ...style,
             ...assignCssVars.assignCssVars({
                 avatarBgColor: iconSlot ? index.theme.colors.neutral.grey.lightest : bgColor,
                 avatarTextColor: textColor,

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}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\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          {name\n            ?.toUpperCase()\n            ?.match(/(\\b\\w|\\+)/g)\n            ?.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,CAAE,CAAA,EAC/B,SAAS,GACG,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;AAE5C,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,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;QACtB,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAA,CAAA,aAAA,CAACO,SAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EAAA,EACrD,MAAA,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CACD,WAAW,EAAE,MACb,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,YAAY,CAAC,gDACnB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACV,CACR,CACO;AAEd;;;;"}
+{"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  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          {name\n            ?.toUpperCase()\n            ?.match(/(\\b\\w|\\+)/g)\n            ?.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;AAE5C,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;QACtB,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAA,CAAA,aAAA,CAACO,SAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EAAA,EACrD,MAAA,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CACD,WAAW,EAAE,MACb,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,YAAY,CAAC,gDACnB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACV,CACR,CACO;AAEd;;;;"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AvatarProps } from './types';
-export declare const Avatar: ({ size, name, bgColor, textColor, iconSlot, imageUrl, hasIndicator, ariaLabel, className, }: AvatarProps) => React.JSX.Element;
+export declare const Avatar: ({ size, name, bgColor, textColor, iconSlot, imageUrl, hasIndicator, ariaLabel, className, style, }: AvatarProps) => React.JSX.Element;

package/dist/components/Avatar/Avatar.js

@@ -14,10 +14,11 @@ const textVariantMapping = {
     xl: 'headingSmall',
     xxl: 'headingMedium',
 };
-const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, }) => {
+const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, style, }) => {
     var _a, _b;
     const textVariant = textVariantMapping[size];
     return (React__default.createElement(FlexRow, { justifyContent: "center", className: buildClassnames([styles.avatar, styles[`${size}-size`], className]), style: {
+            ...style,
             ...assignCssVars({
                 avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,
                 avatarTextColor: textColor,

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}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\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          {name\n            ?.toUpperCase()\n            ?.match(/(\\b\\w|\\+)/g)\n            ?.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,CAAE,CAAA,EAC/B,SAAS,GACG,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;AAE5C,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,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;QACtB,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,EACrD,MAAA,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CACD,WAAW,EAAE,MACb,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,YAAY,CAAC,gDACnB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACV,CACR,CACO;AAEd;;;;"}
+{"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  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          {name\n            ?.toUpperCase()\n            ?.match(/(\\b\\w|\\+)/g)\n            ?.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;AAE5C,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;QACtB,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,EACrD,MAAA,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CACD,WAAW,EAAE,MACb,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,YAAY,CAAC,gDACnB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACV,CACR,CACO;AAEd;;;;"}

package/dist/components/CarrierMark/CarrierMark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CarrierMarkProps } from './types';
+export declare const CarrierMark: ({ typeCode, variant, size, ...otherProps }: CarrierMarkProps) => React.JSX.Element;

package/dist/components/CarrierMark/constants.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+const CarrierTypeMap = {
+    amazonShipping: 'AmazonShipping',
+    apc: 'Apc',
+    asendia: 'Asendia',
+    australiaPost: 'AustraliaPost',
+    canadaPost: 'CanadaPost',
+    dhl: 'Dhl',
+    dhlDe: 'DhlDe',
+    dhlExpress: 'DhlExpress',
+    dhlParcel: 'DhlParcel',
+    dpd: 'Dpd',
+    dpd_local: 'DpdLocal',
+    dx: 'Dx',
+    endicia: 'Endicia',
+    evri: 'Evri',
+    fedex: 'FedEx',
+    israelPost: 'IsraelPost',
+    merge: 'Merge',
+    ontrac: 'OnTrac',
+    other: 'Other',
+    parcelForce: 'Parcelforce',
+    royalMail: 'RoyalMail',
+    tnt: 'Tnt',
+    ukMail: 'UkMail',
+    ups: 'Ups',
+    usps: 'Usps',
+    // yodel: 'Yodel', --- ASSETS IN THE S3 BUCKET AREN'T EXPORTED CORRECTLY ---
+};
+
+exports.CarrierTypeMap = CarrierTypeMap;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/CarrierMark/constants.ts"],"sourcesContent":["export const CarrierTypeMap = {\n  amazonShipping: 'AmazonShipping',\n  apc: 'Apc',\n  asendia: 'Asendia',\n  australiaPost: 'AustraliaPost',\n  canadaPost: 'CanadaPost',\n  dhl: 'Dhl',\n  dhlDe: 'DhlDe',\n  dhlExpress: 'DhlExpress',\n  dhlParcel: 'DhlParcel',\n  dpd: 'Dpd',\n  dpd_local: 'DpdLocal',\n  dx: 'Dx',\n  endicia: 'Endicia',\n  evri: 'Evri',\n  fedex: 'FedEx',\n  israelPost: 'IsraelPost',\n  merge: 'Merge',\n  ontrac: 'OnTrac',\n  other: 'Other',\n  parcelForce: 'Parcelforce',\n  royalMail: 'RoyalMail',\n  tnt: 'Tnt',\n  ukMail: 'UkMail',\n  ups: 'Ups',\n  usps: 'Usps',\n  // yodel: 'Yodel', --- ASSETS IN THE S3 BUCKET AREN'T EXPORTED CORRECTLY ---\n};\n"],"names":[],"mappings":";;AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;;;;;;"}

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

@@ -0,0 +1,27 @@
+export declare const CarrierTypeMap: {
+    amazonShipping: string;
+    apc: string;
+    asendia: string;
+    australiaPost: string;
+    canadaPost: string;
+    dhl: string;
+    dhlDe: string;
+    dhlExpress: string;
+    dhlParcel: string;
+    dpd: string;
+    dpd_local: string;
+    dx: string;
+    endicia: string;
+    evri: string;
+    fedex: string;
+    israelPost: string;
+    merge: string;
+    ontrac: string;
+    other: string;
+    parcelForce: string;
+    royalMail: string;
+    tnt: string;
+    ukMail: string;
+    ups: string;
+    usps: string;
+};

package/dist/components/CarrierMark/constants.js

@@ -0,0 +1,31 @@
+const CarrierTypeMap = {
+    amazonShipping: 'AmazonShipping',
+    apc: 'Apc',
+    asendia: 'Asendia',
+    australiaPost: 'AustraliaPost',
+    canadaPost: 'CanadaPost',
+    dhl: 'Dhl',
+    dhlDe: 'DhlDe',
+    dhlExpress: 'DhlExpress',
+    dhlParcel: 'DhlParcel',
+    dpd: 'Dpd',
+    dpd_local: 'DpdLocal',
+    dx: 'Dx',
+    endicia: 'Endicia',
+    evri: 'Evri',
+    fedex: 'FedEx',
+    israelPost: 'IsraelPost',
+    merge: 'Merge',
+    ontrac: 'OnTrac',
+    other: 'Other',
+    parcelForce: 'Parcelforce',
+    royalMail: 'RoyalMail',
+    tnt: 'Tnt',
+    ukMail: 'UkMail',
+    ups: 'Ups',
+    usps: 'Usps',
+    // yodel: 'Yodel', --- ASSETS IN THE S3 BUCKET AREN'T EXPORTED CORRECTLY ---
+};
+
+export { CarrierTypeMap };
+//# sourceMappingURL=constants.js.map

package/dist/components/CarrierMark/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/CarrierMark/constants.ts"],"sourcesContent":["export const CarrierTypeMap = {\n  amazonShipping: 'AmazonShipping',\n  apc: 'Apc',\n  asendia: 'Asendia',\n  australiaPost: 'AustraliaPost',\n  canadaPost: 'CanadaPost',\n  dhl: 'Dhl',\n  dhlDe: 'DhlDe',\n  dhlExpress: 'DhlExpress',\n  dhlParcel: 'DhlParcel',\n  dpd: 'Dpd',\n  dpd_local: 'DpdLocal',\n  dx: 'Dx',\n  endicia: 'Endicia',\n  evri: 'Evri',\n  fedex: 'FedEx',\n  israelPost: 'IsraelPost',\n  merge: 'Merge',\n  ontrac: 'OnTrac',\n  other: 'Other',\n  parcelForce: 'Parcelforce',\n  royalMail: 'RoyalMail',\n  tnt: 'Tnt',\n  ukMail: 'UkMail',\n  ups: 'Ups',\n  usps: 'Usps',\n  // yodel: 'Yodel', --- ASSETS IN THE S3 BUCKET AREN'T EXPORTED CORRECTLY ---\n};\n"],"names":[],"mappings":"AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,MAAM;;;;;;"}

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

@@ -0,0 +1,3 @@
+export { CarrierMark } from './CarrierMark';
+export type { CarrierMarkProps } from './types';
+export { CarrierTypeMap } from './constants';

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

@@ -0,0 +1,4 @@
+import { CarrierTypeMap } from './constants';
+import { IntegrationMarkProps } from '../Mark/types';
+export type CarrierMarkProps = IntegrationMarkProps;
+export type CarrierTypeCode = keyof typeof CarrierTypeMap;

package/dist/components/ChannelMark/ChannelMark.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+require('uid/secure');
+var buildChannelMarkUrl = require('../../utils/buildChannelMarkUrl.cjs');
+var Mark = require('../Mark/Mark.cjs');
+var types = require('../Mark/types.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const ChannelMark = ({ typeCode, variant = 'white', size = 'lg', ...otherProps }) => {
+    const integrationMarkUrl = buildChannelMarkUrl.buildChannelMarkUrl(typeCode, variant);
+    return (React__default.default.createElement(Mark.Mark, { integrationType: types.IntegrationTypes.CHANNEL, typeCode: typeCode, variant: variant, size: size, integrationMarkUrl: integrationMarkUrl, ...otherProps }));
+};
+
+exports.ChannelMark = ChannelMark;
+//# sourceMappingURL=ChannelMark.cjs.map

package/dist/components/ChannelMark/ChannelMark.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMark.cjs","sources":["../../../src/components/ChannelMark/ChannelMark.tsx"],"sourcesContent":["import React from 'react';\nimport { buildChannelMarkUrl } from '../../utils';\nimport { ChannelMarkProps } from './types';\n\nimport { Mark } from '../Mark';\nimport { IntegrationTypes } from '../Mark/types';\n\nexport const ChannelMark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  ...otherProps\n}: ChannelMarkProps) => {\n  const integrationMarkUrl = buildChannelMarkUrl(typeCode, variant);\n  return (\n    <Mark\n      integrationType={IntegrationTypes.CHANNEL}\n      typeCode={typeCode}\n      variant={variant}\n      size={size}\n      integrationMarkUrl={integrationMarkUrl}\n      {...otherProps}\n    />\n  );\n};\n"],"names":["buildChannelMarkUrl","React","Mark","IntegrationTypes"],"mappings":";;;;;;;;;;;;MAOa,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,GAAG,UAAU,EACI,KAAI;IACrB,MAAM,kBAAkB,GAAGA,uCAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACjE,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EACH,eAAe,EAAEC,sBAAgB,CAAC,OAAO,EACzC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EAAA,GAClC,UAAU,EAAA,CACd;AAEN;;;;"}

package/dist/components/ChannelMark/ChannelMark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChannelMarkProps } from './types';
+export declare const ChannelMark: ({ typeCode, variant, size, ...otherProps }: ChannelMarkProps) => React.JSX.Element;

package/dist/components/ChannelMark/ChannelMark.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import 'uid/secure';
+import { buildChannelMarkUrl } from '../../utils/buildChannelMarkUrl.js';
+import { Mark } from '../Mark/Mark.js';
+import { IntegrationTypes } from '../Mark/types.js';
+
+const ChannelMark = ({ typeCode, variant = 'white', size = 'lg', ...otherProps }) => {
+    const integrationMarkUrl = buildChannelMarkUrl(typeCode, variant);
+    return (React__default.createElement(Mark, { integrationType: IntegrationTypes.CHANNEL, typeCode: typeCode, variant: variant, size: size, integrationMarkUrl: integrationMarkUrl, ...otherProps }));
+};
+
+export { ChannelMark };
+//# sourceMappingURL=ChannelMark.js.map

package/dist/components/ChannelMark/ChannelMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMark.js","sources":["../../../src/components/ChannelMark/ChannelMark.tsx"],"sourcesContent":["import React from 'react';\nimport { buildChannelMarkUrl } from '../../utils';\nimport { ChannelMarkProps } from './types';\n\nimport { Mark } from '../Mark';\nimport { IntegrationTypes } from '../Mark/types';\n\nexport const ChannelMark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  ...otherProps\n}: ChannelMarkProps) => {\n  const integrationMarkUrl = buildChannelMarkUrl(typeCode, variant);\n  return (\n    <Mark\n      integrationType={IntegrationTypes.CHANNEL}\n      typeCode={typeCode}\n      variant={variant}\n      size={size}\n      integrationMarkUrl={integrationMarkUrl}\n      {...otherProps}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;;MAOa,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,GAAG,UAAU,EACI,KAAI;IACrB,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACjE,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,eAAe,EAAE,gBAAgB,CAAC,OAAO,EACzC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EAAA,GAClC,UAAU,EAAA,CACd;AAEN;;;;"}

package/dist/components/ChannelMark/constants.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+const ChannelTypeMap = {
+    abebooks: 'Abebooks',
+    alibaba: 'Alibaba',
+    aliexpress: 'Aliexpress',
+    amazon: 'Amazon',
+    amazon_fba: 'Fba',
+    api: 'Api',
+    bestbuy: 'BestBuy',
+    bigcommerce: 'BigCommerce',
+    bigcommerce_legacy: 'BigCommerce',
+    cdiscount: 'Cdiscount',
+    csv: 'Csv',
+    custom: 'Custom',
+    custom_integration: 'Custom',
+    direct: 'Phone',
+    ebay: 'Ebay',
+    etsy: 'Etsy',
+    facebook: 'Facebook',
+    groupon: 'Groupon',
+    houzz: 'Houzz',
+    instagram: 'Instagram',
+    lightspeed: 'Lightspeed',
+    lowes: 'Lowes',
+    macys: 'Macys',
+    magento: 'Magento',
+    magento_direct: 'Magento',
+    netsuite: 'Netsuite',
+    newegg: 'Newegg',
+    noths: 'Noths',
+    opencart: 'Opencart',
+    phone: 'Phone',
+    point_of_sale: 'Pos',
+    prestashop: 'PrestaShop',
+    price_minister: 'Rakuten',
+    prime: 'Prime',
+    quicklabel: 'QuickLabel',
+    rakuten: 'Rakuten',
+    retail: 'Retail',
+    rithum: 'Rithum',
+    sears: 'Sears',
+    sellercloud: 'Sellercloud',
+    shein: 'Shein',
+    shopify: 'Shopify',
+    shopify_pos: 'ShopifyPos',
+    squarespace: 'Squarespace',
+    sub_magento: 'Magento',
+    sub_woocommerce: 'WooCommerce',
+    target: 'Target',
+    temu: 'Temu',
+    tiktok: 'TikTok',
+    veeqo: 'Veeqo',
+    vend: 'Lightspeed',
+    walmart: 'Walmart',
+    warehouse: 'Warehouse',
+    wayfair: 'Wayfair',
+    wholesale: 'Wholesale',
+    wix: 'Wix',
+    woocommerce: 'WooCommerce',
+};
+
+exports.ChannelTypeMap = ChannelTypeMap;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/ChannelMark/constants.ts"],"sourcesContent":["export const ChannelTypeMap = {\n  abebooks: 'Abebooks',\n  alibaba: 'Alibaba',\n  aliexpress: 'Aliexpress',\n  amazon: 'Amazon',\n  amazon_fba: 'Fba',\n  api: 'Api',\n  bestbuy: 'BestBuy',\n  bigcommerce: 'BigCommerce',\n  bigcommerce_legacy: 'BigCommerce',\n  cdiscount: 'Cdiscount',\n  csv: 'Csv',\n  custom: 'Custom',\n  custom_integration: 'Custom',\n  direct: 'Phone',\n  ebay: 'Ebay',\n  etsy: 'Etsy',\n  facebook: 'Facebook',\n  groupon: 'Groupon',\n  houzz: 'Houzz',\n  instagram: 'Instagram',\n  lightspeed: 'Lightspeed',\n  lowes: 'Lowes',\n  macys: 'Macys',\n  magento: 'Magento',\n  magento_direct: 'Magento',\n  netsuite: 'Netsuite',\n  newegg: 'Newegg',\n  noths: 'Noths',\n  opencart: 'Opencart',\n  phone: 'Phone',\n  point_of_sale: 'Pos',\n  prestashop: 'PrestaShop',\n  price_minister: 'Rakuten',\n  prime: 'Prime',\n  quicklabel: 'QuickLabel',\n  rakuten: 'Rakuten',\n  retail: 'Retail',\n  rithum: 'Rithum',\n  sears: 'Sears',\n  sellercloud: 'Sellercloud',\n  shein: 'Shein',\n  shopify: 'Shopify',\n  shopify_pos: 'ShopifyPos',\n  squarespace: 'Squarespace',\n  sub_magento: 'Magento',\n  sub_woocommerce: 'WooCommerce',\n  target: 'Target',\n  temu: 'Temu',\n  tiktok: 'TikTok',\n  veeqo: 'Veeqo',\n  vend: 'Lightspeed', // vend was acquired by lightspeed\n  walmart: 'Walmart',\n  warehouse: 'Warehouse',\n  wayfair: 'Wayfair',\n  wholesale: 'Wholesale',\n  wix: 'Wix',\n  woocommerce: 'WooCommerce',\n};\n"],"names":[],"mappings":";;AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,kBAAkB,EAAE,aAAa;AACjC,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,kBAAkB,EAAE,QAAQ;AAC5B,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,WAAW,EAAE,YAAY;AACzB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,WAAW,EAAE,aAAa;;;;;"}

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

@@ -0,0 +1,59 @@
+export declare const ChannelTypeMap: {
+    abebooks: string;
+    alibaba: string;
+    aliexpress: string;
+    amazon: string;
+    amazon_fba: string;
+    api: string;
+    bestbuy: string;
+    bigcommerce: string;
+    bigcommerce_legacy: string;
+    cdiscount: string;
+    csv: string;
+    custom: string;
+    custom_integration: string;
+    direct: string;
+    ebay: string;
+    etsy: string;
+    facebook: string;
+    groupon: string;
+    houzz: string;
+    instagram: string;
+    lightspeed: string;
+    lowes: string;
+    macys: string;
+    magento: string;
+    magento_direct: string;
+    netsuite: string;
+    newegg: string;
+    noths: string;
+    opencart: string;
+    phone: string;
+    point_of_sale: string;
+    prestashop: string;
+    price_minister: string;
+    prime: string;
+    quicklabel: string;
+    rakuten: string;
+    retail: string;
+    rithum: string;
+    sears: string;
+    sellercloud: string;
+    shein: string;
+    shopify: string;
+    shopify_pos: string;
+    squarespace: string;
+    sub_magento: string;
+    sub_woocommerce: string;
+    target: string;
+    temu: string;
+    tiktok: string;
+    veeqo: string;
+    vend: string;
+    walmart: string;
+    warehouse: string;
+    wayfair: string;
+    wholesale: string;
+    wix: string;
+    woocommerce: string;
+};

package/dist/components/ChannelMark/constants.js

@@ -0,0 +1,62 @@
+const ChannelTypeMap = {
+    abebooks: 'Abebooks',
+    alibaba: 'Alibaba',
+    aliexpress: 'Aliexpress',
+    amazon: 'Amazon',
+    amazon_fba: 'Fba',
+    api: 'Api',
+    bestbuy: 'BestBuy',
+    bigcommerce: 'BigCommerce',
+    bigcommerce_legacy: 'BigCommerce',
+    cdiscount: 'Cdiscount',
+    csv: 'Csv',
+    custom: 'Custom',
+    custom_integration: 'Custom',
+    direct: 'Phone',
+    ebay: 'Ebay',
+    etsy: 'Etsy',
+    facebook: 'Facebook',
+    groupon: 'Groupon',
+    houzz: 'Houzz',
+    instagram: 'Instagram',
+    lightspeed: 'Lightspeed',
+    lowes: 'Lowes',
+    macys: 'Macys',
+    magento: 'Magento',
+    magento_direct: 'Magento',
+    netsuite: 'Netsuite',
+    newegg: 'Newegg',
+    noths: 'Noths',
+    opencart: 'Opencart',
+    phone: 'Phone',
+    point_of_sale: 'Pos',
+    prestashop: 'PrestaShop',
+    price_minister: 'Rakuten',
+    prime: 'Prime',
+    quicklabel: 'QuickLabel',
+    rakuten: 'Rakuten',
+    retail: 'Retail',
+    rithum: 'Rithum',
+    sears: 'Sears',
+    sellercloud: 'Sellercloud',
+    shein: 'Shein',
+    shopify: 'Shopify',
+    shopify_pos: 'ShopifyPos',
+    squarespace: 'Squarespace',
+    sub_magento: 'Magento',
+    sub_woocommerce: 'WooCommerce',
+    target: 'Target',
+    temu: 'Temu',
+    tiktok: 'TikTok',
+    veeqo: 'Veeqo',
+    vend: 'Lightspeed',
+    walmart: 'Walmart',
+    warehouse: 'Warehouse',
+    wayfair: 'Wayfair',
+    wholesale: 'Wholesale',
+    wix: 'Wix',
+    woocommerce: 'WooCommerce',
+};
+
+export { ChannelTypeMap };
+//# sourceMappingURL=constants.js.map

package/dist/components/ChannelMark/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/ChannelMark/constants.ts"],"sourcesContent":["export const ChannelTypeMap = {\n  abebooks: 'Abebooks',\n  alibaba: 'Alibaba',\n  aliexpress: 'Aliexpress',\n  amazon: 'Amazon',\n  amazon_fba: 'Fba',\n  api: 'Api',\n  bestbuy: 'BestBuy',\n  bigcommerce: 'BigCommerce',\n  bigcommerce_legacy: 'BigCommerce',\n  cdiscount: 'Cdiscount',\n  csv: 'Csv',\n  custom: 'Custom',\n  custom_integration: 'Custom',\n  direct: 'Phone',\n  ebay: 'Ebay',\n  etsy: 'Etsy',\n  facebook: 'Facebook',\n  groupon: 'Groupon',\n  houzz: 'Houzz',\n  instagram: 'Instagram',\n  lightspeed: 'Lightspeed',\n  lowes: 'Lowes',\n  macys: 'Macys',\n  magento: 'Magento',\n  magento_direct: 'Magento',\n  netsuite: 'Netsuite',\n  newegg: 'Newegg',\n  noths: 'Noths',\n  opencart: 'Opencart',\n  phone: 'Phone',\n  point_of_sale: 'Pos',\n  prestashop: 'PrestaShop',\n  price_minister: 'Rakuten',\n  prime: 'Prime',\n  quicklabel: 'QuickLabel',\n  rakuten: 'Rakuten',\n  retail: 'Retail',\n  rithum: 'Rithum',\n  sears: 'Sears',\n  sellercloud: 'Sellercloud',\n  shein: 'Shein',\n  shopify: 'Shopify',\n  shopify_pos: 'ShopifyPos',\n  squarespace: 'Squarespace',\n  sub_magento: 'Magento',\n  sub_woocommerce: 'WooCommerce',\n  target: 'Target',\n  temu: 'Temu',\n  tiktok: 'TikTok',\n  veeqo: 'Veeqo',\n  vend: 'Lightspeed', // vend was acquired by lightspeed\n  walmart: 'Walmart',\n  warehouse: 'Warehouse',\n  wayfair: 'Wayfair',\n  wholesale: 'Wholesale',\n  wix: 'Wix',\n  woocommerce: 'WooCommerce',\n};\n"],"names":[],"mappings":"AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,kBAAkB,EAAE,aAAa;AACjC,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,kBAAkB,EAAE,QAAQ;AAC5B,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,WAAW,EAAE,YAAY;AACzB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,WAAW,EAAE,aAAa;;;;;"}

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

@@ -0,0 +1,3 @@
+export { ChannelMark } from './ChannelMark';
+export type { ChannelMarkProps } from './types';
+export { ChannelTypeMap } from './constants';

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

@@ -0,0 +1,4 @@
+import { ChannelTypeMap } from './constants';
+import { IntegrationMarkProps } from '../Mark/types';
+export type ChannelMarkProps = IntegrationMarkProps;
+export type ChannelTypeCode = keyof typeof ChannelTypeMap;

package/dist/components/Mark/Mark.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var CriticalIcon = require('../../icons/custom/components/CriticalIcon.cjs');
+var index = require('../../theme/index.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
+var Mark_module = require('./Mark.module.scss.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, integrationMarkUrl, integrationType, ...otherProps }) => {
+    var _a, _b;
+    return (React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "center", className: buildClassnames.buildClassnames([
+            Mark_module.mark,
+            Mark_module[`${size}-size`],
+            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` })),
+        React__default.default.createElement("img", { src: integrationMarkUrl, alt: "", width: (_a = index.theme.sizes[size]) !== null && _a !== undefined ? _a : index.theme.sizes.lg, height: (_b = index.theme.sizes[size]) !== null && _b !== undefined ? _b : index.theme.sizes.lg })));
+};
+
+exports.Mark = Mark;
+//# sourceMappingURL=Mark.cjs.map

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

@@ -0,0 +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';\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  <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\n      src={integrationMarkUrl}\n      alt=\"\"\n      width={theme.sizes[size] ?? theme.sizes.lg}\n      height={theme.sizes[size] ?? theme.sizes.lg}\n    />\n  </FlexRow>\n);\n"],"names":["React","FlexRow","buildClassnames","styles","CriticalIcon","theme"],"mappings":";;;;;;;;;;;;;;AASO,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;;IAAC,QACfA,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,EACE,GAAG,EAAE,kBAAkB,EACvB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,CAAA,EAAA,GAAAK,WAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAIA,WAAK,CAAC,KAAK,CAAC,EAAE,EAC1C,MAAM,EAAE,MAAAA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAAA,WAAK,CAAC,KAAK,CAAC,EAAE,EAC3C,CAAA,CACM;;;;;"}

package/dist/components/Mark/Mark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { MarkProps } from './types';
+export declare const Mark: ({ typeCode, variant, size, hasError, className, integrationMarkUrl, integrationType, ...otherProps }: MarkProps) => React.JSX.Element;

package/dist/components/Mark/Mark.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { CriticalIcon } from '../../icons/custom/components/CriticalIcon.js';
+import { theme } from '../../theme/index.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
+import { FlexRow } from '../Flex/FlexRow/FlexRow.js';
+import styles from './Mark.module.scss.js';
+
+const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, integrationMarkUrl, integrationType, ...otherProps }) => {
+    var _a, _b;
+    return (React__default.createElement(FlexRow, { justifyContent: "center", className: buildClassnames([
+            styles.mark,
+            styles[`${size}-size`],
+            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` })),
+        React__default.createElement("img", { src: integrationMarkUrl, alt: "", width: (_a = theme.sizes[size]) !== null && _a !== undefined ? _a : theme.sizes.lg, height: (_b = theme.sizes[size]) !== null && _b !== undefined ? _b : theme.sizes.lg })));
+};
+
+export { Mark };
+//# sourceMappingURL=Mark.js.map

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

@@ -0,0 +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';\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  <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\n      src={integrationMarkUrl}\n      alt=\"\"\n      width={theme.sizes[size] ?? theme.sizes.lg}\n      height={theme.sizes[size] ?? theme.sizes.lg}\n    />\n  </FlexRow>\n);\n"],"names":["React"],"mappings":";;;;;;;;AASO,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;;IAAC,QACfA,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,EACE,GAAG,EAAE,kBAAkB,EACvB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAC1C,MAAM,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,KAAK,CAAC,KAAK,CAAC,EAAE,EAC3C,CAAA,CACM;;;;;"}

package/dist/components/Mark/Mark.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._mark_84hkf_1 {\n  width: var(--mark-size, var(--sizes-lg));\n  height: var(--mark-size, var(--sizes-lg));\n  border: var(--sizes-line) solid var(--custom-border-color, var(--colors-neutral-grey-base));\n  border-radius: var(--radius-full);\n  position: relative;\n}\n\n._transparentBackground_84hkf_9 {\n  --custom-border-color: transparent;\n}\n\n._indicatorIcon_84hkf_13 {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  right: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n._md-size_84hkf_22 {\n  --indicator-icon-size: var(--sizes-3);\n  --mark-size: var(--sizes-md);\n}\n\n._lg-size_84hkf_27 {\n  --indicator-icon-size: var(--sizes-base);\n  --mark-size: var(--sizes-lg);\n}\n\n._xl-size_84hkf_32 {\n  --indicator-icon-size: var(--sizes-7);\n  --mark-size: var(--sizes-xl);\n}\n\n._xxl-size_84hkf_37 {\n  --indicator-icon-size: var(--sizes-lg);\n  --mark-size: var(--sizes-xxl);\n}");
+var styles = {"mark":"_mark_84hkf_1","transparentBackground":"_transparentBackground_84hkf_9","indicatorIcon":"_indicatorIcon_84hkf_13","md-size":"_md-size_84hkf_22","lg-size":"_lg-size_84hkf_27","xl-size":"_xl-size_84hkf_32","xxl-size":"_xxl-size_84hkf_37"};
+
+module.exports = styles;
+//# sourceMappingURL=Mark.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.module.scss.cjs","sources":["../../../src/components/Mark/Mark.module.scss"],"sourcesContent":["@use 'sass:map';\n@use './variables.scss' as vars;\n\n.mark {\n  width: var(--mark-size, var(--sizes-lg));\n  height: var(--mark-size, var(--sizes-lg));\n  border: var(--sizes-line) solid var(--custom-border-color, var(--colors-neutral-grey-base));\n  border-radius: var(--radius-full);\n  position: relative;\n}\n\n.transparentBackground {\n  --custom-border-color: transparent;\n}\n\n.indicatorIcon {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  right: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n@each $size, $var in vars.$indicator-sizes {\n  .#{$size}-size {\n    --indicator-icon-size: #{$var};\n    --mark-size: #{map.get(vars.$integration-mark-sizes, $size)};\n  }\n}\n"],"names":[],"mappings":";;;;AAIE,eAAA,CAAA,gnCAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,uBAAA,CAAA,gCAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

package/dist/components/Mark/Mark.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._mark_84hkf_1 {\n  width: var(--mark-size, var(--sizes-lg));\n  height: var(--mark-size, var(--sizes-lg));\n  border: var(--sizes-line) solid var(--custom-border-color, var(--colors-neutral-grey-base));\n  border-radius: var(--radius-full);\n  position: relative;\n}\n\n._transparentBackground_84hkf_9 {\n  --custom-border-color: transparent;\n}\n\n._indicatorIcon_84hkf_13 {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  right: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n._md-size_84hkf_22 {\n  --indicator-icon-size: var(--sizes-3);\n  --mark-size: var(--sizes-md);\n}\n\n._lg-size_84hkf_27 {\n  --indicator-icon-size: var(--sizes-base);\n  --mark-size: var(--sizes-lg);\n}\n\n._xl-size_84hkf_32 {\n  --indicator-icon-size: var(--sizes-7);\n  --mark-size: var(--sizes-xl);\n}\n\n._xxl-size_84hkf_37 {\n  --indicator-icon-size: var(--sizes-lg);\n  --mark-size: var(--sizes-xxl);\n}");
+var styles = {"mark":"_mark_84hkf_1","transparentBackground":"_transparentBackground_84hkf_9","indicatorIcon":"_indicatorIcon_84hkf_13","md-size":"_md-size_84hkf_22","lg-size":"_lg-size_84hkf_27","xl-size":"_xl-size_84hkf_32","xxl-size":"_xxl-size_84hkf_37"};
+
+export { styles as default };
+//# sourceMappingURL=Mark.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mark.module.scss.js","sources":["../../../src/components/Mark/Mark.module.scss"],"sourcesContent":["@use 'sass:map';\n@use './variables.scss' as vars;\n\n.mark {\n  width: var(--mark-size, var(--sizes-lg));\n  height: var(--mark-size, var(--sizes-lg));\n  border: var(--sizes-line) solid var(--custom-border-color, var(--colors-neutral-grey-base));\n  border-radius: var(--radius-full);\n  position: relative;\n}\n\n.transparentBackground {\n  --custom-border-color: transparent;\n}\n\n.indicatorIcon {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  right: calc(-0.3 * var(--indicator-icon-size, var(--sizes-base)));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n@each $size, $var in vars.$indicator-sizes {\n  .#{$size}-size {\n    --indicator-icon-size: #{$var};\n    --mark-size: #{map.get(vars.$integration-mark-sizes, $size)};\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAIEA,WAAA,CAAA,gnCAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,uBAAA,CAAA,gCAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

package/dist/components/Mark/constants.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const VariantTypeMap = {
+    transparent: 'transparent_bg',
+    brand: 'brand_bg',
+    white: 'white_bg',
+};
+
+exports.VariantTypeMap = VariantTypeMap;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Mark/constants.ts"],"sourcesContent":["export const VariantTypeMap = {\n  transparent: 'transparent_bg',\n  brand: 'brand_bg',\n  white: 'white_bg',\n};\n"],"names":[],"mappings":";;AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,KAAK,EAAE,UAAU;;;;;"}

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

@@ -0,0 +1,5 @@
+export declare const VariantTypeMap: {
+    transparent: string;
+    brand: string;
+    white: string;
+};

package/dist/components/Mark/constants.js

@@ -0,0 +1,8 @@
+const VariantTypeMap = {
+    transparent: 'transparent_bg',
+    brand: 'brand_bg',
+    white: 'white_bg',
+};
+
+export { VariantTypeMap };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Mark/constants.ts"],"sourcesContent":["export const VariantTypeMap = {\n  transparent: 'transparent_bg',\n  brand: 'brand_bg',\n  white: 'white_bg',\n};\n"],"names":[],"mappings":"AAAa,MAAA,cAAc,GAAG;AAC5B,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,KAAK,EAAE,UAAU;;;;;"}

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

@@ -0,0 +1,2 @@
+export { Mark } from './Mark';
+export type { IntegrationMarkProps } from './types';

package/dist/components/Mark/types.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+exports.IntegrationTypes = void 0;
+(function (IntegrationTypes) {
+    IntegrationTypes["CARRIER"] = "carrier";
+    IntegrationTypes["CHANNEL"] = "channel";
+})(exports.IntegrationTypes || (exports.IntegrationTypes = {}));
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Mark/types.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { AvatarSize } from '../Avatar/types';\nimport { VariantTypeMap } from './constants';\n\nexport type IntegrationMarkProps = HTMLAttributes<HTMLDivElement> & {\n  typeCode: string;\n  variant?: keyof typeof VariantTypeMap;\n  hasError?: boolean;\n  size?: keyof typeof AvatarSize;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport type MarkProps = IntegrationMarkProps & {\n  integrationMarkUrl: string;\n  integrationType: IntegrationTypes;\n};\n\nexport enum IntegrationTypes {\n  CARRIER = 'carrier',\n  CHANNEL = 'channel',\n}\n"],"names":["IntegrationTypes"],"mappings":";;AAkBYA;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,wBAAgB,KAAhBA,wBAAgB,GAG3B,EAAA,CAAA,CAAA;;"}

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes } from 'react';
+import { AvatarSize } from '../Avatar/types';
+import { VariantTypeMap } from './constants';
+export type IntegrationMarkProps = HTMLAttributes<HTMLDivElement> & {
+    typeCode: string;
+    variant?: keyof typeof VariantTypeMap;
+    hasError?: boolean;
+    size?: keyof typeof AvatarSize;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type MarkProps = IntegrationMarkProps & {
+    integrationMarkUrl: string;
+    integrationType: IntegrationTypes;
+};
+export declare enum IntegrationTypes {
+    CARRIER = "carrier",
+    CHANNEL = "channel"
+}

package/dist/components/Mark/types.js

@@ -0,0 +1,8 @@
+var IntegrationTypes;
+(function (IntegrationTypes) {
+    IntegrationTypes["CARRIER"] = "carrier";
+    IntegrationTypes["CHANNEL"] = "channel";
+})(IntegrationTypes || (IntegrationTypes = {}));
+
+export { IntegrationTypes };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/Mark/types.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { AvatarSize } from '../Avatar/types';\nimport { VariantTypeMap } from './constants';\n\nexport type IntegrationMarkProps = HTMLAttributes<HTMLDivElement> & {\n  typeCode: string;\n  variant?: keyof typeof VariantTypeMap;\n  hasError?: boolean;\n  size?: keyof typeof AvatarSize;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport type MarkProps = IntegrationMarkProps & {\n  integrationMarkUrl: string;\n  integrationType: IntegrationTypes;\n};\n\nexport enum IntegrationTypes {\n  CARRIER = 'carrier',\n  CHANNEL = 'channel',\n}\n"],"names":[],"mappings":"IAkBY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAG3B,EAAA,CAAA,CAAA;;;;"}

package/dist/components/index.d.ts

@@ -76,3 +76,4 @@ export { DataGrid, type ColumnDefinition, type RowGroupingConfiguration, type So
 export { FlexCol } from './Flex/FlexCol';
 export { FlexRow } from './Flex/FlexRow';
 export { PhoneInput } from './PhoneInput';
+export { ChannelMark, type ChannelMarkProps, ChannelTypeMap } from './ChannelMark';

package/dist/index.cjs

@@ -88,6 +88,8 @@ var DataGrid = require('./components/DataGrid/DataGrid.cjs');
 var FlexCol = require('./components/Flex/FlexCol/FlexCol.cjs');
 var FlexRow = require('./components/Flex/FlexRow/FlexRow.cjs');
 var index$5 = require('./components/PhoneInput/index.cjs');
+var ChannelMark = require('./components/ChannelMark/ChannelMark.cjs');
+var constants$2 = require('./components/ChannelMark/constants.cjs');
 var useClickOutside = require('./hooks/useClickOutside.cjs');
 var useDebounce = require('./hooks/useDebounce.cjs');
 var useDropdown = require('./hooks/useDropdown.cjs');
@@ -105,6 +107,8 @@ var buildClassnames = require('./utils/buildClassnames.cjs');
 var color = require('./utils/color.cjs');
 var generateId = require('./utils/generateId.cjs');
 var assignCssVars = require('./utils/assignCssVars.cjs');
+var buildChannelMarkUrl = require('./utils/buildChannelMarkUrl.cjs');
+var buildCarrierMarkUrl = require('./utils/buildCarrierMarkUrl.cjs');
 var index$6 = require('./theme/index.cjs');
 var AccountsIcon = require('./icons/design-system/components/AccountsIcon.cjs');
 var AccountsOutlineIcon = require('./icons/design-system/components/AccountsOutlineIcon.cjs');
@@ -439,6 +443,8 @@ exports.DataGrid = DataGrid.DataGrid;
 exports.FlexCol = FlexCol.FlexCol;
 exports.FlexRow = FlexRow.FlexRow;
 exports.PhoneInput = index$5.PhoneInput;
+exports.ChannelMark = ChannelMark.ChannelMark;
+exports.ChannelTypeMap = constants$2.ChannelTypeMap;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useDebounce = useDebounce.useDebounce;
 exports.useDropdown = useDropdown.useDropdown;
@@ -458,6 +464,8 @@ exports.getOpaqueHexColor = color.getOpaqueHexColor;
 exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
 exports.assignCssVars = assignCssVars.assignCssVars;
+exports.buildChannelMarkUrl = buildChannelMarkUrl.buildChannelMarkUrl;
+exports.buildCarrierMarkUrl = buildCarrierMarkUrl.buildCarrierMarkUrl;
 exports.theme = index$6.theme;
 exports.AccountsIcon = AccountsIcon.ReactComponent;
 exports.AccountsOutlineIcon = AccountsOutlineIcon.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

@@ -86,6 +86,8 @@ export { DataGrid } from './components/DataGrid/DataGrid.js';
 export { FlexCol } from './components/Flex/FlexCol/FlexCol.js';
 export { FlexRow } from './components/Flex/FlexRow/FlexRow.js';
 export { PhoneInput } from './components/PhoneInput/index.js';
+export { ChannelMark } from './components/ChannelMark/ChannelMark.js';
+export { ChannelTypeMap } from './components/ChannelMark/constants.js';
 export { useClickOutside } from './hooks/useClickOutside.js';
 export { useDebounce } from './hooks/useDebounce.js';
 export { useDropdown } from './hooks/useDropdown.js';
@@ -103,6 +105,8 @@ export { buildClassnames } from './utils/buildClassnames.js';
 export { getOpaqueHexColor, hexToRgb } from './utils/color.js';
 export { generateId } from './utils/generateId.js';
 export { assignCssVars } from './utils/assignCssVars.js';
+export { buildChannelMarkUrl } from './utils/buildChannelMarkUrl.js';
+export { buildCarrierMarkUrl } from './utils/buildCarrierMarkUrl.js';
 export { theme } from './theme/index.js';
 export { ReactComponent as AccountsIcon } from './icons/design-system/components/AccountsIcon.js';
 export { ReactComponent as AccountsOutlineIcon } from './icons/design-system/components/AccountsOutlineIcon.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/dist/utils/buildCarrierMarkUrl.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var constants = require('../components/CarrierMark/constants.cjs');
+var constants$1 = require('../components/Mark/constants.cjs');
+
+const buildCarrierMarkUrl = (typeCode, variant) => {
+    const validTypeCode = typeCode in constants.CarrierTypeMap ? constants.CarrierTypeMap[typeCode] : 'Other';
+    const bgType = constants$1.VariantTypeMap[variant];
+    return `https://static.veeqo.com/static_content/carrier_marks/${bgType}/${validTypeCode}Mark.svg`;
+};
+
+exports.buildCarrierMarkUrl = buildCarrierMarkUrl;
+//# sourceMappingURL=buildCarrierMarkUrl.cjs.map

package/dist/utils/buildCarrierMarkUrl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCarrierMarkUrl.cjs","sources":["../../src/utils/buildCarrierMarkUrl.ts"],"sourcesContent":["import { CarrierTypeMap } from '../components/CarrierMark/constants';\nimport { CarrierTypeCode } from '../components/CarrierMark/types';\nimport { VariantTypeMap } from '../components/Mark/constants';\n\nexport const buildCarrierMarkUrl = (typeCode: string, variant: keyof typeof VariantTypeMap) => {\n  const validTypeCode =\n    typeCode in CarrierTypeMap ? CarrierTypeMap[typeCode as CarrierTypeCode] : 'Other';\n  const bgType = VariantTypeMap[variant];\n\n  return `https://static.veeqo.com/static_content/carrier_marks/${bgType}/${validTypeCode}Mark.svg`;\n};\n"],"names":["CarrierTypeMap","VariantTypeMap"],"mappings":";;;;;MAIa,mBAAmB,GAAG,CAAC,QAAgB,EAAE,OAAoC,KAAI;AAC5F,IAAA,MAAM,aAAa,GACjB,QAAQ,IAAIA,wBAAc,GAAGA,wBAAc,CAAC,QAA2B,CAAC,GAAG,OAAO;AACpF,IAAA,MAAM,MAAM,GAAGC,0BAAc,CAAC,OAAO,CAAC;AAEtC,IAAA,OAAO,CAAyD,sDAAA,EAAA,MAAM,CAAI,CAAA,EAAA,aAAa,UAAU;AACnG;;;;"}

package/dist/utils/buildCarrierMarkUrl.d.ts

@@ -0,0 +1,2 @@
+import { VariantTypeMap } from '../components/Mark/constants';
+export declare const buildCarrierMarkUrl: (typeCode: string, variant: keyof typeof VariantTypeMap) => string;

package/dist/utils/buildCarrierMarkUrl.js

@@ -0,0 +1,11 @@
+import { CarrierTypeMap } from '../components/CarrierMark/constants.js';
+import { VariantTypeMap } from '../components/Mark/constants.js';
+
+const buildCarrierMarkUrl = (typeCode, variant) => {
+    const validTypeCode = typeCode in CarrierTypeMap ? CarrierTypeMap[typeCode] : 'Other';
+    const bgType = VariantTypeMap[variant];
+    return `https://static.veeqo.com/static_content/carrier_marks/${bgType}/${validTypeCode}Mark.svg`;
+};
+
+export { buildCarrierMarkUrl };
+//# sourceMappingURL=buildCarrierMarkUrl.js.map

package/dist/utils/buildCarrierMarkUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCarrierMarkUrl.js","sources":["../../src/utils/buildCarrierMarkUrl.ts"],"sourcesContent":["import { CarrierTypeMap } from '../components/CarrierMark/constants';\nimport { CarrierTypeCode } from '../components/CarrierMark/types';\nimport { VariantTypeMap } from '../components/Mark/constants';\n\nexport const buildCarrierMarkUrl = (typeCode: string, variant: keyof typeof VariantTypeMap) => {\n  const validTypeCode =\n    typeCode in CarrierTypeMap ? CarrierTypeMap[typeCode as CarrierTypeCode] : 'Other';\n  const bgType = VariantTypeMap[variant];\n\n  return `https://static.veeqo.com/static_content/carrier_marks/${bgType}/${validTypeCode}Mark.svg`;\n};\n"],"names":[],"mappings":";;;MAIa,mBAAmB,GAAG,CAAC,QAAgB,EAAE,OAAoC,KAAI;AAC5F,IAAA,MAAM,aAAa,GACjB,QAAQ,IAAI,cAAc,GAAG,cAAc,CAAC,QAA2B,CAAC,GAAG,OAAO;AACpF,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtC,IAAA,OAAO,CAAyD,sDAAA,EAAA,MAAM,CAAI,CAAA,EAAA,aAAa,UAAU;AACnG;;;;"}

package/dist/utils/buildChannelMarkUrl.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var constants = require('../components/ChannelMark/constants.cjs');
+var constants$1 = require('../components/Mark/constants.cjs');
+
+const buildChannelMarkUrl = (typeCode, variant) => {
+    const validTypeCode = typeCode in constants.ChannelTypeMap ? constants.ChannelTypeMap[typeCode] : 'Phone';
+    const bgType = constants$1.VariantTypeMap[variant];
+    return `https://static.veeqo.com/static_content/channel_marks/${bgType}/${validTypeCode}Mark.svg`;
+};
+
+exports.buildChannelMarkUrl = buildChannelMarkUrl;
+//# sourceMappingURL=buildChannelMarkUrl.cjs.map

package/dist/utils/buildChannelMarkUrl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildChannelMarkUrl.cjs","sources":["../../src/utils/buildChannelMarkUrl.ts"],"sourcesContent":["import { ChannelTypeMap } from '../components/ChannelMark/constants';\nimport { ChannelTypeCode } from '../components/ChannelMark/types';\nimport { VariantTypeMap } from '../components/Mark/constants';\n\nexport const buildChannelMarkUrl = (typeCode: string, variant: keyof typeof VariantTypeMap) => {\n  const validTypeCode =\n    typeCode in ChannelTypeMap ? ChannelTypeMap[typeCode as ChannelTypeCode] : 'Phone';\n  const bgType = VariantTypeMap[variant];\n\n  return `https://static.veeqo.com/static_content/channel_marks/${bgType}/${validTypeCode}Mark.svg`;\n};\n"],"names":["ChannelTypeMap","VariantTypeMap"],"mappings":";;;;;MAIa,mBAAmB,GAAG,CAAC,QAAgB,EAAE,OAAoC,KAAI;AAC5F,IAAA,MAAM,aAAa,GACjB,QAAQ,IAAIA,wBAAc,GAAGA,wBAAc,CAAC,QAA2B,CAAC,GAAG,OAAO;AACpF,IAAA,MAAM,MAAM,GAAGC,0BAAc,CAAC,OAAO,CAAC;AAEtC,IAAA,OAAO,CAAyD,sDAAA,EAAA,MAAM,CAAI,CAAA,EAAA,aAAa,UAAU;AACnG;;;;"}

package/dist/utils/buildChannelMarkUrl.d.ts

@@ -0,0 +1,2 @@
+import { VariantTypeMap } from '../components/Mark/constants';
+export declare const buildChannelMarkUrl: (typeCode: string, variant: keyof typeof VariantTypeMap) => string;

package/dist/utils/buildChannelMarkUrl.js

@@ -0,0 +1,11 @@
+import { ChannelTypeMap } from '../components/ChannelMark/constants.js';
+import { VariantTypeMap } from '../components/Mark/constants.js';
+
+const buildChannelMarkUrl = (typeCode, variant) => {
+    const validTypeCode = typeCode in ChannelTypeMap ? ChannelTypeMap[typeCode] : 'Phone';
+    const bgType = VariantTypeMap[variant];
+    return `https://static.veeqo.com/static_content/channel_marks/${bgType}/${validTypeCode}Mark.svg`;
+};
+
+export { buildChannelMarkUrl };
+//# sourceMappingURL=buildChannelMarkUrl.js.map

package/dist/utils/buildChannelMarkUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildChannelMarkUrl.js","sources":["../../src/utils/buildChannelMarkUrl.ts"],"sourcesContent":["import { ChannelTypeMap } from '../components/ChannelMark/constants';\nimport { ChannelTypeCode } from '../components/ChannelMark/types';\nimport { VariantTypeMap } from '../components/Mark/constants';\n\nexport const buildChannelMarkUrl = (typeCode: string, variant: keyof typeof VariantTypeMap) => {\n  const validTypeCode =\n    typeCode in ChannelTypeMap ? ChannelTypeMap[typeCode as ChannelTypeCode] : 'Phone';\n  const bgType = VariantTypeMap[variant];\n\n  return `https://static.veeqo.com/static_content/channel_marks/${bgType}/${validTypeCode}Mark.svg`;\n};\n"],"names":[],"mappings":";;;MAIa,mBAAmB,GAAG,CAAC,QAAgB,EAAE,OAAoC,KAAI;AAC5F,IAAA,MAAM,aAAa,GACjB,QAAQ,IAAI,cAAc,GAAG,cAAc,CAAC,QAA2B,CAAC,GAAG,OAAO;AACpF,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtC,IAAA,OAAO,CAAyD,sDAAA,EAAA,MAAM,CAAI,CAAA,EAAA,aAAa,UAAU;AACnG;;;;"}

package/dist/utils/index.d.ts

@@ -2,3 +2,5 @@ export { buildClassnames } from './buildClassnames';
 export { getOpaqueHexColor, hexToRgb } from './color';
 export { generateId } from './generateId';
 export { assignCssVars } from './assignCssVars';
+export { buildChannelMarkUrl } from './buildChannelMarkUrl';
+export { buildCarrierMarkUrl } from './buildCarrierMarkUrl';

package/package.json

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