@veeqo/ui 13.10.0 → 13.11.1

package/dist/components/CarrierMark/CarrierMark.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+require('uid/secure');
+var buildCarrierMarkUrl = require('../../utils/buildCarrierMarkUrl.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 CarrierMark = ({ typeCode, variant = 'white', size = 'lg', ...otherProps }) => {
+    const integrationMarkUrl = buildCarrierMarkUrl.buildCarrierMarkUrl(typeCode, variant);
+    return (React__default.default.createElement(Mark.Mark, { integrationType: types.IntegrationTypes.CARRIER, typeCode: typeCode, variant: variant, size: size, integrationMarkUrl: integrationMarkUrl, ...otherProps }));
+};
+
+exports.CarrierMark = CarrierMark;
+//# sourceMappingURL=CarrierMark.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarrierMark.cjs","sources":["../../../src/components/CarrierMark/CarrierMark.tsx"],"sourcesContent":["import React from 'react';\nimport { buildCarrierMarkUrl } from '../../utils';\nimport { CarrierMarkProps } from './types';\n\nimport { Mark } from '../Mark';\nimport { IntegrationTypes } from '../Mark/types';\n\nexport const CarrierMark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  ...otherProps\n}: CarrierMarkProps) => {\n  const integrationMarkUrl = buildCarrierMarkUrl(typeCode, variant);\n  return (\n    <Mark\n      integrationType={IntegrationTypes.CARRIER}\n      typeCode={typeCode}\n      variant={variant}\n      size={size}\n      integrationMarkUrl={integrationMarkUrl}\n      {...otherProps}\n    />\n  );\n};\n"],"names":["buildCarrierMarkUrl","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/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/CarrierMark.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarrierMark.js","sources":["../../../src/components/CarrierMark/CarrierMark.tsx"],"sourcesContent":["import React from 'react';\nimport { buildCarrierMarkUrl } from '../../utils';\nimport { CarrierMarkProps } from './types';\n\nimport { Mark } from '../Mark';\nimport { IntegrationTypes } from '../Mark/types';\n\nexport const CarrierMark = ({\n  typeCode,\n  variant = 'white',\n  size = 'lg',\n  ...otherProps\n}: CarrierMarkProps) => {\n  const integrationMarkUrl = buildCarrierMarkUrl(typeCode, variant);\n  return (\n    <Mark\n      integrationType={IntegrationTypes.CARRIER}\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/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',
+    dpdLocal: '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  dpdLocal: '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,QAAQ,EAAE,UAAU;AACpB,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;
+    dpdLocal: 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',
+    dpdLocal: '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  dpdLocal: '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,QAAQ,EAAE,UAAU;AACpB,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

@@ -1,28 +1,18 @@
 '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');
+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', 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: "" })));
+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;

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

@@ -1 +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;;;;"}
+{"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

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

package/dist/components/ChannelMark/ChannelMark.js

@@ -1,22 +1,12 @@
 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';
+import { Mark } from '../Mark/Mark.js';
+import { IntegrationTypes } from '../Mark/types.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: "" })));
+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 };

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

@@ -1 +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;;;;"}
+{"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

@@ -59,12 +59,6 @@ const ChannelTypeMap = {
     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

@@ -1 +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;;;;;;"}
+{"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

@@ -57,8 +57,3 @@ export declare const ChannelTypeMap: {
     wix: string;
     woocommerce: string;
 };
-export declare const VariantTypeMap: {
-    transparent: string;
-    brand: string;
-    white: string;
-};

package/dist/components/ChannelMark/constants.js

@@ -57,11 +57,6 @@ const ChannelTypeMap = {
     wix: 'Wix',
     woocommerce: 'WooCommerce',
 };
-const VariantTypeMap = {
-    transparent: 'transparent_bg',
-    brand: 'brand_bg',
-    white: 'white_bg',
-};
 
-export { ChannelTypeMap, VariantTypeMap };
+export { ChannelTypeMap };
 //# sourceMappingURL=constants.js.map

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

@@ -1 +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;;;;;"}
+{"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/types.d.ts

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

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

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/Mark/utils.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('../../theme/index.cjs');
+
+const DEFAULT_REM_IN_PX = 16; // 1rem = 16px
+/**
+ * Utility function to get the image size from theme sizes in pixels after accounting for border width.
+ * @param size
+ * @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2
+ * @returns The image size as a pixel numeric value after subtracting the border width
+ */
+const getImageSize = (size, borderWidth = 2) => {
+    var _a;
+    const remValue = parseFloat((_a = index.theme.sizes[size]) !== null && _a !== undefined ? _a : index.theme.sizes.lg);
+    const pxNumericValue = remValue * DEFAULT_REM_IN_PX;
+    return pxNumericValue - borderWidth; // Subtract border width
+};
+
+exports.getImageSize = getImageSize;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/Mark/utils.ts"],"sourcesContent":["import { theme } from '../../theme';\n\nconst DEFAULT_REM_IN_PX = 16; // 1rem = 16px\n\n/**\n * Utility function to get the image size from theme sizes in pixels after accounting for border width.\n * @param size\n * @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2\n * @returns The image size as a pixel numeric value after subtracting the border width\n */\nexport const getImageSize = (size: string, borderWidth: number = 2): number => {\n  const remValue = parseFloat(theme.sizes[size] ?? theme.sizes.lg);\n  const pxNumericValue = remValue * DEFAULT_REM_IN_PX;\n  return pxNumericValue - borderWidth; // Subtract border width\n};\n"],"names":["theme"],"mappings":";;;;AAEA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B;;;;;AAKG;AACU,MAAA,YAAY,GAAG,CAAC,IAAY,EAAE,WAAA,GAAsB,CAAC,KAAY;;AAC5E,IAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAA,EAAA,GAAAA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAC,sCAAIA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AAChE,IAAA,MAAM,cAAc,GAAG,QAAQ,GAAG,iBAAiB;AACnD,IAAA,OAAO,cAAc,GAAG,WAAW,CAAC;AACtC;;;;"}

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

@@ -0,0 +1,7 @@
+/**
+ * Utility function to get the image size from theme sizes in pixels after accounting for border width.
+ * @param size
+ * @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2
+ * @returns The image size as a pixel numeric value after subtracting the border width
+ */
+export declare const getImageSize: (size: string, borderWidth?: number) => number;

package/dist/components/Mark/utils.js

@@ -0,0 +1,18 @@
+import { theme } from '../../theme/index.js';
+
+const DEFAULT_REM_IN_PX = 16; // 1rem = 16px
+/**
+ * Utility function to get the image size from theme sizes in pixels after accounting for border width.
+ * @param size
+ * @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2
+ * @returns The image size as a pixel numeric value after subtracting the border width
+ */
+const getImageSize = (size, borderWidth = 2) => {
+    var _a;
+    const remValue = parseFloat((_a = theme.sizes[size]) !== null && _a !== undefined ? _a : theme.sizes.lg);
+    const pxNumericValue = remValue * DEFAULT_REM_IN_PX;
+    return pxNumericValue - borderWidth; // Subtract border width
+};
+
+export { getImageSize };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/Mark/utils.ts"],"sourcesContent":["import { theme } from '../../theme';\n\nconst DEFAULT_REM_IN_PX = 16; // 1rem = 16px\n\n/**\n * Utility function to get the image size from theme sizes in pixels after accounting for border width.\n * @param size\n * @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2\n * @returns The image size as a pixel numeric value after subtracting the border width\n */\nexport const getImageSize = (size: string, borderWidth: number = 2): number => {\n  const remValue = parseFloat(theme.sizes[size] ?? theme.sizes.lg);\n  const pxNumericValue = remValue * DEFAULT_REM_IN_PX;\n  return pxNumericValue - borderWidth; // Subtract border width\n};\n"],"names":[],"mappings":";;AAEA,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B;;;;;AAKG;AACU,MAAA,YAAY,GAAG,CAAC,IAAY,EAAE,WAAA,GAAsB,CAAC,KAAY;;AAC5E,IAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAA,EAAA,GAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,sCAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AAChE,IAAA,MAAM,cAAc,GAAG,QAAQ,GAAG,iBAAiB;AACnD,IAAA,OAAO,cAAc,GAAG,WAAW,CAAC;AACtC;;;;"}

package/dist/components/index.d.ts

@@ -77,3 +77,4 @@ export { FlexCol } from './Flex/FlexCol';
 export { FlexRow } from './Flex/FlexRow';
 export { PhoneInput } from './PhoneInput';
 export { ChannelMark, type ChannelMarkProps, ChannelTypeMap } from './ChannelMark';
+export { CarrierMark, type CarrierMarkProps, CarrierTypeMap } from './CarrierMark';

package/dist/index.cjs

@@ -90,6 +90,8 @@ 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 CarrierMark = require('./components/CarrierMark/CarrierMark.cjs');
+var constants$3 = require('./components/CarrierMark/constants.cjs');
 var useClickOutside = require('./hooks/useClickOutside.cjs');
 var useDebounce = require('./hooks/useDebounce.cjs');
 var useDropdown = require('./hooks/useDropdown.cjs');
@@ -108,6 +110,7 @@ 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');
@@ -444,6 +447,8 @@ exports.FlexRow = FlexRow.FlexRow;
 exports.PhoneInput = index$5.PhoneInput;
 exports.ChannelMark = ChannelMark.ChannelMark;
 exports.ChannelTypeMap = constants$2.ChannelTypeMap;
+exports.CarrierMark = CarrierMark.CarrierMark;
+exports.CarrierTypeMap = constants$3.CarrierTypeMap;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useDebounce = useDebounce.useDebounce;
 exports.useDropdown = useDropdown.useDropdown;
@@ -464,6 +469,7 @@ 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

@@ -88,6 +88,8 @@ 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 { CarrierMark } from './components/CarrierMark/CarrierMark.js';
+export { CarrierTypeMap } from './components/CarrierMark/constants.js';
 export { useClickOutside } from './hooks/useClickOutside.js';
 export { useDebounce } from './hooks/useDebounce.js';
 export { useDropdown } from './hooks/useDropdown.js';
@@ -106,6 +108,7 @@ 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

@@ -1,10 +1,11 @@
 '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.VariantTypeMap[variant];
+    const bgType = constants$1.VariantTypeMap[variant];
     return `https://static.veeqo.com/static_content/channel_marks/${bgType}/${validTypeCode}Mark.svg`;
 };
 

package/dist/utils/buildChannelMarkUrl.cjs.map

@@ -1 +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;;;;"}
+{"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

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

package/dist/utils/buildChannelMarkUrl.js

@@ -1,4 +1,5 @@
-import { ChannelTypeMap, VariantTypeMap } from '../components/ChannelMark/constants.js';
+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';

package/dist/utils/buildChannelMarkUrl.js.map

@@ -1 +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;;;;"}
+{"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

@@ -3,3 +3,4 @@ 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.10.0",
+  "version": "13.11.1",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

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

@@ -1,9 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}