@semcore/tag 5.6.0-test.0 → 5.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 +2 -2
- package/lib/cjs/Tag.js +22 -21
- package/lib/cjs/Tag.js.map +1 -1
- package/lib/cjs/style/tag.shadow.css +9 -2
- package/lib/es6/Tag.js +22 -21
- package/lib/es6/Tag.js.map +1 -1
- package/lib/es6/style/tag.shadow.css +9 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.6.0-
|
|
5
|
+
## [5.6.0-prerelease.0] - 2023-08-21
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- Improved visual state of focusable tags.
|
|
10
10
|
|
|
11
11
|
## [5.5.1] - 2023-08-21
|
|
12
12
|
|
package/lib/cjs/Tag.js
CHANGED
|
@@ -23,27 +23,28 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
|
23
23
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
24
24
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
25
25
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__STag": "
|
|
28
|
-
"--colorBg": "--
|
|
29
|
-
"--colorText": "--
|
|
30
|
-
"--colorBorder": "--
|
|
31
|
-
"_interactive": "
|
|
32
|
-
"_active": "
|
|
33
|
-
"--colorBgHover": "--
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"_theme_primary
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"_theme_additional": "
|
|
45
|
-
"
|
|
46
|
-
"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_6zm5i_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_6zm5i);color:var(--colorText_6zm5i);border-color:var(--colorBorder_6zm5i)}.___STag_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--colorBgHover_6zm5i)}@media (hover:hover){.___STag_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--colorBgHover_6zm5i)}}.___STag_6zm5i_gg_.__\\\\\\:has\\\\\\(SText\\\\\\:focus\\\\\\)_6zm5i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_6zm5i_gg_:has(.___SText_6zm5i_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_6zm5i_gg_.__disabled_6zm5i_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_6zm5i_gg_.__interactive_6zm5i_gg_{cursor:pointer}.___STag_6zm5i_gg_._size_m_6zm5i_gg_{height:20px;min-width:20px}.___STag_6zm5i_gg_._size_m_6zm5i_gg_ .___SCircle_6zm5i_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_6zm5i_gg_._size_m_6zm5i_gg_ .___SCircle_6zm5i_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_6zm5i_gg_._size_m_6zm5i_gg_ .___SText_6zm5i_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_6zm5i_gg_._size_l_6zm5i_gg_{height:28px;min-width:28px}.___STag_6zm5i_gg_._size_l_6zm5i_gg_ .___SText_6zm5i_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_6zm5i_gg_._size_xl_6zm5i_gg_{height:40px;min-width:40px}.___STag_6zm5i_gg_._size_xl_6zm5i_gg_ .___SText_6zm5i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_{background-color:var(--colorBg_6zm5i);border-color:var(--colorBg_6zm5i);color:var(--colorText_6zm5i)}.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--colorBgHover_6zm5i)}@media (hover:hover){.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--colorBgHover_6zm5i)}}.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_.__interactive_6zm5i_gg_:active,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_.__interactive_6zm5i_gg_:hover,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_6zm5i_gg_._theme_additional_6zm5i_gg_{border-style:dashed}.___SText_6zm5i_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;outline:0}.___SText_6zm5i_gg_:not(:only-child):first-child{padding-right:0}.___SText_6zm5i_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_6zm5i_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_6zm5i_gg_,.___SCircle_6zm5i_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_6zm5i_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_6zm5i_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_6zm5i_gg_:first-child{margin-left:0}.___SCircle_6zm5i_gg_:last-child{margin-right:0}.___SCircle_6zm5i_gg_._size_m_6zm5i_gg_{width:16px;height:16px}.___SCircle_6zm5i_gg_._size_l_6zm5i_gg_,.___SCircle_6zm5i_gg_._size_xl_6zm5i_gg_{width:20px;height:20px}.___SClose_6zm5i_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_6zm5i_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "6zm5i_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__STag": "___STag_6zm5i_gg_",
|
|
28
|
+
"--colorBg": "--colorBg_6zm5i",
|
|
29
|
+
"--colorText": "--colorText_6zm5i",
|
|
30
|
+
"--colorBorder": "--colorBorder_6zm5i",
|
|
31
|
+
"_interactive": "__interactive_6zm5i_gg_",
|
|
32
|
+
"_active": "__active_6zm5i_gg_",
|
|
33
|
+
"--colorBgHover": "--colorBgHover_6zm5i",
|
|
34
|
+
"_\\:has\\(SText\\:focus\\)": "__\\:has\\(SText\\:focus\\)_6zm5i_gg_",
|
|
35
|
+
"__SText": "___SText_6zm5i_gg_",
|
|
36
|
+
"_disabled": "__disabled_6zm5i_gg_",
|
|
37
|
+
"_size_m": "_size_m_6zm5i_gg_",
|
|
38
|
+
"__SCircle": "___SCircle_6zm5i_gg_",
|
|
39
|
+
"_size_l": "_size_l_6zm5i_gg_",
|
|
40
|
+
"_size_xl": "_size_xl_6zm5i_gg_",
|
|
41
|
+
"_theme_primary": "_theme_primary_6zm5i_gg_",
|
|
42
|
+
"_theme_primary-invert": "_theme_primary-invert_6zm5i_gg_",
|
|
43
|
+
"_theme_secondary-invert": "_theme_secondary-invert_6zm5i_gg_",
|
|
44
|
+
"_theme_additional-invert": "_theme_additional-invert_6zm5i_gg_",
|
|
45
|
+
"_theme_additional": "_theme_additional_6zm5i_gg_",
|
|
46
|
+
"__SAddon": "___SAddon_6zm5i_gg_",
|
|
47
|
+
"__SClose": "___SClose_6zm5i_gg_"
|
|
47
48
|
});
|
|
48
49
|
var textColorToBgColor = {
|
|
49
50
|
'gray-500': 'gray-100',
|
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","_uniqueID","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","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","colors","createElement","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","_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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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), uniqueIDEnhancement()];\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, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\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, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\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","_uniqueID","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","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","colors","createElement","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","_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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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), uniqueIDEnhancement()];\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, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\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, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\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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"}
|
|
@@ -19,12 +19,17 @@ STag {
|
|
|
19
19
|
&[active] {
|
|
20
20
|
background-color: var(--colorBgHover);
|
|
21
21
|
}
|
|
22
|
+
|
|
23
|
+
&:has(SText:focus) {
|
|
24
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
25
|
+
}
|
|
22
26
|
}
|
|
23
27
|
|
|
24
28
|
STag[disabled] {
|
|
25
29
|
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
26
30
|
cursor: default;
|
|
27
|
-
pointer-events: none;
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
/* Disable link interactions */
|
|
28
33
|
}
|
|
29
34
|
|
|
30
35
|
STag[interactive] {
|
|
@@ -91,6 +96,7 @@ STag[theme='primary-invert'] {
|
|
|
91
96
|
background-color: var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3));
|
|
92
97
|
}
|
|
93
98
|
}
|
|
99
|
+
|
|
94
100
|
STag[theme='secondary-invert'],
|
|
95
101
|
STag[theme='additional-invert'] {
|
|
96
102
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
@@ -114,6 +120,7 @@ SText {
|
|
|
114
120
|
white-space: nowrap;
|
|
115
121
|
overflow: hidden;
|
|
116
122
|
text-overflow: ellipsis;
|
|
123
|
+
outline: none;
|
|
117
124
|
}
|
|
118
125
|
|
|
119
126
|
SText:not(:only-child):first-child {
|
|
@@ -182,4 +189,4 @@ SClose {
|
|
|
182
189
|
&:hover {
|
|
183
190
|
opacity: 1;
|
|
184
191
|
}
|
|
185
|
-
}
|
|
192
|
+
}
|
package/lib/es6/Tag.js
CHANGED
|
@@ -21,27 +21,28 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
|
21
21
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
22
22
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
23
23
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__STag": "
|
|
26
|
-
"--colorBg": "--
|
|
27
|
-
"--colorText": "--
|
|
28
|
-
"--colorBorder": "--
|
|
29
|
-
"_interactive": "
|
|
30
|
-
"_active": "
|
|
31
|
-
"--colorBgHover": "--
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"_theme_primary
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"_theme_additional": "
|
|
43
|
-
"
|
|
44
|
-
"
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_6zm5i_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_6zm5i);color:var(--colorText_6zm5i);border-color:var(--colorBorder_6zm5i)}.___STag_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--colorBgHover_6zm5i)}@media (hover:hover){.___STag_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--colorBgHover_6zm5i)}}.___STag_6zm5i_gg_.__\\\\\\:has\\\\\\(SText\\\\\\:focus\\\\\\)_6zm5i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_6zm5i_gg_:has(.___SText_6zm5i_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_6zm5i_gg_.__disabled_6zm5i_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_6zm5i_gg_.__interactive_6zm5i_gg_{cursor:pointer}.___STag_6zm5i_gg_._size_m_6zm5i_gg_{height:20px;min-width:20px}.___STag_6zm5i_gg_._size_m_6zm5i_gg_ .___SCircle_6zm5i_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_6zm5i_gg_._size_m_6zm5i_gg_ .___SCircle_6zm5i_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_6zm5i_gg_._size_m_6zm5i_gg_ .___SText_6zm5i_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_6zm5i_gg_._size_l_6zm5i_gg_{height:28px;min-width:28px}.___STag_6zm5i_gg_._size_l_6zm5i_gg_ .___SText_6zm5i_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_6zm5i_gg_._size_xl_6zm5i_gg_{height:40px;min-width:40px}.___STag_6zm5i_gg_._size_xl_6zm5i_gg_ .___SText_6zm5i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_{background-color:var(--colorBg_6zm5i);border-color:var(--colorBg_6zm5i);color:var(--colorText_6zm5i)}.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--colorBgHover_6zm5i)}@media (hover:hover){.___STag_6zm5i_gg_._theme_primary_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--colorBgHover_6zm5i)}}.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_6zm5i_gg_._theme_primary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_.__interactive_6zm5i_gg_:active,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_.__active_6zm5i_gg_,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_6zm5i_gg_._theme_additional-invert_6zm5i_gg_.__interactive_6zm5i_gg_:hover,.___STag_6zm5i_gg_._theme_secondary-invert_6zm5i_gg_.__interactive_6zm5i_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_6zm5i_gg_._theme_additional_6zm5i_gg_{border-style:dashed}.___SText_6zm5i_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;outline:0}.___SText_6zm5i_gg_:not(:only-child):first-child{padding-right:0}.___SText_6zm5i_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_6zm5i_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_6zm5i_gg_,.___SCircle_6zm5i_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_6zm5i_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_6zm5i_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_6zm5i_gg_:first-child{margin-left:0}.___SCircle_6zm5i_gg_:last-child{margin-right:0}.___SCircle_6zm5i_gg_._size_m_6zm5i_gg_{width:16px;height:16px}.___SCircle_6zm5i_gg_._size_l_6zm5i_gg_,.___SCircle_6zm5i_gg_._size_xl_6zm5i_gg_{width:20px;height:20px}.___SClose_6zm5i_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_6zm5i_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "6zm5i_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STag": "___STag_6zm5i_gg_",
|
|
26
|
+
"--colorBg": "--colorBg_6zm5i",
|
|
27
|
+
"--colorText": "--colorText_6zm5i",
|
|
28
|
+
"--colorBorder": "--colorBorder_6zm5i",
|
|
29
|
+
"_interactive": "__interactive_6zm5i_gg_",
|
|
30
|
+
"_active": "__active_6zm5i_gg_",
|
|
31
|
+
"--colorBgHover": "--colorBgHover_6zm5i",
|
|
32
|
+
"_\\:has\\(SText\\:focus\\)": "__\\:has\\(SText\\:focus\\)_6zm5i_gg_",
|
|
33
|
+
"__SText": "___SText_6zm5i_gg_",
|
|
34
|
+
"_disabled": "__disabled_6zm5i_gg_",
|
|
35
|
+
"_size_m": "_size_m_6zm5i_gg_",
|
|
36
|
+
"__SCircle": "___SCircle_6zm5i_gg_",
|
|
37
|
+
"_size_l": "_size_l_6zm5i_gg_",
|
|
38
|
+
"_size_xl": "_size_xl_6zm5i_gg_",
|
|
39
|
+
"_theme_primary": "_theme_primary_6zm5i_gg_",
|
|
40
|
+
"_theme_primary-invert": "_theme_primary-invert_6zm5i_gg_",
|
|
41
|
+
"_theme_secondary-invert": "_theme_secondary-invert_6zm5i_gg_",
|
|
42
|
+
"_theme_additional-invert": "_theme_additional-invert_6zm5i_gg_",
|
|
43
|
+
"_theme_additional": "_theme_additional_6zm5i_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_6zm5i_gg_",
|
|
45
|
+
"__SClose": "___SClose_6zm5i_gg_"
|
|
45
46
|
});
|
|
46
47
|
var textColorToBgColor = {
|
|
47
48
|
'gray-500': 'gray-100',
|
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","uniqueIDEnhancement","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","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","colors","createElement","cn","_objectSpread","_assignProps","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","_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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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), uniqueIDEnhancement()];\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, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\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, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\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","uniqueIDEnhancement","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","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps2","Children","styles","interactive","disabled","addonLeft","addonRight","outerId","colors","createElement","cn","_objectSpread","_assignProps","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","_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';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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), uniqueIDEnhancement()];\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, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n const colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\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, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\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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"}
|
|
@@ -19,12 +19,17 @@ STag {
|
|
|
19
19
|
&[active] {
|
|
20
20
|
background-color: var(--colorBgHover);
|
|
21
21
|
}
|
|
22
|
+
|
|
23
|
+
&:has(SText:focus) {
|
|
24
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
25
|
+
}
|
|
22
26
|
}
|
|
23
27
|
|
|
24
28
|
STag[disabled] {
|
|
25
29
|
opacity: var(--intergalactic-disabled-opacity, 0.3);
|
|
26
30
|
cursor: default;
|
|
27
|
-
pointer-events: none;
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
/* Disable link interactions */
|
|
28
33
|
}
|
|
29
34
|
|
|
30
35
|
STag[interactive] {
|
|
@@ -91,6 +96,7 @@ STag[theme='primary-invert'] {
|
|
|
91
96
|
background-color: var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3));
|
|
92
97
|
}
|
|
93
98
|
}
|
|
99
|
+
|
|
94
100
|
STag[theme='secondary-invert'],
|
|
95
101
|
STag[theme='additional-invert'] {
|
|
96
102
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
@@ -114,6 +120,7 @@ SText {
|
|
|
114
120
|
white-space: nowrap;
|
|
115
121
|
overflow: hidden;
|
|
116
122
|
text-overflow: ellipsis;
|
|
123
|
+
outline: none;
|
|
117
124
|
}
|
|
118
125
|
|
|
119
126
|
SText:not(:only-child):first-child {
|
|
@@ -182,4 +189,4 @@ SClose {
|
|
|
182
189
|
&:hover {
|
|
183
190
|
opacity: 1;
|
|
184
191
|
}
|
|
185
|
-
}
|
|
192
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/tag",
|
|
3
3
|
"description": "Semrush Tag Component",
|
|
4
|
-
"version": "5.6.0
|
|
4
|
+
"version": "5.6.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@semcore/utils": "4.3.1",
|
|
13
|
-
"@semcore/icon": "4.
|
|
13
|
+
"@semcore/icon": "4.4.1",
|
|
14
14
|
"@semcore/flex-box": "5.3.1"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.3.1
|
|
17
|
+
"@semcore/core": "^2.3.1",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|