@veeqo/ui 13.11.0 → 13.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CarrierMark/CarrierMark.cjs +19 -0
- package/dist/components/CarrierMark/CarrierMark.cjs.map +1 -0
- package/dist/components/CarrierMark/CarrierMark.js +13 -0
- package/dist/components/CarrierMark/CarrierMark.js.map +1 -0
- package/dist/components/CarrierMark/constants.cjs +1 -1
- package/dist/components/CarrierMark/constants.cjs.map +1 -1
- package/dist/components/CarrierMark/constants.d.ts +1 -1
- package/dist/components/CarrierMark/constants.js +1 -1
- package/dist/components/CarrierMark/constants.js.map +1 -1
- package/dist/components/Mark/Mark.cjs +3 -2
- package/dist/components/Mark/Mark.cjs.map +1 -1
- package/dist/components/Mark/Mark.js +3 -2
- package/dist/components/Mark/Mark.js.map +1 -1
- package/dist/components/Mark/utils.cjs +20 -0
- package/dist/components/Mark/utils.cjs.map +1 -0
- package/dist/components/Mark/utils.d.ts +7 -0
- package/dist/components/Mark/utils.js +18 -0
- package/dist/components/Mark/utils.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs +4 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
require('uid/secure');
|
|
5
|
+
var buildCarrierMarkUrl = require('../../utils/buildCarrierMarkUrl.cjs');
|
|
6
|
+
var Mark = require('../Mark/Mark.cjs');
|
|
7
|
+
var types = require('../Mark/types.cjs');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
|
+
|
|
13
|
+
const CarrierMark = ({ typeCode, variant = 'white', size = 'lg', ...otherProps }) => {
|
|
14
|
+
const integrationMarkUrl = buildCarrierMarkUrl.buildCarrierMarkUrl(typeCode, variant);
|
|
15
|
+
return (React__default.default.createElement(Mark.Mark, { integrationType: types.IntegrationTypes.CARRIER, typeCode: typeCode, variant: variant, size: size, integrationMarkUrl: integrationMarkUrl, ...otherProps }));
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
exports.CarrierMark = CarrierMark;
|
|
19
|
+
//# sourceMappingURL=CarrierMark.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import 'uid/secure';
|
|
3
|
+
import { buildCarrierMarkUrl } from '../../utils/buildCarrierMarkUrl.js';
|
|
4
|
+
import { Mark } from '../Mark/Mark.js';
|
|
5
|
+
import { IntegrationTypes } from '../Mark/types.js';
|
|
6
|
+
|
|
7
|
+
const CarrierMark = ({ typeCode, variant = 'white', size = 'lg', ...otherProps }) => {
|
|
8
|
+
const integrationMarkUrl = buildCarrierMarkUrl(typeCode, variant);
|
|
9
|
+
return (React__default.createElement(Mark, { integrationType: IntegrationTypes.CARRIER, typeCode: typeCode, variant: variant, size: size, integrationMarkUrl: integrationMarkUrl, ...otherProps }));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { CarrierMark };
|
|
13
|
+
//# sourceMappingURL=CarrierMark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;;;;"}
|
|
@@ -7,13 +7,14 @@ var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
|
7
7
|
require('uid/secure');
|
|
8
8
|
var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
|
|
9
9
|
var Mark_module = require('./Mark.module.scss.cjs');
|
|
10
|
+
var utils = require('./utils.cjs');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
13
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
15
|
|
|
15
16
|
const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, integrationMarkUrl, integrationType, ...otherProps }) => {
|
|
16
|
-
|
|
17
|
+
const imageSize = utils.getImageSize(size);
|
|
17
18
|
return (React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "center", className: buildClassnames.buildClassnames([
|
|
18
19
|
Mark_module.mark,
|
|
19
20
|
Mark_module[`${size}-size`],
|
|
@@ -21,7 +22,7 @@ const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, i
|
|
|
21
22
|
className,
|
|
22
23
|
]), ...otherProps },
|
|
23
24
|
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` })),
|
|
24
|
-
React__default.default.createElement("img", { src: integrationMarkUrl, alt: "", width:
|
|
25
|
+
React__default.default.createElement("img", { src: integrationMarkUrl, alt: "", width: imageSize, height: imageSize })));
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
exports.Mark = Mark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mark.cjs","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\n\nexport const Mark = ({\n typeCode,\n variant = 'white',\n size = 'lg',\n hasError,\n className,\n integrationMarkUrl,\n integrationType,\n ...otherProps\n}: MarkProps) => (\n <FlexRow\n
|
|
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;;;;"}
|
|
@@ -5,9 +5,10 @@ import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
|
5
5
|
import 'uid/secure';
|
|
6
6
|
import { FlexRow } from '../Flex/FlexRow/FlexRow.js';
|
|
7
7
|
import styles from './Mark.module.scss.js';
|
|
8
|
+
import { getImageSize } from './utils.js';
|
|
8
9
|
|
|
9
10
|
const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, integrationMarkUrl, integrationType, ...otherProps }) => {
|
|
10
|
-
|
|
11
|
+
const imageSize = getImageSize(size);
|
|
11
12
|
return (React__default.createElement(FlexRow, { justifyContent: "center", className: buildClassnames([
|
|
12
13
|
styles.mark,
|
|
13
14
|
styles[`${size}-size`],
|
|
@@ -15,7 +16,7 @@ const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, i
|
|
|
15
16
|
className,
|
|
16
17
|
]), ...otherProps },
|
|
17
18
|
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` })),
|
|
18
|
-
React__default.createElement("img", { src: integrationMarkUrl, alt: "", width:
|
|
19
|
+
React__default.createElement("img", { src: integrationMarkUrl, alt: "", width: imageSize, height: imageSize })));
|
|
19
20
|
};
|
|
20
21
|
|
|
21
22
|
export { Mark };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalIcon } from '../../icons/custom/components/CriticalIcon';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\n\nexport const Mark = ({\n typeCode,\n variant = 'white',\n size = 'lg',\n hasError,\n className,\n integrationMarkUrl,\n integrationType,\n ...otherProps\n}: MarkProps) => (\n <FlexRow\n
|
|
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;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('../../theme/index.cjs');
|
|
4
|
+
|
|
5
|
+
const DEFAULT_REM_IN_PX = 16; // 1rem = 16px
|
|
6
|
+
/**
|
|
7
|
+
* Utility function to get the image size from theme sizes in pixels after accounting for border width.
|
|
8
|
+
* @param size
|
|
9
|
+
* @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2
|
|
10
|
+
* @returns The image size as a pixel numeric value after subtracting the border width
|
|
11
|
+
*/
|
|
12
|
+
const getImageSize = (size, borderWidth = 2) => {
|
|
13
|
+
var _a;
|
|
14
|
+
const remValue = parseFloat((_a = index.theme.sizes[size]) !== null && _a !== undefined ? _a : index.theme.sizes.lg);
|
|
15
|
+
const pxNumericValue = remValue * DEFAULT_REM_IN_PX;
|
|
16
|
+
return pxNumericValue - borderWidth; // Subtract border width
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.getImageSize = getImageSize;
|
|
20
|
+
//# sourceMappingURL=utils.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Utility function to get the image size from theme sizes in pixels after accounting for border width.
|
|
3
|
+
* @param size
|
|
4
|
+
* @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2
|
|
5
|
+
* @returns The image size as a pixel numeric value after subtracting the border width
|
|
6
|
+
*/
|
|
7
|
+
export declare const getImageSize: (size: string, borderWidth?: number) => number;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { theme } from '../../theme/index.js';
|
|
2
|
+
|
|
3
|
+
const DEFAULT_REM_IN_PX = 16; // 1rem = 16px
|
|
4
|
+
/**
|
|
5
|
+
* Utility function to get the image size from theme sizes in pixels after accounting for border width.
|
|
6
|
+
* @param size
|
|
7
|
+
* @param borderWidth The combined border width of the parallel side e.g. if the parent has a 1px border, pass 2
|
|
8
|
+
* @returns The image size as a pixel numeric value after subtracting the border width
|
|
9
|
+
*/
|
|
10
|
+
const getImageSize = (size, borderWidth = 2) => {
|
|
11
|
+
var _a;
|
|
12
|
+
const remValue = parseFloat((_a = theme.sizes[size]) !== null && _a !== undefined ? _a : theme.sizes.lg);
|
|
13
|
+
const pxNumericValue = remValue * DEFAULT_REM_IN_PX;
|
|
14
|
+
return pxNumericValue - borderWidth; // Subtract border width
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { getImageSize };
|
|
18
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -77,3 +77,4 @@ export { FlexCol } from './Flex/FlexCol';
|
|
|
77
77
|
export { FlexRow } from './Flex/FlexRow';
|
|
78
78
|
export { PhoneInput } from './PhoneInput';
|
|
79
79
|
export { ChannelMark, type ChannelMarkProps, ChannelTypeMap } from './ChannelMark';
|
|
80
|
+
export { CarrierMark, type CarrierMarkProps, CarrierTypeMap } from './CarrierMark';
|
package/dist/index.cjs
CHANGED
|
@@ -90,6 +90,8 @@ var FlexRow = require('./components/Flex/FlexRow/FlexRow.cjs');
|
|
|
90
90
|
var index$5 = require('./components/PhoneInput/index.cjs');
|
|
91
91
|
var ChannelMark = require('./components/ChannelMark/ChannelMark.cjs');
|
|
92
92
|
var constants$2 = require('./components/ChannelMark/constants.cjs');
|
|
93
|
+
var CarrierMark = require('./components/CarrierMark/CarrierMark.cjs');
|
|
94
|
+
var constants$3 = require('./components/CarrierMark/constants.cjs');
|
|
93
95
|
var useClickOutside = require('./hooks/useClickOutside.cjs');
|
|
94
96
|
var useDebounce = require('./hooks/useDebounce.cjs');
|
|
95
97
|
var useDropdown = require('./hooks/useDropdown.cjs');
|
|
@@ -445,6 +447,8 @@ exports.FlexRow = FlexRow.FlexRow;
|
|
|
445
447
|
exports.PhoneInput = index$5.PhoneInput;
|
|
446
448
|
exports.ChannelMark = ChannelMark.ChannelMark;
|
|
447
449
|
exports.ChannelTypeMap = constants$2.ChannelTypeMap;
|
|
450
|
+
exports.CarrierMark = CarrierMark.CarrierMark;
|
|
451
|
+
exports.CarrierTypeMap = constants$3.CarrierTypeMap;
|
|
448
452
|
exports.useClickOutside = useClickOutside.useClickOutside;
|
|
449
453
|
exports.useDebounce = useDebounce.useDebounce;
|
|
450
454
|
exports.useDropdown = useDropdown.useDropdown;
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -88,6 +88,8 @@ export { FlexRow } from './components/Flex/FlexRow/FlexRow.js';
|
|
|
88
88
|
export { PhoneInput } from './components/PhoneInput/index.js';
|
|
89
89
|
export { ChannelMark } from './components/ChannelMark/ChannelMark.js';
|
|
90
90
|
export { ChannelTypeMap } from './components/ChannelMark/constants.js';
|
|
91
|
+
export { CarrierMark } from './components/CarrierMark/CarrierMark.js';
|
|
92
|
+
export { CarrierTypeMap } from './components/CarrierMark/constants.js';
|
|
91
93
|
export { useClickOutside } from './hooks/useClickOutside.js';
|
|
92
94
|
export { useDebounce } from './hooks/useDebounce.js';
|
|
93
95
|
export { useDropdown } from './hooks/useDropdown.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|