@veeqo/ui 13.2.6 → 13.2.7
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
+
var index = require('../../theme/index.cjs');
|
|
4
5
|
var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
5
6
|
require('uid/secure');
|
|
6
7
|
var assignCssVars = require('../../utils/assignCssVars.cjs');
|
|
@@ -12,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
13
|
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
15
|
|
|
15
|
-
const Tag = ({ className, backgroundColor, textColor, children, label, compact = false, leftIconSlot, rightIconSlot, ...otherProps }) => (React__default.default.createElement(FlexRow.FlexRow, { flexWrap: "nowrap", justifyContent: "center", gap: "xs", className: buildClassnames.buildClassnames([Tag_module.tag, compact && Tag_module.compact, className]), style: { ...assignCssVars.assignCssVars({ customTextColor: textColor }), backgroundColor }, ...otherProps },
|
|
16
|
+
const Tag = ({ className, backgroundColor = index.theme.colors.neutral.grey.base, textColor, children, label, compact = false, leftIconSlot, rightIconSlot, ...otherProps }) => (React__default.default.createElement(FlexRow.FlexRow, { flexWrap: "nowrap", justifyContent: "center", gap: "xs", className: buildClassnames.buildClassnames([Tag_module.tag, compact && Tag_module.compact, className]), style: { ...assignCssVars.assignCssVars({ customTextColor: textColor }), backgroundColor }, ...otherProps },
|
|
16
17
|
leftIconSlot,
|
|
17
18
|
children || React__default.default.createElement(Text.Text, { variant: "body" }, label),
|
|
18
19
|
rightIconSlot));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n backgroundColor?: string;\n textColor?: string;\n label?: string;\n compact?: boolean;\n leftIconSlot?: React.ReactNode;\n rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n className,\n backgroundColor,\n textColor,\n children,\n label,\n compact = false,\n leftIconSlot,\n rightIconSlot,\n ...otherProps\n}: TagProps) => (\n <FlexRow\n flexWrap=\"nowrap\"\n justifyContent=\"center\"\n gap=\"xs\"\n className={buildClassnames([styles.tag, compact && styles.compact, className])}\n style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n {...otherProps}\n >\n {leftIconSlot}\n {children || <Text variant=\"body\">{label}</Text>}\n {rightIconSlot}\n </FlexRow>\n);\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","Text"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n backgroundColor?: string;\n textColor?: string;\n label?: string;\n compact?: boolean;\n leftIconSlot?: React.ReactNode;\n rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n className,\n backgroundColor = theme.colors.neutral.grey.base,\n textColor,\n children,\n label,\n compact = false,\n leftIconSlot,\n rightIconSlot,\n ...otherProps\n}: TagProps) => (\n <FlexRow\n flexWrap=\"nowrap\"\n justifyContent=\"center\"\n gap=\"xs\"\n className={buildClassnames([styles.tag, compact && styles.compact, className])}\n style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n {...otherProps}\n >\n {leftIconSlot}\n {children || <Text variant=\"body\">{label}</Text>}\n {rightIconSlot}\n </FlexRow>\n);\n"],"names":["theme","React","FlexRow","buildClassnames","styles","assignCssVars","Text"],"mappings":";;;;;;;;;;;;;;;AAmBa,MAAA,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTC,sBAAA,CAAA,aAAA,CAACC,eAAO,EACN,EAAA,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,UAAM,CAAC,GAAG,EAAE,OAAO,IAAIA,UAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIJ,qCAACK,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAE,EAAA,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
+
import { theme } from '../../theme/index.js';
|
|
2
3
|
import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
3
4
|
import 'uid/secure';
|
|
4
5
|
import { assignCssVars } from '../../utils/assignCssVars.js';
|
|
@@ -6,7 +7,7 @@ import { FlexRow } from '../Flex/FlexRow/FlexRow.js';
|
|
|
6
7
|
import { Text } from '../Text/Text.js';
|
|
7
8
|
import styles from './Tag.module.scss.js';
|
|
8
9
|
|
|
9
|
-
const Tag = ({ className, backgroundColor, textColor, children, label, compact = false, leftIconSlot, rightIconSlot, ...otherProps }) => (React__default.createElement(FlexRow, { flexWrap: "nowrap", justifyContent: "center", gap: "xs", className: buildClassnames([styles.tag, compact && styles.compact, className]), style: { ...assignCssVars({ customTextColor: textColor }), backgroundColor }, ...otherProps },
|
|
10
|
+
const Tag = ({ className, backgroundColor = theme.colors.neutral.grey.base, textColor, children, label, compact = false, leftIconSlot, rightIconSlot, ...otherProps }) => (React__default.createElement(FlexRow, { flexWrap: "nowrap", justifyContent: "center", gap: "xs", className: buildClassnames([styles.tag, compact && styles.compact, className]), style: { ...assignCssVars({ customTextColor: textColor }), backgroundColor }, ...otherProps },
|
|
10
11
|
leftIconSlot,
|
|
11
12
|
children || React__default.createElement(Text, { variant: "body" }, label),
|
|
12
13
|
rightIconSlot));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n backgroundColor?: string;\n textColor?: string;\n label?: string;\n compact?: boolean;\n leftIconSlot?: React.ReactNode;\n rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n className,\n backgroundColor,\n textColor,\n children,\n label,\n compact = false,\n leftIconSlot,\n rightIconSlot,\n ...otherProps\n}: TagProps) => (\n <FlexRow\n flexWrap=\"nowrap\"\n justifyContent=\"center\"\n gap=\"xs\"\n className={buildClassnames([styles.tag, compact && styles.compact, className])}\n style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n {...otherProps}\n >\n {leftIconSlot}\n {children || <Text variant=\"body\">{label}</Text>}\n {rightIconSlot}\n </FlexRow>\n);\n"],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n backgroundColor?: string;\n textColor?: string;\n label?: string;\n compact?: boolean;\n leftIconSlot?: React.ReactNode;\n rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n className,\n backgroundColor = theme.colors.neutral.grey.base,\n textColor,\n children,\n label,\n compact = false,\n leftIconSlot,\n rightIconSlot,\n ...otherProps\n}: TagProps) => (\n <FlexRow\n flexWrap=\"nowrap\"\n justifyContent=\"center\"\n gap=\"xs\"\n className={buildClassnames([styles.tag, compact && styles.compact, className])}\n style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n {...otherProps}\n >\n {leftIconSlot}\n {children || <Text variant=\"body\">{label}</Text>}\n {rightIconSlot}\n </FlexRow>\n);\n"],"names":["React"],"mappings":";;;;;;;;;AAmBa,MAAA,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTA,cAAA,CAAA,aAAA,CAAC,OAAO,EACN,EAAA,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAE,EAAA,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}
|