@semcore/tag 4.4.1 → 4.4.3

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.4.3] - 2022-12-27
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [3.4.3 ~> 3.5.0]).
+
+## [4.4.2] - 2022-12-19
+
+### Fixed
+
+- Fixed css syntax error.
+
 ## [4.4.1] - 2022-12-19
 
 ### Changed

package/lib/cjs/Tag.js

@@ -56,31 +56,31 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STag_z3udd_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_z3udd);\n  color:var(--colorText_z3udd);\n  border-color:var(--colorBorder_z3udd)\n}\n\n.___STag_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_.__interactive_z3udd_gg_:hover{\n    background-color:var(--colorBgHover_z3udd);\n  }\n\n.___STag_z3udd_gg_.__disabled_z3udd_gg_{\n  opacity:var(--intergalactic-disabled-opacity, .3);\n  cursor:default;\n  pointer-events:none;\n}\n\n.___STag_z3udd_gg_.__interactive_z3udd_gg_{\n  cursor:pointer;\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_{\n  height:20px;\n  min-width:20px\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:first-child{\n    margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:last-child{\n    margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SText_z3udd_gg_{\n    font-size:var(--intergalactic-fs-100, 12px);\n    line-height:var(--intergalactic-lh-100, 133%);\n  }\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_{\n  height:28px;\n  min-width:28px\n}\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_ .___SText_z3udd_gg_{\n    font-size:var(--intergalactic-fs-200, 14px);\n    line-height:var(--intergalactic-lh-200, 142%);\n  }\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_{\n  height:40px;\n  min-width:40px\n}\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_ .___SText_z3udd_gg_{\n    font-size:var(--intergalactic-fs-300, 16px);\n    line-height:var(--intergalactic-lh-300, 150%);\n  }\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_{\n  background-color:var(--colorBg_z3udd);\n  border-color:var(--colorBg_z3udd);\n  color:var(--colorText_z3udd)\n}\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:hover{\n    background-color:var(--colorBgHover_z3udd);\n  }\n\n.___STag_z3udd_gg_._theme_primary-invert_z3udd_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_z3udd_gg_._theme_primary-invert_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:hover{\n    background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n  }\n\n.___STag_z3udd_gg_._theme_additional-invert_z3udd_gg_,.___STag_z3udd_gg_._theme_secondary-invert_z3udd_gg_{\n  color:var(--intergalactic-text-primary-invert, #fff);\n  border-color: var(\\--intergalactic-border-secondary-invert)\n\n  &.__interactive_z3udd_gg_:hover,\n  &.__interactive_z3udd_gg_:active,\n  &.__active_z3udd_gg_{\n    background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n  }\n}\n\n.___STag_z3udd_gg_._theme_additional_z3udd_gg_{\n  border-style:dashed;\n}\n\n.___SText_z3udd_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_z3udd_gg_:not(:only-child):first-child{\n  padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:first-child):not(:last-child){\n  padding-left:0;\n  padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:only-child):last-child{\n  padding-left:0;\n}\n\n.___SAddon_z3udd_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_z3udd_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_z3udd_gg_:first-child{\n    margin-left:0;\n  }\n\n.___SCircle_z3udd_gg_:last-child{\n    margin-right:0;\n  }\n\n.___SCircle_z3udd_gg_._size_m_z3udd_gg_{\n  width:16px;\n  height:16px;\n}\n\n.___SCircle_z3udd_gg_._size_l_z3udd_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SCircle_z3udd_gg_._size_xl_z3udd_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SClose_z3udd_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_z3udd_gg_:hover{\n    opacity:1;\n  }\n"
+".___STag_u6jxj_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-rounded-extra-large,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_u6jxj);color:var(--colorText_u6jxj);border-color:var(--colorBorder_u6jxj)}.___STag_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--colorBgHover_u6jxj)}.___STag_u6jxj_gg_.__disabled_u6jxj_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___STag_u6jxj_gg_.__interactive_u6jxj_gg_{cursor:pointer}.___STag_u6jxj_gg_._size_m_u6jxj_gg_{height:20px;min-width:20px}.___STag_u6jxj_gg_._size_m_u6jxj_gg_ .___SCircle_u6jxj_gg_:first-child{margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1)}.___STag_u6jxj_gg_._size_m_u6jxj_gg_ .___SCircle_u6jxj_gg_:last-child{margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1)}.___STag_u6jxj_gg_._size_m_u6jxj_gg_ .___SText_u6jxj_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%)}.___STag_u6jxj_gg_._size_l_u6jxj_gg_{height:28px;min-width:28px}.___STag_u6jxj_gg_._size_l_u6jxj_gg_ .___SText_u6jxj_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___STag_u6jxj_gg_._size_xl_u6jxj_gg_{height:40px;min-width:40px}.___STag_u6jxj_gg_._size_xl_u6jxj_gg_ .___SText_u6jxj_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_{background-color:var(--colorBg_u6jxj);border-color:var(--colorBg_u6jxj);color:var(--colorText_u6jxj)}.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--colorBgHover_u6jxj)}.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_{background-color:var(--intergalactic-tag-primary-white-normal,hsla(0,0%,100%,.15));color:var(--intergalactic-text-primary-invert,#fff)}.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active,hsla(0,0%,100%,.3))}.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_{color:var(--intergalactic-text-primary-invert,#fff);border-color:var(--intergalactic-border-secondary-invert)}.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_.__interactive_u6jxj_gg_:hover,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active,#f4f5f9)}.___STag_u6jxj_gg_._theme_additional_u6jxj_gg_{border-style:dashed}.___SText_u6jxj_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_u6jxj_gg_:not(:only-child):first-child{padding-right:0}.___SText_u6jxj_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_u6jxj_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_u6jxj_gg_{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x,4px);padding-right:var(--intergalactic-spacing-1x,4px)}.___SCircle_u6jxj_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x,4px)}.___SCircle_u6jxj_gg_:first-child{margin-left:0}.___SCircle_u6jxj_gg_:last-child{margin-right:0}.___SCircle_u6jxj_gg_._size_m_u6jxj_gg_{width:16px;height:16px}.___SCircle_u6jxj_gg_._size_l_u6jxj_gg_{width:20px;height:20px}.___SCircle_u6jxj_gg_._size_xl_u6jxj_gg_{width:20px;height:20px}.___SClose_u6jxj_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x,4px);opacity:.5}.___SClose_u6jxj_gg_:hover{opacity:1}"
 /*__inner_css_end__*/
-, "z3udd_gg_")
+, "u6jxj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_z3udd_gg_",
-  "--colorBg": "--colorBg_z3udd",
-  "--colorText": "--colorText_z3udd",
-  "--colorBorder": "--colorBorder_z3udd",
-  "_active": "__active_z3udd_gg_",
-  "_interactive": "__interactive_z3udd_gg_",
-  "--colorBgHover": "--colorBgHover_z3udd",
-  "_disabled": "__disabled_z3udd_gg_",
-  "_size_m": "_size_m_z3udd_gg_",
-  "__SCircle": "___SCircle_z3udd_gg_",
-  "__SText": "___SText_z3udd_gg_",
-  "_size_l": "_size_l_z3udd_gg_",
-  "_size_xl": "_size_xl_z3udd_gg_",
-  "_theme_primary": "_theme_primary_z3udd_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_z3udd_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_z3udd_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_z3udd_gg_",
-  "_theme_additional": "_theme_additional_z3udd_gg_",
-  "__SAddon": "___SAddon_z3udd_gg_",
-  "__SClose": "___SClose_z3udd_gg_"
+  "__STag": "___STag_u6jxj_gg_",
+  "--colorBg": "--colorBg_u6jxj",
+  "--colorText": "--colorText_u6jxj",
+  "--colorBorder": "--colorBorder_u6jxj",
+  "_active": "__active_u6jxj_gg_",
+  "_interactive": "__interactive_u6jxj_gg_",
+  "--colorBgHover": "--colorBgHover_u6jxj",
+  "_disabled": "__disabled_u6jxj_gg_",
+  "_size_m": "_size_m_u6jxj_gg_",
+  "__SCircle": "___SCircle_u6jxj_gg_",
+  "__SText": "___SText_u6jxj_gg_",
+  "_size_l": "_size_l_u6jxj_gg_",
+  "_size_xl": "_size_xl_u6jxj_gg_",
+  "_theme_primary": "_theme_primary_u6jxj_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_u6jxj_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_u6jxj_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_u6jxj_gg_",
+  "_theme_additional": "_theme_additional_u6jxj_gg_",
+  "__SAddon": "___SAddon_u6jxj_gg_",
+  "__SClose": "___SClose_u6jxj_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

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

@@ -95,7 +95,7 @@ STag[theme='primary-invert'] {
 STag[theme='secondary-invert'],
 STag[theme='additional-invert'] {
   color: var(--intergalactic-text-primary-invert, #ffffff);
-  border-color: var(--intergalactic-border-secondary-invert)
+  border-color: var(--intergalactic-border-secondary-invert);
 
   &[interactive]:hover,
   &[interactive]:active,

package/lib/es6/Tag.js

@@ -34,31 +34,31 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STag_z3udd_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_z3udd);\n  color:var(--colorText_z3udd);\n  border-color:var(--colorBorder_z3udd)\n}\n\n.___STag_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_.__interactive_z3udd_gg_:hover{\n    background-color:var(--colorBgHover_z3udd);\n  }\n\n.___STag_z3udd_gg_.__disabled_z3udd_gg_{\n  opacity:var(--intergalactic-disabled-opacity, .3);\n  cursor:default;\n  pointer-events:none;\n}\n\n.___STag_z3udd_gg_.__interactive_z3udd_gg_{\n  cursor:pointer;\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_{\n  height:20px;\n  min-width:20px\n}\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:first-child{\n    margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SCircle_z3udd_gg_:last-child{\n    margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1);\n  }\n\n.___STag_z3udd_gg_._size_m_z3udd_gg_ .___SText_z3udd_gg_{\n    font-size:var(--intergalactic-fs-100, 12px);\n    line-height:var(--intergalactic-lh-100, 133%);\n  }\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_{\n  height:28px;\n  min-width:28px\n}\n\n.___STag_z3udd_gg_._size_l_z3udd_gg_ .___SText_z3udd_gg_{\n    font-size:var(--intergalactic-fs-200, 14px);\n    line-height:var(--intergalactic-lh-200, 142%);\n  }\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_{\n  height:40px;\n  min-width:40px\n}\n\n.___STag_z3udd_gg_._size_xl_z3udd_gg_ .___SText_z3udd_gg_{\n    font-size:var(--intergalactic-fs-300, 16px);\n    line-height:var(--intergalactic-lh-300, 150%);\n  }\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_{\n  background-color:var(--colorBg_z3udd);\n  border-color:var(--colorBg_z3udd);\n  color:var(--colorText_z3udd)\n}\n\n.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary_z3udd_gg_.__interactive_z3udd_gg_:hover{\n    background-color:var(--colorBgHover_z3udd);\n  }\n\n.___STag_z3udd_gg_._theme_primary-invert_z3udd_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_z3udd_gg_._theme_primary-invert_z3udd_gg_.__active_z3udd_gg_,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:active,.___STag_z3udd_gg_._theme_primary-invert_z3udd_gg_.__interactive_z3udd_gg_:hover{\n    background-color:var(--intergalactic-tag-primary-white-hover-active, hsla(0, 0%, 100%, .3));\n  }\n\n.___STag_z3udd_gg_._theme_additional-invert_z3udd_gg_,.___STag_z3udd_gg_._theme_secondary-invert_z3udd_gg_{\n  color:var(--intergalactic-text-primary-invert, #fff);\n  border-color: var(\\--intergalactic-border-secondary-invert)\n\n  &.__interactive_z3udd_gg_:hover,\n  &.__interactive_z3udd_gg_:active,\n  &.__active_z3udd_gg_{\n    background-color:var(--intergalactic-tag-secondary-hover-active, #f4f5f9);\n  }\n}\n\n.___STag_z3udd_gg_._theme_additional_z3udd_gg_{\n  border-style:dashed;\n}\n\n.___SText_z3udd_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_z3udd_gg_:not(:only-child):first-child{\n  padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:first-child):not(:last-child){\n  padding-left:0;\n  padding-right:0;\n}\n\n.___SText_z3udd_gg_:not(:only-child):last-child{\n  padding-left:0;\n}\n\n.___SAddon_z3udd_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_z3udd_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_z3udd_gg_:first-child{\n    margin-left:0;\n  }\n\n.___SCircle_z3udd_gg_:last-child{\n    margin-right:0;\n  }\n\n.___SCircle_z3udd_gg_._size_m_z3udd_gg_{\n  width:16px;\n  height:16px;\n}\n\n.___SCircle_z3udd_gg_._size_l_z3udd_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SCircle_z3udd_gg_._size_xl_z3udd_gg_{\n  width:20px;\n  height:20px;\n}\n\n.___SClose_z3udd_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_z3udd_gg_:hover{\n    opacity:1;\n  }\n"
+".___STag_u6jxj_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-rounded-extra-large,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_u6jxj);color:var(--colorText_u6jxj);border-color:var(--colorBorder_u6jxj)}.___STag_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--colorBgHover_u6jxj)}.___STag_u6jxj_gg_.__disabled_u6jxj_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___STag_u6jxj_gg_.__interactive_u6jxj_gg_{cursor:pointer}.___STag_u6jxj_gg_._size_m_u6jxj_gg_{height:20px;min-width:20px}.___STag_u6jxj_gg_._size_m_u6jxj_gg_ .___SCircle_u6jxj_gg_:first-child{margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1)}.___STag_u6jxj_gg_._size_m_u6jxj_gg_ .___SCircle_u6jxj_gg_:last-child{margin-right:calc(var(--intergalactic-spacing-05x, 2px)*-1)}.___STag_u6jxj_gg_._size_m_u6jxj_gg_ .___SText_u6jxj_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%)}.___STag_u6jxj_gg_._size_l_u6jxj_gg_{height:28px;min-width:28px}.___STag_u6jxj_gg_._size_l_u6jxj_gg_ .___SText_u6jxj_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___STag_u6jxj_gg_._size_xl_u6jxj_gg_{height:40px;min-width:40px}.___STag_u6jxj_gg_._size_xl_u6jxj_gg_ .___SText_u6jxj_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_{background-color:var(--colorBg_u6jxj);border-color:var(--colorBg_u6jxj);color:var(--colorText_u6jxj)}.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_primary_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--colorBgHover_u6jxj)}.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_{background-color:var(--intergalactic-tag-primary-white-normal,hsla(0,0%,100%,.15));color:var(--intergalactic-text-primary-invert,#fff)}.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_primary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--intergalactic-tag-primary-white-hover-active,hsla(0,0%,100%,.3))}.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_{color:var(--intergalactic-text-primary-invert,#fff);border-color:var(--intergalactic-border-secondary-invert)}.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_additional-invert_u6jxj_gg_.__interactive_u6jxj_gg_:hover,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_.__active_u6jxj_gg_,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:active,.___STag_u6jxj_gg_._theme_secondary-invert_u6jxj_gg_.__interactive_u6jxj_gg_:hover{background-color:var(--intergalactic-tag-secondary-hover-active,#f4f5f9)}.___STag_u6jxj_gg_._theme_additional_u6jxj_gg_{border-style:dashed}.___SText_u6jxj_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_u6jxj_gg_:not(:only-child):first-child{padding-right:0}.___SText_u6jxj_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_u6jxj_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_u6jxj_gg_{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x,4px);padding-right:var(--intergalactic-spacing-1x,4px)}.___SCircle_u6jxj_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x,4px)}.___SCircle_u6jxj_gg_:first-child{margin-left:0}.___SCircle_u6jxj_gg_:last-child{margin-right:0}.___SCircle_u6jxj_gg_._size_m_u6jxj_gg_{width:16px;height:16px}.___SCircle_u6jxj_gg_._size_l_u6jxj_gg_{width:20px;height:20px}.___SCircle_u6jxj_gg_._size_xl_u6jxj_gg_{width:20px;height:20px}.___SClose_u6jxj_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x,4px);opacity:.5}.___SClose_u6jxj_gg_:hover{opacity:1}"
 /*__inner_css_end__*/
-, "z3udd_gg_")
+, "u6jxj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_z3udd_gg_",
-  "--colorBg": "--colorBg_z3udd",
-  "--colorText": "--colorText_z3udd",
-  "--colorBorder": "--colorBorder_z3udd",
-  "_active": "__active_z3udd_gg_",
-  "_interactive": "__interactive_z3udd_gg_",
-  "--colorBgHover": "--colorBgHover_z3udd",
-  "_disabled": "__disabled_z3udd_gg_",
-  "_size_m": "_size_m_z3udd_gg_",
-  "__SCircle": "___SCircle_z3udd_gg_",
-  "__SText": "___SText_z3udd_gg_",
-  "_size_l": "_size_l_z3udd_gg_",
-  "_size_xl": "_size_xl_z3udd_gg_",
-  "_theme_primary": "_theme_primary_z3udd_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_z3udd_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_z3udd_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_z3udd_gg_",
-  "_theme_additional": "_theme_additional_z3udd_gg_",
-  "__SAddon": "___SAddon_z3udd_gg_",
-  "__SClose": "___SClose_z3udd_gg_"
+  "__STag": "___STag_u6jxj_gg_",
+  "--colorBg": "--colorBg_u6jxj",
+  "--colorText": "--colorText_u6jxj",
+  "--colorBorder": "--colorBorder_u6jxj",
+  "_active": "__active_u6jxj_gg_",
+  "_interactive": "__interactive_u6jxj_gg_",
+  "--colorBgHover": "--colorBgHover_u6jxj",
+  "_disabled": "__disabled_u6jxj_gg_",
+  "_size_m": "_size_m_u6jxj_gg_",
+  "__SCircle": "___SCircle_u6jxj_gg_",
+  "__SText": "___SText_u6jxj_gg_",
+  "_size_l": "_size_l_u6jxj_gg_",
+  "_size_xl": "_size_xl_u6jxj_gg_",
+  "_theme_primary": "_theme_primary_u6jxj_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_u6jxj_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_u6jxj_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_u6jxj_gg_",
+  "_theme_additional": "_theme_additional_u6jxj_gg_",
+  "__SAddon": "___SAddon_u6jxj_gg_",
+  "__SClose": "___SClose_u6jxj_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

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

@@ -95,7 +95,7 @@ STag[theme='primary-invert'] {
 STag[theme='secondary-invert'],
 STag[theme='additional-invert'] {
   color: var(--intergalactic-text-primary-invert, #ffffff);
-  border-color: var(--intergalactic-border-secondary-invert)
+  border-color: var(--intergalactic-border-secondary-invert);
 
   &[interactive]:hover,
   &[interactive]:active,

package/package.json

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