@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 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__*/".___STag_otwi9_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;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_otwi9);color:var(--colorText_otwi9);border-color:var(--colorBorder_otwi9)}.___STag_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--colorBgHover_otwi9)}@media (hover:hover){.___STag_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--colorBgHover_otwi9)}}.___STag_otwi9_gg_.__disabled_otwi9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_otwi9_gg_.__interactive_otwi9_gg_{cursor:pointer}.___STag_otwi9_gg_._size_m_otwi9_gg_{height:20px;min-width:20px}.___STag_otwi9_gg_._size_m_otwi9_gg_ .___SCircle_otwi9_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_otwi9_gg_._size_m_otwi9_gg_ .___SCircle_otwi9_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_otwi9_gg_._size_m_otwi9_gg_ .___SText_otwi9_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_otwi9_gg_._size_l_otwi9_gg_{height:28px;min-width:28px}.___STag_otwi9_gg_._size_l_otwi9_gg_ .___SText_otwi9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_otwi9_gg_._size_xl_otwi9_gg_{height:40px;min-width:40px}.___STag_otwi9_gg_._size_xl_otwi9_gg_ .___SText_otwi9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_otwi9_gg_._theme_primary_otwi9_gg_{background-color:var(--colorBg_otwi9);border-color:var(--colorBg_otwi9);color:var(--colorText_otwi9)}.___STag_otwi9_gg_._theme_primary_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_primary_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--colorBgHover_otwi9)}@media (hover:hover){.___STag_otwi9_gg_._theme_primary_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--colorBgHover_otwi9)}}.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_.__interactive_otwi9_gg_:active,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_.__interactive_otwi9_gg_:hover,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_otwi9_gg_._theme_additional_otwi9_gg_{border-style:dashed}.___SText_otwi9_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_otwi9_gg_:not(:only-child):first-child{padding-right:0}.___SText_otwi9_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_otwi9_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_otwi9_gg_,.___SCircle_otwi9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_otwi9_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_otwi9_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_otwi9_gg_:first-child{margin-left:0}.___SCircle_otwi9_gg_:last-child{margin-right:0}.___SCircle_otwi9_gg_._size_m_otwi9_gg_{width:16px;height:16px}.___SCircle_otwi9_gg_._size_l_otwi9_gg_,.___SCircle_otwi9_gg_._size_xl_otwi9_gg_{width:20px;height:20px}.___SClose_otwi9_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_otwi9_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "otwi9_gg_") /*__reshadow_css_end__*/, {
26
- "__STag": "___STag_otwi9_gg_",
27
- "--colorBg": "--colorBg_otwi9",
28
- "--colorText": "--colorText_otwi9",
29
- "--colorBorder": "--colorBorder_otwi9",
30
- "_interactive": "__interactive_otwi9_gg_",
31
- "_active": "__active_otwi9_gg_",
32
- "--colorBgHover": "--colorBgHover_otwi9",
33
- "_disabled": "__disabled_otwi9_gg_",
34
- "_size_m": "_size_m_otwi9_gg_",
35
- "__SCircle": "___SCircle_otwi9_gg_",
36
- "__SText": "___SText_otwi9_gg_",
37
- "_size_l": "_size_l_otwi9_gg_",
38
- "_size_xl": "_size_xl_otwi9_gg_",
39
- "_theme_primary": "_theme_primary_otwi9_gg_",
40
- "_theme_primary-invert": "_theme_primary-invert_otwi9_gg_",
41
- "_theme_secondary-invert": "_theme_secondary-invert_otwi9_gg_",
42
- "_theme_additional-invert": "_theme_additional-invert_otwi9_gg_",
43
- "_theme_additional": "_theme_additional_otwi9_gg_",
44
- "__SAddon": "___SAddon_otwi9_gg_",
45
- "__SClose": "___SClose_otwi9_gg_"
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": "span"
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
- props.onClick && props.onClick(event);
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": "span"
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": "span"
221
+ "tag": 'span'
221
222
  }, _ref5))));
222
223
  }
223
224
  var Tag = (0, _core["default"])(RootTag, {
@@ -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__*/".___STag_otwi9_gg_{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-color:transparent;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_otwi9);color:var(--colorText_otwi9);border-color:var(--colorBorder_otwi9)}.___STag_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--colorBgHover_otwi9)}@media (hover:hover){.___STag_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--colorBgHover_otwi9)}}.___STag_otwi9_gg_.__disabled_otwi9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_otwi9_gg_.__interactive_otwi9_gg_{cursor:pointer}.___STag_otwi9_gg_._size_m_otwi9_gg_{height:20px;min-width:20px}.___STag_otwi9_gg_._size_m_otwi9_gg_ .___SCircle_otwi9_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_otwi9_gg_._size_m_otwi9_gg_ .___SCircle_otwi9_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_otwi9_gg_._size_m_otwi9_gg_ .___SText_otwi9_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_otwi9_gg_._size_l_otwi9_gg_{height:28px;min-width:28px}.___STag_otwi9_gg_._size_l_otwi9_gg_ .___SText_otwi9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_otwi9_gg_._size_xl_otwi9_gg_{height:40px;min-width:40px}.___STag_otwi9_gg_._size_xl_otwi9_gg_ .___SText_otwi9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_otwi9_gg_._theme_primary_otwi9_gg_{background-color:var(--colorBg_otwi9);border-color:var(--colorBg_otwi9);color:var(--colorText_otwi9)}.___STag_otwi9_gg_._theme_primary_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_primary_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--colorBgHover_otwi9)}@media (hover:hover){.___STag_otwi9_gg_._theme_primary_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--colorBgHover_otwi9)}}.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_otwi9_gg_._theme_primary-invert_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_.__interactive_otwi9_gg_:active,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_.__active_otwi9_gg_,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_.__interactive_otwi9_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_otwi9_gg_._theme_additional-invert_otwi9_gg_.__interactive_otwi9_gg_:hover,.___STag_otwi9_gg_._theme_secondary-invert_otwi9_gg_.__interactive_otwi9_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_otwi9_gg_._theme_additional_otwi9_gg_{border-style:dashed}.___SText_otwi9_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_otwi9_gg_:not(:only-child):first-child{padding-right:0}.___SText_otwi9_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_otwi9_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_otwi9_gg_,.___SCircle_otwi9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_otwi9_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_otwi9_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_otwi9_gg_:first-child{margin-left:0}.___SCircle_otwi9_gg_:last-child{margin-right:0}.___SCircle_otwi9_gg_._size_m_otwi9_gg_{width:16px;height:16px}.___SCircle_otwi9_gg_._size_l_otwi9_gg_,.___SCircle_otwi9_gg_._size_xl_otwi9_gg_{width:20px;height:20px}.___SClose_otwi9_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_otwi9_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "otwi9_gg_") /*__reshadow_css_end__*/, {
24
- "__STag": "___STag_otwi9_gg_",
25
- "--colorBg": "--colorBg_otwi9",
26
- "--colorText": "--colorText_otwi9",
27
- "--colorBorder": "--colorBorder_otwi9",
28
- "_interactive": "__interactive_otwi9_gg_",
29
- "_active": "__active_otwi9_gg_",
30
- "--colorBgHover": "--colorBgHover_otwi9",
31
- "_disabled": "__disabled_otwi9_gg_",
32
- "_size_m": "_size_m_otwi9_gg_",
33
- "__SCircle": "___SCircle_otwi9_gg_",
34
- "__SText": "___SText_otwi9_gg_",
35
- "_size_l": "_size_l_otwi9_gg_",
36
- "_size_xl": "_size_xl_otwi9_gg_",
37
- "_theme_primary": "_theme_primary_otwi9_gg_",
38
- "_theme_primary-invert": "_theme_primary-invert_otwi9_gg_",
39
- "_theme_secondary-invert": "_theme_secondary-invert_otwi9_gg_",
40
- "_theme_additional-invert": "_theme_additional-invert_otwi9_gg_",
41
- "_theme_additional": "_theme_additional_otwi9_gg_",
42
- "__SAddon": "___SAddon_otwi9_gg_",
43
- "__SClose": "___SClose_otwi9_gg_"
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": "span"
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
- props.onClick && props.onClick(event);
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": "span"
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": "span"
219
+ "tag": 'span'
219
220
  }, _ref5))));
220
221
  }
221
222
  var Tag = createComponent(RootTag, {
@@ -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.0",
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/jest-preset-ui": "1.0.0"
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
  }