@semcore/tag 4.6.0 → 4.6.2
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 +12 -0
- package/lib/cjs/Tag.js +26 -25
- package/lib/cjs/Tag.js.map +1 -1
- package/lib/cjs/style/tag.shadow.css +0 -1
- package/lib/es6/Tag.js +26 -25
- package/lib/es6/Tag.js.map +1 -1
- package/lib/es6/style/tag.shadow.css +0 -1
- package/package.json +3 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.6.2] - 2023-06-27
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.53.4 ~> 3.54.0], `@semcore/icon` [3.15.2 ~> 3.15.3], `@semcore/flex-box` [4.7.31 ~> 4.7.32]).
|
|
10
|
+
|
|
11
|
+
## [4.6.1] - 2023-06-14
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.53.3 ~> 3.53.4], `@semcore/icon` [3.15.1 ~> 3.15.2], `@semcore/flex-box` [4.7.30 ~> 4.7.31]).
|
|
16
|
+
|
|
5
17
|
## [4.6.0] - 2023-06-12
|
|
6
18
|
|
|
7
19
|
### Added
|
package/lib/cjs/Tag.js
CHANGED
|
@@ -22,27 +22,27 @@ var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
|
22
22
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
23
23
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
24
24
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__STag": "
|
|
27
|
-
"--colorBg": "--
|
|
28
|
-
"--colorText": "--
|
|
29
|
-
"--colorBorder": "--
|
|
30
|
-
"_interactive": "
|
|
31
|
-
"_active": "
|
|
32
|
-
"--colorBgHover": "--
|
|
33
|
-
"_disabled": "
|
|
34
|
-
"_size_m": "
|
|
35
|
-
"__SCircle": "
|
|
36
|
-
"__SText": "
|
|
37
|
-
"_size_l": "
|
|
38
|
-
"_size_xl": "
|
|
39
|
-
"_theme_primary": "
|
|
40
|
-
"_theme_primary-invert": "_theme_primary-
|
|
41
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
42
|
-
"_theme_additional-invert": "_theme_additional-
|
|
43
|
-
"_theme_additional": "
|
|
44
|
-
"__SAddon": "
|
|
45
|
-
"__SClose": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_8pmt3_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_8pmt3);color:var(--colorText_8pmt3);border-color:var(--colorBorder_8pmt3)}.___STag_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--colorBgHover_8pmt3)}@media (hover:hover){.___STag_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--colorBgHover_8pmt3)}}.___STag_8pmt3_gg_.__disabled_8pmt3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_8pmt3_gg_.__interactive_8pmt3_gg_{cursor:pointer}.___STag_8pmt3_gg_._size_m_8pmt3_gg_{height:20px;min-width:20px}.___STag_8pmt3_gg_._size_m_8pmt3_gg_ .___SCircle_8pmt3_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_8pmt3_gg_._size_m_8pmt3_gg_ .___SCircle_8pmt3_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_8pmt3_gg_._size_m_8pmt3_gg_ .___SText_8pmt3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_8pmt3_gg_._size_l_8pmt3_gg_{height:28px;min-width:28px}.___STag_8pmt3_gg_._size_l_8pmt3_gg_ .___SText_8pmt3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_8pmt3_gg_._size_xl_8pmt3_gg_{height:40px;min-width:40px}.___STag_8pmt3_gg_._size_xl_8pmt3_gg_ .___SText_8pmt3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_{background-color:var(--colorBg_8pmt3);border-color:var(--colorBg_8pmt3);color:var(--colorText_8pmt3)}.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--colorBgHover_8pmt3)}@media (hover:hover){.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--colorBgHover_8pmt3)}}.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_.__interactive_8pmt3_gg_:active,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_.__interactive_8pmt3_gg_:hover,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_8pmt3_gg_._theme_additional_8pmt3_gg_{border-style:dashed}.___SText_8pmt3_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_8pmt3_gg_:not(:only-child):first-child{padding-right:0}.___SText_8pmt3_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_8pmt3_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_8pmt3_gg_,.___SCircle_8pmt3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_8pmt3_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_8pmt3_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_8pmt3_gg_:first-child{margin-left:0}.___SCircle_8pmt3_gg_:last-child{margin-right:0}.___SCircle_8pmt3_gg_._size_m_8pmt3_gg_{width:16px;height:16px}.___SCircle_8pmt3_gg_._size_l_8pmt3_gg_,.___SCircle_8pmt3_gg_._size_xl_8pmt3_gg_{width:20px;height:20px}.___SClose_8pmt3_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_8pmt3_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "8pmt3_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__STag": "___STag_8pmt3_gg_",
|
|
27
|
+
"--colorBg": "--colorBg_8pmt3",
|
|
28
|
+
"--colorText": "--colorText_8pmt3",
|
|
29
|
+
"--colorBorder": "--colorBorder_8pmt3",
|
|
30
|
+
"_interactive": "__interactive_8pmt3_gg_",
|
|
31
|
+
"_active": "__active_8pmt3_gg_",
|
|
32
|
+
"--colorBgHover": "--colorBgHover_8pmt3",
|
|
33
|
+
"_disabled": "__disabled_8pmt3_gg_",
|
|
34
|
+
"_size_m": "_size_m_8pmt3_gg_",
|
|
35
|
+
"__SCircle": "___SCircle_8pmt3_gg_",
|
|
36
|
+
"__SText": "___SText_8pmt3_gg_",
|
|
37
|
+
"_size_l": "_size_l_8pmt3_gg_",
|
|
38
|
+
"_size_xl": "_size_xl_8pmt3_gg_",
|
|
39
|
+
"_theme_primary": "_theme_primary_8pmt3_gg_",
|
|
40
|
+
"_theme_primary-invert": "_theme_primary-invert_8pmt3_gg_",
|
|
41
|
+
"_theme_secondary-invert": "_theme_secondary-invert_8pmt3_gg_",
|
|
42
|
+
"_theme_additional-invert": "_theme_additional-invert_8pmt3_gg_",
|
|
43
|
+
"_theme_additional": "_theme_additional_8pmt3_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_8pmt3_gg_",
|
|
45
|
+
"__SClose": "___SClose_8pmt3_gg_"
|
|
46
46
|
});
|
|
47
47
|
var textColorToBgColor = {
|
|
48
48
|
'gray-500': 'gray-100',
|
|
@@ -178,7 +178,7 @@ function Text(props) {
|
|
|
178
178
|
var SText = _flexBox.Box;
|
|
179
179
|
var styles = props.styles;
|
|
180
180
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
181
|
-
"tag":
|
|
181
|
+
"tag": 'span'
|
|
182
182
|
}, _ref2))));
|
|
183
183
|
}
|
|
184
184
|
function Close(props) {
|
|
@@ -192,7 +192,8 @@ function Close(props) {
|
|
|
192
192
|
return props.onKeyDown(event);
|
|
193
193
|
}
|
|
194
194
|
if (event.code === 'Enter') {
|
|
195
|
-
|
|
195
|
+
var _props$onClick;
|
|
196
|
+
(_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
|
|
196
197
|
}
|
|
197
198
|
}
|
|
198
199
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -208,7 +209,7 @@ function Addon(props) {
|
|
|
208
209
|
var SAddon = _flexBox.Box;
|
|
209
210
|
var styles = props.styles;
|
|
210
211
|
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
211
|
-
"tag":
|
|
212
|
+
"tag": 'span'
|
|
212
213
|
}, _ref4))));
|
|
213
214
|
}
|
|
214
215
|
function Circle(props) {
|
|
@@ -217,7 +218,7 @@ function Circle(props) {
|
|
|
217
218
|
var SCircle = _flexBox.Box;
|
|
218
219
|
var styles = props.styles;
|
|
219
220
|
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
220
|
-
"tag":
|
|
221
|
+
"tag": 'span'
|
|
221
222
|
}, _ref5))));
|
|
222
223
|
}
|
|
223
224
|
var Tag = (0, _core["default"])(RootTag, {
|
package/lib/cjs/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_color","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","opacity","resolveColor","light","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","logger","warn","use","concat","theme","Tag","displayName","_createClass2","key","value","getCircleProps","size","asProps","getCloseProps","getI18nText","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","interactive","disabled","addonLeft","addonRight","colors","createElement","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","code","onClick","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick && props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_color","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","style","sstyled","insert","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","opacity","resolveColor","light","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","logger","warn","use","concat","theme","Tag","displayName","_createClass2","key","value","getCircleProps","size","asProps","getCloseProps","getI18nText","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","interactive","disabled","addonLeft","addonRight","colors","createElement","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","code","_props$onClick","onClick","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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"],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ STag {
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
border-width: 1px;
|
|
8
8
|
border-style: solid;
|
|
9
|
-
border-color: transparent;
|
|
10
9
|
border-radius: var(--intergalactic-tag-rounded, 24px);
|
|
11
10
|
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
12
11
|
padding-right: var(--intergalactic-spacing-1x, 4px);
|
package/lib/es6/Tag.js
CHANGED
|
@@ -20,27 +20,27 @@ import CloseM from '@semcore/icon/Close/m';
|
|
|
20
20
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
21
21
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
22
22
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__STag": "
|
|
25
|
-
"--colorBg": "--
|
|
26
|
-
"--colorText": "--
|
|
27
|
-
"--colorBorder": "--
|
|
28
|
-
"_interactive": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"--colorBgHover": "--
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"_size_m": "
|
|
33
|
-
"__SCircle": "
|
|
34
|
-
"__SText": "
|
|
35
|
-
"_size_l": "
|
|
36
|
-
"_size_xl": "
|
|
37
|
-
"_theme_primary": "
|
|
38
|
-
"_theme_primary-invert": "_theme_primary-
|
|
39
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
40
|
-
"_theme_additional-invert": "_theme_additional-
|
|
41
|
-
"_theme_additional": "
|
|
42
|
-
"__SAddon": "
|
|
43
|
-
"__SClose": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_8pmt3_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);background-color:var(--colorBg_8pmt3);color:var(--colorText_8pmt3);border-color:var(--colorBorder_8pmt3)}.___STag_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--colorBgHover_8pmt3)}@media (hover:hover){.___STag_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--colorBgHover_8pmt3)}}.___STag_8pmt3_gg_.__disabled_8pmt3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_8pmt3_gg_.__interactive_8pmt3_gg_{cursor:pointer}.___STag_8pmt3_gg_._size_m_8pmt3_gg_{height:20px;min-width:20px}.___STag_8pmt3_gg_._size_m_8pmt3_gg_ .___SCircle_8pmt3_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_8pmt3_gg_._size_m_8pmt3_gg_ .___SCircle_8pmt3_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_8pmt3_gg_._size_m_8pmt3_gg_ .___SText_8pmt3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_8pmt3_gg_._size_l_8pmt3_gg_{height:28px;min-width:28px}.___STag_8pmt3_gg_._size_l_8pmt3_gg_ .___SText_8pmt3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_8pmt3_gg_._size_xl_8pmt3_gg_{height:40px;min-width:40px}.___STag_8pmt3_gg_._size_xl_8pmt3_gg_ .___SText_8pmt3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_{background-color:var(--colorBg_8pmt3);border-color:var(--colorBg_8pmt3);color:var(--colorText_8pmt3)}.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--colorBgHover_8pmt3)}@media (hover:hover){.___STag_8pmt3_gg_._theme_primary_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--colorBgHover_8pmt3)}}.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_8pmt3_gg_._theme_primary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_.__interactive_8pmt3_gg_:active,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_.__active_8pmt3_gg_,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_8pmt3_gg_._theme_additional-invert_8pmt3_gg_.__interactive_8pmt3_gg_:hover,.___STag_8pmt3_gg_._theme_secondary-invert_8pmt3_gg_.__interactive_8pmt3_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_8pmt3_gg_._theme_additional_8pmt3_gg_{border-style:dashed}.___SText_8pmt3_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_8pmt3_gg_:not(:only-child):first-child{padding-right:0}.___SText_8pmt3_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_8pmt3_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_8pmt3_gg_,.___SCircle_8pmt3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_8pmt3_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_8pmt3_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_8pmt3_gg_:first-child{margin-left:0}.___SCircle_8pmt3_gg_:last-child{margin-right:0}.___SCircle_8pmt3_gg_._size_m_8pmt3_gg_{width:16px;height:16px}.___SCircle_8pmt3_gg_._size_l_8pmt3_gg_,.___SCircle_8pmt3_gg_._size_xl_8pmt3_gg_{width:20px;height:20px}.___SClose_8pmt3_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_8pmt3_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "8pmt3_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__STag": "___STag_8pmt3_gg_",
|
|
25
|
+
"--colorBg": "--colorBg_8pmt3",
|
|
26
|
+
"--colorText": "--colorText_8pmt3",
|
|
27
|
+
"--colorBorder": "--colorBorder_8pmt3",
|
|
28
|
+
"_interactive": "__interactive_8pmt3_gg_",
|
|
29
|
+
"_active": "__active_8pmt3_gg_",
|
|
30
|
+
"--colorBgHover": "--colorBgHover_8pmt3",
|
|
31
|
+
"_disabled": "__disabled_8pmt3_gg_",
|
|
32
|
+
"_size_m": "_size_m_8pmt3_gg_",
|
|
33
|
+
"__SCircle": "___SCircle_8pmt3_gg_",
|
|
34
|
+
"__SText": "___SText_8pmt3_gg_",
|
|
35
|
+
"_size_l": "_size_l_8pmt3_gg_",
|
|
36
|
+
"_size_xl": "_size_xl_8pmt3_gg_",
|
|
37
|
+
"_theme_primary": "_theme_primary_8pmt3_gg_",
|
|
38
|
+
"_theme_primary-invert": "_theme_primary-invert_8pmt3_gg_",
|
|
39
|
+
"_theme_secondary-invert": "_theme_secondary-invert_8pmt3_gg_",
|
|
40
|
+
"_theme_additional-invert": "_theme_additional-invert_8pmt3_gg_",
|
|
41
|
+
"_theme_additional": "_theme_additional_8pmt3_gg_",
|
|
42
|
+
"__SAddon": "___SAddon_8pmt3_gg_",
|
|
43
|
+
"__SClose": "___SClose_8pmt3_gg_"
|
|
44
44
|
});
|
|
45
45
|
var textColorToBgColor = {
|
|
46
46
|
'gray-500': 'gray-100',
|
|
@@ -176,7 +176,7 @@ function Text(props) {
|
|
|
176
176
|
var SText = Box;
|
|
177
177
|
var styles = props.styles;
|
|
178
178
|
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref7.cn("SText", _objectSpread({}, _assignProps2({
|
|
179
|
-
"tag":
|
|
179
|
+
"tag": 'span'
|
|
180
180
|
}, _ref2))));
|
|
181
181
|
}
|
|
182
182
|
function Close(props) {
|
|
@@ -190,7 +190,8 @@ function Close(props) {
|
|
|
190
190
|
return props.onKeyDown(event);
|
|
191
191
|
}
|
|
192
192
|
if (event.code === 'Enter') {
|
|
193
|
-
|
|
193
|
+
var _props$onClick;
|
|
194
|
+
(_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
|
|
194
195
|
}
|
|
195
196
|
}
|
|
196
197
|
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps3({
|
|
@@ -206,7 +207,7 @@ function Addon(props) {
|
|
|
206
207
|
var SAddon = Box;
|
|
207
208
|
var styles = props.styles;
|
|
208
209
|
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref9.cn("SAddon", _objectSpread({}, _assignProps4({
|
|
209
|
-
"tag":
|
|
210
|
+
"tag": 'span'
|
|
210
211
|
}, _ref4))));
|
|
211
212
|
}
|
|
212
213
|
function Circle(props) {
|
|
@@ -215,7 +216,7 @@ function Circle(props) {
|
|
|
215
216
|
var SCircle = Box;
|
|
216
217
|
var styles = props.styles;
|
|
217
218
|
return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref10.cn("SCircle", _objectSpread({}, _assignProps5({
|
|
218
|
-
"tag":
|
|
219
|
+
"tag": 'span'
|
|
219
220
|
}, _ref5))));
|
|
220
221
|
}
|
|
221
222
|
var Tag = createComponent(RootTag, {
|
package/lib/es6/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","light","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","style","_sstyled","insert","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","warn","use","concat","theme","Tag","displayName","_createClass","key","value","getCircleProps","size","asProps","getCloseProps","getI18nText","render","_ref","_ref6","STag","_this$asProps","Children","styles","interactive","disabled","addonLeft","addonRight","colors","createElement","cn","_objectSpread","_assignProps","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","code","onClick","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick && props.onClick(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","light","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","style","_sstyled","insert","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","warn","use","concat","theme","Tag","displayName","_createClass","key","value","getCircleProps","size","asProps","getCloseProps","getI18nText","render","_ref","_ref6","STag","_this$asProps","Children","styles","interactive","disabled","addonLeft","addonRight","colors","createElement","cn","_objectSpread","_assignProps","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","code","_props$onClick","onClick","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { opacity, light } from '@semcore/utils/lib/color';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/tag.shadow.css';\n\nconst textColorToBgColor = {\n 'gray-500': 'gray-100',\n 'blue-500': 'blue-100',\n 'green-500': 'green-100',\n 'salad-500': 'salad-100',\n 'orange-500': 'orange-100',\n 'yellow-500': 'yellow-100',\n 'red-500': 'red-100',\n 'pink-500': 'pink-100',\n 'violet-500': 'violet-100',\n};\nconst textColorToHoveredTextColor = {\n 'gray-500': 'gray-50',\n 'blue-500': 'blue-50',\n 'green-500': 'green-50',\n 'salad-500': 'salad-50',\n 'orange-500': 'orange-50',\n 'yellow-500': 'yellow-50',\n 'red-500': 'red-50',\n 'pink-500': 'pink-50',\n 'violet-500': 'violet-50',\n};\nconst textColorToBorderColor = {\n 'gray-500': 'gray-200',\n 'blue-500': 'blue-200',\n 'green-500': 'green-200',\n 'salad-500': 'salad-200',\n 'orange-500': 'orange-200',\n 'yellow-500': 'yellow-200',\n 'red-500': 'red-200',\n 'pink-500': 'pink-200',\n 'violet-500': 'violet-200',\n};\n\nconst getPrimaryColors = (color) => ({\n colorBg:\n opacity(resolveColor(textColorToBgColor[color]), 0.5) || light(resolveColor(color), 0.95),\n colorBgHover: resolveColor(textColorToBgColor[color] || light(resolveColor(color), 0.8)),\n colorText: resolveColor(color),\n});\n\nconst getSecondaryColors = (color) => ({\n colorBg: resolveColor('white'),\n colorBgHover: resolveColor(\n textColorToHoveredTextColor[color] || light(resolveColor(color), 0.95),\n ),\n colorText: resolveColor(color),\n colorBorder: resolveColor(textColorToBorderColor[color] || light(resolveColor(color), 0.5)),\n});\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const STag = Root;\n const { Children, styles, theme, color, interactive, disabled, addonLeft, addonRight } =\n this.asProps;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n use:interactive={!disabled && interactive}\n colorBg={colors.colorBg}\n colorBgHover={colors.colorBgHover}\n colorText={colors.colorText}\n colorBorder={colors.colorBorder}\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, getI18nText } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.code === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\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"],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ STag {
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
border-width: 1px;
|
|
8
8
|
border-style: solid;
|
|
9
|
-
border-color: transparent;
|
|
10
9
|
border-radius: var(--intergalactic-tag-rounded, 24px);
|
|
11
10
|
padding-left: var(--intergalactic-spacing-1x, 4px);
|
|
12
11
|
padding-right: var(--intergalactic-spacing-1x, 4px);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/tag",
|
|
3
3
|
"description": "Semrush Tag Component",
|
|
4
|
-
"version": "4.6.
|
|
4
|
+
"version": "4.6.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -18,9 +18,6 @@
|
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|
|
21
|
-
"jest": {
|
|
22
|
-
"preset": "@semcore/jest-preset-ui"
|
|
23
|
-
},
|
|
24
21
|
"repository": {
|
|
25
22
|
"type": "git",
|
|
26
23
|
"url": "https://github.com/semrush/intergalactic.git",
|
|
@@ -28,10 +25,9 @@
|
|
|
28
25
|
},
|
|
29
26
|
"devDependencies": {
|
|
30
27
|
"@types/react": "18.0.21",
|
|
31
|
-
"@semcore/
|
|
28
|
+
"@semcore/testing-utils": "1.0.0"
|
|
32
29
|
},
|
|
33
30
|
"scripts": {
|
|
34
|
-
"build": "pnpm semcore-builder --source=js"
|
|
35
|
-
"test": "jest"
|
|
31
|
+
"build": "pnpm semcore-builder --source=js"
|
|
36
32
|
}
|
|
37
33
|
}
|