@veeqo/ui 13.15.2 → 13.15.3-beta-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/Avatar/Avatar.cjs +2 -2
- package/dist/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Mark/Mark.cjs +2 -2
- package/dist/components/Mark/Mark.cjs.map +1 -1
- package/dist/components/Mark/Mark.js +2 -2
- package/dist/components/Mark/Mark.js.map +1 -1
- package/dist/icons/custom/components/{CriticalIcon.cjs → CriticalFillIcon.cjs} +10 -3
- package/dist/icons/custom/components/CriticalFillIcon.cjs.map +1 -0
- package/dist/icons/custom/components/CriticalFillIcon.d.ts +10 -0
- package/dist/icons/custom/components/CriticalFillIcon.js +15 -0
- package/dist/icons/custom/components/CriticalFillIcon.js.map +1 -0
- package/dist/icons/custom/components/PopupBlockerIcon.cjs +15 -0
- package/dist/icons/custom/components/PopupBlockerIcon.cjs.map +1 -0
- package/dist/icons/custom/components/PopupBlockerIcon.d.ts +3 -0
- package/dist/icons/custom/components/PopupBlockerIcon.js +9 -0
- package/dist/icons/custom/components/PopupBlockerIcon.js.map +1 -0
- package/dist/icons/custom/index.d.ts +2 -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
- package/dist/icons/custom/components/ArrowDownIcon.d.ts +0 -3
- package/dist/icons/custom/components/ArrowUpIcon.d.ts +0 -3
- package/dist/icons/custom/components/AttentionIcon.d.ts +0 -3
- package/dist/icons/custom/components/CalendarIcon.d.ts +0 -3
- package/dist/icons/custom/components/ClipboardIcon.d.ts +0 -3
- package/dist/icons/custom/components/CreditCardIcon.d.ts +0 -3
- package/dist/icons/custom/components/CriticalIcon.cjs.map +0 -1
- package/dist/icons/custom/components/CriticalIcon.d.ts +0 -3
- package/dist/icons/custom/components/CriticalIcon.js +0 -8
- package/dist/icons/custom/components/CriticalIcon.js.map +0 -1
- package/dist/icons/custom/components/CrossIcon.d.ts +0 -3
- package/dist/icons/custom/components/DomesticIcon.d.ts +0 -4
- package/dist/icons/custom/components/DoubleArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/DownArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/DragIndicatorIcon.d.ts +0 -3
- package/dist/icons/custom/components/EditIcon.d.ts +0 -3
- package/dist/icons/custom/components/EndArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/FailIcon.d.ts +0 -3
- package/dist/icons/custom/components/HelpIcon.d.ts +0 -3
- package/dist/icons/custom/components/InfoIcon.d.ts +0 -3
- package/dist/icons/custom/components/LaunchIcon.d.ts +0 -3
- package/dist/icons/custom/components/LeftArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/MergeIcon.d.ts +0 -3
- package/dist/icons/custom/components/MinusIcon.d.ts +0 -3
- package/dist/icons/custom/components/ReorderIcon.d.ts +0 -3
- package/dist/icons/custom/components/RightArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/SearchIcon.d.ts +0 -3
- package/dist/icons/custom/components/StartArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/SuccessIcon.d.ts +0 -3
- package/dist/icons/custom/components/UpArrowIcon.d.ts +0 -3
- package/dist/icons/custom/components/VisibilityIcon.d.ts +0 -3
- package/dist/icons/custom/components/VisibilityOffIcon.d.ts +0 -3
- package/dist/icons/custom/components/WarningIcon.d.ts +0 -3
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
+
var CriticalFillIcon = require('../../icons/custom/components/CriticalFillIcon.cjs');
|
|
4
5
|
var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
5
6
|
require('uid/secure');
|
|
6
7
|
var assignCssVars = require('../../utils/assignCssVars.cjs');
|
|
7
|
-
var CriticalIcon = require('../../icons/custom/components/CriticalIcon.cjs');
|
|
8
8
|
var index = require('../../theme/index.cjs');
|
|
9
9
|
var Avatar_module = require('./Avatar.module.scss.cjs');
|
|
10
10
|
var Text = require('../Text/Text.cjs');
|
|
@@ -32,7 +32,7 @@ const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, has
|
|
|
32
32
|
avatarTextColor: textColor,
|
|
33
33
|
}),
|
|
34
34
|
}, "aria-label": ariaLabel },
|
|
35
|
-
hasIndicator && (React__default.default.createElement(
|
|
35
|
+
hasIndicator && (React__default.default.createElement(CriticalFillIcon.CriticalFillIcon, { className: Avatar_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
|
|
36
36
|
imageUrl && React__default.default.createElement("img", { src: imageUrl, alt: name, className: Avatar_module.avatarImage }),
|
|
37
37
|
!!iconSlot && iconSlot,
|
|
38
38
|
!imageUrl && !iconSlot && (React__default.default.createElement(Text.Text, { variant: textVariant, className: Avatar_module.avatarText }, !hasLetters ? name === null || name === undefined ? undefined : name.toUpperCase() : (_b = (_a = name === null || name === undefined ? undefined : name.toUpperCase()) === null || _a === undefined ? undefined : _a.match(/\b\w/g)) === null || _b === undefined ? undefined : _b.slice(0, 2)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n md: 'bodySmallBold',\n lg: 'bodySmallBold',\n xl: 'headingSmall',\n xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n size = 'lg',\n name,\n bgColor,\n textColor,\n iconSlot,\n imageUrl,\n hasIndicator = false,\n ariaLabel = `Avatar of ${name}`,\n className,\n style,\n}: AvatarProps) => {\n const textVariant = textVariantMapping[size];\n\n // Check if name contains any letters if so we show initials from text.\n const hasLetters = /[a-zA-Z]/.test(name || '');\n\n return (\n <FlexRow\n justifyContent=\"center\"\n className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n style={\n {\n ...style,\n ...assignCssVars({\n avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n avatarTextColor: textColor,\n }),\n } as React.CSSProperties\n }\n aria-label={ariaLabel}\n >\n {hasIndicator && (\n <CriticalFillIcon\n className={styles.indicatorIcon}\n color={theme.colors.secondary.red.base}\n fill={theme.colors.neutral.grey.lightest}\n role=\"status\"\n aria-live=\"polite\"\n aria-label=\"Avatar has an error\"\n />\n )}\n {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n {!!iconSlot && iconSlot}\n {!imageUrl && !iconSlot && (\n <Text variant={textVariant} className={styles.avatarText}>\n {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n </Text>\n )}\n </FlexRow>\n );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalFillIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,iCAAgB,EACf,EAAA,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAC,CAAA,aAAA,CAAAO,SAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
+
import { CriticalFillIcon } from '../../icons/custom/components/CriticalFillIcon.js';
|
|
2
3
|
import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
3
4
|
import 'uid/secure';
|
|
4
5
|
import { assignCssVars } from '../../utils/assignCssVars.js';
|
|
5
|
-
import { CriticalIcon } from '../../icons/custom/components/CriticalIcon.js';
|
|
6
6
|
import { theme } from '../../theme/index.js';
|
|
7
7
|
import styles from './Avatar.module.scss.js';
|
|
8
8
|
import { Text } from '../Text/Text.js';
|
|
@@ -26,7 +26,7 @@ const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, has
|
|
|
26
26
|
avatarTextColor: textColor,
|
|
27
27
|
}),
|
|
28
28
|
}, "aria-label": ariaLabel },
|
|
29
|
-
hasIndicator && (React__default.createElement(
|
|
29
|
+
hasIndicator && (React__default.createElement(CriticalFillIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": "Avatar has an error" })),
|
|
30
30
|
imageUrl && React__default.createElement("img", { src: imageUrl, alt: name, className: styles.avatarImage }),
|
|
31
31
|
!!iconSlot && iconSlot,
|
|
32
32
|
!imageUrl && !iconSlot && (React__default.createElement(Text, { variant: textVariant, className: styles.avatarText }, !hasLetters ? name === null || name === undefined ? undefined : name.toUpperCase() : (_b = (_a = name === null || name === undefined ? undefined : name.toUpperCase()) === null || _a === undefined ? undefined : _a.match(/\b\w/g)) === null || _b === undefined ? undefined : _b.slice(0, 2)))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n md: 'bodySmallBold',\n lg: 'bodySmallBold',\n xl: 'headingSmall',\n xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n size = 'lg',\n name,\n bgColor,\n textColor,\n iconSlot,\n imageUrl,\n hasIndicator = false,\n ariaLabel = `Avatar of ${name}`,\n className,\n style,\n}: AvatarProps) => {\n const textVariant = textVariantMapping[size];\n\n // Check if name contains any letters if so we show initials from text.\n const hasLetters = /[a-zA-Z]/.test(name || '');\n\n return (\n <FlexRow\n justifyContent=\"center\"\n className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n style={\n {\n ...style,\n ...assignCssVars({\n avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n avatarTextColor: textColor,\n }),\n } as React.CSSProperties\n }\n aria-label={ariaLabel}\n >\n {hasIndicator && (\n <CriticalFillIcon\n className={styles.indicatorIcon}\n color={theme.colors.secondary.red.base}\n fill={theme.colors.neutral.grey.lightest}\n role=\"status\"\n aria-live=\"polite\"\n aria-label=\"Avatar has an error\"\n />\n )}\n {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n {!!iconSlot && iconSlot}\n {!imageUrl && !iconSlot && (\n <Text variant={textVariant} className={styles.avatarText}>\n {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n </Text>\n )}\n </FlexRow>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACP,YAAA,EAAA,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EACrD,EAAA,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,SAAA,GAAA,SAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,SAAA,GAAA,SAAA,GAAA,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var
|
|
4
|
+
var CriticalFillIcon = require('../../icons/custom/components/CriticalFillIcon.cjs');
|
|
5
5
|
var index = require('../../theme/index.cjs');
|
|
6
6
|
var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
7
7
|
require('uid/secure');
|
|
@@ -21,7 +21,7 @@ const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, i
|
|
|
21
21
|
variant === 'transparent' && Mark_module.transparentBackground,
|
|
22
22
|
className,
|
|
23
23
|
]), ...otherProps },
|
|
24
|
-
hasError && (React__default.default.createElement(
|
|
24
|
+
hasError && (React__default.default.createElement(CriticalFillIcon.CriticalFillIcon, { className: Mark_module.indicatorIcon, color: index.theme.colors.secondary.red.base, fill: index.theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} ${integrationType} has an error` })),
|
|
25
25
|
React__default.default.createElement("img", { src: integrationMarkUrl, alt: "", width: imageSize, height: imageSize })));
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mark.cjs","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Mark.cjs","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\nimport { getImageSize } from './utils';\n\nexport const Mark = ({\n typeCode,\n variant = 'white',\n size = 'lg',\n hasError,\n className,\n integrationMarkUrl,\n integrationType,\n ...otherProps\n}: MarkProps) => {\n const imageSize = getImageSize(size);\n\n return (\n <FlexRow\n justifyContent=\"center\"\n className={buildClassnames([\n styles.mark,\n styles[`${size}-size`],\n variant === 'transparent' && styles.transparentBackground,\n className,\n ])}\n {...otherProps}\n >\n {hasError && (\n <CriticalFillIcon\n className={styles.indicatorIcon}\n color={theme.colors.secondary.red.base}\n fill={theme.colors.neutral.grey.lightest}\n role=\"status\"\n aria-live=\"polite\"\n aria-label={`${typeCode} ${integrationType} has an error`}\n />\n )}\n <img src={integrationMarkUrl} alt=\"\" width={imageSize} height={imageSize} />\n </FlexRow>\n );\n};\n"],"names":["getImageSize","React","FlexRow","buildClassnames","styles","CriticalFillIcon","theme"],"mappings":";;;;;;;;;;;;;;;AAUO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,UAAU,EACH,KAAI;AACd,IAAA,MAAM,SAAS,GAAGA,kBAAY,CAAC,IAAI,CAAC;IAEpC,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC;AACzB,YAAAC,WAAM,CAAC,IAAI;AACX,YAAAA,WAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAIA,WAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPH,sBAAC,CAAA,aAAA,CAAAI,iCAAgB,IACf,SAAS,EAAED,WAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACN,YAAA,EAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,eAAe,CAAe,aAAA,CAAA,EAAA,CACzD,CACH;AACD,QAAAL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAI,CAAA,CACpE;AAEd;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { CriticalFillIcon } from '../../icons/custom/components/CriticalFillIcon.js';
|
|
3
3
|
import { theme } from '../../theme/index.js';
|
|
4
4
|
import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
5
5
|
import 'uid/secure';
|
|
@@ -15,7 +15,7 @@ const Mark = ({ typeCode, variant = 'white', size = 'lg', hasError, className, i
|
|
|
15
15
|
variant === 'transparent' && styles.transparentBackground,
|
|
16
16
|
className,
|
|
17
17
|
]), ...otherProps },
|
|
18
|
-
hasError && (React__default.createElement(
|
|
18
|
+
hasError && (React__default.createElement(CriticalFillIcon, { className: styles.indicatorIcon, color: theme.colors.secondary.red.base, fill: theme.colors.neutral.grey.lightest, role: "status", "aria-live": "polite", "aria-label": `${typeCode} ${integrationType} has an error` })),
|
|
19
19
|
React__default.createElement("img", { src: integrationMarkUrl, alt: "", width: imageSize, height: imageSize })));
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Mark.js","sources":["../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\n\nimport styles from './Mark.module.scss';\nimport { MarkProps } from './types';\nimport { getImageSize } from './utils';\n\nexport const Mark = ({\n typeCode,\n variant = 'white',\n size = 'lg',\n hasError,\n className,\n integrationMarkUrl,\n integrationType,\n ...otherProps\n}: MarkProps) => {\n const imageSize = getImageSize(size);\n\n return (\n <FlexRow\n justifyContent=\"center\"\n className={buildClassnames([\n styles.mark,\n styles[`${size}-size`],\n variant === 'transparent' && styles.transparentBackground,\n className,\n ])}\n {...otherProps}\n >\n {hasError && (\n <CriticalFillIcon\n className={styles.indicatorIcon}\n color={theme.colors.secondary.red.base}\n fill={theme.colors.neutral.grey.lightest}\n role=\"status\"\n aria-live=\"polite\"\n aria-label={`${typeCode} ${integrationType} has an error`}\n />\n )}\n <img src={integrationMarkUrl} alt=\"\" width={imageSize} height={imageSize} />\n </FlexRow>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAUO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,UAAU,EACH,KAAI;AACd,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAEpC,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,IAAI;AACX,YAAA,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC;AACtB,YAAA,OAAO,KAAK,aAAa,IAAI,MAAM,CAAC,qBAAqB;YACzD,SAAS;AACV,SAAA,CAAC,KACE,UAAU,EAAA;QAEb,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EACN,YAAA,EAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,eAAe,CAAe,aAAA,CAAA,EAAA,CACzD,CACH;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAI,CAAA,CACpE;AAEd;;;;"}
|
|
@@ -6,9 +6,16 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
6
6
|
|
|
7
7
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Custom CriticalFillIcon with dual-color support for the critical/warning state
|
|
11
|
+
*
|
|
12
|
+
* Custom implementation needed for Avatar & Mark components that require
|
|
13
|
+
* independent color control: `fill` prop controls the inner exclamation mark,
|
|
14
|
+
* `currentColor` controls the outer circle.
|
|
15
|
+
*/
|
|
16
|
+
const CriticalFillIcon = ({ fill, ...props }) => (React__default.default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
10
17
|
React__default.default.createElement("circle", { cx: 8, cy: 8, r: 6, fill: fill }),
|
|
11
18
|
React__default.default.createElement("path", { d: "M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z", fill: "currentColor" })));
|
|
12
19
|
|
|
13
|
-
exports.
|
|
14
|
-
//# sourceMappingURL=
|
|
20
|
+
exports.CriticalFillIcon = CriticalFillIcon;
|
|
21
|
+
//# sourceMappingURL=CriticalFillIcon.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CriticalFillIcon.cjs","sources":["../../../../src/icons/custom/components/CriticalFillIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\n/**\n * Custom CriticalFillIcon with dual-color support for the critical/warning state\n *\n * Custom implementation needed for Avatar & Mark components that require\n * independent color control: `fill` prop controls the inner exclamation mark,\n * `currentColor` controls the outer circle.\n */\nexport const CriticalFillIcon = ({ fill, ...props }: IconComponentProps) => (\n <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <circle cx={8} cy={8} r={6} fill={fill} />\n <path\n d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGA;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACrEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconComponentProps } from 'src/icons/types';
|
|
3
|
+
/**
|
|
4
|
+
* Custom CriticalFillIcon with dual-color support for the critical/warning state
|
|
5
|
+
*
|
|
6
|
+
* Custom implementation needed for Avatar & Mark components that require
|
|
7
|
+
* independent color control: `fill` prop controls the inner exclamation mark,
|
|
8
|
+
* `currentColor` controls the outer circle.
|
|
9
|
+
*/
|
|
10
|
+
export declare const CriticalFillIcon: ({ fill, ...props }: IconComponentProps) => React.JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Custom CriticalFillIcon with dual-color support for the critical/warning state
|
|
5
|
+
*
|
|
6
|
+
* Custom implementation needed for Avatar & Mark components that require
|
|
7
|
+
* independent color control: `fill` prop controls the inner exclamation mark,
|
|
8
|
+
* `currentColor` controls the outer circle.
|
|
9
|
+
*/
|
|
10
|
+
const CriticalFillIcon = ({ fill, ...props }) => (React__default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
11
|
+
React__default.createElement("circle", { cx: 8, cy: 8, r: 6, fill: fill }),
|
|
12
|
+
React__default.createElement("path", { d: "M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z", fill: "currentColor" })));
|
|
13
|
+
|
|
14
|
+
export { CriticalFillIcon };
|
|
15
|
+
//# sourceMappingURL=CriticalFillIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CriticalFillIcon.js","sources":["../../../../src/icons/custom/components/CriticalFillIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\n/**\n * Custom CriticalFillIcon with dual-color support for the critical/warning state\n *\n * Custom implementation needed for Avatar & Mark components that require\n * independent color control: `fill` prop controls the inner exclamation mark,\n * `currentColor` controls the outer circle.\n */\nexport const CriticalFillIcon = ({ fill, ...props }: IconComponentProps) => (\n <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <circle cx={8} cy={8} r={6} fill={fill} />\n <path\n d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;AAGA;;;;;;AAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACrEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
6
|
+
|
|
7
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
8
|
+
|
|
9
|
+
const PopupBlockerIcon = (props) => (React__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props },
|
|
10
|
+
React__default.default.createElement("path", { fill: "currentColor", d: "M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z" }),
|
|
11
|
+
React__default.default.createElement("path", { fill: "#eb5757", d: "M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z" }),
|
|
12
|
+
React__default.default.createElement("path", { fill: "#fff", d: "m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z" })));
|
|
13
|
+
|
|
14
|
+
exports.PopupBlockerIcon = PopupBlockerIcon;
|
|
15
|
+
//# sourceMappingURL=PopupBlockerIcon.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopupBlockerIcon.cjs","sources":["../../../../src/icons/custom/components/PopupBlockerIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const PopupBlockerIcon = (props: IconComponentProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" {...props}>\n <path\n fill=\"currentColor\"\n d=\"M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z\"\n />\n <path\n fill=\"#eb5757\"\n d=\"M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z\"\n />\n <path\n fill=\"#fff\"\n d=\"m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;MAGa,gBAAgB,GAAG,CAAC,KAAyB,MACxDA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,EACjQ,CAAA;AACF,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,iOAAiO,EACnO,CAAA;IACFA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,qIAAqI,EAAA,CACvI,CACE;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
const PopupBlockerIcon = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props },
|
|
4
|
+
React__default.createElement("path", { fill: "currentColor", d: "M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z" }),
|
|
5
|
+
React__default.createElement("path", { fill: "#eb5757", d: "M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z" }),
|
|
6
|
+
React__default.createElement("path", { fill: "#fff", d: "m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z" })));
|
|
7
|
+
|
|
8
|
+
export { PopupBlockerIcon };
|
|
9
|
+
//# sourceMappingURL=PopupBlockerIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopupBlockerIcon.js","sources":["../../../../src/icons/custom/components/PopupBlockerIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const PopupBlockerIcon = (props: IconComponentProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" {...props}>\n <path\n fill=\"currentColor\"\n d=\"M18.463 4.664H3.693a1.837 1.837 0 0 0-1.836 1.833l-.01 11c0 1.009.831 1.834 1.847 1.834h14.769a1.845 1.845 0 0 0 1.846-1.834v-11c0-1.008-.83-1.833-1.846-1.833m-4.615 12.833H3.694v-3.666h10.154zm0-4.583H3.694V9.247h10.154zm4.615 4.583h-3.692v-8.25h3.692z\"\n />\n <path\n fill=\"#eb5757\"\n d=\"M14.77 14c0-.53.194-1.04.54-1.414A1.78 1.78 0 0 1 16.616 12h5.538c.49 0 .96.21 1.306.586.346.375.54.884.54 1.414v6c0 .53-.194 1.04-.54 1.414a1.78 1.78 0 0 1-1.306.586h-5.538c-.49 0-.96-.21-1.306-.586A2.1 2.1 0 0 1 14.77 20z\"\n />\n <path\n fill=\"#fff\"\n d=\"m22.079 14.716-.582-.63-2.303 2.496-2.304-2.496-.581.63 2.304 2.495-2.303 2.496.581.63 2.303-2.496 2.303 2.495.582-.63-2.304-2.495z\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;MAGa,gBAAgB,GAAG,CAAC,KAAyB,MACxDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+PAA+P,EACjQ,CAAA;AACF,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,iOAAiO,EACnO,CAAA;IACFA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EACX,CAAC,EAAC,qIAAqI,EAAA,CACvI,CACE;;;;"}
|
|
@@ -12,3 +12,5 @@ export { PlusIcon } from './components/PlusIcon';
|
|
|
12
12
|
export { RecommendIcon } from './components/RecommendIcon';
|
|
13
13
|
export { ThreeDotsIcon } from './components/ThreeDotsIcon';
|
|
14
14
|
export { DocumentIcon } from './components/DocumentIcon';
|
|
15
|
+
export { CriticalFillIcon } from './components/CriticalFillIcon';
|
|
16
|
+
export { PopupBlockerIcon } from './components/PopupBlockerIcon';
|
package/dist/index.cjs
CHANGED
|
@@ -318,6 +318,8 @@ var PlusIcon = require('./icons/custom/components/PlusIcon.cjs');
|
|
|
318
318
|
var RecommendIcon = require('./icons/custom/components/RecommendIcon.cjs');
|
|
319
319
|
var ThreeDotsIcon = require('./icons/custom/components/ThreeDotsIcon.cjs');
|
|
320
320
|
var DocumentIcon = require('./icons/custom/components/DocumentIcon.cjs');
|
|
321
|
+
var CriticalFillIcon = require('./icons/custom/components/CriticalFillIcon.cjs');
|
|
322
|
+
var PopupBlockerIcon = require('./icons/custom/components/PopupBlockerIcon.cjs');
|
|
321
323
|
var AmazonLogoFull = require('./logos/components/AmazonLogoFull.cjs');
|
|
322
324
|
var BigCommerceLogoFull = require('./logos/components/BigCommerceLogoFull.cjs');
|
|
323
325
|
var CDiscountLogoFull = require('./logos/components/CDiscountLogoFull.cjs');
|
|
@@ -678,6 +680,8 @@ exports.PlusIcon = PlusIcon.PlusIcon;
|
|
|
678
680
|
exports.RecommendIcon = RecommendIcon.RecommendIcon;
|
|
679
681
|
exports.ThreeDotsIcon = ThreeDotsIcon.ThreeDotsIcon;
|
|
680
682
|
exports.DocumentIcon = DocumentIcon.DocumentIcon;
|
|
683
|
+
exports.CriticalFillIcon = CriticalFillIcon.CriticalFillIcon;
|
|
684
|
+
exports.PopupBlockerIcon = PopupBlockerIcon.PopupBlockerIcon;
|
|
681
685
|
exports.AmazonLogoFull = AmazonLogoFull.ReactComponent;
|
|
682
686
|
exports.BigCommerceLogoFull = BigCommerceLogoFull.ReactComponent;
|
|
683
687
|
exports.CDiscountLogoFull = CDiscountLogoFull.ReactComponent;
|
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
|
@@ -316,6 +316,8 @@ export { PlusIcon } from './icons/custom/components/PlusIcon.js';
|
|
|
316
316
|
export { RecommendIcon } from './icons/custom/components/RecommendIcon.js';
|
|
317
317
|
export { ThreeDotsIcon } from './icons/custom/components/ThreeDotsIcon.js';
|
|
318
318
|
export { DocumentIcon } from './icons/custom/components/DocumentIcon.js';
|
|
319
|
+
export { CriticalFillIcon } from './icons/custom/components/CriticalFillIcon.js';
|
|
320
|
+
export { PopupBlockerIcon } from './icons/custom/components/PopupBlockerIcon.js';
|
|
319
321
|
export { ReactComponent as AmazonLogoFull } from './logos/components/AmazonLogoFull.js';
|
|
320
322
|
export { ReactComponent as BigCommerceLogoFull } from './logos/components/BigCommerceLogoFull.js';
|
|
321
323
|
export { ReactComponent as CDiscountLogoFull } from './logos/components/CDiscountLogoFull.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CriticalIcon.cjs","sources":["../../../../src/icons/custom/components/CriticalIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CriticalIcon = ({ fill, ...props }: IconComponentProps) => (\n <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <circle cx={8} cy={8} r={6} fill={fill} />\n <path\n d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACjEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
|
|
3
|
-
const CriticalIcon = ({ fill, ...props }) => (React__default.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
4
|
-
React__default.createElement("circle", { cx: 8, cy: 8, r: 6, fill: fill }),
|
|
5
|
-
React__default.createElement("path", { d: "M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z", fill: "currentColor" })));
|
|
6
|
-
|
|
7
|
-
export { CriticalIcon };
|
|
8
|
-
//# sourceMappingURL=CriticalIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CriticalIcon.js","sources":["../../../../src/icons/custom/components/CriticalIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CriticalIcon = ({ fill, ...props }: IconComponentProps) => (\n <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <circle cx={8} cy={8} r={6} fill={fill} />\n <path\n d=\"M8 1.33334C4.32 1.33334 1.33334 4.32001 1.33334 8.00001C1.33334 11.68 4.32 14.6667 8 14.6667C11.68 14.6667 14.6667 11.68 14.6667 8.00001C14.6667 4.32001 11.68 1.33334 8 1.33334ZM8.66667 11.3333H7.33334V10H8.66667V11.3333ZM8.66667 8.66668H7.33334V4.66668H8.66667V8.66668Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,MACjEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA;AAC/E,IAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;IAC1CA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gRAAgR,EAClR,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;"}
|