@semcore/tag 4.4.15 → 4.4.17

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.4.17] - 2023-02-24
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [3.12.0 ~> 3.13.0]).
+
+## [4.4.16] - 2023-02-22
+
 ## [4.4.15] - 2023-02-21
 
 ### Changed

package/lib/cjs/Tag.js

@@ -1,23 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -39,48 +39,36 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 
 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; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STag_oo4vg_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_oo4vg);color:var(--colorText_oo4vg);border-color:var(--colorBorder_oo4vg)}.___STag_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--colorBgHover_oo4vg)}@media (hover:hover){.___STag_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--colorBgHover_oo4vg)}}.___STag_oo4vg_gg_.__disabled_oo4vg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_oo4vg_gg_.__interactive_oo4vg_gg_{cursor:pointer}.___STag_oo4vg_gg_._size_m_oo4vg_gg_{height:20px;min-width:20px}.___STag_oo4vg_gg_._size_m_oo4vg_gg_ .___SCircle_oo4vg_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_oo4vg_gg_._size_m_oo4vg_gg_ .___SCircle_oo4vg_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_oo4vg_gg_._size_m_oo4vg_gg_ .___SText_oo4vg_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_oo4vg_gg_._size_l_oo4vg_gg_{height:28px;min-width:28px}.___STag_oo4vg_gg_._size_l_oo4vg_gg_ .___SText_oo4vg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_oo4vg_gg_._size_xl_oo4vg_gg_{height:40px;min-width:40px}.___STag_oo4vg_gg_._size_xl_oo4vg_gg_ .___SText_oo4vg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_{background-color:var(--colorBg_oo4vg);border-color:var(--colorBg_oo4vg);color:var(--colorText_oo4vg)}.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--colorBgHover_oo4vg)}@media (hover:hover){.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--colorBgHover_oo4vg)}}.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_.__interactive_oo4vg_gg_:active,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_.__interactive_oo4vg_gg_:hover,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_oo4vg_gg_._theme_additional_oo4vg_gg_{border-style:dashed}.___SText_oo4vg_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_oo4vg_gg_:not(:only-child):first-child{padding-right:0}.___SText_oo4vg_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_oo4vg_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_oo4vg_gg_,.___SCircle_oo4vg_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_oo4vg_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_oo4vg_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_oo4vg_gg_:first-child{margin-left:0}.___SCircle_oo4vg_gg_:last-child{margin-right:0}.___SCircle_oo4vg_gg_._size_m_oo4vg_gg_{width:16px;height:16px}.___SCircle_oo4vg_gg_._size_l_oo4vg_gg_,.___SCircle_oo4vg_gg_._size_xl_oo4vg_gg_{width:20px;height:20px}.___SClose_oo4vg_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_oo4vg_gg_:hover{opacity:1}}"
+".___STag_1qfgo_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_1qfgo);color:var(--colorText_1qfgo);border-color:var(--colorBorder_1qfgo)}.___STag_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--colorBgHover_1qfgo)}@media (hover:hover){.___STag_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--colorBgHover_1qfgo)}}.___STag_1qfgo_gg_.__disabled_1qfgo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1qfgo_gg_.__interactive_1qfgo_gg_{cursor:pointer}.___STag_1qfgo_gg_._size_m_1qfgo_gg_{height:20px;min-width:20px}.___STag_1qfgo_gg_._size_m_1qfgo_gg_ .___SCircle_1qfgo_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1qfgo_gg_._size_m_1qfgo_gg_ .___SCircle_1qfgo_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1qfgo_gg_._size_m_1qfgo_gg_ .___SText_1qfgo_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1qfgo_gg_._size_l_1qfgo_gg_{height:28px;min-width:28px}.___STag_1qfgo_gg_._size_l_1qfgo_gg_ .___SText_1qfgo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1qfgo_gg_._size_xl_1qfgo_gg_{height:40px;min-width:40px}.___STag_1qfgo_gg_._size_xl_1qfgo_gg_ .___SText_1qfgo_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_{background-color:var(--colorBg_1qfgo);border-color:var(--colorBg_1qfgo);color:var(--colorText_1qfgo)}.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--colorBgHover_1qfgo)}@media (hover:hover){.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--colorBgHover_1qfgo)}}.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_.__interactive_1qfgo_gg_:active,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_.__interactive_1qfgo_gg_:hover,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_1qfgo_gg_._theme_additional_1qfgo_gg_{border-style:dashed}.___SText_1qfgo_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_1qfgo_gg_:not(:only-child):first-child{padding-right:0}.___SText_1qfgo_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1qfgo_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1qfgo_gg_,.___SCircle_1qfgo_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1qfgo_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_1qfgo_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1qfgo_gg_:first-child{margin-left:0}.___SCircle_1qfgo_gg_:last-child{margin-right:0}.___SCircle_1qfgo_gg_._size_m_1qfgo_gg_{width:16px;height:16px}.___SCircle_1qfgo_gg_._size_l_1qfgo_gg_,.___SCircle_1qfgo_gg_._size_xl_1qfgo_gg_{width:20px;height:20px}.___SClose_1qfgo_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_1qfgo_gg_:hover{opacity:1}}"
 /*__inner_css_end__*/
-, "oo4vg_gg_")
+, "1qfgo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_oo4vg_gg_",
-  "--colorBg": "--colorBg_oo4vg",
-  "--colorText": "--colorText_oo4vg",
-  "--colorBorder": "--colorBorder_oo4vg",
-  "_interactive": "__interactive_oo4vg_gg_",
-  "_active": "__active_oo4vg_gg_",
-  "--colorBgHover": "--colorBgHover_oo4vg",
-  "_disabled": "__disabled_oo4vg_gg_",
-  "_size_m": "_size_m_oo4vg_gg_",
-  "__SCircle": "___SCircle_oo4vg_gg_",
-  "__SText": "___SText_oo4vg_gg_",
-  "_size_l": "_size_l_oo4vg_gg_",
-  "_size_xl": "_size_xl_oo4vg_gg_",
-  "_theme_primary": "_theme_primary_oo4vg_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_oo4vg_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_oo4vg_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_oo4vg_gg_",
-  "_theme_additional": "_theme_additional_oo4vg_gg_",
-  "__SAddon": "___SAddon_oo4vg_gg_",
-  "__SClose": "___SClose_oo4vg_gg_"
+  "__STag": "___STag_1qfgo_gg_",
+  "--colorBg": "--colorBg_1qfgo",
+  "--colorText": "--colorText_1qfgo",
+  "--colorBorder": "--colorBorder_1qfgo",
+  "_interactive": "__interactive_1qfgo_gg_",
+  "_active": "__active_1qfgo_gg_",
+  "--colorBgHover": "--colorBgHover_1qfgo",
+  "_disabled": "__disabled_1qfgo_gg_",
+  "_size_m": "_size_m_1qfgo_gg_",
+  "__SCircle": "___SCircle_1qfgo_gg_",
+  "__SText": "___SText_1qfgo_gg_",
+  "_size_l": "_size_l_1qfgo_gg_",
+  "_size_xl": "_size_xl_1qfgo_gg_",
+  "_theme_primary": "_theme_primary_1qfgo_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1qfgo_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1qfgo_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1qfgo_gg_",
+  "_theme_additional": "_theme_additional_1qfgo_gg_",
+  "__SAddon": "___SAddon_1qfgo_gg_",
+  "__SClose": "___SClose_1qfgo_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',
@@ -149,7 +137,7 @@ var legacyThemeRecommendedMigration = {
 var RootTag = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootTag, _Component);
 
-  var _super = _createSuper(RootTag);
+  var _super = (0, _createSuper2["default"])(RootTag);
 
   function RootTag(props) {
     var _legacyThemeRecommend;
@@ -197,7 +185,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
           addonLeft = _this$asProps.addonLeft,
           addonRight = _this$asProps.addonRight;
       var colors = theme !== 'primary' ? getSecondaryColors(color) : getPrimaryColors(color);
-      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", _objectSpread({}, (0, _core.assignProps)({
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tabIndex": 0,
         "use:interactive": !disabled && interactive,
         "colorBg": colors.colorBg,
@@ -231,7 +219,7 @@ function Text(props) {
 
   var SText = _flexBox.Box;
   var styles = props.styles;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", _objectSpread({}, (0, _core.assignProps)({
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": "span"
   }, _ref2))));
 }
@@ -254,7 +242,7 @@ function Close(props) {
     }
   }
 
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", _objectSpread({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _m["default"],
     "interactive": true,
     "aria-label": getI18nText('remove'),
@@ -268,7 +256,7 @@ function Addon(props) {
 
   var SAddon = _flexBox.Box;
   var styles = props.styles;
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", _objectSpread({}, (0, _core.assignProps)({
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": "span"
   }, _ref4))));
 }
@@ -279,7 +267,7 @@ function Circle(props) {
 
   var SCircle = _flexBox.Box;
   var styles = props.styles;
-  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", _objectSpread({}, (0, _core.assignProps)({
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": "span"
   }, _ref5))));
 }

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","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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"}
+{"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/es6/Tag.js

@@ -1,8 +1,8 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps5 } from "@semcore/core";
@@ -10,15 +10,6 @@ import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
@@ -34,31 +25,31 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STag_oo4vg_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_oo4vg);color:var(--colorText_oo4vg);border-color:var(--colorBorder_oo4vg)}.___STag_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--colorBgHover_oo4vg)}@media (hover:hover){.___STag_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--colorBgHover_oo4vg)}}.___STag_oo4vg_gg_.__disabled_oo4vg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_oo4vg_gg_.__interactive_oo4vg_gg_{cursor:pointer}.___STag_oo4vg_gg_._size_m_oo4vg_gg_{height:20px;min-width:20px}.___STag_oo4vg_gg_._size_m_oo4vg_gg_ .___SCircle_oo4vg_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_oo4vg_gg_._size_m_oo4vg_gg_ .___SCircle_oo4vg_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_oo4vg_gg_._size_m_oo4vg_gg_ .___SText_oo4vg_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_oo4vg_gg_._size_l_oo4vg_gg_{height:28px;min-width:28px}.___STag_oo4vg_gg_._size_l_oo4vg_gg_ .___SText_oo4vg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_oo4vg_gg_._size_xl_oo4vg_gg_{height:40px;min-width:40px}.___STag_oo4vg_gg_._size_xl_oo4vg_gg_ .___SText_oo4vg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_{background-color:var(--colorBg_oo4vg);border-color:var(--colorBg_oo4vg);color:var(--colorText_oo4vg)}.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--colorBgHover_oo4vg)}@media (hover:hover){.___STag_oo4vg_gg_._theme_primary_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--colorBgHover_oo4vg)}}.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_oo4vg_gg_._theme_primary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_.__interactive_oo4vg_gg_:active,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_.__active_oo4vg_gg_,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_oo4vg_gg_._theme_additional-invert_oo4vg_gg_.__interactive_oo4vg_gg_:hover,.___STag_oo4vg_gg_._theme_secondary-invert_oo4vg_gg_.__interactive_oo4vg_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_oo4vg_gg_._theme_additional_oo4vg_gg_{border-style:dashed}.___SText_oo4vg_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_oo4vg_gg_:not(:only-child):first-child{padding-right:0}.___SText_oo4vg_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_oo4vg_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_oo4vg_gg_,.___SCircle_oo4vg_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_oo4vg_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_oo4vg_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_oo4vg_gg_:first-child{margin-left:0}.___SCircle_oo4vg_gg_:last-child{margin-right:0}.___SCircle_oo4vg_gg_._size_m_oo4vg_gg_{width:16px;height:16px}.___SCircle_oo4vg_gg_._size_l_oo4vg_gg_,.___SCircle_oo4vg_gg_._size_xl_oo4vg_gg_{width:20px;height:20px}.___SClose_oo4vg_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_oo4vg_gg_:hover{opacity:1}}"
+".___STag_1qfgo_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_1qfgo);color:var(--colorText_1qfgo);border-color:var(--colorBorder_1qfgo)}.___STag_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--colorBgHover_1qfgo)}@media (hover:hover){.___STag_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--colorBgHover_1qfgo)}}.___STag_1qfgo_gg_.__disabled_1qfgo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1qfgo_gg_.__interactive_1qfgo_gg_{cursor:pointer}.___STag_1qfgo_gg_._size_m_1qfgo_gg_{height:20px;min-width:20px}.___STag_1qfgo_gg_._size_m_1qfgo_gg_ .___SCircle_1qfgo_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1qfgo_gg_._size_m_1qfgo_gg_ .___SCircle_1qfgo_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1qfgo_gg_._size_m_1qfgo_gg_ .___SText_1qfgo_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1qfgo_gg_._size_l_1qfgo_gg_{height:28px;min-width:28px}.___STag_1qfgo_gg_._size_l_1qfgo_gg_ .___SText_1qfgo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1qfgo_gg_._size_xl_1qfgo_gg_{height:40px;min-width:40px}.___STag_1qfgo_gg_._size_xl_1qfgo_gg_ .___SText_1qfgo_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_{background-color:var(--colorBg_1qfgo);border-color:var(--colorBg_1qfgo);color:var(--colorText_1qfgo)}.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--colorBgHover_1qfgo)}@media (hover:hover){.___STag_1qfgo_gg_._theme_primary_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--colorBgHover_1qfgo)}}.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}@media (hover:hover){.___STag_1qfgo_gg_._theme_primary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active, rgba(255, 255, 255, 0.3))}}.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-secondary-invert, rgba(255, 255, 255, 0.3))}.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_.__interactive_1qfgo_gg_:active,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_.__active_1qfgo_gg_,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:active{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}@media (hover:hover){.___STag_1qfgo_gg_._theme_additional-invert_1qfgo_gg_.__interactive_1qfgo_gg_:hover,.___STag_1qfgo_gg_._theme_secondary-invert_1qfgo_gg_.__interactive_1qfgo_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9)}}.___STag_1qfgo_gg_._theme_additional_1qfgo_gg_{border-style:dashed}.___SText_1qfgo_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_1qfgo_gg_:not(:only-child):first-child{padding-right:0}.___SText_1qfgo_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1qfgo_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1qfgo_gg_,.___SCircle_1qfgo_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1qfgo_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SCircle_1qfgo_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1qfgo_gg_:first-child{margin-left:0}.___SCircle_1qfgo_gg_:last-child{margin-right:0}.___SCircle_1qfgo_gg_._size_m_1qfgo_gg_{width:16px;height:16px}.___SCircle_1qfgo_gg_._size_l_1qfgo_gg_,.___SCircle_1qfgo_gg_._size_xl_1qfgo_gg_{width:20px;height:20px}.___SClose_1qfgo_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_1qfgo_gg_:hover{opacity:1}}"
 /*__inner_css_end__*/
-, "oo4vg_gg_")
+, "1qfgo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_oo4vg_gg_",
-  "--colorBg": "--colorBg_oo4vg",
-  "--colorText": "--colorText_oo4vg",
-  "--colorBorder": "--colorBorder_oo4vg",
-  "_interactive": "__interactive_oo4vg_gg_",
-  "_active": "__active_oo4vg_gg_",
-  "--colorBgHover": "--colorBgHover_oo4vg",
-  "_disabled": "__disabled_oo4vg_gg_",
-  "_size_m": "_size_m_oo4vg_gg_",
-  "__SCircle": "___SCircle_oo4vg_gg_",
-  "__SText": "___SText_oo4vg_gg_",
-  "_size_l": "_size_l_oo4vg_gg_",
-  "_size_xl": "_size_xl_oo4vg_gg_",
-  "_theme_primary": "_theme_primary_oo4vg_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_oo4vg_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_oo4vg_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_oo4vg_gg_",
-  "_theme_additional": "_theme_additional_oo4vg_gg_",
-  "__SAddon": "___SAddon_oo4vg_gg_",
-  "__SClose": "___SClose_oo4vg_gg_"
+  "__STag": "___STag_1qfgo_gg_",
+  "--colorBg": "--colorBg_1qfgo",
+  "--colorText": "--colorText_1qfgo",
+  "--colorBorder": "--colorBorder_1qfgo",
+  "_interactive": "__interactive_1qfgo_gg_",
+  "_active": "__active_1qfgo_gg_",
+  "--colorBgHover": "--colorBgHover_1qfgo",
+  "_disabled": "__disabled_1qfgo_gg_",
+  "_size_m": "_size_m_1qfgo_gg_",
+  "__SCircle": "___SCircle_1qfgo_gg_",
+  "__SText": "___SText_1qfgo_gg_",
+  "_size_l": "_size_l_1qfgo_gg_",
+  "_size_xl": "_size_xl_1qfgo_gg_",
+  "_theme_primary": "_theme_primary_1qfgo_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1qfgo_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1qfgo_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1qfgo_gg_",
+  "_theme_additional": "_theme_additional_1qfgo_gg_",
+  "__SAddon": "___SAddon_1qfgo_gg_",
+  "__SClose": "___SClose_1qfgo_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

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","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":"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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":"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"}

package/package.json

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