@semcore/tag 3.5.4 → 3.6.0
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/CHANGELOG.md +6 -0
- package/lib/cjs/Tag.js +2 -4
- package/lib/cjs/Tag.js.map +1 -1
- package/lib/es6/Tag.js +2 -3
- package/lib/es6/Tag.js.map +1 -1
- package/package.json +2 -2
- package/src/Tag.js +2 -9
package/CHANGELOG.md
CHANGED
package/lib/cjs/Tag.js
CHANGED
|
@@ -31,9 +31,7 @@ var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
|
|
|
31
31
|
|
|
32
32
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
33
33
|
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
var _xxs = _interopRequireDefault(require("@semcore/icon/lib/Close/xxs"));
|
|
34
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
37
35
|
|
|
38
36
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
39
37
|
|
|
@@ -180,7 +178,7 @@ function Close(props) {
|
|
|
180
178
|
size = props.size;
|
|
181
179
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", _objectSpread({}, (0, _core.assignProps)({
|
|
182
180
|
"use:theme": getThemeName(use, theme),
|
|
183
|
-
"tag":
|
|
181
|
+
"tag": _m["default"]
|
|
184
182
|
}, _ref3))));
|
|
185
183
|
}
|
|
186
184
|
|
package/lib/cjs/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tag.js"],"names":["isCustomTheme","use","theme","type","primary","secondary","includes","getThemeName","RootTag","asProps","size","STag","Box","Children","styles","color","interactive","disabled","addonLeft","addonRight","useTheme","colorTag","colorText","Tag","Text","Addon","Component","style","props","SText","Close","SClose","
|
|
1
|
+
{"version":3,"sources":["../../src/Tag.js"],"names":["isCustomTheme","use","theme","type","primary","secondary","includes","getThemeName","RootTag","asProps","size","STag","Box","Children","styles","color","interactive","disabled","addonLeft","addonRight","useTheme","colorTag","colorText","Tag","Text","Addon","Component","style","props","SText","Close","SClose","CloseM","SAddon","Circle","SCircle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity } from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport CloseM from '@semcore/icon/Close/m';\n\nimport style from './style/tag.shadow.css';\n\nfunction isCustomTheme(use, theme) {\n const type = {\n primary: ['muted', 'invert', 'warning'],\n secondary: ['muted', 'invert'],\n };\n return type[use] ? !type[use].includes(theme) : true;\n}\n\nfunction getThemeName(use, theme) {\n return isCustomTheme(use, theme) ? 'custom' : `${use}-${theme}`;\n}\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n theme: 'muted',\n size: 'm',\n };\n\n getCloseProps() {\n const { use, theme, size } = this.asProps;\n return { use, theme, size };\n }\n\n render() {\n const STag = Root;\n let {\n Children,\n styles,\n theme,\n use,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n } = this.asProps;\n\n if (disabled) {\n interactive = false;\n }\n\n const useTheme = getThemeName(use, theme);\n const colorTag = theme ? opacity(resolveColor(theme), 0.5) : '';\n const colorText = color ? resolveColor(color) : resolveColor(theme);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:theme={useTheme}\n use:interactive={interactive}\n colorText={colorText}\n colorTag={colorTag}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, use, theme, size } = props;\n\n return sstyled(styles)(<SClose render={Box} use:theme={getThemeName(use, theme)} tag={CloseM} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag=\"span\" />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"file":"Tag.js"}
|
package/lib/es6/Tag.js
CHANGED
|
@@ -24,8 +24,7 @@ import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
|
24
24
|
import { Box } from '@semcore/flex-box';
|
|
25
25
|
import resolveColor, { opacity } from '@semcore/utils/lib/color';
|
|
26
26
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
27
|
-
import
|
|
28
|
-
import CloseXXS from '@semcore/icon/lib/Close/xxs';
|
|
27
|
+
import CloseM from '@semcore/icon/Close/m';
|
|
29
28
|
|
|
30
29
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
31
30
|
var style = (
|
|
@@ -168,7 +167,7 @@ function Close(props) {
|
|
|
168
167
|
size = props.size;
|
|
169
168
|
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps3({
|
|
170
169
|
"use:theme": getThemeName(use, theme),
|
|
171
|
-
"tag":
|
|
170
|
+
"tag": CloseM
|
|
172
171
|
}, _ref3))));
|
|
173
172
|
}
|
|
174
173
|
|
package/lib/es6/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tag.js"],"names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","addonTextChildren","
|
|
1
|
+
{"version":3,"sources":["../../src/Tag.js"],"names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","addonTextChildren","CloseM","isCustomTheme","use","theme","type","primary","secondary","includes","getThemeName","RootTag","asProps","size","STag","Children","styles","color","interactive","disabled","addonLeft","addonRight","useTheme","colorTag","colorText","Tag","Text","Addon","style","props","SText","Close","SClose","SAddon","Circle","SCircle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity } from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport CloseM from '@semcore/icon/Close/m';\n\nimport style from './style/tag.shadow.css';\n\nfunction isCustomTheme(use, theme) {\n const type = {\n primary: ['muted', 'invert', 'warning'],\n secondary: ['muted', 'invert'],\n };\n return type[use] ? !type[use].includes(theme) : true;\n}\n\nfunction getThemeName(use, theme) {\n return isCustomTheme(use, theme) ? 'custom' : `${use}-${theme}`;\n}\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n theme: 'muted',\n size: 'm',\n };\n\n getCloseProps() {\n const { use, theme, size } = this.asProps;\n return { use, theme, size };\n }\n\n render() {\n const STag = Root;\n let {\n Children,\n styles,\n theme,\n use,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n } = this.asProps;\n\n if (disabled) {\n interactive = false;\n }\n\n const useTheme = getThemeName(use, theme);\n const colorTag = theme ? opacity(resolveColor(theme), 0.5) : '';\n const colorText = color ? resolveColor(color) : resolveColor(theme);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:theme={useTheme}\n use:interactive={interactive}\n colorText={colorText}\n colorTag={colorTag}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, use, theme, size } = props;\n\n return sstyled(styles)(<SClose render={Box} use:theme={getThemeName(use, theme)} tag={CloseM} />);\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag=\"span\" />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag=\"span\" />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"file":"Tag.js"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/tag",
|
|
3
3
|
"description": "SEMRush Tag Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.6.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@semcore/utils": "^3.15",
|
|
17
|
-
"@semcore/icon": "^2",
|
|
17
|
+
"@semcore/icon": "^2.16",
|
|
18
18
|
"@semcore/flex-box": "^4"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
package/src/Tag.js
CHANGED
|
@@ -3,8 +3,7 @@ import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
|
3
3
|
import { Box } from '@semcore/flex-box';
|
|
4
4
|
import resolveColor, { opacity } from '@semcore/utils/lib/color';
|
|
5
5
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
6
|
-
import
|
|
7
|
-
import CloseXXS from '@semcore/icon/lib/Close/xxs';
|
|
6
|
+
import CloseM from '@semcore/icon/Close/m';
|
|
8
7
|
|
|
9
8
|
import style from './style/tag.shadow.css';
|
|
10
9
|
|
|
@@ -82,13 +81,7 @@ function Close(props) {
|
|
|
82
81
|
const SClose = Root;
|
|
83
82
|
const { styles, use, theme, size } = props;
|
|
84
83
|
|
|
85
|
-
return sstyled(styles)(
|
|
86
|
-
<SClose
|
|
87
|
-
render={Box}
|
|
88
|
-
use:theme={getThemeName(use, theme)}
|
|
89
|
-
tag={size === 'xl' ? CloseXS : CloseXXS}
|
|
90
|
-
/>,
|
|
91
|
-
);
|
|
84
|
+
return sstyled(styles)(<SClose render={Box} use:theme={getThemeName(use, theme)} tag={CloseM} />);
|
|
92
85
|
}
|
|
93
86
|
|
|
94
87
|
function Addon(props) {
|