@semcore/tag 5.42.1 → 5.44.0-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [5.44.0] - 2024-08-13
+
+### Changed
+
+- Remove button aria-label from "Remove" to "Delete".
+
+### Fixed
+
+- `interactive` prop passing from `TagContainer` to `Tag`.
+
+### Added
+
+- `TagContainer.Circle` and `TagContainer.Addon` components.
+
+## [5.43.0] - 2024-08-13
+
+### Changed
+
+- Remove button aria-label from "Remove" to "Delete".
+
+### Fixed
+
+- `interactive` prop passing from `TagContainer` to `Tag`.
+
 ## [5.42.1] - 2024-09-06
 
 ### Changed

package/lib/cjs/Tag.js

@@ -25,30 +25,31 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+var _findComponent = require("@semcore/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_zm4j4_gg_,.___STag_zm4j4_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);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);color:var(--tag-color_zm4j4)}.___STagContainerClose_zm4j4_gg_.__interactive_zm4j4_gg_.__keyboardFocused_zm4j4_gg_,.___STag_zm4j4_gg_.__interactive_zm4j4_gg_.__keyboardFocused_zm4j4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_zm4j4_gg_::before,.___STag_zm4j4_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_zm4j4);opacity:.2;filter:brightness(150%)}.___STagContainerClose_zm4j4_gg_::after,.___STag_zm4j4_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_zm4j4);opacity:.1;filter:brightness(150%)}.___STagContainerClose_zm4j4_gg_:active,.___STagContainerClose_zm4j4_gg_:focus,.___STag_zm4j4_gg_:active,.___STag_zm4j4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_zm4j4_gg_:hover,.___STag_zm4j4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_zm4j4_gg_.__disabled_zm4j4_gg_,.___STag_zm4j4_gg_.__disabled_zm4j4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_zm4j4_gg_.__interactiveView_zm4j4_gg_{cursor:pointer}.___STagContainerClose_zm4j4_gg_._size_m_zm4j4_gg_,.___STag_zm4j4_gg_._size_m_zm4j4_gg_{height:20px;min-width:20px}.___STagContainerClose_zm4j4_gg_._size_m_zm4j4_gg_ .___SCircle_zm4j4_gg_:first-child,.___STag_zm4j4_gg_._size_m_zm4j4_gg_ .___SCircle_zm4j4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_zm4j4_gg_._size_m_zm4j4_gg_ .___SCircle_zm4j4_gg_:last-child,.___STag_zm4j4_gg_._size_m_zm4j4_gg_ .___SCircle_zm4j4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_zm4j4_gg_._size_m_zm4j4_gg_ .___SText_zm4j4_gg_,.___STag_zm4j4_gg_._size_m_zm4j4_gg_ .___SText_zm4j4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_zm4j4_gg_._size_l_zm4j4_gg_,.___STag_zm4j4_gg_._size_l_zm4j4_gg_{height:28px;min-width:28px}.___STagContainerClose_zm4j4_gg_._size_l_zm4j4_gg_ .___SText_zm4j4_gg_,.___STag_zm4j4_gg_._size_l_zm4j4_gg_ .___SText_zm4j4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_zm4j4_gg_._size_xl_zm4j4_gg_,.___STag_zm4j4_gg_._size_xl_zm4j4_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_zm4j4_gg_._size_xl_zm4j4_gg_ .___SText_zm4j4_gg_,.___STag_zm4j4_gg_._size_xl_zm4j4_gg_ .___SText_zm4j4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_zm4j4_gg_._theme_primary_zm4j4_gg_::before,.___STag_zm4j4_gg_._theme_primary_zm4j4_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_zm4j4_gg_._theme_primary_zm4j4_gg_:after,.___STag_zm4j4_gg_._theme_primary_zm4j4_gg_:after{display:none}.___STagContainerClose_zm4j4_gg_._theme_primary_zm4j4_gg_.__active_zm4j4_gg_:before,.___STagContainerClose_zm4j4_gg_._theme_primary_zm4j4_gg_.__interactiveView_zm4j4_gg_:active:before,.___STag_zm4j4_gg_._theme_primary_zm4j4_gg_.__active_zm4j4_gg_:before,.___STag_zm4j4_gg_._theme_primary_zm4j4_gg_.__interactiveView_zm4j4_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_zm4j4_gg_._theme_primary_zm4j4_gg_.__interactiveView_zm4j4_gg_:hover:before,.___STag_zm4j4_gg_._theme_primary_zm4j4_gg_.__interactiveView_zm4j4_gg_:hover:before{opacity:.3}}.___STagContainerClose_zm4j4_gg_._theme_additional_zm4j4_gg_::before,.___STagContainerClose_zm4j4_gg_._theme_secondary_zm4j4_gg_::before,.___STag_zm4j4_gg_._theme_additional_zm4j4_gg_::before,.___STag_zm4j4_gg_._theme_secondary_zm4j4_gg_::before{opacity:.01}.___STagContainerClose_zm4j4_gg_._theme_additional_zm4j4_gg_.__active_zm4j4_gg_:before,.___STagContainerClose_zm4j4_gg_._theme_additional_zm4j4_gg_.__interactiveView_zm4j4_gg_:active:before,.___STagContainerClose_zm4j4_gg_._theme_secondary_zm4j4_gg_.__active_zm4j4_gg_:before,.___STagContainerClose_zm4j4_gg_._theme_secondary_zm4j4_gg_.__interactiveView_zm4j4_gg_:active:before,.___STag_zm4j4_gg_._theme_additional_zm4j4_gg_.__active_zm4j4_gg_:before,.___STag_zm4j4_gg_._theme_additional_zm4j4_gg_.__interactiveView_zm4j4_gg_:active:before,.___STag_zm4j4_gg_._theme_secondary_zm4j4_gg_.__active_zm4j4_gg_:before,.___STag_zm4j4_gg_._theme_secondary_zm4j4_gg_.__interactiveView_zm4j4_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_zm4j4_gg_._theme_additional_zm4j4_gg_.__interactiveView_zm4j4_gg_:hover:before,.___STagContainerClose_zm4j4_gg_._theme_secondary_zm4j4_gg_.__interactiveView_zm4j4_gg_:hover:before,.___STag_zm4j4_gg_._theme_additional_zm4j4_gg_.__interactiveView_zm4j4_gg_:hover:before,.___STag_zm4j4_gg_._theme_secondary_zm4j4_gg_.__interactiveView_zm4j4_gg_:hover:before{opacity:.1}}.___SClose_zm4j4_gg_ path,.___STagContainerClose_zm4j4_gg_._theme_additional-invert_zm4j4_gg_::after,.___STagContainerClose_zm4j4_gg_._theme_additional_zm4j4_gg_::after,.___STagContainerClose_zm4j4_gg_._theme_secondary-invert_zm4j4_gg_::after,.___STagContainerClose_zm4j4_gg_._theme_secondary_zm4j4_gg_::after,.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_ svg path,.___STag_zm4j4_gg_._theme_additional-invert_zm4j4_gg_::after,.___STag_zm4j4_gg_._theme_additional_zm4j4_gg_::after,.___STag_zm4j4_gg_._theme_secondary-invert_zm4j4_gg_::after,.___STag_zm4j4_gg_._theme_secondary_zm4j4_gg_::after{opacity:.5}.___STagContainerClose_zm4j4_gg_._theme_primary-invert_zm4j4_gg_,.___STag_zm4j4_gg_._theme_primary-invert_zm4j4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_zm4j4_gg_._theme_additional-invert_zm4j4_gg_,.___STagContainerClose_zm4j4_gg_._theme_secondary-invert_zm4j4_gg_,.___STag_zm4j4_gg_._theme_additional-invert_zm4j4_gg_,.___STag_zm4j4_gg_._theme_secondary-invert_zm4j4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_zm4j4_gg_._theme_additional_zm4j4_gg_::after{border-style:dashed}.___SText_zm4j4_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;outline:0;position:relative}.___SText_zm4j4_gg_.__keyboardFocused_zm4j4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_zm4j4_gg_:not(:only-child):first-child{padding-right:0}.___SText_zm4j4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_zm4j4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_zm4j4_gg_,.___SCircle_zm4j4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_zm4j4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_zm4j4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_zm4j4_gg_:first-child{margin-left:0}.___SCircle_zm4j4_gg_:last-child{margin-right:0}.___SCircle_zm4j4_gg_._size_m_zm4j4_gg_{width:16px;height:16px}.___SCircle_zm4j4_gg_._size_l_zm4j4_gg_,.___SCircle_zm4j4_gg_._size_xl_zm4j4_gg_{width:20px;height:20px}.___SClose_zm4j4_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_zm4j4_gg_:hover path{opacity:1}}.___SClose_zm4j4_gg_,.___STagContainer_zm4j4_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_zm4j4_gg_ .___STag_zm4j4_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_zm4j4_gg_ .___STag_zm4j4_gg_::after,.___STagContainer_zm4j4_gg_ .___STag_zm4j4_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_zm4j4_gg_ .___STag_zm4j4_gg_ .___SText_zm4j4_gg_{padding-right:0}.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_::after,.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_::before{left:-1px}.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_:hover svg path{opacity:1}}.___STagContainer_zm4j4_gg_ .___STagContainerClose_zm4j4_gg_._size_xl_zm4j4_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "zm4j4_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_zm4j4_gg_",
-  "_disabled": "__disabled_zm4j4_gg_",
-  "__STagContainerClose": "___STagContainerClose_zm4j4_gg_",
-  "_interactiveView": "__interactiveView_zm4j4_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_zm4j4_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_zm4j4_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_zm4j4_gg_",
-  "__SText": "___SText_zm4j4_gg_",
-  "_keyboardFocused": "__keyboardFocused_zm4j4_gg_",
-  "__SAddon": "___SAddon_zm4j4_gg_",
-  "__SCircle": "___SCircle_zm4j4_gg_",
-  "_size_m": "_size_m_zm4j4_gg_",
-  "_size_l": "_size_l_zm4j4_gg_",
-  "_size_xl": "_size_xl_zm4j4_gg_",
-  "--tag-color": "--tag-color_zm4j4",
-  "_interactive": "__interactive_zm4j4_gg_",
-  "_theme_primary": "_theme_primary_zm4j4_gg_",
-  "_active": "__active_zm4j4_gg_",
-  "_theme_secondary": "_theme_secondary_zm4j4_gg_",
-  "_theme_additional": "_theme_additional_zm4j4_gg_",
-  "__SClose": "___SClose_zm4j4_gg_",
-  "__STagContainer": "___STagContainer_zm4j4_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_2c5pu_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_2c5pu_gg_:first-child{margin-left:0}.___SCircle_2c5pu_gg_:last-child{margin-right:0}.___SCircle_2c5pu_gg_._size_m_2c5pu_gg_{width:16px;height:16px}.___SCircle_2c5pu_gg_._size_l_2c5pu_gg_,.___SCircle_2c5pu_gg_._size_xl_2c5pu_gg_{width:20px;height:20px}.___SAddon_2c5pu_gg_,.___STagContainerClose_2c5pu_gg_,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_,.___STag_2c5pu_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_2c5pu_gg_{flex-shrink:0}.___STagContainerClose_2c5pu_gg_,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_,.___STag_2c5pu_gg_{vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_2c5pu)}.___STagContainerClose_2c5pu_gg_.__interactive_2c5pu_gg_.__keyboardFocused_2c5pu_gg_,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_.__interactive_2c5pu_gg_.__keyboardFocused_2c5pu_gg_,.___STag_2c5pu_gg_.__interactive_2c5pu_gg_.__keyboardFocused_2c5pu_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    );z-index:1}.___STagContainerClose_2c5pu_gg_::before,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_::before,.___STag_2c5pu_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--intergalactic-tag-rounded, 24px);background-color:var(--tag-color_2c5pu);opacity:.2;filter:brightness(150%)}.___STagContainerClose_2c5pu_gg_::after,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_::after,.___STag_2c5pu_gg_::after{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--intergalactic-tag-rounded, 24px);pointer-events:none;border:1px solid var(--tag-color_2c5pu);opacity:.1;filter:brightness(150%)}.___STagContainerClose_2c5pu_gg_:active,.___STagContainerClose_2c5pu_gg_:focus,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:active,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:focus,.___STag_2c5pu_gg_:active,.___STag_2c5pu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_2c5pu_gg_:hover,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:hover,.___STag_2c5pu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_2c5pu_gg_.__disabled_2c5pu_gg_,.___STag_2c5pu_gg_.__disabled_2c5pu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_2c5pu_gg_.__interactiveView_2c5pu_gg_{cursor:pointer}.___STagContainerClose_2c5pu_gg_._size_m_2c5pu_gg_,.___STagContainer_2c5pu_gg_._size_m_2c5pu_gg_ .___SAddon_2c5pu_gg_,.___STag_2c5pu_gg_._size_m_2c5pu_gg_{height:20px;min-width:20px}.___STagContainerClose_2c5pu_gg_._size_m_2c5pu_gg_ .___SCircle_2c5pu_gg_:first-child,.___STagContainer_2c5pu_gg_._size_m_2c5pu_gg_ .___SAddon_2c5pu_gg_ .___SCircle_2c5pu_gg_:first-child,.___STag_2c5pu_gg_._size_m_2c5pu_gg_ .___SCircle_2c5pu_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_2c5pu_gg_._size_m_2c5pu_gg_ .___SCircle_2c5pu_gg_:last-child,.___STagContainer_2c5pu_gg_._size_m_2c5pu_gg_ .___SAddon_2c5pu_gg_ .___SCircle_2c5pu_gg_:last-child,.___STag_2c5pu_gg_._size_m_2c5pu_gg_ .___SCircle_2c5pu_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_2c5pu_gg_._size_m_2c5pu_gg_ .___SText_2c5pu_gg_,.___STagContainer_2c5pu_gg_._size_m_2c5pu_gg_ .___SAddon_2c5pu_gg_ .___SText_2c5pu_gg_,.___STag_2c5pu_gg_._size_m_2c5pu_gg_ .___SText_2c5pu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_2c5pu_gg_._size_l_2c5pu_gg_,.___STagContainer_2c5pu_gg_._size_l_2c5pu_gg_ .___SAddon_2c5pu_gg_,.___STag_2c5pu_gg_._size_l_2c5pu_gg_{height:28px;min-width:28px}.___STagContainerClose_2c5pu_gg_._size_l_2c5pu_gg_ .___SText_2c5pu_gg_,.___STagContainer_2c5pu_gg_._size_l_2c5pu_gg_ .___SAddon_2c5pu_gg_ .___SText_2c5pu_gg_,.___STag_2c5pu_gg_._size_l_2c5pu_gg_ .___SText_2c5pu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_2c5pu_gg_._size_xl_2c5pu_gg_,.___STag_2c5pu_gg_._size_xl_2c5pu_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_2c5pu_gg_._size_xl_2c5pu_gg_ .___SText_2c5pu_gg_,.___STag_2c5pu_gg_._size_xl_2c5pu_gg_ .___SText_2c5pu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_2c5pu_gg_._theme_primary_2c5pu_gg_::before,.___STagContainer_2c5pu_gg_._theme_primary_2c5pu_gg_ .___SAddon_2c5pu_gg_::before,.___STag_2c5pu_gg_._theme_primary_2c5pu_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_2c5pu_gg_._theme_primary_2c5pu_gg_:after,.___STagContainer_2c5pu_gg_._theme_primary_2c5pu_gg_ .___SAddon_2c5pu_gg_:after,.___STag_2c5pu_gg_._theme_primary_2c5pu_gg_:after{display:none}.___STagContainerClose_2c5pu_gg_._theme_primary_2c5pu_gg_.__active_2c5pu_gg_:before,.___STagContainerClose_2c5pu_gg_._theme_primary_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before,.___STagContainer_2c5pu_gg_._theme_primary_2c5pu_gg_ .___SAddon_2c5pu_gg_.__active_2c5pu_gg_:before,.___STagContainer_2c5pu_gg_._theme_primary_2c5pu_gg_ .___SAddon_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before,.___STag_2c5pu_gg_._theme_primary_2c5pu_gg_.__active_2c5pu_gg_:before,.___STag_2c5pu_gg_._theme_primary_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_2c5pu_gg_._theme_primary_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before,.___STagContainer_2c5pu_gg_._theme_primary_2c5pu_gg_ .___SAddon_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before,.___STag_2c5pu_gg_._theme_primary_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before{opacity:.3}}.___STagContainerClose_2c5pu_gg_._theme_additional_2c5pu_gg_::before,.___STagContainerClose_2c5pu_gg_._theme_secondary_2c5pu_gg_::before,.___STag_2c5pu_gg_._theme_additional_2c5pu_gg_::before,.___STag_2c5pu_gg_._theme_secondary_2c5pu_gg_::before{opacity:.01}.___STagContainerClose_2c5pu_gg_._theme_additional_2c5pu_gg_.__active_2c5pu_gg_:before,.___STagContainerClose_2c5pu_gg_._theme_additional_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before,.___STagContainerClose_2c5pu_gg_._theme_secondary_2c5pu_gg_.__active_2c5pu_gg_:before,.___STagContainerClose_2c5pu_gg_._theme_secondary_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before,.___STag_2c5pu_gg_._theme_additional_2c5pu_gg_.__active_2c5pu_gg_:before,.___STag_2c5pu_gg_._theme_additional_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before,.___STag_2c5pu_gg_._theme_secondary_2c5pu_gg_.__active_2c5pu_gg_:before,.___STag_2c5pu_gg_._theme_secondary_2c5pu_gg_.__interactiveView_2c5pu_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_2c5pu_gg_._theme_additional_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before,.___STagContainerClose_2c5pu_gg_._theme_secondary_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before,.___STag_2c5pu_gg_._theme_additional_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before,.___STag_2c5pu_gg_._theme_secondary_2c5pu_gg_.__interactiveView_2c5pu_gg_:hover:before{opacity:.1}}.___SClose_2c5pu_gg_ path,.___STagContainerClose_2c5pu_gg_._theme_additional-invert_2c5pu_gg_::after,.___STagContainerClose_2c5pu_gg_._theme_additional_2c5pu_gg_::after,.___STagContainerClose_2c5pu_gg_._theme_secondary-invert_2c5pu_gg_::after,.___STagContainerClose_2c5pu_gg_._theme_secondary_2c5pu_gg_::after,.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_ svg path,.___STag_2c5pu_gg_._theme_additional-invert_2c5pu_gg_::after,.___STag_2c5pu_gg_._theme_additional_2c5pu_gg_::after,.___STag_2c5pu_gg_._theme_secondary-invert_2c5pu_gg_::after,.___STag_2c5pu_gg_._theme_secondary_2c5pu_gg_::after{opacity:.5}.___STagContainerClose_2c5pu_gg_._theme_primary-invert_2c5pu_gg_,.___STag_2c5pu_gg_._theme_primary-invert_2c5pu_gg_{background-color:var(--intergalactic-tag-primary-white-normal,\n    rgba(255, 255, 255, 0.15)\n  );color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_2c5pu_gg_._theme_additional-invert_2c5pu_gg_,.___STagContainerClose_2c5pu_gg_._theme_secondary-invert_2c5pu_gg_,.___STag_2c5pu_gg_._theme_additional-invert_2c5pu_gg_,.___STag_2c5pu_gg_._theme_secondary-invert_2c5pu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_2c5pu_gg_._theme_additional_2c5pu_gg_::after{border-style:dashed}.___SText_2c5pu_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;outline:0;position:relative}.___SText_2c5pu_gg_.__keyboardFocused_2c5pu_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n    0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n  );z-index:1}.___SText_2c5pu_gg_:not(:only-child):first-child{padding-right:0}.___SText_2c5pu_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_2c5pu_gg_:not(:only-child):last-child{padding-left:0}.___SClose_2c5pu_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_2c5pu_gg_:hover path{opacity:1}}.___SClose_2c5pu_gg_,.___STagContainer_2c5pu_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:last-child),.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:last-child)::after,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:last-child)::before,.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:last-child)::after,.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:last-child) .___SText_2c5pu_gg_,.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:last-child) .___SText_2c5pu_gg_{padding-right:0}.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:first-child),.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:first-child)::after,.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:first-child)::before,.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:first-child)::after,.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_2c5pu_gg_ .___SAddon_2c5pu_gg_:not(:first-child) .___SText_2c5pu_gg_,.___STagContainer_2c5pu_gg_ .___STag_2c5pu_gg_:not(:first-child) .___SText_2c5pu_gg_{padding-left:0}.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_::after,.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_::before{left:-1px}.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_:hover svg path{opacity:1}}.___STagContainer_2c5pu_gg_ .___STagContainerClose_2c5pu_gg_._size_xl_2c5pu_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "2c5pu_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_2c5pu_gg_",
+  "_size_m": "_size_m_2c5pu_gg_",
+  "_size_l": "_size_l_2c5pu_gg_",
+  "_size_xl": "_size_xl_2c5pu_gg_",
+  "__SAddon": "___SAddon_2c5pu_gg_",
+  "__STag": "___STag_2c5pu_gg_",
+  "_disabled": "__disabled_2c5pu_gg_",
+  "__STagContainerClose": "___STagContainerClose_2c5pu_gg_",
+  "_interactiveView": "__interactiveView_2c5pu_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_2c5pu_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_2c5pu_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_2c5pu_gg_",
+  "__SText": "___SText_2c5pu_gg_",
+  "_keyboardFocused": "__keyboardFocused_2c5pu_gg_",
+  "__STagContainer": "___STagContainer_2c5pu_gg_",
+  "--tag-color": "--tag-color_2c5pu",
+  "_interactive": "__interactive_2c5pu_gg_",
+  "_theme_primary": "_theme_primary_2c5pu_gg_",
+  "_active": "__active_2c5pu_gg_",
+  "_theme_secondary": "_theme_secondary_2c5pu_gg_",
+  "_theme_additional": "_theme_additional_2c5pu_gg_",
+  "__SClose": "___SClose_2c5pu_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {
@@ -100,9 +101,14 @@ var RootTag = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(RootTag, [{
     key: "getCircleProps",
     value: function getCircleProps() {
-      var size = this.asProps.size;
+      var _this$asProps = this.asProps,
+        size = _this$asProps.size,
+        color = _this$asProps.color,
+        resolveColor = _this$asProps.resolveColor;
       return {
-        size: size
+        size: size,
+        color: color,
+        resolveColor: resolveColor
       };
     }
   }, {
@@ -120,7 +126,10 @@ var RootTag = /*#__PURE__*/function (_Component) {
   }, {
     key: "getCloseProps",
     value: function getCloseProps() {
-      var getI18nText = this.asProps.getI18nText;
+      var _this$asProps2 = this.asProps,
+        getI18nText = _this$asProps2.getI18nText,
+        color = _this$asProps2.color,
+        resolveColor = _this$asProps2.resolveColor;
       var id = this.asProps.id || "igc-".concat(this.asProps.uid, "-tag");
       return {
         getI18nText: getI18nText,
@@ -128,31 +137,33 @@ var RootTag = /*#__PURE__*/function (_Component) {
         'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
         'aria-label': getI18nText('remove'),
         onMount: this.handleCloseMount,
-        onUnmount: this.handleCloseUnmount
+        onUnmount: this.handleCloseUnmount,
+        color: color,
+        resolveColor: resolveColor
       };
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref8;
+        _ref9;
       var STag = _flexBox.Box;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        color = _this$asProps.color,
-        interactive = _this$asProps.interactive,
-        disabled = _this$asProps.disabled,
-        addonLeft = _this$asProps.addonLeft,
-        addonRight = _this$asProps.addonRight,
-        resolveColor = _this$asProps.resolveColor,
-        outerId = _this$asProps.id,
-        uid = _this$asProps.uid;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        color = _this$asProps3.color,
+        interactive = _this$asProps3.interactive,
+        disabled = _this$asProps3.disabled,
+        addonLeft = _this$asProps3.addonLeft,
+        addonRight = _this$asProps3.addonRight,
+        resolveColor = _this$asProps3.resolveColor,
+        outerId = _this$asProps3.id,
+        uid = _this$asProps3.uid;
       var focusable = this.state.focusable;
       var id = outerId || "igc-".concat(uid, "-tag");
       var isInteractiveView = !disabled && interactive;
       var isInteractive = !disabled && interactive && focusable === 'container';
-      return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref8.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref9.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "id": id,
         "use:interactive": isInteractive,
         "use:interactiveView": isInteractiveView,
@@ -189,14 +200,15 @@ var RootTagContainer = /*#__PURE__*/function (_Component2) {
   (0, _createClass2["default"])(RootTagContainer, [{
     key: "getTagProps",
     value: function getTagProps() {
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        theme = _this$asProps2.theme,
-        color = _this$asProps2.color,
-        disabled = _this$asProps2.disabled,
-        active = _this$asProps2.active,
-        uid = _this$asProps2.uid,
-        outerId = _this$asProps2.id;
+      var _this$asProps4 = this.asProps,
+        size = _this$asProps4.size,
+        theme = _this$asProps4.theme,
+        color = _this$asProps4.color,
+        disabled = _this$asProps4.disabled,
+        uid = _this$asProps4.uid,
+        outerId = _this$asProps4.id,
+        interactive = _this$asProps4.interactive,
+        resolveColor = _this$asProps4.resolveColor;
       var id = outerId || "igc-".concat(uid, "-tag");
       return {
         id: "".concat(id, "-text"),
@@ -204,50 +216,82 @@ var RootTagContainer = /*#__PURE__*/function (_Component2) {
         size: size,
         theme: theme,
         color: color,
-        active: active
+        tag: interactive ? 'button' : undefined,
+        interactive: interactive,
+        resolveColor: resolveColor
+      };
+    }
+  }, {
+    key: "getCircleProps",
+    value: function getCircleProps() {
+      var _this$asProps5 = this.asProps,
+        color = _this$asProps5.color,
+        resolveColor = _this$asProps5.resolveColor,
+        size = _this$asProps5.size;
+      return {
+        color: color,
+        resolveColor: resolveColor,
+        size: size
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      var _this$asProps6 = this.asProps,
+        color = _this$asProps6.color,
+        resolveColor = _this$asProps6.resolveColor;
+      return {
+        color: color,
+        resolveColor: resolveColor
       };
     }
   }, {
     key: "getCloseProps",
     value: function getCloseProps() {
-      var _this$asProps3 = this.asProps,
-        size = _this$asProps3.size,
-        theme = _this$asProps3.theme,
-        color = _this$asProps3.color,
-        disabled = _this$asProps3.disabled,
-        active = _this$asProps3.active,
-        uid = _this$asProps3.uid,
-        outerId = _this$asProps3.id,
-        getI18nText = _this$asProps3.getI18nText;
+      var _this$asProps7 = this.asProps,
+        size = _this$asProps7.size,
+        theme = _this$asProps7.theme,
+        color = _this$asProps7.color,
+        disabled = _this$asProps7.disabled,
+        uid = _this$asProps7.uid,
+        outerId = _this$asProps7.id,
+        getI18nText = _this$asProps7.getI18nText,
+        resolveColor = _this$asProps7.resolveColor;
       var id = outerId || "igc-".concat(uid, "-tag");
       return {
         disabled: disabled,
         size: size,
         theme: theme,
         color: color,
-        active: active,
         id: "".concat(id, "-clear"),
         'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
-        'aria-label': getI18nText('remove')
+        'aria-label': getI18nText('remove'),
+        resolveColor: resolveColor
       };
     }
   }, {
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
-        _ref9;
+        _ref10;
       var STagContainer = _flexBox.Box;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        Children = _this$asProps4.Children;
-      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainer, _ref9.cn("STagContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
+      var _this$asProps8 = this.asProps,
+        styles = _this$asProps8.styles,
+        Children = _this$asProps8.Children,
+        forcedAdvancedMode = _this$asProps8.forcedAdvancedMode;
+      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, ['InputTags.' + Tag.Text.displayName, 'InputTags.' + Tag.Addon.displayName, 'InputTags.' + Tag.Close.displayName, 'InputTags.' + Tag.Circle.displayName, TagContainer.Tag.displayName, TagContainer.Addon.displayName, TagContainer.Close.displayName, TagContainer.Circle.displayName], true);
+      return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainer, _ref10.cn("STagContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(TagContainer.Tag, null, /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {}))));
     }
   }]);
   return RootTagContainer;
 }(_core.Component);
 (0, _defineProperty2["default"])(RootTagContainer, "displayName", 'TagContainer');
 (0, _defineProperty2["default"])(RootTagContainer, "style", style);
-(0, _defineProperty2["default"])(RootTagContainer, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
+(0, _defineProperty2["default"])(RootTagContainer, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootTagContainer, "defaultProps", {
+  color: 'gray-500',
+  theme: 'primary'
+});
 var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
   (0, _inherits2["default"])(RootCloseTagContainer, _Component3);
   var _super3 = (0, _createSuper2["default"])(RootCloseTagContainer);
@@ -276,20 +320,20 @@ var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
     key: "render",
     value: function render() {
       var _ref3 = this.asProps,
-        _ref10;
+        _ref11;
       var STagContainerClose = _flexBox.Box;
-      var _this$asProps5 = this.asProps,
-        Children = _this$asProps5.Children,
-        styles = _this$asProps5.styles,
-        color = _this$asProps5.color,
-        resolveColor = _this$asProps5.resolveColor;
-      return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainerClose, _ref10.cn("STagContainerClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      var _this$asProps9 = this.asProps,
+        Children = _this$asProps9.Children,
+        styles = _this$asProps9.styles,
+        color = _this$asProps9.color,
+        resolveColor = _this$asProps9.resolveColor;
+      return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainerClose, _ref11.cn("STagContainerClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'button',
         "interactive": true,
         "interactiveView": true,
         "tag-color": resolveColor(color),
         "onKeyDown": this.handleKeyDown
-      }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
+      }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
     }
   }]);
   return RootCloseTagContainer;
@@ -307,19 +351,31 @@ var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
   };
 });
 (0, _defineProperty2["default"])(RootCloseTagContainer, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _keyboardFocusEnhance["default"])()]);
-function Text(props) {
+function TagContainerCircle(props) {
   var _ref4 = arguments[0],
-    _ref11;
+    _ref12;
+  var SAddon = _flexBox.Box;
+  var SCircle = _flexBox.Box;
+  var styles = props.styles,
+    color = props.color,
+    resolveColor = props.resolveColor;
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref12.cn("SAddon", {
+    "tag-color": resolveColor(color)
+  }), /*#__PURE__*/_react["default"].createElement(SCircle, _ref12.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4)))));
+}
+function Text(props) {
+  var _ref5 = arguments[0],
+    _ref13;
   var SText = _flexBox.Box;
   var styles = props.styles;
-  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref11.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref13.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref4))));
+  }, _ref5))));
 }
 Text.enhance = [(0, _keyboardFocusEnhance["default"])()];
 function Close(props) {
-  var _ref5 = arguments[0],
-    _ref12;
+  var _ref6 = arguments[0],
+    _ref14;
   var SClose = _flexBox.Box;
   var styles = props.styles;
   _react["default"].useEffect(function () {
@@ -340,29 +396,43 @@ function Close(props) {
       props.onClick(event);
     }
   }, [props.onKeyDown, props.onClick]);
-  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref12.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref14.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _m["default"],
     "interactive": true,
     "onKeyDown": onKeyDown
-  }, _ref5))));
+  }, _ref6))));
 }
 function Addon(props) {
-  var _ref6 = arguments[0],
-    _ref13;
+  var _ref7 = arguments[0],
+    _ref15;
   var SAddon = _flexBox.Box;
-  var styles = props.styles;
-  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref13.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref6))));
+  var styles = props.styles,
+    color = props.color,
+    resolveColor = props.resolveColor;
+  var tagColor = _react["default"].useMemo(function () {
+    if (typeof resolveColor !== 'function') return;
+    return resolveColor(color);
+  }, [color, resolveColor]);
+  return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref15.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'div',
+    "tag-color": tagColor
+  }, _ref7))));
 }
 function Circle(props) {
-  var _ref7 = arguments[0],
-    _ref14;
+  var _ref8 = arguments[0],
+    _ref16;
   var SCircle = _flexBox.Box;
-  var styles = props.styles;
-  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref14.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'span'
-  }, _ref7))));
+  var styles = props.styles,
+    color = props.color,
+    resolveColor = props.resolveColor;
+  var tagColor = _react["default"].useMemo(function () {
+    if (typeof resolveColor !== 'function') return;
+    return resolveColor(color);
+  }, [color, resolveColor]);
+  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref16.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span',
+    "tag-color": tagColor
+  }, _ref8))));
 }
 var Tag = (0, _core["default"])(RootTag, {
   Text: Text,
@@ -375,7 +445,9 @@ var CloseTagContainer = (0, _core["default"])(RootCloseTagContainer, {
 });
 var TagContainer = (0, _core["default"])(RootTagContainer, {
   Tag: Tag,
-  Close: CloseTagContainer
+  Addon: Addon,
+  Close: CloseTagContainer,
+  Circle: TagContainerCircle
 });
 exports.TagContainer = TagContainer;
 var _default = Tag;

package/lib/cjs/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","role","undefined","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref8","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread2","assignProps","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps2","active","_this$asProps3","_ref2","_ref9","STagContainer","_this$asProps4","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps5","children","CloseTagContainer","Close","_ref4","arguments[0]","_ref11","SText","enhance","_ref5","_ref12","SClose","React","useEffect","_props$onMount","log","_props$onUnmount","useCallback","CloseM","_ref6","_ref13","SAddon","Circle","_ref7","_ref14","SCircle","createComponent","TagContainer","exports","_default"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\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';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport log from '@semcore/utils/lib/logger';\n\nimport style from './style/tag.shadow.css';\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 = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\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  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n      role: focusable === 'text' && interactive ? 'button' : undefined,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n    const isInteractiveView = !disabled && interactive;\n    const isInteractive = !disabled && interactive && focusable === 'container';\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={isInteractive}\n        use:interactiveView={isInteractiveView}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={isInteractive ? 0 : -1}\n        role={isInteractive ? 'button' : undefined}\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\nclass RootTagContainer extends Component {\n  static displayName = 'TagContainer';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n\n  getTagProps() {\n    const { size, theme, color, disabled, active, uid, id: outerId } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return {\n      id: `${id}-text`,\n      disabled,\n      size,\n      theme,\n      color,\n      active,\n    };\n  }\n\n  getCloseProps() {\n    const { size, theme, color, disabled, active, uid, id: outerId, getI18nText } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return {\n      disabled,\n      size,\n      theme,\n      color,\n      active,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n    };\n  }\n\n  render() {\n    const STagContainer = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <STagContainer render={Box}>\n        <Children />\n      </STagContainer>,\n    );\n  }\n}\n\nclass RootCloseTagContainer extends Component {\n  static displayName = 'CloseTagContainer';\n  static style = style;\n\n  static defaultProps = () => {\n    return {\n      theme: 'primary',\n      color: 'gray-500',\n      size: 'm',\n      i18n: localizedMessages,\n      locale: 'en',\n      children: <CloseTagContainer.Close />,\n    };\n  };\n\n  static enhance = [resolveColorEnhance(), keyboardFocusEnhance()];\n\n  handleKeyDown = (event) => {\n    const { onKeyDown, onClick } = this.asProps;\n\n    if (onKeyDown) {\n      return onKeyDown(event);\n    }\n\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  render() {\n    const STagContainerClose = Root;\n    const { Children, styles, color, resolveColor } = this.asProps;\n\n    return sstyled(styles)(\n      <STagContainerClose\n        render={Box}\n        tag={'button'}\n        interactive={true}\n        interactiveView={true}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n      >\n        <Children />\n      </STagContainerClose>,\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}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n\n    log.warn(\n      true,\n      'Tag.Close is deprecated and will be removed in the next major release. Please, use TagContainer and TagContainer.Close',\n      'Tag.Close',\n    );\n\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\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\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n  Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n  Tag,\n  Close: CloseTagContainer,\n});\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,EAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,4BAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,oBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,SAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,qBAAA,GAAAT,sBAAA,CAAAF,OAAA;AAAoF;AAAA,IAAAY,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAKpF,IAAMC,+BAA+B,GAAG;EACtCC,OAAO,EAAE;IACPC,KAAK,EAAE,UAAU;IACjBC,IAAI,EAAE,UAAU;IAChBC,OAAO,EAAE,WAAW;IACpBC,OAAO,EAAE,YAAY;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTL,KAAK,EAAE;EACT;AACF,CAAC;AAAC,IAEIM,OAAO,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,OAAA;EAoBX,SAAAA,QAAYK,KAAK,EAAE;IAAA,IAAAC,qBAAA;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAR,OAAA;IACjBO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,KAAK;IAAE,IAAAK,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,YALP;MACNK,SAAS,EAAE;IACb,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,uBA8BkB,YAAM;MACvBA,KAAA,CAAKM,QAAQ,CAAC;QAAED,SAAS,EAAE;MAAO,CAAC,CAAC;IACtC,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,yBACoB,YAAM;MACzBA,KAAA,CAAKM,QAAQ,CAAC;QAAED,SAAS,EAAE;MAAY,CAAC,CAAC;IAC3C,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,oBAee,UAACO,KAAK,EAAK;MACzB,QAAQA,KAAK,CAACC,GAAG;QACf,KAAK,GAAG;QACR,KAAK,OAAO;UACV,IAAIR,KAAA,CAAKS,OAAO,CAACC,OAAO,EAAE;YACxBH,KAAK,CAACI,cAAc,EAAE;YACtBX,KAAA,CAAKS,OAAO,CAACC,OAAO,CAACH,KAAK,CAAC;UAC7B;UACA;MAAM;IAEZ,CAAC;IAvDCK,kBAAM,CAACC,IAAI,CACTf,KAAK,CAACgB,GAAG,gEAAAC,MAAA,CACoDjB,KAAK,CAACgB,GAAG,eAAAC,MAAA,EAAAhB,qBAAA,GACpEd,+BAA+B,CAACa,KAAK,CAACgB,GAAG,CAAC,cAAAf,qBAAA,uBAA1CA,qBAAA,CAA6CD,KAAK,CAACkB,KAAK,CAAC,UAE3DlB,KAAK,CAAC,cAAc,CAAC,IAAImB,GAAG,CAACC,WAAW,CACzC;IAAC,OAAAlB,KAAA;EACJ;EAAC,IAAAmB,aAAA,aAAA1B,OAAA;IAAAe,GAAA;IAAAY,KAAA,EAED,SAAAC,eAAA,EAAiB;MACf,IAAQC,IAAI,GAAK,IAAI,CAACb,OAAO,CAArBa,IAAI;MACZ,OAAO;QAAEA,IAAI,EAAJA;MAAK,CAAC;IACjB;EAAC;IAAAd,GAAA;IAAAY,KAAA,EAED,SAAAG,aAAA,EAAe;MACb,IAAQC,WAAW,GAAK,IAAI,CAACf,OAAO,CAA5Be,WAAW;MACnB,IAAMC,EAAE,GAAG,IAAI,CAAChB,OAAO,CAACgB,EAAE,WAAAV,MAAA,CAAW,IAAI,CAACN,OAAO,CAACiB,GAAG,SAAM;MAC3D,IAAQrB,SAAS,GAAK,IAAI,CAACsB,KAAK,CAAxBtB,SAAS;MAEjB,OAAO;QACLuB,QAAQ,EAAEvB,SAAS,KAAK,MAAM,IAAImB,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QACtDC,EAAE,KAAAV,MAAA,CAAKU,EAAE,UAAO;QAChBI,IAAI,EAAExB,SAAS,KAAK,MAAM,IAAImB,WAAW,GAAG,QAAQ,GAAGM;MACzD,CAAC;IACH;EAAC;IAAAtB,GAAA;IAAAY,KAAA,EAOD,SAAAW,cAAA,EAAgB;MACd,IAAQC,WAAW,GAAK,IAAI,CAACvB,OAAO,CAA5BuB,WAAW;MACnB,IAAMP,EAAE,GAAG,IAAI,CAAChB,OAAO,CAACgB,EAAE,WAAAV,MAAA,CAAW,IAAI,CAACN,OAAO,CAACiB,GAAG,SAAM;MAE3D,OAAO;QACLM,WAAW,EAAXA,WAAW;QACXP,EAAE,KAAAV,MAAA,CAAKU,EAAE,WAAQ;QACjB,iBAAiB,KAAAV,MAAA,CAAKU,EAAE,aAAAV,MAAA,CAAUU,EAAE,UAAO;QAC3C,YAAY,EAAEO,WAAW,CAAC,QAAQ,CAAC;QACnCC,OAAO,EAAE,IAAI,CAACC,gBAAgB;QAC9BC,SAAS,EAAE,IAAI,CAACC;MAClB,CAAC;IACH;EAAC;IAAA5B,GAAA;IAAAY,KAAA,EAcD,SAAAiB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA7B,OAAA;QAAA8B,KAAA;MACP,IAAMC,IAAI,GAoBEC,YAAG;MAnBf,IAAAC,aAAA,GAWI,IAAI,CAACjC,OAAO;QAVdkC,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,aAAA,CAANE,MAAM;QACNC,KAAK,GAAAH,aAAA,CAALG,KAAK;QACLrB,WAAW,GAAAkB,aAAA,CAAXlB,WAAW;QACXsB,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QACRC,SAAS,GAAAL,aAAA,CAATK,SAAS;QACTC,UAAU,GAAAN,aAAA,CAAVM,UAAU;QACVC,YAAY,GAAAP,aAAA,CAAZO,YAAY;QACRC,OAAO,GAAAR,aAAA,CAAXjB,EAAE;QACFC,GAAG,GAAAgB,aAAA,CAAHhB,GAAG;MAEL,IAAQrB,SAAS,GAAK,IAAI,CAACsB,KAAK,CAAxBtB,SAAS;MACjB,IAAMoB,EAAE,GAAGyB,OAAO,WAAAnC,MAAA,CAAWW,GAAG,SAAM;MACtC,IAAMyB,iBAAiB,GAAG,CAACL,QAAQ,IAAItB,WAAW;MAClD,IAAM4B,aAAa,GAAG,CAACN,QAAQ,IAAItB,WAAW,IAAInB,SAAS,KAAK,WAAW;MAE3E,OAAAkC,KAAA,GAAO,IAAAxD,aAAO,EAAC6D,MAAM,CAAC,eACpB1E,MAAA,YAAAmF,aAAA,CAACb,IAAI,EAAAD,KAAA,CAAAe,EAAA,aAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA;QAAA,MAEC/B,EAAE;QAAA,mBACW2B,aAAa;QAAA,uBACTD,iBAAiB;QAAA,aAC3BF,YAAY,CAACJ,KAAK,CAAC;QAAA,aACnB,IAAI,CAACY,aAAa;QAAA,gBACfL,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;QAAA,QAC9BA,aAAa,GAAG,QAAQ,GAAGtB;MAAS,GAAAQ,IAAA,KAEzCS,SAAS,gBAAG7E,MAAA,YAAAmF,aAAA,CAACpC,GAAG,CAACyC,KAAK;QAACC,GAAG,EAAEZ;MAAU,EAAG,GAAG,IAAI,EAChD,IAAAa,6BAAiB,EAACjB,QAAQ,EAAE1B,GAAG,CAAC4C,IAAI,EAAE5C,GAAG,CAACyC,KAAK,CAAC,EAChDV,UAAU,gBAAG9E,MAAA,YAAAmF,aAAA,CAACpC,GAAG,CAACyC,KAAK;QAACC,GAAG,EAAEX;MAAW,EAAG,GAAG,IAAI,CAC9C;IAEX;EAAC;EAAA,OAAAvD,OAAA;AAAA,EAnHmBqE,eAAS;AAAA,IAAA3D,gBAAA,aAAzBV,OAAO,iBACU,KAAK;AAAA,IAAAU,gBAAA,aADtBV,OAAO,WAEIZ,KAAK;AAAA,IAAAsB,gBAAA,aAFhBV,OAAO,aAGM,CACf,IAAAsE,uBAAW,EAACC,8CAAiB,CAAC,EAC9B,IAAAC,oBAAmB,GAAE,EACrB,IAAAC,+BAAmB,GAAE,EACrB,IAAAC,gCAAoB,GAAE,CACvB;AAAA,IAAAhE,gBAAA,aARGV,OAAO,kBASW;EACpBuB,KAAK,EAAE,SAAS;EAChB6B,KAAK,EAAE,UAAU;EACjBvB,IAAI,EAAE,GAAG;EACT8C,IAAI,EAAEJ,8CAAiB;EACvBK,MAAM,EAAE;AACV,CAAC;AAAA,IAuGGC,gBAAgB,0BAAAC,WAAA;EAAA,IAAA5E,UAAA,aAAA2E,gBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAA3E,aAAA,aAAAyE,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAArE,gBAAA,mBAAAqE,gBAAA;IAAA,OAAAE,OAAA,CAAAC,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAvD,aAAA,aAAAmD,gBAAA;IAAA9D,GAAA;IAAAY,KAAA,EAMpB,SAAAuD,YAAA,EAAc;MACZ,IAAAC,cAAA,GAAmE,IAAI,CAACnE,OAAO;QAAvEa,IAAI,GAAAsD,cAAA,CAAJtD,IAAI;QAAEN,KAAK,GAAA4D,cAAA,CAAL5D,KAAK;QAAE6B,KAAK,GAAA+B,cAAA,CAAL/B,KAAK;QAAEC,QAAQ,GAAA8B,cAAA,CAAR9B,QAAQ;QAAE+B,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEnD,GAAG,GAAAkD,cAAA,CAAHlD,GAAG;QAAMwB,OAAO,GAAA0B,cAAA,CAAXnD,EAAE;MACrD,IAAMA,EAAE,GAAGyB,OAAO,WAAAnC,MAAA,CAAWW,GAAG,SAAM;MAEtC,OAAO;QACLD,EAAE,KAAAV,MAAA,CAAKU,EAAE,UAAO;QAChBqB,QAAQ,EAARA,QAAQ;QACRxB,IAAI,EAAJA,IAAI;QACJN,KAAK,EAALA,KAAK;QACL6B,KAAK,EAALA,KAAK;QACLgC,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAArE,GAAA;IAAAY,KAAA,EAED,SAAAW,cAAA,EAAgB;MACd,IAAA+C,cAAA,GAAgF,IAAI,CAACrE,OAAO;QAApFa,IAAI,GAAAwD,cAAA,CAAJxD,IAAI;QAAEN,KAAK,GAAA8D,cAAA,CAAL9D,KAAK;QAAE6B,KAAK,GAAAiC,cAAA,CAALjC,KAAK;QAAEC,QAAQ,GAAAgC,cAAA,CAARhC,QAAQ;QAAE+B,MAAM,GAAAC,cAAA,CAAND,MAAM;QAAEnD,GAAG,GAAAoD,cAAA,CAAHpD,GAAG;QAAMwB,OAAO,GAAA4B,cAAA,CAAXrD,EAAE;QAAWO,WAAW,GAAA8C,cAAA,CAAX9C,WAAW;MAC3E,IAAMP,EAAE,GAAGyB,OAAO,WAAAnC,MAAA,CAAWW,GAAG,SAAM;MAEtC,OAAO;QACLoB,QAAQ,EAARA,QAAQ;QACRxB,IAAI,EAAJA,IAAI;QACJN,KAAK,EAALA,KAAK;QACL6B,KAAK,EAALA,KAAK;QACLgC,MAAM,EAANA,MAAM;QACNpD,EAAE,KAAAV,MAAA,CAAKU,EAAE,WAAQ;QACjB,iBAAiB,KAAAV,MAAA,CAAKU,EAAE,aAAAV,MAAA,CAAUU,EAAE,UAAO;QAC3C,YAAY,EAAEO,WAAW,CAAC,QAAQ;MACpC,CAAC;IACH;EAAC;IAAAxB,GAAA;IAAAY,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAA0C,KAAA,QAAAtE,OAAA;QAAAuE,KAAA;MACP,IAAMC,aAAa,GAIMxC,YAAG;MAH5B,IAAAyC,cAAA,GAA6B,IAAI,CAACzE,OAAO;QAAjCmC,MAAM,GAAAsC,cAAA,CAANtC,MAAM;QAAED,QAAQ,GAAAuC,cAAA,CAARvC,QAAQ;MAExB,OAAAqC,KAAA,GAAO,IAAAjG,aAAO,EAAC6D,MAAM,CAAC,eACpB1E,MAAA,YAAAmF,aAAA,CAAC4B,aAAa,EAAAD,KAAA,CAAA1B,EAAA,sBAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA,MAAAuB,KAAA,kBACZ7G,MAAA,YAAAmF,aAAA,CAACV,QAAQ,EAAAqC,KAAA,CAAA1B,EAAA,iBAAG,CACE;IAEpB;EAAC;EAAA,OAAAgB,gBAAA;AAAA,EA7C4BR,eAAS;AAAA,IAAA3D,gBAAA,aAAlCmE,gBAAgB,iBACC,cAAc;AAAA,IAAAnE,gBAAA,aAD/BmE,gBAAgB,WAELzF,KAAK;AAAA,IAAAsB,gBAAA,aAFhBmE,gBAAgB,aAIH,CAAC,IAAAP,uBAAW,EAACC,8CAAiB,CAAC,EAAE,IAAAC,oBAAmB,GAAE,CAAC;AAAA,IA4CpEkB,qBAAqB,0BAAAC,WAAA;EAAA,IAAAzF,UAAA,aAAAwF,qBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAAxF,aAAA,aAAAsF,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAG,MAAA;IAAA,IAAArF,gBAAA,mBAAAkF,qBAAA;IAAA,SAAAI,IAAA,GAAAb,SAAA,CAAAc,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAjB,SAAA,CAAAiB,IAAA;IAAA;IAAAL,MAAA,GAAAD,OAAA,CAAAnF,IAAA,CAAAuE,KAAA,CAAAY,OAAA,SAAAtE,MAAA,CAAA0E,IAAA;IAAA,IAAAtF,gBAAA,iBAAAC,uBAAA,aAAAkF,MAAA,oBAiBT,UAAC/E,KAAK,EAAK;MACzB,IAAAqF,cAAA,GAA+BN,MAAA,CAAK7E,OAAO;QAAnCoF,SAAS,GAAAD,cAAA,CAATC,SAAS;QAAEnF,OAAO,GAAAkF,cAAA,CAAPlF,OAAO;MAE1B,IAAImF,SAAS,EAAE;QACb,OAAOA,SAAS,CAACtF,KAAK,CAAC;MACzB;MAEA,IAAIG,OAAO,KAAKH,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,CAAC,EAAE;QAC3DD,KAAK,CAACI,cAAc,EAAE;QACtBD,OAAO,CAACH,KAAK,CAAC;MAChB;IACF,CAAC;IAAA,OAAA+E,MAAA;EAAA;EAAA,IAAAnE,aAAA,aAAAgE,qBAAA;IAAA3E,GAAA;IAAAY,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAyD,KAAA,QAAArF,OAAA;QAAAsF,MAAA;MACP,IAAMC,kBAAkB,GAKZvD,YAAG;MAJf,IAAAwD,cAAA,GAAkD,IAAI,CAACxF,OAAO;QAAtDkC,QAAQ,GAAAsD,cAAA,CAARtD,QAAQ;QAAEC,MAAM,GAAAqD,cAAA,CAANrD,MAAM;QAAEC,KAAK,GAAAoD,cAAA,CAALpD,KAAK;QAAEI,YAAY,GAAAgD,cAAA,CAAZhD,YAAY;MAE7C,OAAA8C,MAAA,GAAO,IAAAhH,aAAO,EAAC6D,MAAM,CAAC,eACpB1E,MAAA,YAAAmF,aAAA,CAAC2C,kBAAkB,EAAAD,MAAA,CAAAzC,EAAA,2BAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA;QAAA,OAEZ,QAAQ;QAAA,eACA,IAAI;QAAA,mBACA,IAAI;QAAA,aACVP,YAAY,CAACJ,KAAK,CAAC;QAAA,aACnB,IAAI,CAACY;MAAa,GAAAqC,KAAA,kBAE7B5H,MAAA,YAAAmF,aAAA,CAACV,QAAQ,EAAAoD,MAAA,CAAAzC,EAAA,iBAAG,CACO;IAEzB;EAAC;EAAA,OAAA6B,qBAAA;AAAA,EA9CiCrB,eAAS;AAAA,IAAA3D,gBAAA,aAAvCgF,qBAAqB,iBACJ,mBAAmB;AAAA,IAAAhF,gBAAA,aADpCgF,qBAAqB,WAEVtG,KAAK;AAAA,IAAAsB,gBAAA,aAFhBgF,qBAAqB,kBAIH,YAAM;EAC1B,OAAO;IACLnE,KAAK,EAAE,SAAS;IAChB6B,KAAK,EAAE,UAAU;IACjBvB,IAAI,EAAE,GAAG;IACT8C,IAAI,EAAEJ,8CAAiB;IACvBK,MAAM,EAAE,IAAI;IACZ6B,QAAQ,eAAEhI,MAAA,YAAAmF,aAAA,CAAC8C,iBAAiB,CAACC,KAAK;EACpC,CAAC;AACH,CAAC;AAAA,IAAAjG,gBAAA,aAbGgF,qBAAqB,aAeR,CAAC,IAAAjB,+BAAmB,GAAE,EAAE,IAAAC,gCAAoB,GAAE,CAAC;AAkClE,SAASN,IAAIA,CAAC/D,KAAK,EAAE;EAAA,IAAAuG,KAAA,GAAAC,YAAA;IAAAC,MAAA;EACnB,IAAMC,KAAK,GAE2B/D,YAAG;EADzC,IAAQG,MAAM,GAAK9C,KAAK,CAAhB8C,MAAM;EACd,OAAA2D,MAAA,GAAO,IAAAxH,aAAO,EAAC6D,MAAM,CAAC,eAAC1E,MAAA,YAAAmF,aAAA,CAACmD,KAAK,EAAAD,MAAA,CAAAjD,EAAA,cAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA;IAAA,OAAkB;EAAM,GAAA6C,KAAA,IAAG;AAC1D;AACAxC,IAAI,CAAC4C,OAAO,GAAG,CAAC,IAAAtC,gCAAoB,GAAE,CAAC;AAEvC,SAASiC,KAAKA,CAACtG,KAAK,EAAE;EAAA,IAAA4G,KAAA,GAAAJ,YAAA;IAAAK,MAAA;EACpB,IAAMC,MAAM,GA6B2BnE,YAAG;EA5B1C,IAAQG,MAAM,GAAK9C,KAAK,CAAhB8C,MAAM;EAEdiE,iBAAK,CAACC,SAAS,CAAC,YAAM;IAAA,IAAAC,cAAA;IACpB,CAAAA,cAAA,GAAAjH,KAAK,CAACmC,OAAO,cAAA8E,cAAA,uBAAbA,cAAA,CAAA7G,IAAA,CAAAJ,KAAK,CAAY;IAEjBkH,kBAAG,CAACnG,IAAI,CACN,IAAI,EACJ,wHAAwH,EACxH,WAAW,CACZ;IAED,OAAO;MAAA,IAAAoG,gBAAA;MAAA,QAAAA,gBAAA,GAAMnH,KAAK,CAACqC,SAAS,cAAA8E,gBAAA,uBAAfA,gBAAA,CAAA/G,IAAA,CAAAJ,KAAK,CAAc;IAAA;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM+F,SAAS,GAAGgB,iBAAK,CAACK,WAAW,CACjC,UAAC3G,KAAK,EAAK;IACT,IAAIT,KAAK,CAAC+F,SAAS,EAAE;MACnB,OAAO/F,KAAK,CAAC+F,SAAS,CAACtF,KAAK,CAAC;IAC/B;IAEA,IAAIT,KAAK,CAACY,OAAO,KAAKH,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,CAAC,EAAE;MACjED,KAAK,CAACI,cAAc,EAAE;MACtBb,KAAK,CAACY,OAAO,CAACH,KAAK,CAAC;IACtB;EACF,CAAC,EACD,CAACT,KAAK,CAAC+F,SAAS,EAAE/F,KAAK,CAACY,OAAO,CAAC,CACjC;EAED,OAAAiG,MAAA,GAAO,IAAA5H,aAAO,EAAC6D,MAAM,CAAC,eAAC1E,MAAA,YAAAmF,aAAA,CAACuD,MAAM,EAAAD,MAAA,CAAArD,EAAA,eAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA;IAAA,OAAmB2D,aAAM;IAAA;IAAA,aAAyBtB;EAAS,GAAAa,KAAA,IAAI;AAC/F;AAEA,SAAShD,KAAKA,CAAC5D,KAAK,EAAE;EAAA,IAAAsH,KAAA,GAAAd,YAAA;IAAAe,MAAA;EACpB,IAAMC,MAAM,GAE2B7E,YAAG;EAD1C,IAAQG,MAAM,GAAK9C,KAAK,CAAhB8C,MAAM;EACd,OAAAyE,MAAA,GAAO,IAAAtI,aAAO,EAAC6D,MAAM,CAAC,eAAC1E,MAAA,YAAAmF,aAAA,CAACiE,MAAM,EAAAD,MAAA,CAAA/D,EAAA,eAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA;IAAA,OAAkB;EAAM,GAAA4D,KAAA,IAAG;AAC3D;AAEA,SAASG,MAAMA,CAACzH,KAAK,EAAE;EAAA,IAAA0H,KAAA,GAAAlB,YAAA;IAAAmB,MAAA;EACrB,IAAMC,OAAO,GAE2BjF,YAAG;EAD3C,IAAQG,MAAM,GAAK9C,KAAK,CAAhB8C,MAAM;EACd,OAAA6E,MAAA,GAAO,IAAA1I,aAAO,EAAC6D,MAAM,CAAC,eAAC1E,MAAA,YAAAmF,aAAA,CAACqE,OAAO,EAAAD,MAAA,CAAAnE,EAAA,gBAAAC,cAAA,qBAAAxF,KAAA,CAAAyF,WAAA;IAAA,OAAkB;EAAM,GAAAgE,KAAA,IAAG;AAC5D;AAEA,IAAMvG,GAAG,GAAG,IAAA0G,gBAAe,EAAClI,OAAO,EAAE;EACnCoE,IAAI,EAAJA,IAAI;EACJH,KAAK,EAALA,KAAK;EACL0C,KAAK,EAALA,KAAK;EACLmB,MAAM,EAANA;AACF,CAAC,CAAC;AAEF,IAAMpB,iBAAiB,GAAG,IAAAwB,gBAAe,EAACxC,qBAAqB,EAAE;EAC/DiB,KAAK,EAAEe;AACT,CAAC,CAAC;AAEK,IAAMS,YAAY,GAAG,IAAAD,gBAAe,EAACrD,gBAAgB,EAAE;EAC5DrD,GAAG,EAAHA,GAAG;EACHmF,KAAK,EAAED;AACT,CAAC,CAAC;AAAC0B,OAAA,CAAAD,YAAA,GAAAA,YAAA;AAAA,IAAAE,QAAA,GAEY7G,GAAG;AAAA4G,OAAA,cAAAC,QAAA"}
+{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_findComponent","style","_index","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","_this$asProps","size","color","resolveColor","getTextProps","interactive","id","uid","state","tabIndex","role","undefined","getCloseProps","_this$asProps2","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref9","STag","Box","_this$asProps3","Children","styles","disabled","addonLeft","addonRight","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread2","assignProps","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps4","_this$asProps5","getAddonProps","_this$asProps6","_this$asProps7","_ref2","_ref10","STagContainer","_this$asProps8","forcedAdvancedMode","advancedMode","isAdvanceMode","Close","Circle","TagContainer","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref11","STagContainerClose","_this$asProps9","children","CloseTagContainer","TagContainerCircle","_ref4","arguments[0]","_ref12","SAddon","SCircle","_ref5","_ref13","SText","enhance","_ref6","_ref14","SClose","React","useEffect","_props$onMount","log","_props$onUnmount","useCallback","CloseM","_ref7","_ref15","tagColor","useMemo","_ref8","_ref16","createComponent","exports","_default"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\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';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport log from '@semcore/utils/lib/logger';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/tag.shadow.css';\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 = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\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, color, resolveColor } = this.asProps;\n    return { size, color, resolveColor };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n      role: focusable === 'text' && interactive ? 'button' : undefined,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText, color, resolveColor } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n      color,\n      resolveColor,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n    const isInteractiveView = !disabled && interactive;\n    const isInteractive = !disabled && interactive && focusable === 'container';\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={isInteractive}\n        use:interactiveView={isInteractiveView}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={isInteractive ? 0 : -1}\n        role={isInteractive ? 'button' : undefined}\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\nclass RootTagContainer extends Component {\n  static displayName = 'TagContainer';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n  static defaultProps = {\n    color: 'gray-500',\n    theme: 'primary',\n  };\n\n  getTagProps() {\n    const {\n      size,\n      theme,\n      color,\n      disabled,\n      uid,\n      id: outerId,\n      interactive,\n      resolveColor,\n    } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return {\n      id: `${id}-text`,\n      disabled,\n      size,\n      theme,\n      color,\n      tag: interactive ? 'button' : undefined,\n      interactive,\n      resolveColor,\n    };\n  }\n\n  getCircleProps() {\n    const { color, resolveColor, size } = this.asProps;\n    return { color, resolveColor, size };\n  }\n\n  getAddonProps() {\n    const { color, resolveColor } = this.asProps;\n\n    return { color, resolveColor };\n  }\n\n  getCloseProps() {\n    const {\n      size,\n      theme,\n      color,\n      disabled,\n      uid,\n      id: outerId,\n      getI18nText,\n      resolveColor,\n    } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return {\n      disabled,\n      size,\n      theme,\n      color,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      resolveColor,\n    };\n  }\n\n  render() {\n    const STagContainer = Root;\n    const { styles, Children, forcedAdvancedMode } = this.asProps;\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(\n        Children,\n        [\n          'InputTags.' + Tag.Text.displayName,\n          'InputTags.' + Tag.Addon.displayName,\n          'InputTags.' + Tag.Close.displayName,\n          'InputTags.' + Tag.Circle.displayName,\n          TagContainer.Tag.displayName,\n          TagContainer.Addon.displayName,\n          TagContainer.Close.displayName,\n          TagContainer.Circle.displayName,\n        ],\n        true,\n      );\n\n    return sstyled(styles)(\n      <STagContainer render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <TagContainer.Tag>\n            <Children />\n          </TagContainer.Tag>\n        )}\n      </STagContainer>,\n    );\n  }\n}\n\nclass RootCloseTagContainer extends Component {\n  static displayName = 'CloseTagContainer';\n  static style = style;\n\n  static defaultProps = () => {\n    return {\n      theme: 'primary',\n      color: 'gray-500',\n      size: 'm',\n      i18n: localizedMessages,\n      locale: 'en',\n      children: <CloseTagContainer.Close />,\n    };\n  };\n\n  static enhance = [resolveColorEnhance(), keyboardFocusEnhance()];\n\n  handleKeyDown = (event) => {\n    const { onKeyDown, onClick } = this.asProps;\n\n    if (onKeyDown) {\n      return onKeyDown(event);\n    }\n\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  render() {\n    const STagContainerClose = Root;\n    const { Children, styles, color, resolveColor } = this.asProps;\n\n    return sstyled(styles)(\n      <STagContainerClose\n        render={Box}\n        tag={'button'}\n        interactive={true}\n        interactiveView={true}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n      >\n        <Children />\n      </STagContainerClose>,\n    );\n  }\n}\n\nfunction TagContainerCircle(props) {\n  const SAddon = Box;\n  const SCircle = Root;\n  const { styles, color, resolveColor } = props;\n  return sstyled(styles)(\n    <SAddon tag-color={resolveColor(color)}>\n      <SCircle render={Box} />\n    </SAddon>,\n  );\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n\n    log.warn(\n      true,\n      'Tag.Close is deprecated and will be removed in the next major release. Please, use TagContainer and TagContainer.Close',\n      'Tag.Close',\n    );\n\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles, color, resolveColor } = props;\n\n  const tagColor = React.useMemo(() => {\n    if (typeof resolveColor !== 'function') return;\n    return resolveColor(color);\n  }, [color, resolveColor]);\n\n  return sstyled(styles)(<SAddon render={Box} tag='div' tag-color={tagColor} />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles, color, resolveColor } = props;\n  const tagColor = React.useMemo(() => {\n    if (typeof resolveColor !== 'function') return;\n    return resolveColor(color);\n  }, [color, resolveColor]);\n  return sstyled(styles)(<SCircle render={Box} tag='span' tag-color={tagColor} />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n  Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n  Tag,\n  Addon,\n  Close: CloseTagContainer,\n  Circle: TagContainerCircle,\n});\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,EAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,4BAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,oBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,SAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,qBAAA,GAAAT,sBAAA,CAAAF,OAAA;AAEA,IAAAY,cAAA,GAAAZ,OAAA;AAAiE;AAAA,IAAAa,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIjE,IAAMC,+BAA+B,GAAG;EACtCC,OAAO,EAAE;IACPC,KAAK,EAAE,UAAU;IACjBC,IAAI,EAAE,UAAU;IAChBC,OAAO,EAAE,WAAW;IACpBC,OAAO,EAAE,YAAY;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTL,KAAK,EAAE;EACT;AACF,CAAC;AAAC,IAEIM,OAAO,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,OAAA;EAoBX,SAAAA,QAAYK,KAAK,EAAE;IAAA,IAAAC,qBAAA;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAR,OAAA;IACjBO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,KAAK;IAAE,IAAAK,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,YALP;MACNK,SAAS,EAAE;IACb,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,uBA8BkB,YAAM;MACvBA,KAAA,CAAKM,QAAQ,CAAC;QAAED,SAAS,EAAE;MAAO,CAAC,CAAC;IACtC,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,yBACoB,YAAM;MACzBA,KAAA,CAAKM,QAAQ,CAAC;QAAED,SAAS,EAAE;MAAY,CAAC,CAAC;IAC3C,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,oBAiBe,UAACO,KAAK,EAAK;MACzB,QAAQA,KAAK,CAACC,GAAG;QACf,KAAK,GAAG;QACR,KAAK,OAAO;UACV,IAAIR,KAAA,CAAKS,OAAO,CAACC,OAAO,EAAE;YACxBH,KAAK,CAACI,cAAc,EAAE;YACtBX,KAAA,CAAKS,OAAO,CAACC,OAAO,CAACH,KAAK,CAAC;UAC7B;UACA;MAAM;IAEZ,CAAC;IAzDCK,kBAAM,CAACC,IAAI,CACTf,KAAK,CAACgB,GAAG,gEAAAC,MAAA,CACoDjB,KAAK,CAACgB,GAAG,eAAAC,MAAA,EAAAhB,qBAAA,GACpEd,+BAA+B,CAACa,KAAK,CAACgB,GAAG,CAAC,cAAAf,qBAAA,uBAA1CA,qBAAA,CAA6CD,KAAK,CAACkB,KAAK,CAAC,UAE3DlB,KAAK,CAAC,cAAc,CAAC,IAAImB,GAAG,CAACC,WAAW,CACzC;IAAC,OAAAlB,KAAA;EACJ;EAAC,IAAAmB,aAAA,aAAA1B,OAAA;IAAAe,GAAA;IAAAY,KAAA,EAED,SAAAC,eAAA,EAAiB;MACf,IAAAC,aAAA,GAAsC,IAAI,CAACb,OAAO;QAA1Cc,IAAI,GAAAD,aAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,YAAY,GAAAH,aAAA,CAAZG,YAAY;MACjC,OAAO;QAAEF,IAAI,EAAJA,IAAI;QAAEC,KAAK,EAALA,KAAK;QAAEC,YAAY,EAAZA;MAAa,CAAC;IACtC;EAAC;IAAAjB,GAAA;IAAAY,KAAA,EAED,SAAAM,aAAA,EAAe;MACb,IAAQC,WAAW,GAAK,IAAI,CAAClB,OAAO,CAA5BkB,WAAW;MACnB,IAAMC,EAAE,GAAG,IAAI,CAACnB,OAAO,CAACmB,EAAE,WAAAb,MAAA,CAAW,IAAI,CAACN,OAAO,CAACoB,GAAG,SAAM;MAC3D,IAAQxB,SAAS,GAAK,IAAI,CAACyB,KAAK,CAAxBzB,SAAS;MAEjB,OAAO;QACL0B,QAAQ,EAAE1B,SAAS,KAAK,MAAM,IAAIsB,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QACtDC,EAAE,KAAAb,MAAA,CAAKa,EAAE,UAAO;QAChBI,IAAI,EAAE3B,SAAS,KAAK,MAAM,IAAIsB,WAAW,GAAG,QAAQ,GAAGM;MACzD,CAAC;IACH;EAAC;IAAAzB,GAAA;IAAAY,KAAA,EAOD,SAAAc,cAAA,EAAgB;MACd,IAAAC,cAAA,GAA6C,IAAI,CAAC1B,OAAO;QAAjD2B,WAAW,GAAAD,cAAA,CAAXC,WAAW;QAAEZ,KAAK,GAAAW,cAAA,CAALX,KAAK;QAAEC,YAAY,GAAAU,cAAA,CAAZV,YAAY;MACxC,IAAMG,EAAE,GAAG,IAAI,CAACnB,OAAO,CAACmB,EAAE,WAAAb,MAAA,CAAW,IAAI,CAACN,OAAO,CAACoB,GAAG,SAAM;MAE3D,OAAO;QACLO,WAAW,EAAXA,WAAW;QACXR,EAAE,KAAAb,MAAA,CAAKa,EAAE,WAAQ;QACjB,iBAAiB,KAAAb,MAAA,CAAKa,EAAE,aAAAb,MAAA,CAAUa,EAAE,UAAO;QAC3C,YAAY,EAAEQ,WAAW,CAAC,QAAQ,CAAC;QACnCC,OAAO,EAAE,IAAI,CAACC,gBAAgB;QAC9BC,SAAS,EAAE,IAAI,CAACC,kBAAkB;QAClChB,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAY,KAAA,EAcD,SAAAqB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAjC,OAAA;QAAAkC,KAAA;MACP,IAAMC,IAAI,GAoBEC,YAAG;MAnBf,IAAAC,cAAA,GAWI,IAAI,CAACrC,OAAO;QAVdsC,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,cAAA,CAANE,MAAM;QACNxB,KAAK,GAAAsB,cAAA,CAALtB,KAAK;QACLG,WAAW,GAAAmB,cAAA,CAAXnB,WAAW;QACXsB,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QACRC,SAAS,GAAAJ,cAAA,CAATI,SAAS;QACTC,UAAU,GAAAL,cAAA,CAAVK,UAAU;QACV1B,YAAY,GAAAqB,cAAA,CAAZrB,YAAY;QACR2B,OAAO,GAAAN,cAAA,CAAXlB,EAAE;QACFC,GAAG,GAAAiB,cAAA,CAAHjB,GAAG;MAEL,IAAQxB,SAAS,GAAK,IAAI,CAACyB,KAAK,CAAxBzB,SAAS;MACjB,IAAMuB,EAAE,GAAGwB,OAAO,WAAArC,MAAA,CAAWc,GAAG,SAAM;MACtC,IAAMwB,iBAAiB,GAAG,CAACJ,QAAQ,IAAItB,WAAW;MAClD,IAAM2B,aAAa,GAAG,CAACL,QAAQ,IAAItB,WAAW,IAAItB,SAAS,KAAK,WAAW;MAE3E,OAAAsC,KAAA,GAAO,IAAA5D,aAAO,EAACiE,MAAM,CAAC,eACpB/E,MAAA,YAAAsF,aAAA,CAACX,IAAI,EAAAD,KAAA,CAAAa,EAAA,aAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA;QAAA,MAEC9B,EAAE;QAAA,mBACW0B,aAAa;QAAA,uBACTD,iBAAiB;QAAA,aAC3B5B,YAAY,CAACD,KAAK,CAAC;QAAA,aACnB,IAAI,CAACmC,aAAa;QAAA,gBACfL,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC;QAAA,QAC9BA,aAAa,GAAG,QAAQ,GAAGrB;MAAS,GAAAS,IAAA,KAEzCQ,SAAS,gBAAGjF,MAAA,YAAAsF,aAAA,CAACtC,GAAG,CAAC2C,KAAK;QAACC,GAAG,EAAEX;MAAU,EAAG,GAAG,IAAI,EAChD,IAAAY,6BAAiB,EAACf,QAAQ,EAAE9B,GAAG,CAAC8C,IAAI,EAAE9C,GAAG,CAAC2C,KAAK,CAAC,EAChDT,UAAU,gBAAGlF,MAAA,YAAAsF,aAAA,CAACtC,GAAG,CAAC2C,KAAK;QAACC,GAAG,EAAEV;MAAW,EAAG,GAAG,IAAI,CAC9C;IAEX;EAAC;EAAA,OAAA1D,OAAA;AAAA,EArHmBuE,eAAS;AAAA,IAAA7D,gBAAA,aAAzBV,OAAO,iBACU,KAAK;AAAA,IAAAU,gBAAA,aADtBV,OAAO,WAEIZ,KAAK;AAAA,IAAAsB,gBAAA,aAFhBV,OAAO,aAGM,CACf,IAAAwE,uBAAW,EAACC,8CAAiB,CAAC,EAC9B,IAAAC,oBAAmB,GAAE,EACrB,IAAAC,+BAAmB,GAAE,EACrB,IAAAC,gCAAoB,GAAE,CACvB;AAAA,IAAAlE,gBAAA,aARGV,OAAO,kBASW;EACpBuB,KAAK,EAAE,SAAS;EAChBQ,KAAK,EAAE,UAAU;EACjBD,IAAI,EAAE,GAAG;EACT+C,IAAI,EAAEJ,8CAAiB;EACvBK,MAAM,EAAE;AACV,CAAC;AAAA,IAyGGC,gBAAgB,0BAAAC,WAAA;EAAA,IAAA9E,UAAA,aAAA6E,gBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAA7E,aAAA,aAAA2E,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAvE,gBAAA,mBAAAuE,gBAAA;IAAA,OAAAE,OAAA,CAAAC,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAzD,aAAA,aAAAqD,gBAAA;IAAAhE,GAAA;IAAAY,KAAA,EASpB,SAAAyD,YAAA,EAAc;MACZ,IAAAC,cAAA,GASI,IAAI,CAACrE,OAAO;QARdc,IAAI,GAAAuD,cAAA,CAAJvD,IAAI;QACJP,KAAK,GAAA8D,cAAA,CAAL9D,KAAK;QACLQ,KAAK,GAAAsD,cAAA,CAALtD,KAAK;QACLyB,QAAQ,GAAA6B,cAAA,CAAR7B,QAAQ;QACRpB,GAAG,GAAAiD,cAAA,CAAHjD,GAAG;QACCuB,OAAO,GAAA0B,cAAA,CAAXlD,EAAE;QACFD,WAAW,GAAAmD,cAAA,CAAXnD,WAAW;QACXF,YAAY,GAAAqD,cAAA,CAAZrD,YAAY;MAEd,IAAMG,EAAE,GAAGwB,OAAO,WAAArC,MAAA,CAAWc,GAAG,SAAM;MAEtC,OAAO;QACLD,EAAE,KAAAb,MAAA,CAAKa,EAAE,UAAO;QAChBqB,QAAQ,EAARA,QAAQ;QACR1B,IAAI,EAAJA,IAAI;QACJP,KAAK,EAALA,KAAK;QACLQ,KAAK,EAALA,KAAK;QACLqC,GAAG,EAAElC,WAAW,GAAG,QAAQ,GAAGM,SAAS;QACvCN,WAAW,EAAXA,WAAW;QACXF,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAY,KAAA,EAED,SAAAC,eAAA,EAAiB;MACf,IAAA0D,cAAA,GAAsC,IAAI,CAACtE,OAAO;QAA1Ce,KAAK,GAAAuD,cAAA,CAALvD,KAAK;QAAEC,YAAY,GAAAsD,cAAA,CAAZtD,YAAY;QAAEF,IAAI,GAAAwD,cAAA,CAAJxD,IAAI;MACjC,OAAO;QAAEC,KAAK,EAALA,KAAK;QAAEC,YAAY,EAAZA,YAAY;QAAEF,IAAI,EAAJA;MAAK,CAAC;IACtC;EAAC;IAAAf,GAAA;IAAAY,KAAA,EAED,SAAA4D,cAAA,EAAgB;MACd,IAAAC,cAAA,GAAgC,IAAI,CAACxE,OAAO;QAApCe,KAAK,GAAAyD,cAAA,CAALzD,KAAK;QAAEC,YAAY,GAAAwD,cAAA,CAAZxD,YAAY;MAE3B,OAAO;QAAED,KAAK,EAALA,KAAK;QAAEC,YAAY,EAAZA;MAAa,CAAC;IAChC;EAAC;IAAAjB,GAAA;IAAAY,KAAA,EAED,SAAAc,cAAA,EAAgB;MACd,IAAAgD,cAAA,GASI,IAAI,CAACzE,OAAO;QARdc,IAAI,GAAA2D,cAAA,CAAJ3D,IAAI;QACJP,KAAK,GAAAkE,cAAA,CAALlE,KAAK;QACLQ,KAAK,GAAA0D,cAAA,CAAL1D,KAAK;QACLyB,QAAQ,GAAAiC,cAAA,CAARjC,QAAQ;QACRpB,GAAG,GAAAqD,cAAA,CAAHrD,GAAG;QACCuB,OAAO,GAAA8B,cAAA,CAAXtD,EAAE;QACFQ,WAAW,GAAA8C,cAAA,CAAX9C,WAAW;QACXX,YAAY,GAAAyD,cAAA,CAAZzD,YAAY;MAEd,IAAMG,EAAE,GAAGwB,OAAO,WAAArC,MAAA,CAAWc,GAAG,SAAM;MAEtC,OAAO;QACLoB,QAAQ,EAARA,QAAQ;QACR1B,IAAI,EAAJA,IAAI;QACJP,KAAK,EAALA,KAAK;QACLQ,KAAK,EAALA,KAAK;QACLI,EAAE,KAAAb,MAAA,CAAKa,EAAE,WAAQ;QACjB,iBAAiB,KAAAb,MAAA,CAAKa,EAAE,aAAAb,MAAA,CAAUa,EAAE,UAAO;QAC3C,YAAY,EAAEQ,WAAW,CAAC,QAAQ,CAAC;QACnCX,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAY,KAAA,EAED,SAAAqB,OAAA,EAAS;MAAA,IAAA0C,KAAA,QAAA1E,OAAA;QAAA2E,MAAA;MACP,IAAMC,aAAa,GAoBMxC,YAAG;MAnB5B,IAAAyC,cAAA,GAAiD,IAAI,CAAC7E,OAAO;QAArDuC,MAAM,GAAAsC,cAAA,CAANtC,MAAM;QAAED,QAAQ,GAAAuC,cAAA,CAARvC,QAAQ;QAAEwC,kBAAkB,GAAAD,cAAA,CAAlBC,kBAAkB;MAC5C,IAAMC,YAAY,GAChBD,kBAAkB,IAClB,IAAAE,4BAAa,EACX1C,QAAQ,EACR,CACE,YAAY,GAAG9B,GAAG,CAAC8C,IAAI,CAAC7C,WAAW,EACnC,YAAY,GAAGD,GAAG,CAAC2C,KAAK,CAAC1C,WAAW,EACpC,YAAY,GAAGD,GAAG,CAACyE,KAAK,CAACxE,WAAW,EACpC,YAAY,GAAGD,GAAG,CAAC0E,MAAM,CAACzE,WAAW,EACrC0E,YAAY,CAAC3E,GAAG,CAACC,WAAW,EAC5B0E,YAAY,CAAChC,KAAK,CAAC1C,WAAW,EAC9B0E,YAAY,CAACF,KAAK,CAACxE,WAAW,EAC9B0E,YAAY,CAACD,MAAM,CAACzE,WAAW,CAChC,EACD,IAAI,CACL;MAEH,OAAAkE,MAAA,GAAO,IAAArG,aAAO,EAACiE,MAAM,CAAC,eACpB/E,MAAA,YAAAsF,aAAA,CAAC8B,aAAa,EAAAD,MAAA,CAAA5B,EAAA,sBAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA,MAAAyB,KAAA,KACXK,YAAY,gBACXvH,MAAA,YAAAsF,aAAA,CAACR,QAAQ,EAAAqC,MAAA,CAAA5B,EAAA,iBAAG,gBAEZvF,MAAA,YAAAsF,aAAA,CAACqC,YAAY,CAAC3E,GAAG,qBACfhD,MAAA,YAAAsF,aAAA,CAACR,QAAQ,EAAAqC,MAAA,CAAA5B,EAAA,iBAAG,CAEf,CACa;IAEpB;EAAC;EAAA,OAAAgB,gBAAA;AAAA,EArG4BR,eAAS;AAAA,IAAA7D,gBAAA,aAAlCqE,gBAAgB,iBACC,cAAc;AAAA,IAAArE,gBAAA,aAD/BqE,gBAAgB,WAEL3F,KAAK;AAAA,IAAAsB,gBAAA,aAFhBqE,gBAAgB,aAGH,CAAC,IAAAP,uBAAW,EAACC,8CAAiB,CAAC,EAAE,IAAAC,oBAAmB,GAAE,EAAE,IAAAC,+BAAmB,GAAE,CAAC;AAAA,IAAAjE,gBAAA,aAH3FqE,gBAAgB,kBAIE;EACpBhD,KAAK,EAAE,UAAU;EACjBR,KAAK,EAAE;AACT,CAAC;AAAA,IAiGG6E,qBAAqB,0BAAAC,WAAA;EAAA,IAAAnG,UAAA,aAAAkG,qBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAAlG,aAAA,aAAAgG,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAG,MAAA;IAAA,IAAA/F,gBAAA,mBAAA4F,qBAAA;IAAA,SAAAI,IAAA,GAAArB,SAAA,CAAAsB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAzB,SAAA,CAAAyB,IAAA;IAAA;IAAAL,MAAA,GAAAD,OAAA,CAAA7F,IAAA,CAAAyE,KAAA,CAAAoB,OAAA,SAAAhF,MAAA,CAAAoF,IAAA;IAAA,IAAAhG,gBAAA,iBAAAC,uBAAA,aAAA4F,MAAA,oBAiBT,UAACzF,KAAK,EAAK;MACzB,IAAA+F,cAAA,GAA+BN,MAAA,CAAKvF,OAAO;QAAnC8F,SAAS,GAAAD,cAAA,CAATC,SAAS;QAAE7F,OAAO,GAAA4F,cAAA,CAAP5F,OAAO;MAE1B,IAAI6F,SAAS,EAAE;QACb,OAAOA,SAAS,CAAChG,KAAK,CAAC;MACzB;MAEA,IAAIG,OAAO,KAAKH,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,CAAC,EAAE;QAC3DD,KAAK,CAACI,cAAc,EAAE;QACtBD,OAAO,CAACH,KAAK,CAAC;MAChB;IACF,CAAC;IAAA,OAAAyF,MAAA;EAAA;EAAA,IAAA7E,aAAA,aAAA0E,qBAAA;IAAArF,GAAA;IAAAY,KAAA,EAED,SAAAqB,OAAA,EAAS;MAAA,IAAA+D,KAAA,QAAA/F,OAAA;QAAAgG,MAAA;MACP,IAAMC,kBAAkB,GAKZ7D,YAAG;MAJf,IAAA8D,cAAA,GAAkD,IAAI,CAAClG,OAAO;QAAtDsC,QAAQ,GAAA4D,cAAA,CAAR5D,QAAQ;QAAEC,MAAM,GAAA2D,cAAA,CAAN3D,MAAM;QAAExB,KAAK,GAAAmF,cAAA,CAALnF,KAAK;QAAEC,YAAY,GAAAkF,cAAA,CAAZlF,YAAY;MAE7C,OAAAgF,MAAA,GAAO,IAAA1H,aAAO,EAACiE,MAAM,CAAC,eACpB/E,MAAA,YAAAsF,aAAA,CAACmD,kBAAkB,EAAAD,MAAA,CAAAjD,EAAA,2BAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA;QAAA,OAEZ,QAAQ;QAAA,eACA,IAAI;QAAA,mBACA,IAAI;QAAA,aACVjC,YAAY,CAACD,KAAK,CAAC;QAAA,aACnB,IAAI,CAACmC;MAAa,GAAA6C,KAAA,kBAE7BvI,MAAA,YAAAsF,aAAA,CAACR,QAAQ,EAAA0D,MAAA,CAAAjD,EAAA,iBAAG,CACO;IAEzB;EAAC;EAAA,OAAAqC,qBAAA;AAAA,EA9CiC7B,eAAS;AAAA,IAAA7D,gBAAA,aAAvC0F,qBAAqB,iBACJ,mBAAmB;AAAA,IAAA1F,gBAAA,aADpC0F,qBAAqB,WAEVhH,KAAK;AAAA,IAAAsB,gBAAA,aAFhB0F,qBAAqB,kBAIH,YAAM;EAC1B,OAAO;IACL7E,KAAK,EAAE,SAAS;IAChBQ,KAAK,EAAE,UAAU;IACjBD,IAAI,EAAE,GAAG;IACT+C,IAAI,EAAEJ,8CAAiB;IACvBK,MAAM,EAAE,IAAI;IACZqC,QAAQ,eAAE3I,MAAA,YAAAsF,aAAA,CAACsD,iBAAiB,CAACnB,KAAK;EACpC,CAAC;AACH,CAAC;AAAA,IAAAvF,gBAAA,aAbG0F,qBAAqB,aAeR,CAAC,IAAAzB,+BAAmB,GAAE,EAAE,IAAAC,gCAAoB,GAAE,CAAC;AAkClE,SAASyC,kBAAkBA,CAAChH,KAAK,EAAE;EAAA,IAAAiH,KAAA,GAAAC,YAAA;IAAAC,MAAA;EACjC,IAAMC,MAAM,GAAGrE,YAAG;EAClB,IAAMsE,OAAO,GAIQtE,YAAG;EAHxB,IAAQG,MAAM,GAA0BlD,KAAK,CAArCkD,MAAM;IAAExB,KAAK,GAAmB1B,KAAK,CAA7B0B,KAAK;IAAEC,YAAY,GAAK3B,KAAK,CAAtB2B,YAAY;EACnC,OAAAwF,MAAA,GAAO,IAAAlI,aAAO,EAACiE,MAAM,CAAC,eACpB/E,MAAA,YAAAsF,aAAA,CAAC2D,MAAM,EAAAD,MAAA,CAAAzD,EAAA;IAAA,aAAY/B,YAAY,CAACD,KAAK;EAAC,iBACpCvD,MAAA,YAAAsF,aAAA,CAAC4D,OAAO,EAAAF,MAAA,CAAAzD,EAAA,gBAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA,MAAAqD,KAAA,IAAgB,CACjB;AAEb;AAEA,SAAShD,IAAIA,CAACjE,KAAK,EAAE;EAAA,IAAAsH,KAAA,GAAAJ,YAAA;IAAAK,MAAA;EACnB,IAAMC,KAAK,GAE2BzE,YAAG;EADzC,IAAQG,MAAM,GAAKlD,KAAK,CAAhBkD,MAAM;EACd,OAAAqE,MAAA,GAAO,IAAAtI,aAAO,EAACiE,MAAM,CAAC,eAAC/E,MAAA,YAAAsF,aAAA,CAAC+D,KAAK,EAAAD,MAAA,CAAA7D,EAAA,cAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA;IAAA,OAAkB;EAAM,GAAA0D,KAAA,IAAG;AAC1D;AACArD,IAAI,CAACwD,OAAO,GAAG,CAAC,IAAAlD,gCAAoB,GAAE,CAAC;AAEvC,SAASqB,KAAKA,CAAC5F,KAAK,EAAE;EAAA,IAAA0H,KAAA,GAAAR,YAAA;IAAAS,MAAA;EACpB,IAAMC,MAAM,GA6B2B7E,YAAG;EA5B1C,IAAQG,MAAM,GAAKlD,KAAK,CAAhBkD,MAAM;EAEd2E,iBAAK,CAACC,SAAS,CAAC,YAAM;IAAA,IAAAC,cAAA;IACpB,CAAAA,cAAA,GAAA/H,KAAK,CAACuC,OAAO,cAAAwF,cAAA,uBAAbA,cAAA,CAAA3H,IAAA,CAAAJ,KAAK,CAAY;IAEjBgI,kBAAG,CAACjH,IAAI,CACN,IAAI,EACJ,wHAAwH,EACxH,WAAW,CACZ;IAED,OAAO;MAAA,IAAAkH,gBAAA;MAAA,QAAAA,gBAAA,GAAMjI,KAAK,CAACyC,SAAS,cAAAwF,gBAAA,uBAAfA,gBAAA,CAAA7H,IAAA,CAAAJ,KAAK,CAAc;IAAA;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMyG,SAAS,GAAGoB,iBAAK,CAACK,WAAW,CACjC,UAACzH,KAAK,EAAK;IACT,IAAIT,KAAK,CAACyG,SAAS,EAAE;MACnB,OAAOzG,KAAK,CAACyG,SAAS,CAAChG,KAAK,CAAC;IAC/B;IAEA,IAAIT,KAAK,CAACY,OAAO,KAAKH,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,CAAC,EAAE;MACjED,KAAK,CAACI,cAAc,EAAE;MACtBb,KAAK,CAACY,OAAO,CAACH,KAAK,CAAC;IACtB;EACF,CAAC,EACD,CAACT,KAAK,CAACyG,SAAS,EAAEzG,KAAK,CAACY,OAAO,CAAC,CACjC;EAED,OAAA+G,MAAA,GAAO,IAAA1I,aAAO,EAACiE,MAAM,CAAC,eAAC/E,MAAA,YAAAsF,aAAA,CAACmE,MAAM,EAAAD,MAAA,CAAAjE,EAAA,eAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA;IAAA,OAAmBuE,aAAM;IAAA;IAAA,aAAyB1B;EAAS,GAAAiB,KAAA,IAAI;AAC/F;AAEA,SAAS5D,KAAKA,CAAC9D,KAAK,EAAE;EAAA,IAAAoI,KAAA,GAAAlB,YAAA;IAAAmB,MAAA;EACpB,IAAMjB,MAAM,GAQ2BrE,YAAG;EAP1C,IAAQG,MAAM,GAA0BlD,KAAK,CAArCkD,MAAM;IAAExB,KAAK,GAAmB1B,KAAK,CAA7B0B,KAAK;IAAEC,YAAY,GAAK3B,KAAK,CAAtB2B,YAAY;EAEnC,IAAM2G,QAAQ,GAAGT,iBAAK,CAACU,OAAO,CAAC,YAAM;IACnC,IAAI,OAAO5G,YAAY,KAAK,UAAU,EAAE;IACxC,OAAOA,YAAY,CAACD,KAAK,CAAC;EAC5B,CAAC,EAAE,CAACA,KAAK,EAAEC,YAAY,CAAC,CAAC;EAEzB,OAAA0G,MAAA,GAAO,IAAApJ,aAAO,EAACiE,MAAM,CAAC,eAAC/E,MAAA,YAAAsF,aAAA,CAAC2D,MAAM,EAAAiB,MAAA,CAAA3E,EAAA,eAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA;IAAA,OAAkB,KAAK;IAAA,aAAY0E;EAAQ,GAAAF,KAAA,IAAI;AAC/E;AAEA,SAASvC,MAAMA,CAAC7F,KAAK,EAAE;EAAA,IAAAwI,KAAA,GAAAtB,YAAA;IAAAuB,MAAA;EACrB,IAAMpB,OAAO,GAM2BtE,YAAG;EAL3C,IAAQG,MAAM,GAA0BlD,KAAK,CAArCkD,MAAM;IAAExB,KAAK,GAAmB1B,KAAK,CAA7B0B,KAAK;IAAEC,YAAY,GAAK3B,KAAK,CAAtB2B,YAAY;EACnC,IAAM2G,QAAQ,GAAGT,iBAAK,CAACU,OAAO,CAAC,YAAM;IACnC,IAAI,OAAO5G,YAAY,KAAK,UAAU,EAAE;IACxC,OAAOA,YAAY,CAACD,KAAK,CAAC;EAC5B,CAAC,EAAE,CAACA,KAAK,EAAEC,YAAY,CAAC,CAAC;EACzB,OAAA8G,MAAA,GAAO,IAAAxJ,aAAO,EAACiE,MAAM,CAAC,eAAC/E,MAAA,YAAAsF,aAAA,CAAC4D,OAAO,EAAAoB,MAAA,CAAA/E,EAAA,gBAAAC,cAAA,qBAAA3F,KAAA,CAAA4F,WAAA;IAAA,OAAkB,MAAM;IAAA,aAAY0E;EAAQ,GAAAE,KAAA,IAAI;AACjF;AAEA,IAAMrH,GAAG,GAAG,IAAAuH,gBAAe,EAAC/I,OAAO,EAAE;EACnCsE,IAAI,EAAJA,IAAI;EACJH,KAAK,EAALA,KAAK;EACL8B,KAAK,EAALA,KAAK;EACLC,MAAM,EAANA;AACF,CAAC,CAAC;AAEF,IAAMkB,iBAAiB,GAAG,IAAA2B,gBAAe,EAAC3C,qBAAqB,EAAE;EAC/DH,KAAK,EAAEuC;AACT,CAAC,CAAC;AAEK,IAAMrC,YAAY,GAAG,IAAA4C,gBAAe,EAAChE,gBAAgB,EAAE;EAC5DvD,GAAG,EAAHA,GAAG;EACH2C,KAAK,EAALA,KAAK;EACL8B,KAAK,EAAEmB,iBAAiB;EACxBlB,MAAM,EAAEmB;AACV,CAAC,CAAC;AAAC2B,OAAA,CAAA7C,YAAA,GAAAA,YAAA;AAAA,IAAA8C,QAAA,GAEYzH,GAAG;AAAAwH,OAAA,cAAAC,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TagSize = 'xl' | 'l' | 'm';\n/** @deprecated */\nexport type TagThemeOld =\n  | 'muted'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'invert'\n  | 'additional';\nexport type TagTheme = 'primary' | 'secondary' | TagThemeOld;\nexport type TagUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface ITagProps extends TagProps, UnknownProperties {}\nexport type TagProps = BoxProps &\n  KeyboardFocusProps & {\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 primary\n     */\n    theme?: TagTheme;\n    /** Tag color text */\n    color?: string;\n    /** Tag size\n     * @default m\n     */\n    size?: TagSize;\n    /** Left addon tag */\n    addonLeft?: React.ElementType;\n    /** Right addon tag */\n    addonRight?: React.ElementType;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface ITagCloseProps extends TagCloseProps, UnknownProperties {}\nexport type TagCloseProps = IconProps & {\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\n/** @deprecated */\nexport interface ITagContext extends TagContext, UnknownProperties {}\nexport type TagContext = TagProps & {\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITagAddonProps extends TagAddonProps, UnknownProperties {}\nexport type TagAddonProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITagTextProps extends TagTextProps, UnknownProperties {}\nexport type TagTextProps = BoxProps & KeyboardFocusProps & {};\n\ndeclare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {\n  Text: Intergalactic.Component<'div', TagTextProps>;\n  Addon: Intergalactic.Component<'div', TagAddonProps>;\n  /**\n   * @deprecated For Tags with close button, you should use\n   * <TagContainer>\n   *     <TagContainer.Tag.Text>Tag text</TagContainer.Tag.Text>\n   *     <TagContainer.Close onClick={handleClose} />\n   * </TagContainer>\n   * See example on https://developer.semrush.com/intergalactic/components/tag/tag-code#removing-tag\n   * */\n  Close: Intergalactic.Component<'div', TagCloseProps>;\n  Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\ndeclare const TagContainer: Intergalactic.Component<'div', TagProps, TagContext> & {\n  Tag: typeof Tag;\n  Close: Intergalactic.Component<'button', KeyboardFocusProps>;\n};\n\nexport default Tag;\nexport { TagContainer };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TagSize = 'xl' | 'l' | 'm';\n/** @deprecated */\nexport type TagThemeOld =\n  | 'muted'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'invert'\n  | 'additional';\nexport type TagTheme = 'primary' | 'secondary' | TagThemeOld;\nexport type TagUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface ITagProps extends TagProps, UnknownProperties {}\nexport type TagProps = BoxProps &\n  KeyboardFocusProps & {\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 primary\n     */\n    theme?: TagTheme;\n    /** Tag color text */\n    color?: string;\n    /** Tag size\n     * @default m\n     */\n    size?: TagSize;\n    /** Left addon tag */\n    addonLeft?: React.ElementType;\n    /** Right addon tag */\n    addonRight?: React.ElementType;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface ITagCloseProps extends TagCloseProps, UnknownProperties {}\nexport type TagCloseProps = IconProps & {\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\n/** @deprecated */\nexport interface ITagContext extends TagContext, UnknownProperties {}\nexport type TagContext = TagProps & {\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITagAddonProps extends TagAddonProps, UnknownProperties {}\nexport type TagAddonProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITagTextProps extends TagTextProps, UnknownProperties {}\nexport type TagTextProps = BoxProps & KeyboardFocusProps & {};\n\ndeclare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {\n  Text: Intergalactic.Component<'div', TagTextProps>;\n  Addon: Intergalactic.Component<'div', TagAddonProps>;\n  /**\n   * @deprecated For Tags with close button, you should use\n   * <TagContainer>\n   *     <TagContainer.Tag.Text>Tag text</TagContainer.Tag.Text>\n   *     <TagContainer.Close onClick={handleClose} />\n   * </TagContainer>\n   * See example on https://developer.semrush.com/intergalactic/components/tag/tag-code#removing-tag\n   * */\n  Close: Intergalactic.Component<'div', TagCloseProps>;\n  Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\ndeclare const TagContainer: Intergalactic.Component<'div', TagProps, TagContext> & {\n  Tag: typeof Tag;\n  Close: Intergalactic.Component<'button', KeyboardFocusProps>;\n  Addon: Intergalactic.Component<'div', TagAddonProps>;\n  Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\nexport default Tag;\nexport { TagContainer };\n"],"mappings":""}