@semcore/tag 4.3.1 → 4.4.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.4.0] - 2022-12-14
+
+### Added
+
+- Added internationalization of aria attributes.
+
 ## [4.3.1] - 2022-12-13
 
 ### Changed

package/lib/cjs/Tag.js

@@ -35,6 +35,10 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 
 var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
 
+var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -52,31 +56,31 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STag_1i9yy_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  vertical-align:middle;\n  box-sizing:border-box;\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  border-radius:var(--intergalactic-rounded-extra-large, 24px);\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  font-weight:var(--intergalactic-medium, 500);\n  background-color:var(--colorBg_1i9yy);\n  color:var(--colorText_1i9yy);\n  border-color:var(--colorBorder_1i9yy)\n}\n\n.___STag_1i9yy_gg_.__active_1i9yy_gg_,.___STag_1i9yy_gg_.__interactive_1i9yy_gg_:active,.___STag_1i9yy_gg_.__interactive_1i9yy_gg_:hover{\n    background-color:var(--colorBgHover_1i9yy);\n  }\n\n.___STag_1i9yy_gg_.__disabled_1i9yy_gg_{\n  opacity:var(--intergalactic-disabled-opacity, .3);\n  cursor:default;\n  pointer-events:none;\n}\n\n.___STag_1i9yy_gg_.__interactive_1i9yy_gg_{\n  cursor:pointer;\n}\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_{\n  height:20px;\n  min-width:20px\n}\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_ .___SCircle_1i9yy_gg_:first-child{\n    margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_ .___SCircle_1i9yy_gg_:last-child{\n    margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_ .___SText_1i9yy_gg_{\n    font-size:var(--intergalactic-fs-100, 12px);\n    line-height:var(--intergalactic-lh-100, 133%);\n  }\n\n.___STag_1i9yy_gg_._size_l_1i9yy_gg_{\n  height:28px;\n  min-width:28px\n}\n\n.___STag_1i9yy_gg_._size_l_1i9yy_gg_ .___SText_1i9yy_gg_{\n    font-size:var(--intergalactic-fs-200, 14px);\n    line-height:var(--intergalactic-lh-200, 142%);\n  }\n\n.___STag_1i9yy_gg_._size_xl_1i9yy_gg_{\n  height:40px;\n  min-width:40px\n}\n\n.___STag_1i9yy_gg_._size_xl_1i9yy_gg_ .___SText_1i9yy_gg_{\n    font-size:var(--intergalactic-fs-300, 16px);\n    line-height:var(--intergalactic-lh-300, 150%);\n  }\n\n.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_{\n  background-color:var(--colorBg_1i9yy);\n  border-color:var(--colorBg_1i9yy);\n  color:var(--colorText_1i9yy)\n}\n\n.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_.__active_1i9yy_gg_,.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_.__interactive_1i9yy_gg_:active,.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_.__interactive_1i9yy_gg_:hover{\n    background-color:var(--colorBgHover_1i9yy);\n  }\n\n.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_{\n  background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n  color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_.__active_1i9yy_gg_,.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_.__interactive_1i9yy_gg_:active,.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_.__interactive_1i9yy_gg_:hover{\n    background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n  }\n\n.___STag_1i9yy_gg_._theme_additional-invert_1i9yy_gg_,.___STag_1i9yy_gg_._theme_secondary-invert_1i9yy_gg_{\n  color:var(--intergalactic-text-primary-invert, #fff);\n  border-color: var(\\--intergalactic-border-secondary-invert)\n\n  &.__interactive_1i9yy_gg_:hover,\n  &.__interactive_1i9yy_gg_:active,\n  &.__active_1i9yy_gg_{\n    background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n  }\n}\n\n.___STag_1i9yy_gg_._theme_additional_1i9yy_gg_{\n  border-style:dashed;\n}\n\n.___SText_1i9yy_gg_{\n  display:inline-block;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n.___SText_1i9yy_gg_:not(:only-child):first-child{\n  padding-right:0;\n}\n\n.___SText_1i9yy_gg_:not(:first-child):not(:last-child){\n  padding-left:0;\n  padding-right:0;\n}\n\n.___SText_1i9yy_gg_:not(:only-child):last-child{\n  padding-left:0;\n}\n\n.___SAddon_1i9yy_gg_{\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_1i9yy_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  border-radius:50%;\n  margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_1i9yy_gg_:first-child{\n    margin-left:0;\n  }\n\n.___SCircle_1i9yy_gg_:last-child{\n    margin-right:0;\n  }\n\n.___SCircle_1i9yy_gg_._size_m_1i9yy_gg_{\n  width:16px;\n  height:16px;\n}\n\n.___SCircle_1i9yy_gg_._size_l_1i9yy_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SCircle_1i9yy_gg_._size_xl_1i9yy_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SClose_1i9yy_gg_{\n  cursor:pointer;\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding:var(--intergalactic-spacing-1x, 4px);\n  opacity:.5\n}\n\n.___SClose_1i9yy_gg_:hover{\n    opacity:1;\n  }\n"
+".___STag_9qxyi_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  vertical-align:middle;\n  box-sizing:border-box;\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  border-radius:var(--intergalactic-rounded-extra-large, 24px);\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  font-weight:var(--intergalactic-medium, 500);\n  background-color:var(--colorBg_9qxyi);\n  color:var(--colorText_9qxyi);\n  border-color:var(--colorBorder_9qxyi)\n}\n\n.___STag_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n    background-color:var(--colorBgHover_9qxyi);\n  }\n\n.___STag_9qxyi_gg_.__disabled_9qxyi_gg_{\n  opacity:var(--intergalactic-disabled-opacity, .3);\n  cursor:default;\n  pointer-events:none;\n}\n\n.___STag_9qxyi_gg_.__interactive_9qxyi_gg_{\n  cursor:pointer;\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_{\n  height:20px;\n  min-width:20px\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:first-child{\n    margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:last-child{\n    margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SText_9qxyi_gg_{\n    font-size:var(--intergalactic-fs-100, 12px);\n    line-height:var(--intergalactic-lh-100, 133%);\n  }\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_{\n  height:28px;\n  min-width:28px\n}\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_ .___SText_9qxyi_gg_{\n    font-size:var(--intergalactic-fs-200, 14px);\n    line-height:var(--intergalactic-lh-200, 142%);\n  }\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_{\n  height:40px;\n  min-width:40px\n}\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_ .___SText_9qxyi_gg_{\n    font-size:var(--intergalactic-fs-300, 16px);\n    line-height:var(--intergalactic-lh-300, 150%);\n  }\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_{\n  background-color:var(--colorBg_9qxyi);\n  border-color:var(--colorBg_9qxyi);\n  color:var(--colorText_9qxyi)\n}\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n    background-color:var(--colorBgHover_9qxyi);\n  }\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_{\n  background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n  color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n    background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n  }\n\n.___STag_9qxyi_gg_._theme_additional-invert_9qxyi_gg_,.___STag_9qxyi_gg_._theme_secondary-invert_9qxyi_gg_{\n  color:var(--intergalactic-text-primary-invert, #fff);\n  border-color: var(\\--intergalactic-border-secondary-invert)\n\n  &.__interactive_9qxyi_gg_:hover,\n  &.__interactive_9qxyi_gg_:active,\n  &.__active_9qxyi_gg_{\n    background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n  }\n}\n\n.___STag_9qxyi_gg_._theme_additional_9qxyi_gg_{\n  border-style:dashed;\n}\n\n.___SText_9qxyi_gg_{\n  display:inline-block;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):first-child{\n  padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:first-child):not(:last-child){\n  padding-left:0;\n  padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):last-child{\n  padding-left:0;\n}\n\n.___SAddon_9qxyi_gg_{\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_9qxyi_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  border-radius:50%;\n  margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_9qxyi_gg_:first-child{\n    margin-left:0;\n  }\n\n.___SCircle_9qxyi_gg_:last-child{\n    margin-right:0;\n  }\n\n.___SCircle_9qxyi_gg_._size_m_9qxyi_gg_{\n  width:16px;\n  height:16px;\n}\n\n.___SCircle_9qxyi_gg_._size_l_9qxyi_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SCircle_9qxyi_gg_._size_xl_9qxyi_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SClose_9qxyi_gg_{\n  cursor:pointer;\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding:var(--intergalactic-spacing-1x, 4px);\n  opacity:.5\n}\n\n.___SClose_9qxyi_gg_:hover{\n    opacity:1;\n  }\n"
 /*__inner_css_end__*/
-, "1i9yy_gg_")
+, "9qxyi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_1i9yy_gg_",
-  "--colorBg": "--colorBg_1i9yy",
-  "--colorText": "--colorText_1i9yy",
-  "--colorBorder": "--colorBorder_1i9yy",
-  "_active": "__active_1i9yy_gg_",
-  "_interactive": "__interactive_1i9yy_gg_",
-  "--colorBgHover": "--colorBgHover_1i9yy",
-  "_disabled": "__disabled_1i9yy_gg_",
-  "_size_m": "_size_m_1i9yy_gg_",
-  "__SCircle": "___SCircle_1i9yy_gg_",
-  "__SText": "___SText_1i9yy_gg_",
-  "_size_l": "_size_l_1i9yy_gg_",
-  "_size_xl": "_size_xl_1i9yy_gg_",
-  "_theme_primary": "_theme_primary_1i9yy_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1i9yy_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1i9yy_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1i9yy_gg_",
-  "_theme_additional": "_theme_additional_1i9yy_gg_",
-  "__SAddon": "___SAddon_1i9yy_gg_",
-  "__SClose": "___SClose_1i9yy_gg_"
+  "__STag": "___STag_9qxyi_gg_",
+  "--colorBg": "--colorBg_9qxyi",
+  "--colorText": "--colorText_9qxyi",
+  "--colorBorder": "--colorBorder_9qxyi",
+  "_active": "__active_9qxyi_gg_",
+  "_interactive": "__interactive_9qxyi_gg_",
+  "--colorBgHover": "--colorBgHover_9qxyi",
+  "_disabled": "__disabled_9qxyi_gg_",
+  "_size_m": "_size_m_9qxyi_gg_",
+  "__SCircle": "___SCircle_9qxyi_gg_",
+  "__SText": "___SText_9qxyi_gg_",
+  "_size_l": "_size_l_9qxyi_gg_",
+  "_size_xl": "_size_xl_9qxyi_gg_",
+  "_theme_primary": "_theme_primary_9qxyi_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_9qxyi_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_9qxyi_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_9qxyi_gg_",
+  "_theme_additional": "_theme_additional_9qxyi_gg_",
+  "__SAddon": "___SAddon_9qxyi_gg_",
+  "__SClose": "___SClose_9qxyi_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',
@@ -168,6 +172,14 @@ var RootTag = /*#__PURE__*/function (_Component) {
         size: size
       };
     }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText
+      };
+    }
   }, {
     key: "render",
     value: function render() {
@@ -204,10 +216,13 @@ var RootTag = /*#__PURE__*/function (_Component) {
 
 (0, _defineProperty2["default"])(RootTag, "displayName", 'Tag');
 (0, _defineProperty2["default"])(RootTag, "style", style);
+(0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
 (0, _defineProperty2["default"])(RootTag, "defaultProps", {
   theme: 'primary',
   color: 'gray-500',
-  size: 'm'
+  size: 'm',
+  i18n: _intergalacticDynamicLocales.localizedMessages,
+  locale: 'en'
 });
 
 function Text(props) {
@@ -226,7 +241,8 @@ function Close(props) {
       _ref8;
 
   var SClose = _flexBox.Box;
-  var styles = props.styles;
+  var styles = props.styles,
+      getI18nText = props.getI18nText;
 
   function onKeyDown(event) {
     if (props.onKeyDown) {
@@ -241,7 +257,7 @@ function Close(props) {
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", _objectSpread({}, (0, _core.assignProps)({
     "tag": _m["default"],
     "interactive": true,
-    "aria-label": "press space or enter to remove it from the list",
+    "aria-label": getI18nText('remove'),
     "onKeyDown": onKeyDown
   }, _ref3))));
 }

package/lib/cjs/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","opacity","resolveColor","light","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","props","logger","warn","use","theme","Tag","displayName","size","asProps","STag","Box","Children","styles","interactive","disabled","addonLeft","addonRight","colors","sstyled","addonTextChildren","Text","Addon","Component","style","SText","Close","SClose","onKeyDown","event","code","onClick","CloseM","SAddon","Circle","SCircle","createComponent"],"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';\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 defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\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  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        tabIndex={0}\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 } = 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=\"press space or enter to remove it from the list\"\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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"}
+{"version":3,"file":"Tag.js","names":["textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","opacity","resolveColor","light","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","props","logger","warn","use","theme","Tag","displayName","size","asProps","getI18nText","STag","Box","Children","styles","interactive","disabled","addonLeft","addonRight","colors","sstyled","addonTextChildren","Text","Addon","Component","style","i18nEnhance","localizedMessages","i18n","locale","SText","Close","SClose","onKeyDown","event","code","onClick","CloseM","SAddon","Circle","SCircle","createComponent"],"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        tabIndex={0}\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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"}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, ReturnEl, PropGetterFn } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { IIconProps } from '@semcore/icon';\n\nexport type TagSize = 'xl' | 'l' | 'm';\nexport type TagThemeOld = 'muted' | 'info' | 'success' | 'warning' | 'danger' | 'invert';\nexport type TagTheme = 'primary' | 'secondary' | 'additional' | (string & TagThemeOld);\nexport type TagUse = 'primary' | 'secondary';\n\nexport interface ITagProps extends IBoxProps {\n  /** Value responsible for tag availability\n   */\n  disabled?: boolean;\n  /** Value responsible for tag activity\n   */\n  active?: boolean;\n  /** Interactive tag\n   */\n  interactive?: boolean;\n  /** Tag type\n   * @default secondary\n   * @deprecated v4.0.0\n   * @use ITagProps.theme\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n  /** Tag color text */\n  color?: string;\n  /** Tag size\n   * @default m\n   */\n  size?: TagSize;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n}\n\nexport interface ITagCloseProps extends IIconProps {\n  /** Tag type\n   * @default secondary\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n}\n\nexport interface ITagContext extends ITagProps {\n  getCloseProps?: PropGetterFn;\n}\n\nexport interface ITagAddonProps extends IBoxProps {}\n\nexport interface ITagTextProps extends IBoxProps {}\n\ndeclare const Tag: (<T>(props: CProps<ITagProps & T, ITagContext>) => ReturnEl) & {\n  Text: <T>(props: ITagTextProps & T) => ReturnEl;\n  Addon: <T>(props: ITagAddonProps & T) => ReturnEl;\n  Close: <T>(props: ITagCloseProps & T) => ReturnEl;\n  Circle: <T>(props: ITagAddonProps & T) => ReturnEl;\n};\n\nexport default Tag;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, ReturnEl, PropGetterFn } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { IIconProps } from '@semcore/icon';\n\nexport type TagSize = 'xl' | 'l' | 'm';\nexport type TagThemeOld = 'muted' | 'info' | 'success' | 'warning' | 'danger' | 'invert';\nexport type TagTheme = 'primary' | 'secondary' | 'additional' | (string & TagThemeOld);\nexport type TagUse = 'primary' | 'secondary';\n\nexport interface ITagProps extends IBoxProps {\n  /** Value responsible for tag availability\n   */\n  disabled?: boolean;\n  /** Value responsible for tag activity\n   */\n  active?: boolean;\n  /** Interactive tag\n   */\n  interactive?: boolean;\n  /** Tag type\n   * @default secondary\n   * @deprecated v4.0.0\n   * @use ITagProps.theme\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n  /** Tag color text */\n  color?: string;\n  /** Tag size\n   * @default m\n   */\n  size?: TagSize;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n  locale?: string;\n}\n\nexport interface ITagCloseProps extends IIconProps {\n  /** Tag type\n   * @default secondary\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n}\n\nexport interface ITagContext extends ITagProps {\n  getCloseProps?: PropGetterFn;\n}\n\nexport interface ITagAddonProps extends IBoxProps {}\n\nexport interface ITagTextProps extends IBoxProps {}\n\ndeclare const Tag: (<T>(props: CProps<ITagProps & T, ITagContext>) => ReturnEl) & {\n  Text: <T>(props: ITagTextProps & T) => ReturnEl;\n  Addon: <T>(props: ITagAddonProps & T) => ReturnEl;\n  Close: <T>(props: ITagCloseProps & T) => ReturnEl;\n  Circle: <T>(props: ITagAddonProps & T) => ReturnEl;\n};\n\nexport default Tag;\n"],"mappings":""}

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localizedMessages = void 0;
+
+var _de = _interopRequireDefault(require("./de.json"));
+
+var _en = _interopRequireDefault(require("./en.json"));
+
+var _es = _interopRequireDefault(require("./es.json"));
+
+var _fr = _interopRequireDefault(require("./fr.json"));
+
+var _it = _interopRequireDefault(require("./it.json"));
+
+var _ja = _interopRequireDefault(require("./ja.json"));
+
+var _ko = _interopRequireDefault(require("./ko.json"));
+
+var _pt = _interopRequireDefault(require("./pt.json"));
+
+var _tr = _interopRequireDefault(require("./tr.json"));
+
+var _vi = _interopRequireDefault(require("./vi.json"));
+
+var _zh = _interopRequireDefault(require("./zh.json"));
+
+var localizedMessages = {
+  de: _de["default"],
+  en: _en["default"],
+  es: _es["default"],
+  fr: _fr["default"],
+  it: _it["default"],
+  ja: _ja["default"],
+  ko: _ko["default"],
+  pt: _pt["default"],
+  tr: _tr["default"],
+  vi: _vi["default"],
+  zh: _zh["default"]
+};
+exports.localizedMessages = localizedMessages;
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAD+B;EAE/BC,EAAE,EAAFA,cAF+B;EAG/BC,EAAE,EAAFA,cAH+B;EAI/BC,EAAE,EAAFA,cAJ+B;EAK/BC,EAAE,EAAFA,cAL+B;EAM/BC,EAAE,EAAFA,cAN+B;EAO/BC,EAAE,EAAFA,cAP+B;EAQ/BC,EAAE,EAAFA,cAR+B;EAS/BC,EAAE,EAAFA,cAT+B;EAU/BC,EAAE,EAAFA,cAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}

package/lib/cjs/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "remove": "Antippen, um Tag zu entfernen"
+}

package/lib/cjs/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "remove": "tap to remove tag"
+}

package/lib/cjs/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "remove": "toca para eliminar etiqueta"
+}

package/lib/cjs/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "remove": "appuyez pour enlever le tag"
+}

package/lib/cjs/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "remove": "clicca per rimuovere il tag"
+}

package/lib/cjs/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "remove": "タグを削除をタップ"
+}

package/lib/cjs/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "remove": "탭하여 태그 삭제"
+}

package/lib/cjs/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "remove": "toque para remover tag"
+}

package/lib/cjs/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "remove": "Etiketi kaldırmak için dokunun"
+}

package/lib/cjs/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "remove": "nhấn để loại bỏ nhãn"
+}

package/lib/cjs/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "remove": "点击删除标签"
+}

package/lib/es6/Tag.js

@@ -26,37 +26,39 @@ import resolveColor, { opacity, light } from '@semcore/utils/lib/color';
 import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
 import logger from '@semcore/utils/lib/logger';
 import CloseM from '@semcore/icon/Close/m';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STag_1i9yy_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  vertical-align:middle;\n  box-sizing:border-box;\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  border-radius:var(--intergalactic-rounded-extra-large, 24px);\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  font-weight:var(--intergalactic-medium, 500);\n  background-color:var(--colorBg_1i9yy);\n  color:var(--colorText_1i9yy);\n  border-color:var(--colorBorder_1i9yy)\n}\n\n.___STag_1i9yy_gg_.__active_1i9yy_gg_,.___STag_1i9yy_gg_.__interactive_1i9yy_gg_:active,.___STag_1i9yy_gg_.__interactive_1i9yy_gg_:hover{\n    background-color:var(--colorBgHover_1i9yy);\n  }\n\n.___STag_1i9yy_gg_.__disabled_1i9yy_gg_{\n  opacity:var(--intergalactic-disabled-opacity, .3);\n  cursor:default;\n  pointer-events:none;\n}\n\n.___STag_1i9yy_gg_.__interactive_1i9yy_gg_{\n  cursor:pointer;\n}\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_{\n  height:20px;\n  min-width:20px\n}\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_ .___SCircle_1i9yy_gg_:first-child{\n    margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_ .___SCircle_1i9yy_gg_:last-child{\n    margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_1i9yy_gg_._size_m_1i9yy_gg_ .___SText_1i9yy_gg_{\n    font-size:var(--intergalactic-fs-100, 12px);\n    line-height:var(--intergalactic-lh-100, 133%);\n  }\n\n.___STag_1i9yy_gg_._size_l_1i9yy_gg_{\n  height:28px;\n  min-width:28px\n}\n\n.___STag_1i9yy_gg_._size_l_1i9yy_gg_ .___SText_1i9yy_gg_{\n    font-size:var(--intergalactic-fs-200, 14px);\n    line-height:var(--intergalactic-lh-200, 142%);\n  }\n\n.___STag_1i9yy_gg_._size_xl_1i9yy_gg_{\n  height:40px;\n  min-width:40px\n}\n\n.___STag_1i9yy_gg_._size_xl_1i9yy_gg_ .___SText_1i9yy_gg_{\n    font-size:var(--intergalactic-fs-300, 16px);\n    line-height:var(--intergalactic-lh-300, 150%);\n  }\n\n.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_{\n  background-color:var(--colorBg_1i9yy);\n  border-color:var(--colorBg_1i9yy);\n  color:var(--colorText_1i9yy)\n}\n\n.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_.__active_1i9yy_gg_,.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_.__interactive_1i9yy_gg_:active,.___STag_1i9yy_gg_._theme_primary_1i9yy_gg_.__interactive_1i9yy_gg_:hover{\n    background-color:var(--colorBgHover_1i9yy);\n  }\n\n.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_{\n  background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n  color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_.__active_1i9yy_gg_,.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_.__interactive_1i9yy_gg_:active,.___STag_1i9yy_gg_._theme_primary-invert_1i9yy_gg_.__interactive_1i9yy_gg_:hover{\n    background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n  }\n\n.___STag_1i9yy_gg_._theme_additional-invert_1i9yy_gg_,.___STag_1i9yy_gg_._theme_secondary-invert_1i9yy_gg_{\n  color:var(--intergalactic-text-primary-invert, #fff);\n  border-color: var(\\--intergalactic-border-secondary-invert)\n\n  &.__interactive_1i9yy_gg_:hover,\n  &.__interactive_1i9yy_gg_:active,\n  &.__active_1i9yy_gg_{\n    background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n  }\n}\n\n.___STag_1i9yy_gg_._theme_additional_1i9yy_gg_{\n  border-style:dashed;\n}\n\n.___SText_1i9yy_gg_{\n  display:inline-block;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n.___SText_1i9yy_gg_:not(:only-child):first-child{\n  padding-right:0;\n}\n\n.___SText_1i9yy_gg_:not(:first-child):not(:last-child){\n  padding-left:0;\n  padding-right:0;\n}\n\n.___SText_1i9yy_gg_:not(:only-child):last-child{\n  padding-left:0;\n}\n\n.___SAddon_1i9yy_gg_{\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_1i9yy_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  border-radius:50%;\n  margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_1i9yy_gg_:first-child{\n    margin-left:0;\n  }\n\n.___SCircle_1i9yy_gg_:last-child{\n    margin-right:0;\n  }\n\n.___SCircle_1i9yy_gg_._size_m_1i9yy_gg_{\n  width:16px;\n  height:16px;\n}\n\n.___SCircle_1i9yy_gg_._size_l_1i9yy_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SCircle_1i9yy_gg_._size_xl_1i9yy_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SClose_1i9yy_gg_{\n  cursor:pointer;\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding:var(--intergalactic-spacing-1x, 4px);\n  opacity:.5\n}\n\n.___SClose_1i9yy_gg_:hover{\n    opacity:1;\n  }\n"
+".___STag_9qxyi_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  vertical-align:middle;\n  box-sizing:border-box;\n  border-width:1px;\n  border-style:solid;\n  border-color:transparent;\n  border-radius:var(--intergalactic-rounded-extra-large, 24px);\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  font-weight:var(--intergalactic-medium, 500);\n  background-color:var(--colorBg_9qxyi);\n  color:var(--colorText_9qxyi);\n  border-color:var(--colorBorder_9qxyi)\n}\n\n.___STag_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n    background-color:var(--colorBgHover_9qxyi);\n  }\n\n.___STag_9qxyi_gg_.__disabled_9qxyi_gg_{\n  opacity:var(--intergalactic-disabled-opacity, .3);\n  cursor:default;\n  pointer-events:none;\n}\n\n.___STag_9qxyi_gg_.__interactive_9qxyi_gg_{\n  cursor:pointer;\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_{\n  height:20px;\n  min-width:20px\n}\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:first-child{\n    margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SCircle_9qxyi_gg_:last-child{\n    margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_9qxyi_gg_._size_m_9qxyi_gg_ .___SText_9qxyi_gg_{\n    font-size:var(--intergalactic-fs-100, 12px);\n    line-height:var(--intergalactic-lh-100, 133%);\n  }\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_{\n  height:28px;\n  min-width:28px\n}\n\n.___STag_9qxyi_gg_._size_l_9qxyi_gg_ .___SText_9qxyi_gg_{\n    font-size:var(--intergalactic-fs-200, 14px);\n    line-height:var(--intergalactic-lh-200, 142%);\n  }\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_{\n  height:40px;\n  min-width:40px\n}\n\n.___STag_9qxyi_gg_._size_xl_9qxyi_gg_ .___SText_9qxyi_gg_{\n    font-size:var(--intergalactic-fs-300, 16px);\n    line-height:var(--intergalactic-lh-300, 150%);\n  }\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_{\n  background-color:var(--colorBg_9qxyi);\n  border-color:var(--colorBg_9qxyi);\n  color:var(--colorText_9qxyi)\n}\n\n.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n    background-color:var(--colorBgHover_9qxyi);\n  }\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_{\n  background-color:var(--intergalactic-tag-primary-white-normal, hsla(0, 0%, 100%, .15));\n  color:var(--intergalactic-text-primary-invert, #fff)\n}\n\n.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__active_9qxyi_gg_,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:active,.___STag_9qxyi_gg_._theme_primary-invert_9qxyi_gg_.__interactive_9qxyi_gg_:hover{\n    background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n  }\n\n.___STag_9qxyi_gg_._theme_additional-invert_9qxyi_gg_,.___STag_9qxyi_gg_._theme_secondary-invert_9qxyi_gg_{\n  color:var(--intergalactic-text-primary-invert, #fff);\n  border-color: var(\\--intergalactic-border-secondary-invert)\n\n  &.__interactive_9qxyi_gg_:hover,\n  &.__interactive_9qxyi_gg_:active,\n  &.__active_9qxyi_gg_{\n    background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n  }\n}\n\n.___STag_9qxyi_gg_._theme_additional_9qxyi_gg_{\n  border-style:dashed;\n}\n\n.___SText_9qxyi_gg_{\n  display:inline-block;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):first-child{\n  padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:first-child):not(:last-child){\n  padding-left:0;\n  padding-right:0;\n}\n\n.___SText_9qxyi_gg_:not(:only-child):last-child{\n  padding-left:0;\n}\n\n.___SAddon_9qxyi_gg_{\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding-left:var(--intergalactic-spacing-1x, 4px);\n  padding-right:var(--intergalactic-spacing-1x, 4px);\n}\n\n.___SCircle_9qxyi_gg_{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  border-radius:50%;\n  margin:0 var(--intergalactic-spacing-1x, 4px)\n}\n\n.___SCircle_9qxyi_gg_:first-child{\n    margin-left:0;\n  }\n\n.___SCircle_9qxyi_gg_:last-child{\n    margin-right:0;\n  }\n\n.___SCircle_9qxyi_gg_._size_m_9qxyi_gg_{\n  width:16px;\n  height:16px;\n}\n\n.___SCircle_9qxyi_gg_._size_l_9qxyi_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SCircle_9qxyi_gg_._size_xl_9qxyi_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SClose_9qxyi_gg_{\n  cursor:pointer;\n  display:inline-flex;\n  flex-shrink:0;\n  align-items:center;\n  justify-content:center;\n  padding:var(--intergalactic-spacing-1x, 4px);\n  opacity:.5\n}\n\n.___SClose_9qxyi_gg_:hover{\n    opacity:1;\n  }\n"
 /*__inner_css_end__*/
-, "1i9yy_gg_")
+, "9qxyi_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_1i9yy_gg_",
-  "--colorBg": "--colorBg_1i9yy",
-  "--colorText": "--colorText_1i9yy",
-  "--colorBorder": "--colorBorder_1i9yy",
-  "_active": "__active_1i9yy_gg_",
-  "_interactive": "__interactive_1i9yy_gg_",
-  "--colorBgHover": "--colorBgHover_1i9yy",
-  "_disabled": "__disabled_1i9yy_gg_",
-  "_size_m": "_size_m_1i9yy_gg_",
-  "__SCircle": "___SCircle_1i9yy_gg_",
-  "__SText": "___SText_1i9yy_gg_",
-  "_size_l": "_size_l_1i9yy_gg_",
-  "_size_xl": "_size_xl_1i9yy_gg_",
-  "_theme_primary": "_theme_primary_1i9yy_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1i9yy_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1i9yy_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1i9yy_gg_",
-  "_theme_additional": "_theme_additional_1i9yy_gg_",
-  "__SAddon": "___SAddon_1i9yy_gg_",
-  "__SClose": "___SClose_1i9yy_gg_"
+  "__STag": "___STag_9qxyi_gg_",
+  "--colorBg": "--colorBg_9qxyi",
+  "--colorText": "--colorText_9qxyi",
+  "--colorBorder": "--colorBorder_9qxyi",
+  "_active": "__active_9qxyi_gg_",
+  "_interactive": "__interactive_9qxyi_gg_",
+  "--colorBgHover": "--colorBgHover_9qxyi",
+  "_disabled": "__disabled_9qxyi_gg_",
+  "_size_m": "_size_m_9qxyi_gg_",
+  "__SCircle": "___SCircle_9qxyi_gg_",
+  "__SText": "___SText_9qxyi_gg_",
+  "_size_l": "_size_l_9qxyi_gg_",
+  "_size_xl": "_size_xl_9qxyi_gg_",
+  "_theme_primary": "_theme_primary_9qxyi_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_9qxyi_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_9qxyi_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_9qxyi_gg_",
+  "_theme_additional": "_theme_additional_9qxyi_gg_",
+  "__SAddon": "___SAddon_9qxyi_gg_",
+  "__SClose": "___SClose_9qxyi_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',
@@ -147,6 +149,14 @@ var RootTag = /*#__PURE__*/function (_Component) {
         size: size
       };
     }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText
+      };
+    }
   }, {
     key: "render",
     value: function render() {
@@ -186,10 +196,14 @@ _defineProperty(RootTag, "displayName", 'Tag');
 
 _defineProperty(RootTag, "style", style);
 
+_defineProperty(RootTag, "enhance", [i18nEnhance(localizedMessages)]);
+
 _defineProperty(RootTag, "defaultProps", {
   theme: 'primary',
   color: 'gray-500',
-  size: 'm'
+  size: 'm',
+  i18n: localizedMessages,
+  locale: 'en'
 });
 
 function Text(props) {
@@ -208,7 +222,8 @@ function Close(props) {
       _ref8;
 
   var SClose = Box;
-  var styles = props.styles;
+  var styles = props.styles,
+      getI18nText = props.getI18nText;
 
   function onKeyDown(event) {
     if (props.onKeyDown) {
@@ -223,7 +238,7 @@ function Close(props) {
   return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps3({
     "tag": CloseM,
     "interactive": true,
-    "aria-label": "press space or enter to remove it from the list",
+    "aria-label": getI18nText('remove'),
     "onKeyDown": onKeyDown
   }, _ref3))));
 }

package/lib/es6/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","light","addonTextChildren","logger","CloseM","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","props","warn","use","theme","Tag","displayName","size","asProps","STag","Children","styles","interactive","disabled","addonLeft","addonRight","colors","Text","Addon","style","SText","Close","SClose","onKeyDown","event","code","onClick","SAddon","Circle","SCircle"],"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';\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 defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\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  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        tabIndex={0}\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 } = 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=\"press space or enter to remove it from the list\"\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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"}
+{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColor","opacity","light","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","textColorToBgColor","textColorToHoveredTextColor","textColorToBorderColor","getPrimaryColors","color","colorBg","colorBgHover","colorText","getSecondaryColors","colorBorder","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","props","warn","use","theme","Tag","displayName","size","asProps","getI18nText","STag","Children","styles","interactive","disabled","addonLeft","addonRight","colors","Text","Addon","style","i18n","locale","SText","Close","SClose","onKeyDown","event","code","onClick","SAddon","Circle","SCircle"],"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        tabIndex={0}\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":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,OAAvB,EAAgCC,KAAhC,QAA6C,0BAA7C;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,SAASC,iBAAT,QAAkC,gDAAlC;AACA,OAAOC,WAAP,MAAwB,yCAAxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMC,kBAAkB,GAAG;EACzB,YAAY,UADa;EAEzB,YAAY,UAFa;EAGzB,aAAa,WAHY;EAIzB,aAAa,WAJY;EAKzB,cAAc,YALW;EAMzB,cAAc,YANW;EAOzB,WAAW,SAPc;EAQzB,YAAY,UARa;EASzB,cAAc;AATW,CAA3B;AAWA,IAAMC,2BAA2B,GAAG;EAClC,YAAY,SADsB;EAElC,YAAY,SAFsB;EAGlC,aAAa,UAHqB;EAIlC,aAAa,UAJqB;EAKlC,cAAc,WALoB;EAMlC,cAAc,WANoB;EAOlC,WAAW,QAPuB;EAQlC,YAAY,SARsB;EASlC,cAAc;AAToB,CAApC;AAWA,IAAMC,sBAAsB,GAAG;EAC7B,YAAY,UADiB;EAE7B,YAAY,UAFiB;EAG7B,aAAa,WAHgB;EAI7B,aAAa,WAJgB;EAK7B,cAAc,YALe;EAM7B,cAAc,YANe;EAO7B,WAAW,SAPkB;EAQ7B,YAAY,UARiB;EAS7B,cAAc;AATe,CAA/B;;AAYA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD;EAAA,OAAY;IACnCC,OAAO,EACLZ,OAAO,CAACD,YAAY,CAACQ,kBAAkB,CAACI,KAAD,CAAnB,CAAb,EAA0C,GAA1C,CAAP,IAAyDV,KAAK,CAACF,YAAY,CAACY,KAAD,CAAb,EAAsB,IAAtB,CAF7B;IAGnCE,YAAY,EAAEd,YAAY,CAACQ,kBAAkB,CAACI,KAAD,CAAlB,IAA6BV,KAAK,CAACF,YAAY,CAACY,KAAD,CAAb,EAAsB,GAAtB,CAAnC,CAHS;IAInCG,SAAS,EAAEf,YAAY,CAACY,KAAD;EAJY,CAAZ;AAAA,CAAzB;;AAOA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACJ,KAAD;EAAA,OAAY;IACrCC,OAAO,EAAEb,YAAY,CAAC,OAAD,CADgB;IAErCc,YAAY,EAAEd,YAAY,CACxBS,2BAA2B,CAACG,KAAD,CAA3B,IAAsCV,KAAK,CAACF,YAAY,CAACY,KAAD,CAAb,EAAsB,IAAtB,CADnB,CAFW;IAKrCG,SAAS,EAAEf,YAAY,CAACY,KAAD,CALc;IAMrCK,WAAW,EAAEjB,YAAY,CAACU,sBAAsB,CAACE,KAAD,CAAtB,IAAiCV,KAAK,CAACF,YAAY,CAACY,KAAD,CAAb,EAAsB,GAAtB,CAAvC;EANY,CAAZ;AAAA,CAA3B;;AASA,IAAMM,+BAA+B,GAAG;EACtCC,OAAO,EAAE;IACPC,KAAK,EAAE,UADA;IAEPC,IAAI,EAAE,UAFC;IAGPC,OAAO,EAAE,WAHF;IAIPC,OAAO,EAAE,YAJF;IAKPC,MAAM,EAAE;EALD,CAD6B;EAQtCC,SAAS,EAAE;IACTL,KAAK,EAAE;EADE;AAR2B,CAAxC;;IAaMM,O;;;;;EAYJ,iBAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;IAEAvB,MAAM,CAACwB,IAAP,CACED,KAAK,CAACE,GADR,uEAE+DF,KAAK,CAACE,GAFrE,+CAGIX,+BAA+B,CAACS,KAAK,CAACE,GAAP,CAHnC,0DAGI,sBAA6CF,KAAK,CAACG,KAAnD,CAHJ,UAKEH,KAAK,CAAC,cAAD,CAAL,IAAyBI,GAAG,CAACC,WAL/B;IAHiB;EAUlB;;;;WAED,0BAAiB;MACf,IAAQC,IAAR,GAAiB,KAAKC,OAAtB,CAAQD,IAAR;MACA,OAAO;QAAEA,IAAI,EAAJA;MAAF,CAAP;IACD;;;WAED,yBAAgB;MACd,IAAQE,WAAR,GAAwB,KAAKD,OAA7B,CAAQC,WAAR;MAEA,OAAO;QAAEA,WAAW,EAAXA;MAAF,CAAP;IACD;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,IAAI,GASErC,GATZ;MACA,oBACE,KAAKmC,OADP;MAAA,IAAQG,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BR,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiClB,KAAjC,iBAAiCA,KAAjC;MAAA,IAAwC2B,WAAxC,iBAAwCA,WAAxC;MAAA,IAAqDC,QAArD,iBAAqDA,QAArD;MAAA,IAA+DC,SAA/D,iBAA+DA,SAA/D;MAAA,IAA0EC,UAA1E,iBAA0EA,UAA1E;MAGA,IAAMC,MAAM,GAAGb,KAAK,KAAK,SAAV,GAAsBd,kBAAkB,CAACJ,KAAD,CAAxC,GAAkDD,gBAAgB,CAACC,KAAD,CAAjF;MAEA,eAAOf,OAAO,CAACyC,MAAD,CAAd,eACE,oBAAC,IAAD;QAAA,YACY,CADZ;QAAA,mBAGmB,CAACE,QAAD,IAAaD,WAHhC;QAAA,WAIWI,MAAM,CAAC9B,OAJlB;QAAA,gBAKgB8B,MAAM,CAAC7B,YALvB;QAAA,aAMa6B,MAAM,CAAC5B,SANpB;QAAA,eAOe4B,MAAM,CAAC1B;MAPtB,YASGwB,SAAS,gBAAG,oBAAC,GAAD,CAAK,KAAL;QAAW,GAAG,EAAEA;MAAhB,EAAH,GAAmC,IAT/C,EAUGtC,iBAAiB,CAACkC,QAAD,EAAWN,GAAG,CAACa,IAAf,EAAqBb,GAAG,CAACc,KAAzB,CAVpB,EAWGH,UAAU,gBAAG,oBAAC,GAAD,CAAK,KAAL;QAAW,GAAG,EAAEA;MAAhB,EAAH,GAAoC,IAXjD,CADF;IAeD;;;;EAzDmB9C,S;;gBAAhB8B,O,iBACiB,K;;gBADjBA,O,WAEWoB,K;;gBAFXpB,O,aAGa,CAACnB,WAAW,CAACD,iBAAD,CAAZ,C;;gBAHboB,O,kBAIkB;EACpBI,KAAK,EAAE,SADa;EAEpBlB,KAAK,EAAE,UAFa;EAGpBqB,IAAI,EAAE,GAHc;EAIpBc,IAAI,EAAEzC,iBAJc;EAKpB0C,MAAM,EAAE;AALY,C;;AAwDxB,SAASJ,IAAT,CAAcjB,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMsB,KAAK,GAE2BlD,GAFtC;EACA,IAAQuC,MAAR,GAAmBX,KAAnB,CAAQW,MAAR;EACA,eAAOzC,OAAO,CAACyC,MAAD,CAAd,eAAuB,oBAAC,KAAD;IAAA,OAAwB;EAAxB,YAAvB;AACD;;AAED,SAASY,KAAT,CAAevB,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMwB,MAAM,GAeApD,GAfZ;EACA,IAAQuC,MAAR,GAAgCX,KAAhC,CAAQW,MAAR;EAAA,IAAgBH,WAAhB,GAAgCR,KAAhC,CAAgBQ,WAAhB;;EAEA,SAASiB,SAAT,CAAmBC,KAAnB,EAA0B;IACxB,IAAI1B,KAAK,CAACyB,SAAV,EAAqB;MACnB,OAAOzB,KAAK,CAACyB,SAAN,CAAgBC,KAAhB,CAAP;IACD;;IAED,IAAIA,KAAK,CAACC,IAAN,KAAe,OAAnB,EAA4B;MAC1B3B,KAAK,CAAC4B,OAAN,IAAiB5B,KAAK,CAAC4B,OAAN,CAAcF,KAAd,CAAjB;IACD;EACF;;EAED,eAAOxD,OAAO,CAACyC,MAAD,CAAd,eACE,oBAAC,MAAD;IAAA,OAEOjC,MAFP;IAAA;IAAA,cAIc8B,WAAW,CAAC,QAAD,CAJzB;IAAA,aAKaiB;EALb,YADF;AASD;;AAED,SAASP,KAAT,CAAelB,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAM6B,MAAM,GAE2BzD,GAFvC;EACA,IAAQuC,MAAR,GAAmBX,KAAnB,CAAQW,MAAR;EACA,eAAOzC,OAAO,CAACyC,MAAD,CAAd,eAAuB,oBAAC,MAAD;IAAA,OAAyB;EAAzB,YAAvB;AACD;;AAED,SAASmB,MAAT,CAAgB9B,KAAhB,EAAuB;EAAA;EAAA;;EACrB,IAAM+B,OAAO,GAE2B3D,GAFxC;EACA,IAAQuC,MAAR,GAAmBX,KAAnB,CAAQW,MAAR;EACA,gBAAOzC,OAAO,CAACyC,MAAD,CAAd,eAAuB,oBAAC,OAAD;IAAA,OAA0B;EAA1B,YAAvB;AACD;;AAED,IAAMP,GAAG,GAAGpC,eAAe,CAAC+B,OAAD,EAAU;EACnCkB,IAAI,EAAJA,IADmC;EAEnCC,KAAK,EAALA,KAFmC;EAGnCK,KAAK,EAALA,KAHmC;EAInCO,MAAM,EAANA;AAJmC,CAAV,CAA3B;AAOA,eAAe1B,GAAf"}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, ReturnEl, PropGetterFn } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { IIconProps } from '@semcore/icon';\n\nexport type TagSize = 'xl' | 'l' | 'm';\nexport type TagThemeOld = 'muted' | 'info' | 'success' | 'warning' | 'danger' | 'invert';\nexport type TagTheme = 'primary' | 'secondary' | 'additional' | (string & TagThemeOld);\nexport type TagUse = 'primary' | 'secondary';\n\nexport interface ITagProps extends IBoxProps {\n  /** Value responsible for tag availability\n   */\n  disabled?: boolean;\n  /** Value responsible for tag activity\n   */\n  active?: boolean;\n  /** Interactive tag\n   */\n  interactive?: boolean;\n  /** Tag type\n   * @default secondary\n   * @deprecated v4.0.0\n   * @use ITagProps.theme\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n  /** Tag color text */\n  color?: string;\n  /** Tag size\n   * @default m\n   */\n  size?: TagSize;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n}\n\nexport interface ITagCloseProps extends IIconProps {\n  /** Tag type\n   * @default secondary\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n}\n\nexport interface ITagContext extends ITagProps {\n  getCloseProps?: PropGetterFn;\n}\n\nexport interface ITagAddonProps extends IBoxProps {}\n\nexport interface ITagTextProps extends IBoxProps {}\n\ndeclare const Tag: (<T>(props: CProps<ITagProps & T, ITagContext>) => ReturnEl) & {\n  Text: <T>(props: ITagTextProps & T) => ReturnEl;\n  Addon: <T>(props: ITagAddonProps & T) => ReturnEl;\n  Close: <T>(props: ITagCloseProps & T) => ReturnEl;\n  Circle: <T>(props: ITagAddonProps & T) => ReturnEl;\n};\n\nexport default Tag;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, ReturnEl, PropGetterFn } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { IIconProps } from '@semcore/icon';\n\nexport type TagSize = 'xl' | 'l' | 'm';\nexport type TagThemeOld = 'muted' | 'info' | 'success' | 'warning' | 'danger' | 'invert';\nexport type TagTheme = 'primary' | 'secondary' | 'additional' | (string & TagThemeOld);\nexport type TagUse = 'primary' | 'secondary';\n\nexport interface ITagProps extends IBoxProps {\n  /** Value responsible for tag availability\n   */\n  disabled?: boolean;\n  /** Value responsible for tag activity\n   */\n  active?: boolean;\n  /** Interactive tag\n   */\n  interactive?: boolean;\n  /** Tag type\n   * @default secondary\n   * @deprecated v4.0.0\n   * @use ITagProps.theme\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n  /** Tag color text */\n  color?: string;\n  /** Tag size\n   * @default m\n   */\n  size?: TagSize;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n  locale?: string;\n}\n\nexport interface ITagCloseProps extends IIconProps {\n  /** Tag type\n   * @default secondary\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n}\n\nexport interface ITagContext extends ITagProps {\n  getCloseProps?: PropGetterFn;\n}\n\nexport interface ITagAddonProps extends IBoxProps {}\n\nexport interface ITagTextProps extends IBoxProps {}\n\ndeclare const Tag: (<T>(props: CProps<ITagProps & T, ITagContext>) => ReturnEl) & {\n  Text: <T>(props: ITagTextProps & T) => ReturnEl;\n  Addon: <T>(props: ITagAddonProps & T) => ReturnEl;\n  Close: <T>(props: ITagCloseProps & T) => ReturnEl;\n  Circle: <T>(props: ITagAddonProps & T) => ReturnEl;\n};\n\nexport default Tag;\n"],"mappings":""}

package/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,25 @@
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ja from './ja.json';
+import ko from './ko.json';
+import pt from './pt.json';
+import tr from './tr.json';
+import vi from './vi.json';
+import zh from './zh.json';
+export var localizedMessages = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ja: ja,
+  ko: ko,
+  pt: pt,
+  tr: tr,
+  vi: vi,
+  zh: zh
+};
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  pt,\n  tr,\n  vi,\n  zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AAEA,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAD+B;EAE/BC,EAAE,EAAFA,EAF+B;EAG/BC,EAAE,EAAFA,EAH+B;EAI/BC,EAAE,EAAFA,EAJ+B;EAK/BC,EAAE,EAAFA,EAL+B;EAM/BC,EAAE,EAAFA,EAN+B;EAO/BC,EAAE,EAAFA,EAP+B;EAQ/BC,EAAE,EAAFA,EAR+B;EAS/BC,EAAE,EAAFA,EAT+B;EAU/BC,EAAE,EAAFA,EAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}

package/lib/es6/translations/de.json

@@ -0,0 +1,3 @@
+{
+  "remove": "Antippen, um Tag zu entfernen"
+}

package/lib/es6/translations/en.json

@@ -0,0 +1,3 @@
+{
+  "remove": "tap to remove tag"
+}

package/lib/es6/translations/es.json

@@ -0,0 +1,3 @@
+{
+  "remove": "toca para eliminar etiqueta"
+}

package/lib/es6/translations/fr.json

@@ -0,0 +1,3 @@
+{
+  "remove": "appuyez pour enlever le tag"
+}

package/lib/es6/translations/it.json

@@ -0,0 +1,3 @@
+{
+  "remove": "clicca per rimuovere il tag"
+}

package/lib/es6/translations/ja.json

@@ -0,0 +1,3 @@
+{
+  "remove": "タグを削除をタップ"
+}

package/lib/es6/translations/ko.json

@@ -0,0 +1,3 @@
+{
+  "remove": "탭하여 태그 삭제"
+}

package/lib/es6/translations/pt.json

@@ -0,0 +1,3 @@
+{
+  "remove": "toque para remover tag"
+}

package/lib/es6/translations/tr.json

@@ -0,0 +1,3 @@
+{
+  "remove": "Etiketi kaldırmak için dokunun"
+}

package/lib/es6/translations/vi.json

@@ -0,0 +1,3 @@
+{
+  "remove": "nhấn để loại bỏ nhãn"
+}

package/lib/es6/translations/zh.json

@@ -0,0 +1,3 @@
+{
+  "remove": "点击删除标签"
+}

package/lib/types/index.d.ts

@@ -38,6 +38,7 @@ export interface ITagProps extends IBoxProps {
   addonLeft?: React.ElementType;
   /** Right addon tag */
   addonRight?: React.ElementType;
+  locale?: string;
 }
 
 export interface ITagCloseProps extends IIconProps {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/tag",
   "description": "Semrush Tag Component",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",