@semcore/tag 4.1.4 → 4.1.6

package/CHANGELOG.md

@@ -2,23 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.1.4] - 2022-09-29
+## [4.1.6] - 2022-10-06
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.4 ~> 2.31.0]).
-
-## [4.1.3] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.3 ~> 2.30.4]).
-
-## [4.1.2] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.30.2 ~> 2.30.3]).
+- Version patch update due to children dependencies update (`@semcore/icon` [2.32.2 ~> 2.33.0]).
 
 ## [4.1.1] - 2022-09-07
 
@@ -50,54 +38,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/icon` [2.30.0 ~> 2.30.1]).
 
-## [4.0.14] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.29.5 ~> 2.30.0]).
-
-## [4.0.13] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/icon` [2.29.4 ~> 2.29.5], `@semcore/flex-box` [4.5.9 ~> 4.5.10]).
-
-## [4.0.12] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/icon` [2.29.3 ~> 2.29.4], `@semcore/flex-box` [4.5.8 ~> 4.5.9]).
-
-## [4.0.11] - 2022-08-01
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.0 ~> 3.35.1], `@semcore/icon` [2.29.2 ~> 2.29.3], `@semcore/flex-box` [4.5.7 ~> 4.5.8]).
-
-## [4.0.10] - 2022-07-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.29.1 ~> 2.29.2]).
-
-## [4.0.9] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/icon` [2.29.0 ~> 2.29.1], `@semcore/flex-box` [4.5.6 ~> 4.5.7]).
-
-## [4.0.8] - 2022-07-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.28.0 ~> 2.29.0]).
-
-## [4.0.7] - 2022-07-07
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/icon` [2.27.0 ~> 2.28.0], `@semcore/flex-box` [4.5.5 ~> 4.5.6]).
-
 ## [4.0.6] - 2022-06-07
 
 ### Fixed
@@ -110,30 +50,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/icon` [2.26.1 ~> 2.27.0], `@semcore/flex-box` [4.5.4 ~> 4.5.5]).
 
-## [4.0.4] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/icon` [2.26.0 ~> 2.26.1], `@semcore/flex-box` [4.5.3 ~> 4.5.4]).
-
-## [4.0.3] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.25.1 ~> 2.26.0]).
-
-## [4.0.2] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/icon` [2.25.0 ~> 2.25.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
-
-## [4.0.1] - 2022-05-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.24.0 ~> 2.25.0]).
-
 ## [4.0.0] - 2022-05-17
 
 ### BREAK
@@ -151,18 +67,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/icon` [2.21.0 ~> 2.24.0]).
 
-## [3.7.2] - 2022-04-28
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
-
-## [3.7.1] - 2022-03-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/icon` [2.19.4 ~> 2.20.0]).
-
 ## [3.7.0] - 2022-03-18
 
 ### Fixed

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/Tag.js

@@ -52,31 +52,31 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STag_uzbl8_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_uzbl8);color:var(--colorText_uzbl8);border-color:var(--colorBorder_uzbl8)}.___STag_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:var(--colorBgHover_uzbl8)}.___STag_uzbl8_gg_.__disabled_uzbl8_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STag_uzbl8_gg_.__interactive_uzbl8_gg_{cursor:pointer}.___STag_uzbl8_gg_._size_m_uzbl8_gg_{height:20px;min-width:20px}.___STag_uzbl8_gg_._size_m_uzbl8_gg_ .___SCircle_uzbl8_gg_:first-child{margin-left:-2px}.___STag_uzbl8_gg_._size_m_uzbl8_gg_ .___SCircle_uzbl8_gg_:last-child{margin-right:-2px}.___STag_uzbl8_gg_._size_m_uzbl8_gg_ .___SText_uzbl8_gg_{font-size:12px;line-height:1.33}.___STag_uzbl8_gg_._size_l_uzbl8_gg_{height:28px;min-width:28px}.___STag_uzbl8_gg_._size_l_uzbl8_gg_ .___SText_uzbl8_gg_{font-size:14px;line-height:1.42}.___STag_uzbl8_gg_._size_xl_uzbl8_gg_{height:40px;min-width:40px}.___STag_uzbl8_gg_._size_xl_uzbl8_gg_ .___SText_uzbl8_gg_{font-size:16px;line-height:1.5}.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_{background-color:var(--colorBg_uzbl8);border-color:var(--colorBg_uzbl8);color:var(--colorText_uzbl8)}.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:var(--colorBgHover_uzbl8)}.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_{background-color:hsla(0,0%,100%,.15);color:#ffffff}.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:hsla(0,0%,100%,.3)}.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_{color:#ffffff;border-color:hsla(0,0%,100%,.3)}.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_.__interactive_uzbl8_gg_:hover,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___STag_uzbl8_gg_._theme_additional_uzbl8_gg_{border-style:dashed}.___SText_uzbl8_gg_{display:inline-block;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_uzbl8_gg_:not(:only-child):first-child{padding-right:0}.___SText_uzbl8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_uzbl8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_uzbl8_gg_{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:4px;padding-right:4px}.___SCircle_uzbl8_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 4px}.___SCircle_uzbl8_gg_:first-child{margin-left:0}.___SCircle_uzbl8_gg_:last-child{margin-right:0}.___SCircle_uzbl8_gg_._size_m_uzbl8_gg_{width:16px;height:16px}.___SCircle_uzbl8_gg_._size_l_uzbl8_gg_{width:20px;height:20px}.___SCircle_uzbl8_gg_._size_xl_uzbl8_gg_{width:20px;height:20px}.___SClose_uzbl8_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:4px}"
+":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_17nfn_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_17nfn);\n  color: var(--colorText_17nfn);\n  border-color: var(--colorBorder_17nfn)\n}\n\n.___STag_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: var(--colorBgHover_17nfn);\n  }\n\n.___STag_17nfn_gg_.__disabled_17nfn_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none; /* Disable link interactions */\n}\n\n.___STag_17nfn_gg_.__interactive_17nfn_gg_ {\n  cursor: pointer;\n}\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ {\n  height: 20px;\n  min-width: 20px\n}\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ .___SCircle_17nfn_gg_:first-child {\n    margin-left: -2px;\n  }\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ .___SCircle_17nfn_gg_:last-child {\n    margin-right: -2px;\n  }\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ .___SText_17nfn_gg_ {\n    font-size: 12px;\n    line-height: 1.33;\n  }\n\n.___STag_17nfn_gg_._size_l_17nfn_gg_ {\n  height: 28px;\n  min-width: 28px\n}\n\n.___STag_17nfn_gg_._size_l_17nfn_gg_ .___SText_17nfn_gg_ {\n    font-size: 14px;\n    line-height: 1.42;\n  }\n\n.___STag_17nfn_gg_._size_xl_17nfn_gg_ {\n  height: 40px;\n  min-width: 40px\n}\n\n.___STag_17nfn_gg_._size_xl_17nfn_gg_ .___SText_17nfn_gg_ {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n.___STag_17nfn_gg_._theme_primary_17nfn_gg_ {\n  background-color: var(--colorBg_17nfn);\n  border-color: var(--colorBg_17nfn);\n  color: var(--colorText_17nfn)\n}\n\n.___STag_17nfn_gg_._theme_primary_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_primary_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_primary_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: var(--colorBgHover_17nfn);\n  }\n\n.___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_ {\n  background-color: rgba(255, 255, 255, 0.15);\n  color: #ffffff\n}\n\n.___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: rgba(255, 255, 255, 0.3);\n  }\n\n.___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_,\n.___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_ {\n  color: #ffffff;\n  border-color: rgba(255, 255, 255, 0.3)\n}\n\n.___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_.__active_17nfn_gg_,\n  .___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n.___STag_17nfn_gg_._theme_additional_17nfn_gg_ {\n  border-style: dashed;\n}\n\n.___SText_17nfn_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_17nfn_gg_:not(:only-child):first-child {\n  padding-right: 0;\n}\n\n.___SText_17nfn_gg_:not(:first-child):not(:last-child) {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.___SText_17nfn_gg_:not(:only-child):last-child {\n  padding-left: 0;\n}\n\n.___SAddon_17nfn_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_17nfn_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_17nfn_gg_:first-child {\n    margin-left: 0;\n  }\n\n.___SCircle_17nfn_gg_:last-child {\n    margin-right: 0;\n  }\n\n.___SCircle_17nfn_gg_._size_m_17nfn_gg_ {\n  width: 16px;\n  height: 16px;\n}\n\n.___SCircle_17nfn_gg_._size_l_17nfn_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SCircle_17nfn_gg_._size_xl_17nfn_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SClose_17nfn_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"
 /*__inner_css_end__*/
-, "uzbl8_gg_")
+, "17nfn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_uzbl8_gg_",
-  "--colorBg": "--colorBg_uzbl8",
-  "--colorText": "--colorText_uzbl8",
-  "--colorBorder": "--colorBorder_uzbl8",
-  "_active": "__active_uzbl8_gg_",
-  "_interactive": "__interactive_uzbl8_gg_",
-  "--colorBgHover": "--colorBgHover_uzbl8",
-  "_disabled": "__disabled_uzbl8_gg_",
-  "_size_m": "_size_m_uzbl8_gg_",
-  "__SCircle": "___SCircle_uzbl8_gg_",
-  "__SText": "___SText_uzbl8_gg_",
-  "_size_l": "_size_l_uzbl8_gg_",
-  "_size_xl": "_size_xl_uzbl8_gg_",
-  "_theme_primary": "_theme_primary_uzbl8_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_uzbl8_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_uzbl8_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_uzbl8_gg_",
-  "_theme_additional": "_theme_additional_uzbl8_gg_",
-  "__SAddon": "___SAddon_uzbl8_gg_",
-  "__SClose": "___SClose_uzbl8_gg_"
+  "__STag": "___STag_17nfn_gg_",
+  "--colorBg": "--colorBg_17nfn",
+  "--colorText": "--colorText_17nfn",
+  "--colorBorder": "--colorBorder_17nfn",
+  "_interactive": "__interactive_17nfn_gg_",
+  "_active": "__active_17nfn_gg_",
+  "--colorBgHover": "--colorBgHover_17nfn",
+  "_disabled": "__disabled_17nfn_gg_",
+  "_size_m": "_size_m_17nfn_gg_",
+  "__SCircle": "___SCircle_17nfn_gg_",
+  "__SText": "___SText_17nfn_gg_",
+  "_size_l": "_size_l_17nfn_gg_",
+  "_size_xl": "_size_xl_17nfn_gg_",
+  "_theme_primary": "_theme_primary_17nfn_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_17nfn_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_17nfn_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_17nfn_gg_",
+  "_theme_additional": "_theme_additional_17nfn_gg_",
+  "__SAddon": "___SAddon_17nfn_gg_",
+  "__SClose": "___SClose_17nfn_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

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

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

package/lib/es6/Tag.js

@@ -32,31 +32,31 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STag_uzbl8_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_uzbl8);color:var(--colorText_uzbl8);border-color:var(--colorBorder_uzbl8)}.___STag_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:var(--colorBgHover_uzbl8)}.___STag_uzbl8_gg_.__disabled_uzbl8_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STag_uzbl8_gg_.__interactive_uzbl8_gg_{cursor:pointer}.___STag_uzbl8_gg_._size_m_uzbl8_gg_{height:20px;min-width:20px}.___STag_uzbl8_gg_._size_m_uzbl8_gg_ .___SCircle_uzbl8_gg_:first-child{margin-left:-2px}.___STag_uzbl8_gg_._size_m_uzbl8_gg_ .___SCircle_uzbl8_gg_:last-child{margin-right:-2px}.___STag_uzbl8_gg_._size_m_uzbl8_gg_ .___SText_uzbl8_gg_{font-size:12px;line-height:1.33}.___STag_uzbl8_gg_._size_l_uzbl8_gg_{height:28px;min-width:28px}.___STag_uzbl8_gg_._size_l_uzbl8_gg_ .___SText_uzbl8_gg_{font-size:14px;line-height:1.42}.___STag_uzbl8_gg_._size_xl_uzbl8_gg_{height:40px;min-width:40px}.___STag_uzbl8_gg_._size_xl_uzbl8_gg_ .___SText_uzbl8_gg_{font-size:16px;line-height:1.5}.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_{background-color:var(--colorBg_uzbl8);border-color:var(--colorBg_uzbl8);color:var(--colorText_uzbl8)}.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_primary_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:var(--colorBgHover_uzbl8)}.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_{background-color:hsla(0,0%,100%,.15);color:#ffffff}.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_primary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:hsla(0,0%,100%,.3)}.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_{color:#ffffff;border-color:hsla(0,0%,100%,.3)}.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_additional-invert_uzbl8_gg_.__interactive_uzbl8_gg_:hover,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_.__active_uzbl8_gg_,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:active,.___STag_uzbl8_gg_._theme_secondary-invert_uzbl8_gg_.__interactive_uzbl8_gg_:hover{background-color:hsla(0,0%,100%,.1)}.___STag_uzbl8_gg_._theme_additional_uzbl8_gg_{border-style:dashed}.___SText_uzbl8_gg_{display:inline-block;padding-left:4px;padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_uzbl8_gg_:not(:only-child):first-child{padding-right:0}.___SText_uzbl8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_uzbl8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_uzbl8_gg_{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:4px;padding-right:4px}.___SCircle_uzbl8_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 4px}.___SCircle_uzbl8_gg_:first-child{margin-left:0}.___SCircle_uzbl8_gg_:last-child{margin-right:0}.___SCircle_uzbl8_gg_._size_m_uzbl8_gg_{width:16px;height:16px}.___SCircle_uzbl8_gg_._size_l_uzbl8_gg_{width:20px;height:20px}.___SCircle_uzbl8_gg_._size_xl_uzbl8_gg_{width:20px;height:20px}.___SClose_uzbl8_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:4px}"
+":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_17nfn_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_17nfn);\n  color: var(--colorText_17nfn);\n  border-color: var(--colorBorder_17nfn)\n}\n\n.___STag_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: var(--colorBgHover_17nfn);\n  }\n\n.___STag_17nfn_gg_.__disabled_17nfn_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none; /* Disable link interactions */\n}\n\n.___STag_17nfn_gg_.__interactive_17nfn_gg_ {\n  cursor: pointer;\n}\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ {\n  height: 20px;\n  min-width: 20px\n}\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ .___SCircle_17nfn_gg_:first-child {\n    margin-left: -2px;\n  }\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ .___SCircle_17nfn_gg_:last-child {\n    margin-right: -2px;\n  }\n\n.___STag_17nfn_gg_._size_m_17nfn_gg_ .___SText_17nfn_gg_ {\n    font-size: 12px;\n    line-height: 1.33;\n  }\n\n.___STag_17nfn_gg_._size_l_17nfn_gg_ {\n  height: 28px;\n  min-width: 28px\n}\n\n.___STag_17nfn_gg_._size_l_17nfn_gg_ .___SText_17nfn_gg_ {\n    font-size: 14px;\n    line-height: 1.42;\n  }\n\n.___STag_17nfn_gg_._size_xl_17nfn_gg_ {\n  height: 40px;\n  min-width: 40px\n}\n\n.___STag_17nfn_gg_._size_xl_17nfn_gg_ .___SText_17nfn_gg_ {\n    font-size: 16px;\n    line-height: 1.5;\n  }\n\n.___STag_17nfn_gg_._theme_primary_17nfn_gg_ {\n  background-color: var(--colorBg_17nfn);\n  border-color: var(--colorBg_17nfn);\n  color: var(--colorText_17nfn)\n}\n\n.___STag_17nfn_gg_._theme_primary_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_primary_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_primary_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: var(--colorBgHover_17nfn);\n  }\n\n.___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_ {\n  background-color: rgba(255, 255, 255, 0.15);\n  color: #ffffff\n}\n\n.___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_primary-invert_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: rgba(255, 255, 255, 0.3);\n  }\n\n.___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_,\n.___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_ {\n  color: #ffffff;\n  border-color: rgba(255, 255, 255, 0.3)\n}\n\n.___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_secondary-invert_17nfn_gg_.__active_17nfn_gg_,\n  .___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_.__interactive_17nfn_gg_:hover,\n  .___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_.__interactive_17nfn_gg_:active,\n  .___STag_17nfn_gg_._theme_additional-invert_17nfn_gg_.__active_17nfn_gg_ {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n.___STag_17nfn_gg_._theme_additional_17nfn_gg_ {\n  border-style: dashed;\n}\n\n.___SText_17nfn_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_17nfn_gg_:not(:only-child):first-child {\n  padding-right: 0;\n}\n\n.___SText_17nfn_gg_:not(:first-child):not(:last-child) {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.___SText_17nfn_gg_:not(:only-child):last-child {\n  padding-left: 0;\n}\n\n.___SAddon_17nfn_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_17nfn_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_17nfn_gg_:first-child {\n    margin-left: 0;\n  }\n\n.___SCircle_17nfn_gg_:last-child {\n    margin-right: 0;\n  }\n\n.___SCircle_17nfn_gg_._size_m_17nfn_gg_ {\n  width: 16px;\n  height: 16px;\n}\n\n.___SCircle_17nfn_gg_._size_l_17nfn_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SCircle_17nfn_gg_._size_xl_17nfn_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SClose_17nfn_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"
 /*__inner_css_end__*/
-, "uzbl8_gg_")
+, "17nfn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STag": "___STag_uzbl8_gg_",
-  "--colorBg": "--colorBg_uzbl8",
-  "--colorText": "--colorText_uzbl8",
-  "--colorBorder": "--colorBorder_uzbl8",
-  "_active": "__active_uzbl8_gg_",
-  "_interactive": "__interactive_uzbl8_gg_",
-  "--colorBgHover": "--colorBgHover_uzbl8",
-  "_disabled": "__disabled_uzbl8_gg_",
-  "_size_m": "_size_m_uzbl8_gg_",
-  "__SCircle": "___SCircle_uzbl8_gg_",
-  "__SText": "___SText_uzbl8_gg_",
-  "_size_l": "_size_l_uzbl8_gg_",
-  "_size_xl": "_size_xl_uzbl8_gg_",
-  "_theme_primary": "_theme_primary_uzbl8_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_uzbl8_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_uzbl8_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_uzbl8_gg_",
-  "_theme_additional": "_theme_additional_uzbl8_gg_",
-  "__SAddon": "___SAddon_uzbl8_gg_",
-  "__SClose": "___SClose_uzbl8_gg_"
+  "__STag": "___STag_17nfn_gg_",
+  "--colorBg": "--colorBg_17nfn",
+  "--colorText": "--colorText_17nfn",
+  "--colorBorder": "--colorBorder_17nfn",
+  "_interactive": "__interactive_17nfn_gg_",
+  "_active": "__active_17nfn_gg_",
+  "--colorBgHover": "--colorBgHover_17nfn",
+  "_disabled": "__disabled_17nfn_gg_",
+  "_size_m": "_size_m_17nfn_gg_",
+  "__SCircle": "___SCircle_17nfn_gg_",
+  "__SText": "___SText_17nfn_gg_",
+  "_size_l": "_size_l_17nfn_gg_",
+  "_size_xl": "_size_xl_17nfn_gg_",
+  "_theme_primary": "_theme_primary_17nfn_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_17nfn_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_17nfn_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_17nfn_gg_",
+  "_theme_additional": "_theme_additional_17nfn_gg_",
+  "__SAddon": "___SAddon_17nfn_gg_",
+  "__SClose": "___SClose_17nfn_gg_"
 });
 var textColorToBgColor = {
   'gray-500': 'gray-100',

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

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

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

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/tag",
   "description": "Semrush Tag Component",
-  "version": "4.1.4",
+  "version": "4.1.6",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "build --source=js",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/utils": "^3.37",
     "@semcore/icon": "^2.16",
@@ -30,6 +26,11 @@
     "directory": "semcore/tag"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}

package/lib/cjs/index.d.ts

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

package/lib/es6/index.d.ts

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