@veeqo/ui 13.9.0 → 13.10.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/ChannelMark/ChannelMark.cjs

@@ -0,0 +1,29 @@
+'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 buildChannelMarkUrl = require('../../utils/buildChannelMarkUrl.cjs');
+var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
+var ChannelMark_module = require('./ChannelMark.module.scss.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', hasError, className, ...otherProps }) => {
+    const channelMarkUrl = buildChannelMarkUrl.buildChannelMarkUrl(typeCode, variant);
+    return (React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "center", className: buildClassnames.buildClassnames([
+            ChannelMark_module.channelMark,
+            ChannelMark_module[`${size}-size`],
+            variant === 'transparent' && ChannelMark_module.transparentBackground,
+            className,
+        ]), ...otherProps },
+        hasError && (React__default.default.createElement(CriticalIcon.CriticalIcon, { className: ChannelMark_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} channel has an error` })),
+        React__default.default.createElement("img", { src: channelMarkUrl, alt: "" })));
+};
+
+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 { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport { buildChannelMarkUrl, buildClassnames } from '../../utils';\nimport { ChannelMarkProps } from './types';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './ChannelMark.module.scss';\n\nexport const ChannelMark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  hasError,\n  className,\n  ...otherProps\n}: ChannelMarkProps) => {\n  const channelMarkUrl = buildChannelMarkUrl(typeCode, variant);\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([\n        styles.channelMark,\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} channel has an error`}\n        />\n      )}\n      <img src={channelMarkUrl} alt=\"\" />\n    </FlexRow>\n  );\n};\n"],"names":["buildChannelMarkUrl","React","FlexRow","buildClassnames","styles","CriticalIcon","theme"],"mappings":";;;;;;;;;;;;;;;AASa,MAAA,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACI,KAAI;IACrB,MAAM,cAAc,GAAGA,uCAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC7D,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC;AACzB,YAAAC,kBAAM,CAAC,WAAW;AAClB,YAAAA,kBAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAIA,kBAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPH,sBAAC,CAAA,aAAA,CAAAI,yBAAY,IACX,SAAS,EAAED,kBAAM,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,EACH,WAAA,EAAA,QAAQ,gBACN,CAAG,EAAA,QAAQ,CAAuB,qBAAA,CAAA,EAAA,CAC9C,CACH;QACDL,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,cAAc,EAAE,GAAG,EAAC,EAAE,EAAA,CAAG,CAC3B;AAEd;;;;"}

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, hasError, className, ...otherProps }: ChannelMarkProps) => React.JSX.Element;

package/dist/components/ChannelMark/ChannelMark.js

@@ -0,0 +1,23 @@
+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 { buildChannelMarkUrl } from '../../utils/buildChannelMarkUrl.js';
+import { FlexRow } from '../Flex/FlexRow/FlexRow.js';
+import styles from './ChannelMark.module.scss.js';
+
+const ChannelMark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, ...otherProps }) => {
+    const channelMarkUrl = buildChannelMarkUrl(typeCode, variant);
+    return (React__default.createElement(FlexRow, { justifyContent: "center", className: buildClassnames([
+            styles.channelMark,
+            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} channel has an error` })),
+        React__default.createElement("img", { src: channelMarkUrl, alt: "" })));
+};
+
+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 { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport { buildChannelMarkUrl, buildClassnames } from '../../utils';\nimport { ChannelMarkProps } from './types';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './ChannelMark.module.scss';\n\nexport const ChannelMark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  hasError,\n  className,\n  ...otherProps\n}: ChannelMarkProps) => {\n  const channelMarkUrl = buildChannelMarkUrl(typeCode, variant);\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([\n        styles.channelMark,\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} channel has an error`}\n        />\n      )}\n      <img src={channelMarkUrl} alt=\"\" />\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AASa,MAAA,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACI,KAAI;IACrB,MAAM,cAAc,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC7D,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,WAAW;AAClB,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,EACH,WAAA,EAAA,QAAQ,gBACN,CAAG,EAAA,QAAQ,CAAuB,qBAAA,CAAA,EAAA,CAC9C,CACH;QACDA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,cAAc,EAAE,GAAG,EAAC,EAAE,EAAA,CAAG,CAC3B;AAEd;;;;"}

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._channelMark_1errh_1 {\n  width: var(--channel-mark-size, var(--sizes-lg));\n  height: var(--channel-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_1errh_9 {\n  --custom-border-color: transparent;\n}\n\n._indicatorIcon_1errh_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_1errh_22 {\n  --indicator-icon-size: var(--sizes-3);\n  --channel-mark-size: var(--sizes-md);\n}\n\n._lg-size_1errh_27 {\n  --indicator-icon-size: var(--sizes-base);\n  --channel-mark-size: var(--sizes-lg);\n}\n\n._xl-size_1errh_32 {\n  --indicator-icon-size: var(--sizes-7);\n  --channel-mark-size: var(--sizes-xl);\n}\n\n._xxl-size_1errh_37 {\n  --indicator-icon-size: var(--sizes-lg);\n  --channel-mark-size: var(--sizes-xxl);\n}");
+var styles = {"channelMark":"_channelMark_1errh_1","transparentBackground":"_transparentBackground_1errh_9","indicatorIcon":"_indicatorIcon_1errh_13","md-size":"_md-size_1errh_22","lg-size":"_lg-size_1errh_27","xl-size":"_xl-size_1errh_32","xxl-size":"_xxl-size_1errh_37"};
+
+module.exports = styles;
+//# sourceMappingURL=ChannelMark.module.scss.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMark.module.scss.cjs","sources":["../../../src/components/ChannelMark/ChannelMark.module.scss"],"sourcesContent":["@use 'sass:map';\n@use './variables.scss' as vars;\n\n.channelMark {\n  width: var(--channel-mark-size, var(--sizes-lg));\n  height: var(--channel-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    --channel-mark-size: #{map.get(vars.$channel-mark-sizes, $size)};\n  }\n}\n"],"names":[],"mappings":";;;;AAIE,eAAA,CAAA,uqCAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,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/ChannelMark/ChannelMark.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._channelMark_1errh_1 {\n  width: var(--channel-mark-size, var(--sizes-lg));\n  height: var(--channel-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_1errh_9 {\n  --custom-border-color: transparent;\n}\n\n._indicatorIcon_1errh_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_1errh_22 {\n  --indicator-icon-size: var(--sizes-3);\n  --channel-mark-size: var(--sizes-md);\n}\n\n._lg-size_1errh_27 {\n  --indicator-icon-size: var(--sizes-base);\n  --channel-mark-size: var(--sizes-lg);\n}\n\n._xl-size_1errh_32 {\n  --indicator-icon-size: var(--sizes-7);\n  --channel-mark-size: var(--sizes-xl);\n}\n\n._xxl-size_1errh_37 {\n  --indicator-icon-size: var(--sizes-lg);\n  --channel-mark-size: var(--sizes-xxl);\n}");
+var styles = {"channelMark":"_channelMark_1errh_1","transparentBackground":"_transparentBackground_1errh_9","indicatorIcon":"_indicatorIcon_1errh_13","md-size":"_md-size_1errh_22","lg-size":"_lg-size_1errh_27","xl-size":"_xl-size_1errh_32","xxl-size":"_xxl-size_1errh_37"};
+
+export { styles as default };
+//# sourceMappingURL=ChannelMark.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelMark.module.scss.js","sources":["../../../src/components/ChannelMark/ChannelMark.module.scss"],"sourcesContent":["@use 'sass:map';\n@use './variables.scss' as vars;\n\n.channelMark {\n  width: var(--channel-mark-size, var(--sizes-lg));\n  height: var(--channel-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    --channel-mark-size: #{map.get(vars.$channel-mark-sizes, $size)};\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AAIEA,WAAA,CAAA,uqCAAA;AACA,aAAA,CAAA,aAAA,CAAA,sBAAA,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/ChannelMark/constants.cjs

@@ -0,0 +1,70 @@
+'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',
+};
+const VariantTypeMap = {
+    transparent: 'transparent_bg',
+    brand: 'brand_bg',
+    white: 'white_bg',
+};
+
+exports.ChannelTypeMap = ChannelTypeMap;
+exports.VariantTypeMap = VariantTypeMap;
+//# 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\nexport const VariantTypeMap = {\n  transparent: 'transparent_bg',\n  brand: 'brand_bg',\n  white: 'white_bg',\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;;AAGf,MAAA,cAAc,GAAG;AAC5B,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,KAAK,EAAE,UAAU;;;;;;"}

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

@@ -0,0 +1,64 @@
+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;
+};
+export declare const VariantTypeMap: {
+    transparent: string;
+    brand: string;
+    white: string;
+};

package/dist/components/ChannelMark/constants.js

@@ -0,0 +1,67 @@
+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',
+};
+const VariantTypeMap = {
+    transparent: 'transparent_bg',
+    brand: 'brand_bg',
+    white: 'white_bg',
+};
+
+export { ChannelTypeMap, VariantTypeMap };
+//# 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\nexport const VariantTypeMap = {\n  transparent: 'transparent_bg',\n  brand: 'brand_bg',\n  white: 'white_bg',\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;;AAGf,MAAA,cAAc,GAAG;AAC5B,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,KAAK,EAAE,UAAU;;;;;"}

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,12 @@
+import { HTMLAttributes } from 'react';
+import { ChannelTypeMap, VariantTypeMap } from './constants';
+import { AvatarSize } from '../Avatar/types';
+export type ChannelMarkProps = HTMLAttributes<HTMLDivElement> & {
+    typeCode: string;
+    variant?: keyof typeof VariantTypeMap;
+    hasError?: boolean;
+    size?: keyof typeof AvatarSize;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type ChannelTypeCode = keyof typeof ChannelTypeMap;

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,7 @@ 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 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 +442,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 +463,7 @@ exports.getOpaqueHexColor = color.getOpaqueHexColor;
 exports.hexToRgb = color.hexToRgb;
 exports.generateId = generateId.generateId;
 exports.assignCssVars = assignCssVars.assignCssVars;
+exports.buildChannelMarkUrl = buildChannelMarkUrl.buildChannelMarkUrl;
 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,7 @@ 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 { 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/buildChannelMarkUrl.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var constants = require('../components/ChannelMark/constants.cjs');
+
+const buildChannelMarkUrl = (typeCode, variant) => {
+    const validTypeCode = typeCode in constants.ChannelTypeMap ? constants.ChannelTypeMap[typeCode] : 'Phone';
+    const bgType = constants.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, VariantTypeMap } from '../components/ChannelMark/constants';\nimport { ChannelTypeCode } from '../components/ChannelMark/types';\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":";;;;MAGa,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,wBAAc,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/ChannelMark/constants';
+export declare const buildChannelMarkUrl: (typeCode: string, variant: keyof typeof VariantTypeMap) => string;

package/dist/utils/buildChannelMarkUrl.js

@@ -0,0 +1,10 @@
+import { ChannelTypeMap, VariantTypeMap } from '../components/ChannelMark/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, VariantTypeMap } from '../components/ChannelMark/constants';\nimport { ChannelTypeCode } from '../components/ChannelMark/types';\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":";;MAGa,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,4 @@ export { buildClassnames } from './buildClassnames';
 export { getOpaqueHexColor, hexToRgb } from './color';
 export { generateId } from './generateId';
 export { assignCssVars } from './assignCssVars';
+export { buildChannelMarkUrl } from './buildChannelMarkUrl';

package/package.json

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