@semcore/tag 5.14.0 → 5.15.0-prerelease.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 +7 -1
- package/lib/cjs/Tag.js +19 -20
- package/lib/cjs/Tag.js.map +1 -1
- package/lib/es6/Tag.js +19 -20
- package/lib/es6/Tag.js.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.
|
|
5
|
+
## [5.15.0-prerelease.0] - 2023-11-06
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version preminor update due to children dependencies update (`@semcore/utils` [4.9.0 ~> 4.10.0], `@semcore/icon` [4.13.0 ~> 4.14.0], `@semcore/flex-box` [5.9.0 ~> 5.10.0], `@semcore/core` [2.8.0 ~> 2.9.0]).
|
|
10
|
+
|
|
11
|
+
## [5.14.0] - 2023-10-26
|
|
6
12
|
|
|
7
13
|
### Added
|
|
8
14
|
|
package/lib/cjs/Tag.js
CHANGED
|
@@ -23,26 +23,25 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
|
|
|
23
23
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
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
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"__SClose": "___SClose_wd6wa_gg_"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_13u7s_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_13u7s)}.___STag_13u7s_gg_:has(.___SText_13u7s_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_13u7s_gg_::after,.___STag_13u7s_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_13u7s_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_13u7s);opacity:.2}.___STag_13u7s_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_13u7s);opacity:.1}.___STag_13u7s_gg_.__disabled_13u7s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_13u7s_gg_.__interactive_13u7s_gg_{cursor:pointer}.___STag_13u7s_gg_._size_m_13u7s_gg_{height:20px;min-width:20px}.___STag_13u7s_gg_._size_m_13u7s_gg_ .___SCircle_13u7s_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_13u7s_gg_._size_m_13u7s_gg_ .___SCircle_13u7s_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_13u7s_gg_._size_m_13u7s_gg_ .___SText_13u7s_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_13u7s_gg_._size_l_13u7s_gg_{height:28px;min-width:28px}.___STag_13u7s_gg_._size_l_13u7s_gg_ .___SText_13u7s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_13u7s_gg_._size_xl_13u7s_gg_{height:40px;min-width:40px}.___STag_13u7s_gg_._size_xl_13u7s_gg_ .___SText_13u7s_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_13u7s_gg_._theme_primary_13u7s_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_13u7s_gg_._theme_primary_13u7s_gg_:after{display:none}.___STag_13u7s_gg_._theme_primary_13u7s_gg_.__active_13u7s_gg_:before,.___STag_13u7s_gg_._theme_primary_13u7s_gg_.__interactive_13u7s_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_13u7s_gg_._theme_primary_13u7s_gg_.__interactive_13u7s_gg_:hover:before{opacity:.3}}.___STag_13u7s_gg_._theme_additional_13u7s_gg_::before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_::before{opacity:.01}.___STag_13u7s_gg_._theme_additional_13u7s_gg_.__active_13u7s_gg_:before,.___STag_13u7s_gg_._theme_additional_13u7s_gg_.__interactive_13u7s_gg_:active:before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_.__active_13u7s_gg_:before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_.__interactive_13u7s_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_13u7s_gg_._theme_additional_13u7s_gg_.__interactive_13u7s_gg_:hover:before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_.__interactive_13u7s_gg_:hover:before{opacity:.1}}.___STag_13u7s_gg_._theme_additional-invert_13u7s_gg_::after,.___STag_13u7s_gg_._theme_additional_13u7s_gg_::after,.___STag_13u7s_gg_._theme_secondary-invert_13u7s_gg_::after,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_::after{opacity:.5}.___STag_13u7s_gg_._theme_primary-invert_13u7s_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_13u7s_gg_._theme_additional-invert_13u7s_gg_,.___STag_13u7s_gg_._theme_primary-invert_13u7s_gg_,.___STag_13u7s_gg_._theme_secondary-invert_13u7s_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_13u7s_gg_._theme_additional_13u7s_gg_::after{border-style:dashed}.___SText_13u7s_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;position:relative}.___SText_13u7s_gg_:not(:only-child):first-child{padding-right:0}.___SText_13u7s_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_13u7s_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_13u7s_gg_,.___SCircle_13u7s_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_13u7s_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_13u7s_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_13u7s_gg_:first-child{margin-left:0}.___SCircle_13u7s_gg_:last-child{margin-right:0}.___SCircle_13u7s_gg_._size_m_13u7s_gg_{width:16px;height:16px}.___SCircle_13u7s_gg_._size_l_13u7s_gg_,.___SCircle_13u7s_gg_._size_xl_13u7s_gg_{width:20px;height:20px}.___SClose_13u7s_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_13u7s_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "13u7s_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__STag": "___STag_13u7s_gg_",
|
|
28
|
+
"_disabled": "__disabled_13u7s_gg_",
|
|
29
|
+
"_interactive": "__interactive_13u7s_gg_",
|
|
30
|
+
"_theme_primary-invert": "_theme_primary-invert_13u7s_gg_",
|
|
31
|
+
"_theme_secondary-invert": "_theme_secondary-invert_13u7s_gg_",
|
|
32
|
+
"_theme_additional-invert": "_theme_additional-invert_13u7s_gg_",
|
|
33
|
+
"__SText": "___SText_13u7s_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_13u7s_gg_",
|
|
35
|
+
"__SCircle": "___SCircle_13u7s_gg_",
|
|
36
|
+
"_size_m": "_size_m_13u7s_gg_",
|
|
37
|
+
"_size_l": "_size_l_13u7s_gg_",
|
|
38
|
+
"_size_xl": "_size_xl_13u7s_gg_",
|
|
39
|
+
"--tag-color": "--tag-color_13u7s",
|
|
40
|
+
"_theme_primary": "_theme_primary_13u7s_gg_",
|
|
41
|
+
"_active": "__active_13u7s_gg_",
|
|
42
|
+
"_theme_secondary": "_theme_secondary_13u7s_gg_",
|
|
43
|
+
"_theme_additional": "_theme_additional_13u7s_gg_",
|
|
44
|
+
"__SClose": "___SClose_13u7s_gg_"
|
|
46
45
|
});
|
|
47
46
|
var legacyThemeRecommendedMigration = {
|
|
48
47
|
primary: {
|
package/lib/cjs/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","style","sstyled","insert","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","color","interactive","disabled","addonLeft","addonRight","resolveColor","onClick","outerId","createElement","cn","_objectSpread2","assignProps","undefined","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$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 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 resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\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(), resolveColorEnhance()];\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 resolveColor,\n onClick,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\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","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","style","sstyled","insert","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","color","interactive","disabled","addonLeft","addonRight","resolveColor","onClick","outerId","createElement","cn","_objectSpread2","assignProps","undefined","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$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 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 resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\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(), resolveColorEnhance()];\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 resolveColor,\n onClick,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\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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"}
|
package/lib/es6/Tag.js
CHANGED
|
@@ -21,26 +21,25 @@ import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
|
21
21
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
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
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"__SClose": "___SClose_wd6wa_gg_"
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_13u7s_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_13u7s)}.___STag_13u7s_gg_:has(.___SText_13u7s_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_13u7s_gg_::after,.___STag_13u7s_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_13u7s_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_13u7s);opacity:.2}.___STag_13u7s_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_13u7s);opacity:.1}.___STag_13u7s_gg_.__disabled_13u7s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_13u7s_gg_.__interactive_13u7s_gg_{cursor:pointer}.___STag_13u7s_gg_._size_m_13u7s_gg_{height:20px;min-width:20px}.___STag_13u7s_gg_._size_m_13u7s_gg_ .___SCircle_13u7s_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_13u7s_gg_._size_m_13u7s_gg_ .___SCircle_13u7s_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_13u7s_gg_._size_m_13u7s_gg_ .___SText_13u7s_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_13u7s_gg_._size_l_13u7s_gg_{height:28px;min-width:28px}.___STag_13u7s_gg_._size_l_13u7s_gg_ .___SText_13u7s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_13u7s_gg_._size_xl_13u7s_gg_{height:40px;min-width:40px}.___STag_13u7s_gg_._size_xl_13u7s_gg_ .___SText_13u7s_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_13u7s_gg_._theme_primary_13u7s_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_13u7s_gg_._theme_primary_13u7s_gg_:after{display:none}.___STag_13u7s_gg_._theme_primary_13u7s_gg_.__active_13u7s_gg_:before,.___STag_13u7s_gg_._theme_primary_13u7s_gg_.__interactive_13u7s_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_13u7s_gg_._theme_primary_13u7s_gg_.__interactive_13u7s_gg_:hover:before{opacity:.3}}.___STag_13u7s_gg_._theme_additional_13u7s_gg_::before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_::before{opacity:.01}.___STag_13u7s_gg_._theme_additional_13u7s_gg_.__active_13u7s_gg_:before,.___STag_13u7s_gg_._theme_additional_13u7s_gg_.__interactive_13u7s_gg_:active:before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_.__active_13u7s_gg_:before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_.__interactive_13u7s_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_13u7s_gg_._theme_additional_13u7s_gg_.__interactive_13u7s_gg_:hover:before,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_.__interactive_13u7s_gg_:hover:before{opacity:.1}}.___STag_13u7s_gg_._theme_additional-invert_13u7s_gg_::after,.___STag_13u7s_gg_._theme_additional_13u7s_gg_::after,.___STag_13u7s_gg_._theme_secondary-invert_13u7s_gg_::after,.___STag_13u7s_gg_._theme_secondary_13u7s_gg_::after{opacity:.5}.___STag_13u7s_gg_._theme_primary-invert_13u7s_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_13u7s_gg_._theme_additional-invert_13u7s_gg_,.___STag_13u7s_gg_._theme_primary-invert_13u7s_gg_,.___STag_13u7s_gg_._theme_secondary-invert_13u7s_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_13u7s_gg_._theme_additional_13u7s_gg_::after{border-style:dashed}.___SText_13u7s_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;position:relative}.___SText_13u7s_gg_:not(:only-child):first-child{padding-right:0}.___SText_13u7s_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_13u7s_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_13u7s_gg_,.___SCircle_13u7s_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_13u7s_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_13u7s_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_13u7s_gg_:first-child{margin-left:0}.___SCircle_13u7s_gg_:last-child{margin-right:0}.___SCircle_13u7s_gg_._size_m_13u7s_gg_{width:16px;height:16px}.___SCircle_13u7s_gg_._size_l_13u7s_gg_,.___SCircle_13u7s_gg_._size_xl_13u7s_gg_{width:20px;height:20px}.___SClose_13u7s_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_13u7s_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "13u7s_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STag": "___STag_13u7s_gg_",
|
|
26
|
+
"_disabled": "__disabled_13u7s_gg_",
|
|
27
|
+
"_interactive": "__interactive_13u7s_gg_",
|
|
28
|
+
"_theme_primary-invert": "_theme_primary-invert_13u7s_gg_",
|
|
29
|
+
"_theme_secondary-invert": "_theme_secondary-invert_13u7s_gg_",
|
|
30
|
+
"_theme_additional-invert": "_theme_additional-invert_13u7s_gg_",
|
|
31
|
+
"__SText": "___SText_13u7s_gg_",
|
|
32
|
+
"__SAddon": "___SAddon_13u7s_gg_",
|
|
33
|
+
"__SCircle": "___SCircle_13u7s_gg_",
|
|
34
|
+
"_size_m": "_size_m_13u7s_gg_",
|
|
35
|
+
"_size_l": "_size_l_13u7s_gg_",
|
|
36
|
+
"_size_xl": "_size_xl_13u7s_gg_",
|
|
37
|
+
"--tag-color": "--tag-color_13u7s",
|
|
38
|
+
"_theme_primary": "_theme_primary_13u7s_gg_",
|
|
39
|
+
"_active": "__active_13u7s_gg_",
|
|
40
|
+
"_theme_secondary": "_theme_secondary_13u7s_gg_",
|
|
41
|
+
"_theme_additional": "_theme_additional_13u7s_gg_",
|
|
42
|
+
"__SClose": "___SClose_13u7s_gg_"
|
|
44
43
|
});
|
|
45
44
|
var legacyThemeRecommendedMigration = {
|
|
46
45
|
primary: {
|
package/lib/es6/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","style","_sstyled","insert","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","color","interactive","disabled","addonLeft","addonRight","resolveColor","onClick","outerId","createElement","cn","_objectSpread","_assignProps","undefined","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$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 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 resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\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(), resolveColorEnhance()];\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 resolveColor,\n onClick,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\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","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","style","_sstyled","insert","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","color","interactive","disabled","addonLeft","addonRight","resolveColor","onClick","outerId","createElement","cn","_objectSpread","_assignProps","undefined","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$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 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 resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\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(), resolveColorEnhance()];\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 resolveColor,\n onClick,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\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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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/tag",
|
|
3
3
|
"description": "Semrush Tag Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.15.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/icon": "4.
|
|
14
|
-
"@semcore/flex-box": "5.
|
|
12
|
+
"@semcore/utils": "4.10.0-prerelease.0",
|
|
13
|
+
"@semcore/icon": "4.14.0-prerelease.0",
|
|
14
|
+
"@semcore/flex-box": "5.10.0-prerelease.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.
|
|
17
|
+
"@semcore/core": "^2.9.0-prerelease.0",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|