@semcore/tag 4.2.5 → 4.2.7

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.2.7] - 2022-11-15
+
+### Added
+
+- Added hover styles for close icon.
+
+## [4.2.6] - 2022-11-08
+
 ## [4.2.5] - 2022-10-28
 
 ### Changed

package/lib/cjs/Tag.js

@@ -52,31 +52,31 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STag_1lkhm_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: 24px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-weight: 500;\n  background-color: var(--colorBg_1lkhm);\n  color: var(--colorText_1lkhm);\n  border-color: var(--colorBorder_1lkhm)\n}\n\n.___STag_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: var(--colorBgHover_1lkhm);\n  }\n\n.___STag_1lkhm_gg_.__disabled_1lkhm_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none; /* Disable link interactions */\n}\n\n.___STag_1lkhm_gg_.__interactive_1lkhm_gg_ {\n  cursor: pointer;\n}\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ {\n  height: 20px;\n  min-width: 20px\n}\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ .___SCircle_1lkhm_gg_:first-child {\n    margin-left: -2px;\n  }\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ .___SCircle_1lkhm_gg_:last-child {\n    margin-right: -2px;\n  }\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ .___SText_1lkhm_gg_ {\n    font-size: 12px;\n    line-height: 1.33;\n  }\n\n.___STag_1lkhm_gg_._size_l_1lkhm_gg_ {\n  height: 28px;\n  min-width: 28px\n}\n\n.___STag_1lkhm_gg_._size_l_1lkhm_gg_ .___SText_1lkhm_gg_ {\n    font-size: 14px;\n    line-height: 1.42;\n  }\n\n.___STag_1lkhm_gg_._size_xl_1lkhm_gg_ {\n  height: 40px;\n  min-width: 40px\n}\n\n.___STag_1lkhm_gg_._size_xl_1lkhm_gg_ .___SText_1lkhm_gg_ {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n.___STag_1lkhm_gg_._theme_primary_1lkhm_gg_ {\n  background-color: var(--colorBg_1lkhm);\n  border-color: var(--colorBg_1lkhm);\n  color: var(--colorText_1lkhm)\n}\n\n.___STag_1lkhm_gg_._theme_primary_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_primary_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_primary_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: var(--colorBgHover_1lkhm);\n  }\n\n.___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_ {\n  background-color: rgba(255, 255, 255, 0.15);\n  color: #ffffff\n}\n\n.___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: rgba(255, 255, 255, 0.3);\n  }\n\n.___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_,\n.___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_ {\n  color: #ffffff;\n  border-color: rgba(255, 255, 255, 0.3)\n}\n\n.___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_.__active_1lkhm_gg_,\n  .___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n.___STag_1lkhm_gg_._theme_additional_1lkhm_gg_ {\n  border-style: dashed;\n}\n\n.___SText_1lkhm_gg_ {\n  display: inline-block;\n  padding-left: 4px;\n  padding-right: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.___SText_1lkhm_gg_:not(:only-child):first-child {\n  padding-right: 0;\n}\n\n.___SText_1lkhm_gg_:not(:first-child):not(:last-child) {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.___SText_1lkhm_gg_:not(:only-child):last-child {\n  padding-left: 0;\n}\n\n.___SAddon_1lkhm_gg_ {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n.___SCircle_1lkhm_gg_ {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 50%;\n  margin: 0 4px\n}\n\n.___SCircle_1lkhm_gg_:first-child {\n    margin-left: 0;\n  }\n\n.___SCircle_1lkhm_gg_:last-child {\n    margin-right: 0;\n  }\n\n.___SCircle_1lkhm_gg_._size_m_1lkhm_gg_ {\n  width: 16px;\n  height: 16px;\n}\n\n.___SCircle_1lkhm_gg_._size_l_1lkhm_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SCircle_1lkhm_gg_._size_xl_1lkhm_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SClose_1lkhm_gg_ {\n  cursor: pointer;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n}\n"
+".___STag_1e393_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:24px;padding-left:4px;padding-right:4px;font-weight:500;background-color:var(--colorBg_1e393);color:var(--colorText_1e393);border-color:var(--colorBorder_1e393)}.___STag_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_.__interactive_1e393_gg_:hover{background-color:var(--colorBgHover_1e393)}.___STag_1e393_gg_.__disabled_1e393_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STag_1e393_gg_.__interactive_1e393_gg_{cursor:pointer}.___STag_1e393_gg_._size_m_1e393_gg_{height:20px;min-width:20px}.___STag_1e393_gg_._size_m_1e393_gg_ .___SCircle_1e393_gg_:first-child{margin-left:-2px}.___STag_1e393_gg_._size_m_1e393_gg_ .___SCircle_1e393_gg_:last-child{margin-right:-2px}.___STag_1e393_gg_._size_m_1e393_gg_ .___SText_1e393_gg_{font-size:12px;line-height:1.33}.___STag_1e393_gg_._size_l_1e393_gg_{height:28px;min-width:28px}.___STag_1e393_gg_._size_l_1e393_gg_ .___SText_1e393_gg_{font-size:14px;line-height:1.42}.___STag_1e393_gg_._size_xl_1e393_gg_{height:40px;min-width:40px}.___STag_1e393_gg_._size_xl_1e393_gg_ .___SText_1e393_gg_{font-size:16px;line-height:1.5}.___STag_1e393_gg_._theme_primary_1e393_gg_{background-color:var(--colorBg_1e393);border-color:var(--colorBg_1e393);color:var(--colorText_1e393)}.___STag_1e393_gg_._theme_primary_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_primary_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_primary_1e393_gg_.__interactive_1e393_gg_:hover{background-color:var(--colorBgHover_1e393)}.___STag_1e393_gg_._theme_primary-invert_1e393_gg_{background-color:hsla(0,0%,100%,.15);color:#ffffff}.___STag_1e393_gg_._theme_primary-invert_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_primary-invert_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_primary-invert_1e393_gg_.__interactive_1e393_gg_:hover{background-color:hsla(0,0%,100%,.3)}.___STag_1e393_gg_._theme_additional-invert_1e393_gg_,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_{color:#ffffff;border-color:hsla(0,0%,100%,.3)}.___STag_1e393_gg_._theme_additional-invert_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_additional-invert_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_additional-invert_1e393_gg_.__interactive_1e393_gg_:hover,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_.__interactive_1e393_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___STag_1e393_gg_._theme_additional_1e393_gg_{border-style:dashed}.___SText_1e393_gg_{display:inline-block;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1e393_gg_:not(:only-child):first-child{padding-right:0}.___SText_1e393_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1e393_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1e393_gg_{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:4px;padding-right:4px}.___SCircle_1e393_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 4px}.___SCircle_1e393_gg_:first-child{margin-left:0}.___SCircle_1e393_gg_:last-child{margin-right:0}.___SCircle_1e393_gg_._size_m_1e393_gg_{width:16px;height:16px}.___SCircle_1e393_gg_._size_l_1e393_gg_{width:20px;height:20px}.___SCircle_1e393_gg_._size_xl_1e393_gg_{width:20px;height:20px}.___SClose_1e393_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:4px;opacity:.5}.___SClose_1e393_gg_:hover{opacity:1}"
 /*__inner_css_end__*/
-, "1lkhm_gg_")
+, "1e393_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_1lkhm_gg_",
-  "--colorBg": "--colorBg_1lkhm",
-  "--colorText": "--colorText_1lkhm",
-  "--colorBorder": "--colorBorder_1lkhm",
-  "_interactive": "__interactive_1lkhm_gg_",
-  "_active": "__active_1lkhm_gg_",
-  "--colorBgHover": "--colorBgHover_1lkhm",
-  "_disabled": "__disabled_1lkhm_gg_",
-  "_size_m": "_size_m_1lkhm_gg_",
-  "__SCircle": "___SCircle_1lkhm_gg_",
-  "__SText": "___SText_1lkhm_gg_",
-  "_size_l": "_size_l_1lkhm_gg_",
-  "_size_xl": "_size_xl_1lkhm_gg_",
-  "_theme_primary": "_theme_primary_1lkhm_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1lkhm_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1lkhm_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1lkhm_gg_",
-  "_theme_additional": "_theme_additional_1lkhm_gg_",
-  "__SAddon": "___SAddon_1lkhm_gg_",
-  "__SClose": "___SClose_1lkhm_gg_"
+  "__STag": "___STag_1e393_gg_",
+  "--colorBg": "--colorBg_1e393",
+  "--colorText": "--colorText_1e393",
+  "--colorBorder": "--colorBorder_1e393",
+  "_active": "__active_1e393_gg_",
+  "_interactive": "__interactive_1e393_gg_",
+  "--colorBgHover": "--colorBgHover_1e393",
+  "_disabled": "__disabled_1e393_gg_",
+  "_size_m": "_size_m_1e393_gg_",
+  "__SCircle": "___SCircle_1e393_gg_",
+  "__SText": "___SText_1e393_gg_",
+  "_size_l": "_size_l_1e393_gg_",
+  "_size_xl": "_size_xl_1e393_gg_",
+  "_theme_primary": "_theme_primary_1e393_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1e393_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1e393_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1e393_gg_",
+  "_theme_additional": "_theme_additional_1e393_gg_",
+  "__SAddon": "___SAddon_1e393_gg_",
+  "__SClose": "___SClose_1e393_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

package/lib/cjs/style/tag.shadow.css

@@ -180,4 +180,9 @@ SClose {
   align-items: center;
   justify-content: center;
   padding: 4px;
+  opacity: 0.5;
+
+  &:hover {
+    opacity: 1;
+  }
 }

package/lib/es6/Tag.js

@@ -32,31 +32,31 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STag_1lkhm_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: 24px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-weight: 500;\n  background-color: var(--colorBg_1lkhm);\n  color: var(--colorText_1lkhm);\n  border-color: var(--colorBorder_1lkhm)\n}\n\n.___STag_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: var(--colorBgHover_1lkhm);\n  }\n\n.___STag_1lkhm_gg_.__disabled_1lkhm_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none; /* Disable link interactions */\n}\n\n.___STag_1lkhm_gg_.__interactive_1lkhm_gg_ {\n  cursor: pointer;\n}\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ {\n  height: 20px;\n  min-width: 20px\n}\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ .___SCircle_1lkhm_gg_:first-child {\n    margin-left: -2px;\n  }\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ .___SCircle_1lkhm_gg_:last-child {\n    margin-right: -2px;\n  }\n\n.___STag_1lkhm_gg_._size_m_1lkhm_gg_ .___SText_1lkhm_gg_ {\n    font-size: 12px;\n    line-height: 1.33;\n  }\n\n.___STag_1lkhm_gg_._size_l_1lkhm_gg_ {\n  height: 28px;\n  min-width: 28px\n}\n\n.___STag_1lkhm_gg_._size_l_1lkhm_gg_ .___SText_1lkhm_gg_ {\n    font-size: 14px;\n    line-height: 1.42;\n  }\n\n.___STag_1lkhm_gg_._size_xl_1lkhm_gg_ {\n  height: 40px;\n  min-width: 40px\n}\n\n.___STag_1lkhm_gg_._size_xl_1lkhm_gg_ .___SText_1lkhm_gg_ {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n.___STag_1lkhm_gg_._theme_primary_1lkhm_gg_ {\n  background-color: var(--colorBg_1lkhm);\n  border-color: var(--colorBg_1lkhm);\n  color: var(--colorText_1lkhm)\n}\n\n.___STag_1lkhm_gg_._theme_primary_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_primary_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_primary_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: var(--colorBgHover_1lkhm);\n  }\n\n.___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_ {\n  background-color: rgba(255, 255, 255, 0.15);\n  color: #ffffff\n}\n\n.___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_primary-invert_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: rgba(255, 255, 255, 0.3);\n  }\n\n.___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_,\n.___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_ {\n  color: #ffffff;\n  border-color: rgba(255, 255, 255, 0.3)\n}\n\n.___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_secondary-invert_1lkhm_gg_.__active_1lkhm_gg_,\n  .___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_.__interactive_1lkhm_gg_:hover,\n  .___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_.__interactive_1lkhm_gg_:active,\n  .___STag_1lkhm_gg_._theme_additional-invert_1lkhm_gg_.__active_1lkhm_gg_ {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n.___STag_1lkhm_gg_._theme_additional_1lkhm_gg_ {\n  border-style: dashed;\n}\n\n.___SText_1lkhm_gg_ {\n  display: inline-block;\n  padding-left: 4px;\n  padding-right: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.___SText_1lkhm_gg_:not(:only-child):first-child {\n  padding-right: 0;\n}\n\n.___SText_1lkhm_gg_:not(:first-child):not(:last-child) {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.___SText_1lkhm_gg_:not(:only-child):last-child {\n  padding-left: 0;\n}\n\n.___SAddon_1lkhm_gg_ {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n.___SCircle_1lkhm_gg_ {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 50%;\n  margin: 0 4px\n}\n\n.___SCircle_1lkhm_gg_:first-child {\n    margin-left: 0;\n  }\n\n.___SCircle_1lkhm_gg_:last-child {\n    margin-right: 0;\n  }\n\n.___SCircle_1lkhm_gg_._size_m_1lkhm_gg_ {\n  width: 16px;\n  height: 16px;\n}\n\n.___SCircle_1lkhm_gg_._size_l_1lkhm_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SCircle_1lkhm_gg_._size_xl_1lkhm_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SClose_1lkhm_gg_ {\n  cursor: pointer;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n}\n"
+".___STag_1e393_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:24px;padding-left:4px;padding-right:4px;font-weight:500;background-color:var(--colorBg_1e393);color:var(--colorText_1e393);border-color:var(--colorBorder_1e393)}.___STag_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_.__interactive_1e393_gg_:hover{background-color:var(--colorBgHover_1e393)}.___STag_1e393_gg_.__disabled_1e393_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STag_1e393_gg_.__interactive_1e393_gg_{cursor:pointer}.___STag_1e393_gg_._size_m_1e393_gg_{height:20px;min-width:20px}.___STag_1e393_gg_._size_m_1e393_gg_ .___SCircle_1e393_gg_:first-child{margin-left:-2px}.___STag_1e393_gg_._size_m_1e393_gg_ .___SCircle_1e393_gg_:last-child{margin-right:-2px}.___STag_1e393_gg_._size_m_1e393_gg_ .___SText_1e393_gg_{font-size:12px;line-height:1.33}.___STag_1e393_gg_._size_l_1e393_gg_{height:28px;min-width:28px}.___STag_1e393_gg_._size_l_1e393_gg_ .___SText_1e393_gg_{font-size:14px;line-height:1.42}.___STag_1e393_gg_._size_xl_1e393_gg_{height:40px;min-width:40px}.___STag_1e393_gg_._size_xl_1e393_gg_ .___SText_1e393_gg_{font-size:16px;line-height:1.5}.___STag_1e393_gg_._theme_primary_1e393_gg_{background-color:var(--colorBg_1e393);border-color:var(--colorBg_1e393);color:var(--colorText_1e393)}.___STag_1e393_gg_._theme_primary_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_primary_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_primary_1e393_gg_.__interactive_1e393_gg_:hover{background-color:var(--colorBgHover_1e393)}.___STag_1e393_gg_._theme_primary-invert_1e393_gg_{background-color:hsla(0,0%,100%,.15);color:#ffffff}.___STag_1e393_gg_._theme_primary-invert_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_primary-invert_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_primary-invert_1e393_gg_.__interactive_1e393_gg_:hover{background-color:hsla(0,0%,100%,.3)}.___STag_1e393_gg_._theme_additional-invert_1e393_gg_,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_{color:#ffffff;border-color:hsla(0,0%,100%,.3)}.___STag_1e393_gg_._theme_additional-invert_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_additional-invert_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_additional-invert_1e393_gg_.__interactive_1e393_gg_:hover,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_.__active_1e393_gg_,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_.__interactive_1e393_gg_:active,.___STag_1e393_gg_._theme_secondary-invert_1e393_gg_.__interactive_1e393_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___STag_1e393_gg_._theme_additional_1e393_gg_{border-style:dashed}.___SText_1e393_gg_{display:inline-block;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1e393_gg_:not(:only-child):first-child{padding-right:0}.___SText_1e393_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1e393_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1e393_gg_{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:4px;padding-right:4px}.___SCircle_1e393_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 4px}.___SCircle_1e393_gg_:first-child{margin-left:0}.___SCircle_1e393_gg_:last-child{margin-right:0}.___SCircle_1e393_gg_._size_m_1e393_gg_{width:16px;height:16px}.___SCircle_1e393_gg_._size_l_1e393_gg_{width:20px;height:20px}.___SCircle_1e393_gg_._size_xl_1e393_gg_{width:20px;height:20px}.___SClose_1e393_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:4px;opacity:.5}.___SClose_1e393_gg_:hover{opacity:1}"
 /*__inner_css_end__*/
-, "1lkhm_gg_")
+, "1e393_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_1lkhm_gg_",
-  "--colorBg": "--colorBg_1lkhm",
-  "--colorText": "--colorText_1lkhm",
-  "--colorBorder": "--colorBorder_1lkhm",
-  "_interactive": "__interactive_1lkhm_gg_",
-  "_active": "__active_1lkhm_gg_",
-  "--colorBgHover": "--colorBgHover_1lkhm",
-  "_disabled": "__disabled_1lkhm_gg_",
-  "_size_m": "_size_m_1lkhm_gg_",
-  "__SCircle": "___SCircle_1lkhm_gg_",
-  "__SText": "___SText_1lkhm_gg_",
-  "_size_l": "_size_l_1lkhm_gg_",
-  "_size_xl": "_size_xl_1lkhm_gg_",
-  "_theme_primary": "_theme_primary_1lkhm_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1lkhm_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1lkhm_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1lkhm_gg_",
-  "_theme_additional": "_theme_additional_1lkhm_gg_",
-  "__SAddon": "___SAddon_1lkhm_gg_",
-  "__SClose": "___SClose_1lkhm_gg_"
+  "__STag": "___STag_1e393_gg_",
+  "--colorBg": "--colorBg_1e393",
+  "--colorText": "--colorText_1e393",
+  "--colorBorder": "--colorBorder_1e393",
+  "_active": "__active_1e393_gg_",
+  "_interactive": "__interactive_1e393_gg_",
+  "--colorBgHover": "--colorBgHover_1e393",
+  "_disabled": "__disabled_1e393_gg_",
+  "_size_m": "_size_m_1e393_gg_",
+  "__SCircle": "___SCircle_1e393_gg_",
+  "__SText": "___SText_1e393_gg_",
+  "_size_l": "_size_l_1e393_gg_",
+  "_size_xl": "_size_xl_1e393_gg_",
+  "_theme_primary": "_theme_primary_1e393_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1e393_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1e393_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1e393_gg_",
+  "_theme_additional": "_theme_additional_1e393_gg_",
+  "__SAddon": "___SAddon_1e393_gg_",
+  "__SClose": "___SClose_1e393_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

package/lib/es6/style/tag.shadow.css

@@ -180,4 +180,9 @@ SClose {
   align-items: center;
   justify-content: center;
   padding: 4px;
+  opacity: 0.5;
+
+  &:hover {
+    opacity: 1;
+  }
 }

package/package.json

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