intergalactic 15.107.0 → 15.108.0-prerelease.1

package/tag/lib/es6/Tag.js

@@ -6,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps8 } from 'intergalactic/core';
 import { assignProps as _assignProps7 } from 'intergalactic/core';
 import { assignProps as _assignProps6 } from 'intergalactic/core';
 import { assignProps as _assignProps5 } from 'intergalactic/core';
@@ -25,30 +26,31 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import log from 'intergalactic/utils/lib/logger';
+import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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__*/_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 +102,14 @@ var RootTag = /*#__PURE__*/function (_Component) {
   _createClass(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 +127,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 +138,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 = 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 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref8.cn("STag", _objectSpread({}, _assignProps({
+      return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref9.cn("STag", _objectSpread({}, _assignProps({
         "id": id,
         "use:interactive": isInteractive,
         "use:interactiveView": isInteractiveView,
@@ -189,14 +201,15 @@ var RootTagContainer = /*#__PURE__*/function (_Component2) {
   _createClass(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 +217,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 = Box;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        Children = _this$asProps4.Children;
-      return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STagContainer, _ref9.cn("STagContainer", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.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 || 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 = sstyled(styles), /*#__PURE__*/React.createElement(STagContainer, _ref10.cn("STagContainer", _objectSpread({}, _assignProps2({}, _ref2))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})) : /*#__PURE__*/React.createElement(TagContainer.Tag, null, /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {}))));
     }
   }]);
   return RootTagContainer;
 }(Component);
 _defineProperty(RootTagContainer, "displayName", 'TagContainer');
 _defineProperty(RootTagContainer, "style", style);
-_defineProperty(RootTagContainer, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
+_defineProperty(RootTagContainer, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()]);
+_defineProperty(RootTagContainer, "defaultProps", {
+  color: 'gray-500',
+  theme: 'primary'
+});
 var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
   _inherits(RootCloseTagContainer, _Component3);
   var _super3 = _createSuper(RootCloseTagContainer);
@@ -276,20 +321,20 @@ var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
     key: "render",
     value: function render() {
       var _ref3 = this.asProps,
-        _ref10;
+        _ref11;
       var STagContainerClose = Box;
-      var _this$asProps5 = this.asProps,
-        Children = _this$asProps5.Children,
-        styles = _this$asProps5.styles,
-        color = _this$asProps5.color,
-        resolveColor = _this$asProps5.resolveColor;
-      return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(STagContainerClose, _ref10.cn("STagContainerClose", _objectSpread({}, _assignProps3({
+      var _this$asProps9 = this.asProps,
+        Children = _this$asProps9.Children,
+        styles = _this$asProps9.styles,
+        color = _this$asProps9.color,
+        resolveColor = _this$asProps9.resolveColor;
+      return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(STagContainerClose, _ref11.cn("STagContainerClose", _objectSpread({}, _assignProps3({
         "tag": 'button',
         "interactive": true,
         "interactiveView": true,
         "tag-color": resolveColor(color),
         "onKeyDown": this.handleKeyDown
-      }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
+      }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
     }
   }]);
   return RootCloseTagContainer;
@@ -307,19 +352,31 @@ _defineProperty(RootCloseTagContainer, "defaultProps", function () {
   };
 });
 _defineProperty(RootCloseTagContainer, "enhance", [resolveColorEnhance(), keyboardFocusEnhance()]);
-function Text(props) {
+function TagContainerCircle(props) {
   var _ref4 = arguments[0],
-    _ref11;
+    _ref12;
+  var SAddon = Box;
+  var SCircle = Box;
+  var styles = props.styles,
+    color = props.color,
+    resolveColor = props.resolveColor;
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref12.cn("SAddon", {
+    "tag-color": resolveColor(color)
+  }), /*#__PURE__*/React.createElement(SCircle, _ref12.cn("SCircle", _objectSpread({}, _assignProps4({}, _ref4)))));
+}
+function Text(props) {
+  var _ref5 = arguments[0],
+    _ref13;
   var SText = Box;
   var styles = props.styles;
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref11.cn("SText", _objectSpread({}, _assignProps4({
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref13.cn("SText", _objectSpread({}, _assignProps5({
     "tag": 'span'
-  }, _ref4))));
+  }, _ref5))));
 }
 Text.enhance = [keyboardFocusEnhance()];
 function Close(props) {
-  var _ref5 = arguments[0],
-    _ref12;
+  var _ref6 = arguments[0],
+    _ref14;
   var SClose = Box;
   var styles = props.styles;
   React.useEffect(function () {
@@ -340,29 +397,43 @@ function Close(props) {
       props.onClick(event);
     }
   }, [props.onKeyDown, props.onClick]);
-  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref12.cn("SClose", _objectSpread({}, _assignProps5({
+  return _ref14 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref14.cn("SClose", _objectSpread({}, _assignProps6({
     "tag": CloseM,
     "interactive": true,
     "onKeyDown": onKeyDown
-  }, _ref5))));
+  }, _ref6))));
 }
 function Addon(props) {
-  var _ref6 = arguments[0],
-    _ref13;
+  var _ref7 = arguments[0],
+    _ref15;
   var SAddon = Box;
-  var styles = props.styles;
-  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref13.cn("SAddon", _objectSpread({}, _assignProps6({
-    "tag": 'span'
-  }, _ref6))));
+  var styles = props.styles,
+    color = props.color,
+    resolveColor = props.resolveColor;
+  var tagColor = React.useMemo(function () {
+    if (typeof resolveColor !== 'function') return;
+    return resolveColor(color);
+  }, [color, resolveColor]);
+  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref15.cn("SAddon", _objectSpread({}, _assignProps7({
+    "tag": 'div',
+    "tag-color": tagColor
+  }, _ref7))));
 }
 function Circle(props) {
-  var _ref7 = arguments[0],
-    _ref14;
+  var _ref8 = arguments[0],
+    _ref16;
   var SCircle = Box;
-  var styles = props.styles;
-  return _ref14 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref14.cn("SCircle", _objectSpread({}, _assignProps7({
-    "tag": 'span'
-  }, _ref7))));
+  var styles = props.styles,
+    color = props.color,
+    resolveColor = props.resolveColor;
+  var tagColor = React.useMemo(function () {
+    if (typeof resolveColor !== 'function') return;
+    return resolveColor(color);
+  }, [color, resolveColor]);
+  return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref16.cn("SCircle", _objectSpread({}, _assignProps8({
+    "tag": 'span',
+    "tag-color": tagColor
+  }, _ref8))));
 }
 var Tag = createComponent(RootTag, {
   Text: Text,
@@ -375,7 +446,9 @@ var CloseTagContainer = createComponent(RootCloseTagContainer, {
 });
 export var TagContainer = createComponent(RootTagContainer, {
   Tag: Tag,
-  Close: CloseTagContainer
+  Addon: Addon,
+  Close: CloseTagContainer,
+  Circle: TagContainerCircle
 });
 export default Tag;
 //# sourceMappingURL=Tag.js.map

package/tag/lib/es6/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","keyboardFocusEnhance","log","style","_sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","focusable","setState","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","role","undefined","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref8","STag","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread","_assignProps","handleKeyDown","Addon","tag","Text","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps2","active","_this$asProps3","_ref2","_ref9","STagContainer","_this$asProps4","_assignProps2","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps5","_assignProps3","children","CloseTagContainer","Close","_ref4","arguments[0]","_ref11","SText","_assignProps4","enhance","_ref5","_ref12","SClose","useEffect","_props$onMount","_props$onUnmount","useCallback","_assignProps5","_ref6","_ref13","SAddon","_assignProps6","Circle","_ref7","_ref14","SCircle","_assignProps7","TagContainer"],"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":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,MAAM,MAAM,uBAAuB;AAC1C,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,GAAG,MAAM,2BAA2B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,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;AAI5C,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;EAAAC,SAAA,CAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,OAAA;EAoBX,SAAAA,QAAYK,KAAK,EAAE;IAAA,IAAAC,qBAAA;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAR,OAAA;IACjBO,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,KAAK;IAAEK,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,YALP;MACNK,SAAS,EAAE;IACb,CAAC;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,uBA8BkB,YAAM;MACvBA,KAAA,CAAKM,QAAQ,CAAC;QAAED,SAAS,EAAE;MAAO,CAAC,CAAC;IACtC,CAAC;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,yBACoB,YAAM;MACzBA,KAAA,CAAKM,QAAQ,CAAC;QAAED,SAAS,EAAE;MAAY,CAAC,CAAC;IAC3C,CAAC;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,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;IAvDCjC,MAAM,CAACsC,IAAI,CACTd,KAAK,CAACe,GAAG,gEAAAC,MAAA,CACoDhB,KAAK,CAACe,GAAG,eAAAC,MAAA,EAAAf,qBAAA,GACpEd,+BAA+B,CAACa,KAAK,CAACe,GAAG,CAAC,cAAAd,qBAAA,uBAA1CA,qBAAA,CAA6CD,KAAK,CAACiB,KAAK,CAAC,UAE3DjB,KAAK,CAAC,cAAc,CAAC,IAAIkB,GAAG,CAACC,WAAW,CACzC;IAAC,OAAAjB,KAAA;EACJ;EAACkB,YAAA,CAAAzB,OAAA;IAAAe,GAAA;IAAAW,KAAA,EAED,SAAAC,eAAA,EAAiB;MACf,IAAQC,IAAI,GAAK,IAAI,CAACZ,OAAO,CAArBY,IAAI;MACZ,OAAO;QAAEA,IAAI,EAAJA;MAAK,CAAC;IACjB;EAAC;IAAAb,GAAA;IAAAW,KAAA,EAED,SAAAG,aAAA,EAAe;MACb,IAAQC,WAAW,GAAK,IAAI,CAACd,OAAO,CAA5Bc,WAAW;MACnB,IAAMC,EAAE,GAAG,IAAI,CAACf,OAAO,CAACe,EAAE,WAAAV,MAAA,CAAW,IAAI,CAACL,OAAO,CAACgB,GAAG,SAAM;MAC3D,IAAQpB,SAAS,GAAK,IAAI,CAACqB,KAAK,CAAxBrB,SAAS;MAEjB,OAAO;QACLsB,QAAQ,EAAEtB,SAAS,KAAK,MAAM,IAAIkB,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QACtDC,EAAE,KAAAV,MAAA,CAAKU,EAAE,UAAO;QAChBI,IAAI,EAAEvB,SAAS,KAAK,MAAM,IAAIkB,WAAW,GAAG,QAAQ,GAAGM;MACzD,CAAC;IACH;EAAC;IAAArB,GAAA;IAAAW,KAAA,EAOD,SAAAW,cAAA,EAAgB;MACd,IAAQC,WAAW,GAAK,IAAI,CAACtB,OAAO,CAA5BsB,WAAW;MACnB,IAAMP,EAAE,GAAG,IAAI,CAACf,OAAO,CAACe,EAAE,WAAAV,MAAA,CAAW,IAAI,CAACL,OAAO,CAACgB,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;IAAA3B,GAAA;IAAAW,KAAA,EAcD,SAAAiB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA5B,OAAA;QAAA6B,KAAA;MACP,IAAMC,IAAI,GAoBEnE,GAAG;MAnBf,IAAAoE,aAAA,GAWI,IAAI,CAAC/B,OAAO;QAVdgC,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,aAAA,CAANE,MAAM;QACNC,KAAK,GAAAH,aAAA,CAALG,KAAK;QACLpB,WAAW,GAAAiB,aAAA,CAAXjB,WAAW;QACXqB,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,CAAXhB,EAAE;QACFC,GAAG,GAAAe,aAAA,CAAHf,GAAG;MAEL,IAAQpB,SAAS,GAAK,IAAI,CAACqB,KAAK,CAAxBrB,SAAS;MACjB,IAAMmB,EAAE,GAAGwB,OAAO,WAAAlC,MAAA,CAAWW,GAAG,SAAM;MACtC,IAAMwB,iBAAiB,GAAG,CAACL,QAAQ,IAAIrB,WAAW;MAClD,IAAM2B,aAAa,GAAG,CAACN,QAAQ,IAAIrB,WAAW,IAAIlB,SAAS,KAAK,WAAW;MAE3E,OAAAiC,KAAA,GAAOpE,OAAO,CAACwE,MAAM,CAAC,eACpB3E,KAAA,CAAAoF,aAAA,CAACZ,IAAI,EAAAD,KAAA,CAAAc,EAAA,SAAAC,aAAA,KAAAC,YAAA;QAAA,MAEC9B,EAAE;QAAA,mBACW0B,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,GAAGrB;MAAS,GAAAQ,IAAA,KAEzCQ,SAAS,gBAAG9E,KAAA,CAAAoF,aAAA,CAACnC,GAAG,CAACwC,KAAK;QAACC,GAAG,EAAEZ;MAAU,EAAG,GAAG,IAAI,EAChDxE,iBAAiB,CAACoE,QAAQ,EAAEzB,GAAG,CAAC0C,IAAI,EAAE1C,GAAG,CAACwC,KAAK,CAAC,EAChDV,UAAU,gBAAG/E,KAAA,CAAAoF,aAAA,CAACnC,GAAG,CAACwC,KAAK;QAACC,GAAG,EAAEX;MAAW,EAAG,GAAG,IAAI,CAC9C;IAEX;EAAC;EAAA,OAAArD,OAAA;AAAA,EAnHmBxB,SAAS;AAAAkC,eAAA,CAAzBV,OAAO,iBACU,KAAK;AAAAU,eAAA,CADtBV,OAAO,WAEIX,KAAK;AAAAqB,eAAA,CAFhBV,OAAO,aAGM,CACfhB,WAAW,CAACD,iBAAiB,CAAC,EAC9BG,mBAAmB,EAAE,EACrBD,mBAAmB,EAAE,EACrBE,oBAAoB,EAAE,CACvB;AAAAuB,eAAA,CARGV,OAAO,kBASW;EACpBsB,KAAK,EAAE,SAAS;EAChB4B,KAAK,EAAE,UAAU;EACjBtB,IAAI,EAAE,GAAG;EACTsC,IAAI,EAAEnF,iBAAiB;EACvBoF,MAAM,EAAE;AACV,CAAC;AAAA,IAuGGC,gBAAgB,0BAAAC,WAAA;EAAAnE,SAAA,CAAAkE,gBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAlE,YAAA,CAAAgE,gBAAA;EAAA,SAAAA,iBAAA;IAAA5D,eAAA,OAAA4D,gBAAA;IAAA,OAAAE,OAAA,CAAAC,KAAA,OAAAC,SAAA;EAAA;EAAA/C,YAAA,CAAA2C,gBAAA;IAAArD,GAAA;IAAAW,KAAA,EAMpB,SAAA+C,YAAA,EAAc;MACZ,IAAAC,cAAA,GAAmE,IAAI,CAAC1D,OAAO;QAAvEY,IAAI,GAAA8C,cAAA,CAAJ9C,IAAI;QAAEN,KAAK,GAAAoD,cAAA,CAALpD,KAAK;QAAE4B,KAAK,GAAAwB,cAAA,CAALxB,KAAK;QAAEC,QAAQ,GAAAuB,cAAA,CAARvB,QAAQ;QAAEwB,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAE3C,GAAG,GAAA0C,cAAA,CAAH1C,GAAG;QAAMuB,OAAO,GAAAmB,cAAA,CAAX3C,EAAE;MACrD,IAAMA,EAAE,GAAGwB,OAAO,WAAAlC,MAAA,CAAWW,GAAG,SAAM;MAEtC,OAAO;QACLD,EAAE,KAAAV,MAAA,CAAKU,EAAE,UAAO;QAChBoB,QAAQ,EAARA,QAAQ;QACRvB,IAAI,EAAJA,IAAI;QACJN,KAAK,EAALA,KAAK;QACL4B,KAAK,EAALA,KAAK;QACLyB,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAA5D,GAAA;IAAAW,KAAA,EAED,SAAAW,cAAA,EAAgB;MACd,IAAAuC,cAAA,GAAgF,IAAI,CAAC5D,OAAO;QAApFY,IAAI,GAAAgD,cAAA,CAAJhD,IAAI;QAAEN,KAAK,GAAAsD,cAAA,CAALtD,KAAK;QAAE4B,KAAK,GAAA0B,cAAA,CAAL1B,KAAK;QAAEC,QAAQ,GAAAyB,cAAA,CAARzB,QAAQ;QAAEwB,MAAM,GAAAC,cAAA,CAAND,MAAM;QAAE3C,GAAG,GAAA4C,cAAA,CAAH5C,GAAG;QAAMuB,OAAO,GAAAqB,cAAA,CAAX7C,EAAE;QAAWO,WAAW,GAAAsC,cAAA,CAAXtC,WAAW;MAC3E,IAAMP,EAAE,GAAGwB,OAAO,WAAAlC,MAAA,CAAWW,GAAG,SAAM;MAEtC,OAAO;QACLmB,QAAQ,EAARA,QAAQ;QACRvB,IAAI,EAAJA,IAAI;QACJN,KAAK,EAALA,KAAK;QACL4B,KAAK,EAALA,KAAK;QACLyB,MAAM,EAANA,MAAM;QACN5C,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;IAAAvB,GAAA;IAAAW,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAkC,KAAA,QAAA7D,OAAA;QAAA8D,KAAA;MACP,IAAMC,aAAa,GAIMpG,GAAG;MAH5B,IAAAqG,cAAA,GAA6B,IAAI,CAAChE,OAAO;QAAjCiC,MAAM,GAAA+B,cAAA,CAAN/B,MAAM;QAAED,QAAQ,GAAAgC,cAAA,CAARhC,QAAQ;MAExB,OAAA8B,KAAA,GAAOrG,OAAO,CAACwE,MAAM,CAAC,eACpB3E,KAAA,CAAAoF,aAAA,CAACqB,aAAa,EAAAD,KAAA,CAAAnB,EAAA,kBAAAC,aAAA,KAAAqB,aAAA,KAAAJ,KAAA,kBACZvG,KAAA,CAAAoF,aAAA,CAACV,QAAQ,EAAA8B,KAAA,CAAAnB,EAAA,iBAAG,CACE;IAEpB;EAAC;EAAA,OAAAS,gBAAA;AAAA,EA7C4B5F,SAAS;AAAAkC,eAAA,CAAlC0D,gBAAgB,iBACC,cAAc;AAAA1D,eAAA,CAD/B0D,gBAAgB,WAEL/E,KAAK;AAAAqB,eAAA,CAFhB0D,gBAAgB,aAIH,CAACpF,WAAW,CAACD,iBAAiB,CAAC,EAAEG,mBAAmB,EAAE,CAAC;AAAA,IA4CpEgG,qBAAqB,0BAAAC,WAAA;EAAAjF,SAAA,CAAAgF,qBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAhF,YAAA,CAAA8E,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAG,MAAA;IAAA7E,eAAA,OAAA0E,qBAAA;IAAA,SAAAI,IAAA,GAAAd,SAAA,CAAAe,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAlB,SAAA,CAAAkB,IAAA;IAAA;IAAAL,MAAA,GAAAD,OAAA,CAAA3E,IAAA,CAAA8D,KAAA,CAAAa,OAAA,SAAA/D,MAAA,CAAAmE,IAAA;IAAA9E,eAAA,CAAAC,sBAAA,CAAA0E,MAAA,oBAiBT,UAACvE,KAAK,EAAK;MACzB,IAAA6E,cAAA,GAA+BN,MAAA,CAAKrE,OAAO;QAAnC4E,SAAS,GAAAD,cAAA,CAATC,SAAS;QAAE3E,OAAO,GAAA0E,cAAA,CAAP1E,OAAO;MAE1B,IAAI2E,SAAS,EAAE;QACb,OAAOA,SAAS,CAAC9E,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,OAAAuE,MAAA;EAAA;EAAA5D,YAAA,CAAAyD,qBAAA;IAAAnE,GAAA;IAAAW,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAkD,KAAA,QAAA7E,OAAA;QAAA8E,MAAA;MACP,IAAMC,kBAAkB,GAKZpH,GAAG;MAJf,IAAAqH,cAAA,GAAkD,IAAI,CAAChF,OAAO;QAAtDgC,QAAQ,GAAAgD,cAAA,CAARhD,QAAQ;QAAEC,MAAM,GAAA+C,cAAA,CAAN/C,MAAM;QAAEC,KAAK,GAAA8C,cAAA,CAAL9C,KAAK;QAAEI,YAAY,GAAA0C,cAAA,CAAZ1C,YAAY;MAE7C,OAAAwC,MAAA,GAAOrH,OAAO,CAACwE,MAAM,CAAC,eACpB3E,KAAA,CAAAoF,aAAA,CAACqC,kBAAkB,EAAAD,MAAA,CAAAnC,EAAA,uBAAAC,aAAA,KAAAqC,aAAA;QAAA,OAEZ,QAAQ;QAAA,eACA,IAAI;QAAA,mBACA,IAAI;QAAA,aACV3C,YAAY,CAACJ,KAAK,CAAC;QAAA,aACnB,IAAI,CAACY;MAAa,GAAA+B,KAAA,kBAE7BvH,KAAA,CAAAoF,aAAA,CAACV,QAAQ,EAAA8C,MAAA,CAAAnC,EAAA,iBAAG,CACO;IAEzB;EAAC;EAAA,OAAAuB,qBAAA;AAAA,EA9CiC1G,SAAS;AAAAkC,eAAA,CAAvCwE,qBAAqB,iBACJ,mBAAmB;AAAAxE,eAAA,CADpCwE,qBAAqB,WAEV7F,KAAK;AAAAqB,eAAA,CAFhBwE,qBAAqB,kBAIH,YAAM;EAC1B,OAAO;IACL5D,KAAK,EAAE,SAAS;IAChB4B,KAAK,EAAE,UAAU;IACjBtB,IAAI,EAAE,GAAG;IACTsC,IAAI,EAAEnF,iBAAiB;IACvBoF,MAAM,EAAE,IAAI;IACZ+B,QAAQ,eAAE5H,KAAA,CAAAoF,aAAA,CAACyC,iBAAiB,CAACC,KAAK;EACpC,CAAC;AACH,CAAC;AAAA1F,eAAA,CAbGwE,qBAAqB,aAeR,CAACjG,mBAAmB,EAAE,EAAEE,oBAAoB,EAAE,CAAC;AAkClE,SAAS8E,IAAIA,CAAC5D,KAAK,EAAE;EAAA,IAAAgG,KAAA,GAAAC,YAAA;IAAAC,MAAA;EACnB,IAAMC,KAAK,GAE2B7H,GAAG;EADzC,IAAQsE,MAAM,GAAK5C,KAAK,CAAhB4C,MAAM;EACd,OAAAsD,MAAA,GAAO9H,OAAO,CAACwE,MAAM,CAAC,eAAC3E,KAAA,CAAAoF,aAAA,CAAC8C,KAAK,EAAAD,MAAA,CAAA5C,EAAA,UAAAC,aAAA,KAAA6C,aAAA;IAAA,OAAkB;EAAM,GAAAJ,KAAA,IAAG;AAC1D;AACApC,IAAI,CAACyC,OAAO,GAAG,CAACvH,oBAAoB,EAAE,CAAC;AAEvC,SAASiH,KAAKA,CAAC/F,KAAK,EAAE;EAAA,IAAAsG,KAAA,GAAAL,YAAA;IAAAM,MAAA;EACpB,IAAMC,MAAM,GA6B2BlI,GAAG;EA5B1C,IAAQsE,MAAM,GAAK5C,KAAK,CAAhB4C,MAAM;EAEd3E,KAAK,CAACwI,SAAS,CAAC,YAAM;IAAA,IAAAC,cAAA;IACpB,CAAAA,cAAA,GAAA1G,KAAK,CAACkC,OAAO,cAAAwE,cAAA,uBAAbA,cAAA,CAAAtG,IAAA,CAAAJ,KAAK,CAAY;IAEjBjB,GAAG,CAAC+B,IAAI,CACN,IAAI,EACJ,wHAAwH,EACxH,WAAW,CACZ;IAED,OAAO;MAAA,IAAA6F,gBAAA;MAAA,QAAAA,gBAAA,GAAM3G,KAAK,CAACoC,SAAS,cAAAuE,gBAAA,uBAAfA,gBAAA,CAAAvG,IAAA,CAAAJ,KAAK,CAAc;IAAA;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMuF,SAAS,GAAGtH,KAAK,CAAC2I,WAAW,CACjC,UAACnG,KAAK,EAAK;IACT,IAAIT,KAAK,CAACuF,SAAS,EAAE;MACnB,OAAOvF,KAAK,CAACuF,SAAS,CAAC9E,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,CAACuF,SAAS,EAAEvF,KAAK,CAACY,OAAO,CAAC,CACjC;EAED,OAAA2F,MAAA,GAAOnI,OAAO,CAACwE,MAAM,CAAC,eAAC3E,KAAA,CAAAoF,aAAA,CAACmD,MAAM,EAAAD,MAAA,CAAAjD,EAAA,WAAAC,aAAA,KAAAsD,aAAA;IAAA,OAAmBpI,MAAM;IAAA;IAAA,aAAyB8G;EAAS,GAAAe,KAAA,IAAI;AAC/F;AAEA,SAAS5C,KAAKA,CAAC1D,KAAK,EAAE;EAAA,IAAA8G,KAAA,GAAAb,YAAA;IAAAc,MAAA;EACpB,IAAMC,MAAM,GAE2B1I,GAAG;EAD1C,IAAQsE,MAAM,GAAK5C,KAAK,CAAhB4C,MAAM;EACd,OAAAmE,MAAA,GAAO3I,OAAO,CAACwE,MAAM,CAAC,eAAC3E,KAAA,CAAAoF,aAAA,CAAC2D,MAAM,EAAAD,MAAA,CAAAzD,EAAA,WAAAC,aAAA,KAAA0D,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AAC3D;AAEA,SAASI,MAAMA,CAAClH,KAAK,EAAE;EAAA,IAAAmH,KAAA,GAAAlB,YAAA;IAAAmB,MAAA;EACrB,IAAMC,OAAO,GAE2B/I,GAAG;EAD3C,IAAQsE,MAAM,GAAK5C,KAAK,CAAhB4C,MAAM;EACd,OAAAwE,MAAA,GAAOhJ,OAAO,CAACwE,MAAM,CAAC,eAAC3E,KAAA,CAAAoF,aAAA,CAACgE,OAAO,EAAAD,MAAA,CAAA9D,EAAA,YAAAC,aAAA,KAAA+D,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AAC5D;AAEA,IAAMjG,GAAG,GAAGhD,eAAe,CAACyB,OAAO,EAAE;EACnCiE,IAAI,EAAJA,IAAI;EACJF,KAAK,EAALA,KAAK;EACLqC,KAAK,EAALA,KAAK;EACLmB,MAAM,EAANA;AACF,CAAC,CAAC;AAEF,IAAMpB,iBAAiB,GAAG5H,eAAe,CAAC2G,qBAAqB,EAAE;EAC/DkB,KAAK,EAAEtH;AACT,CAAC,CAAC;AAEF,OAAO,IAAM8I,YAAY,GAAGrJ,eAAe,CAAC6F,gBAAgB,EAAE;EAC5D7C,GAAG,EAAHA,GAAG;EACH6E,KAAK,EAAED;AACT,CAAC,CAAC;AAEF,eAAe5E,GAAG"}
+{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","keyboardFocusEnhance","log","isAdvanceMode","style","_sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","focusable","setState","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","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","_this$asProps3","Children","styles","disabled","addonLeft","addonRight","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread","_assignProps","handleKeyDown","Addon","tag","Text","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps4","_this$asProps5","getAddonProps","_this$asProps6","_this$asProps7","_ref2","_ref10","STagContainer","_this$asProps8","forcedAdvancedMode","advancedMode","Close","Circle","TagContainer","_assignProps2","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref11","STagContainerClose","_this$asProps9","_assignProps3","children","CloseTagContainer","TagContainerCircle","_ref4","arguments[0]","_ref12","SAddon","SCircle","_assignProps4","_ref5","_ref13","SText","_assignProps5","enhance","_ref6","_ref14","SClose","useEffect","_props$onMount","_props$onUnmount","useCallback","_assignProps6","_ref7","_ref15","tagColor","useMemo","_assignProps7","_ref8","_ref16","_assignProps8"],"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":"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"}

package/tag/lib/es6/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":""}