intergalactic 15.123.0 → 15.124.0-prerelease.0

package/tag/lib/cjs/Tag.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.TagContainer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -27,29 +27,29 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_19858_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_19858_gg_:first-child{margin-left:0}.___SCircle_19858_gg_:last-child{margin-right:0}.___SCircle_19858_gg_._size_m_19858_gg_{width:16px;height:16px}.___SCircle_19858_gg_._size_l_19858_gg_,.___SCircle_19858_gg_._size_xl_19858_gg_{width:20px;height:20px}.___SAddon_19858_gg_,.___STagContainerClose_19858_gg_,.___STag_19858_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_19858_gg_{flex-shrink:0}.___STagContainer_19858_gg_ .___SAddon_19858_gg_{padding-left:0;padding-right:0}.___STagContainerClose_19858_gg_,.___STag_19858_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_19858)}.___STagContainerClose_19858_gg_.__interactive_19858_gg_.__keyboardFocused_19858_gg_,.___STag_19858_gg_.__interactive_19858_gg_.__keyboardFocused_19858_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    );z-index:1}.___STagContainerClose_19858_gg_::before,.___STag_19858_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_19858);opacity:.2;filter:brightness(150%)}.___STagContainerClose_19858_gg_::after,.___STag_19858_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_19858);opacity:.1;filter:brightness(150%)}.___STagContainerClose_19858_gg_:active,.___STagContainerClose_19858_gg_:focus,.___STag_19858_gg_:active,.___STag_19858_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_19858_gg_:hover,.___STag_19858_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_19858_gg_.__disabled_19858_gg_,.___STag_19858_gg_.__disabled_19858_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_19858_gg_.__interactiveView_19858_gg_{cursor:pointer}.___STagContainerClose_19858_gg_._size_m_19858_gg_,.___STagContainer_19858_gg_._size_m_19858_gg_ .___SAddon_19858_gg_,.___STag_19858_gg_._size_m_19858_gg_{height:20px;min-width:20px}.___STagContainerClose_19858_gg_._size_m_19858_gg_ .___SCircle_19858_gg_:first-child,.___STagContainer_19858_gg_._size_m_19858_gg_ .___SAddon_19858_gg_ .___SCircle_19858_gg_:first-child,.___STag_19858_gg_._size_m_19858_gg_ .___SCircle_19858_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_19858_gg_._size_m_19858_gg_ .___SCircle_19858_gg_:last-child,.___STagContainer_19858_gg_._size_m_19858_gg_ .___SAddon_19858_gg_ .___SCircle_19858_gg_:last-child,.___STag_19858_gg_._size_m_19858_gg_ .___SCircle_19858_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_19858_gg_._size_m_19858_gg_ .___SText_19858_gg_,.___STagContainer_19858_gg_._size_m_19858_gg_ .___SAddon_19858_gg_ .___SText_19858_gg_,.___STag_19858_gg_._size_m_19858_gg_ .___SText_19858_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_19858_gg_._size_l_19858_gg_,.___STagContainer_19858_gg_._size_l_19858_gg_ .___SAddon_19858_gg_,.___STag_19858_gg_._size_l_19858_gg_{height:28px;min-width:28px}.___STagContainerClose_19858_gg_._size_l_19858_gg_ .___SText_19858_gg_,.___STagContainer_19858_gg_._size_l_19858_gg_ .___SAddon_19858_gg_ .___SText_19858_gg_,.___STag_19858_gg_._size_l_19858_gg_ .___SText_19858_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_19858_gg_._size_xl_19858_gg_,.___STag_19858_gg_._size_xl_19858_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_19858_gg_._size_xl_19858_gg_ .___SText_19858_gg_,.___STag_19858_gg_._size_xl_19858_gg_ .___SText_19858_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_19858_gg_._theme_primary_19858_gg_::before,.___STagContainer_19858_gg_._theme_primary_19858_gg_ .___SAddon_19858_gg_::before,.___STag_19858_gg_._theme_primary_19858_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_19858_gg_._theme_primary_19858_gg_:after,.___STagContainer_19858_gg_._theme_primary_19858_gg_ .___SAddon_19858_gg_:after,.___STag_19858_gg_._theme_primary_19858_gg_:after{display:none}.___STagContainerClose_19858_gg_._theme_primary_19858_gg_.__active_19858_gg_:before,.___STagContainerClose_19858_gg_._theme_primary_19858_gg_.__interactiveView_19858_gg_:active:before,.___STagContainer_19858_gg_._theme_primary_19858_gg_ .___SAddon_19858_gg_.__active_19858_gg_:before,.___STagContainer_19858_gg_._theme_primary_19858_gg_ .___SAddon_19858_gg_.__interactiveView_19858_gg_:active:before,.___STag_19858_gg_._theme_primary_19858_gg_.__active_19858_gg_:before,.___STag_19858_gg_._theme_primary_19858_gg_.__interactiveView_19858_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_19858_gg_._theme_primary_19858_gg_.__interactiveView_19858_gg_:hover:before,.___STagContainer_19858_gg_._theme_primary_19858_gg_ .___SAddon_19858_gg_.__interactiveView_19858_gg_:hover:before,.___STag_19858_gg_._theme_primary_19858_gg_.__interactiveView_19858_gg_:hover:before{opacity:.3}}.___STagContainerClose_19858_gg_._theme_additional_19858_gg_::before,.___STagContainerClose_19858_gg_._theme_secondary_19858_gg_::before,.___STag_19858_gg_._theme_additional_19858_gg_::before,.___STag_19858_gg_._theme_secondary_19858_gg_::before{opacity:.01}.___STagContainerClose_19858_gg_._theme_additional_19858_gg_.__active_19858_gg_:before,.___STagContainerClose_19858_gg_._theme_additional_19858_gg_.__interactiveView_19858_gg_:active:before,.___STagContainerClose_19858_gg_._theme_secondary_19858_gg_.__active_19858_gg_:before,.___STagContainerClose_19858_gg_._theme_secondary_19858_gg_.__interactiveView_19858_gg_:active:before,.___STag_19858_gg_._theme_additional_19858_gg_.__active_19858_gg_:before,.___STag_19858_gg_._theme_additional_19858_gg_.__interactiveView_19858_gg_:active:before,.___STag_19858_gg_._theme_secondary_19858_gg_.__active_19858_gg_:before,.___STag_19858_gg_._theme_secondary_19858_gg_.__interactiveView_19858_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_19858_gg_._theme_additional_19858_gg_.__interactiveView_19858_gg_:hover:before,.___STagContainerClose_19858_gg_._theme_secondary_19858_gg_.__interactiveView_19858_gg_:hover:before,.___STag_19858_gg_._theme_additional_19858_gg_.__interactiveView_19858_gg_:hover:before,.___STag_19858_gg_._theme_secondary_19858_gg_.__interactiveView_19858_gg_:hover:before{opacity:.1}}.___SClose_19858_gg_ path,.___STagContainerClose_19858_gg_._theme_additional-invert_19858_gg_::after,.___STagContainerClose_19858_gg_._theme_additional_19858_gg_::after,.___STagContainerClose_19858_gg_._theme_secondary-invert_19858_gg_::after,.___STagContainerClose_19858_gg_._theme_secondary_19858_gg_::after,.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_ svg path,.___STag_19858_gg_._theme_additional-invert_19858_gg_::after,.___STag_19858_gg_._theme_additional_19858_gg_::after,.___STag_19858_gg_._theme_secondary-invert_19858_gg_::after,.___STag_19858_gg_._theme_secondary_19858_gg_::after{opacity:.5}.___STagContainerClose_19858_gg_._theme_primary-invert_19858_gg_,.___STag_19858_gg_._theme_primary-invert_19858_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_19858_gg_._theme_additional-invert_19858_gg_,.___STagContainerClose_19858_gg_._theme_secondary-invert_19858_gg_,.___STag_19858_gg_._theme_additional-invert_19858_gg_,.___STag_19858_gg_._theme_secondary-invert_19858_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_19858_gg_._theme_additional_19858_gg_::after{border-style:dashed}.___SText_19858_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_19858_gg_.__keyboardFocused_19858_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n    0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n  );z-index:1}.___SText_19858_gg_:not(:only-child):first-child{padding-right:0}.___SText_19858_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_19858_gg_:not(:only-child):last-child{padding-left:0}.___SClose_19858_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_19858_gg_:hover path{opacity:1}}.___SClose_19858_gg_,.___STagContainer_19858_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:last-child),.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:last-child)::after,.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:last-child)::before,.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:last-child)::after,.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:last-child) .___SText_19858_gg_,.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:last-child) .___SText_19858_gg_{padding-right:0}.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:first-child),.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:first-child)::after,.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:first-child)::before,.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:first-child)::after,.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_19858_gg_ .___SAddon_19858_gg_:not(:first-child) .___SText_19858_gg_,.___STagContainer_19858_gg_ .___STag_19858_gg_:not(:first-child) .___SText_19858_gg_{padding-left:0}.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_::after,.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_::before{left:-1px}.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_:hover svg path{opacity:1}}.___STagContainer_19858_gg_ .___STagContainerClose_19858_gg_._size_xl_19858_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "19858_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_19858_gg_",
-  "_size_m": "_size_m_19858_gg_",
-  "_size_l": "_size_l_19858_gg_",
-  "_size_xl": "_size_xl_19858_gg_",
-  "__SAddon": "___SAddon_19858_gg_",
-  "__STagContainer": "___STagContainer_19858_gg_",
-  "__STag": "___STag_19858_gg_",
-  "_disabled": "__disabled_19858_gg_",
-  "__STagContainerClose": "___STagContainerClose_19858_gg_",
-  "_interactiveView": "__interactiveView_19858_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_19858_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_19858_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_19858_gg_",
-  "__SText": "___SText_19858_gg_",
-  "_keyboardFocused": "__keyboardFocused_19858_gg_",
-  "--tag-color": "--tag-color_19858",
-  "_interactive": "__interactive_19858_gg_",
-  "_theme_primary": "_theme_primary_19858_gg_",
-  "_active": "__active_19858_gg_",
-  "_theme_secondary": "_theme_secondary_19858_gg_",
-  "_theme_additional": "_theme_additional_19858_gg_",
-  "__SClose": "___SClose_19858_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_1czri_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1czri_gg_:first-child{margin-left:0}.___SCircle_1czri_gg_:last-child{margin-right:0}.___SCircle_1czri_gg_._size_m_1czri_gg_{width:16px;height:16px}.___SCircle_1czri_gg_._size_l_1czri_gg_,.___SCircle_1czri_gg_._size_xl_1czri_gg_{width:20px;height:20px}.___SAddon_1czri_gg_,.___STagContainerClose_1czri_gg_,.___STag_1czri_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_1czri_gg_{flex-shrink:0}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1czri_gg_,.___STag_1czri_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_1czri)}.___STagContainerClose_1czri_gg_.__interactive_1czri_gg_.__keyboardFocused_1czri_gg_,.___STag_1czri_gg_.__interactive_1czri_gg_.__keyboardFocused_1czri_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    );z-index:1}.___STagContainerClose_1czri_gg_::before,.___STag_1czri_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_1czri);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1czri_gg_::after,.___STag_1czri_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_1czri);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1czri_gg_:active,.___STagContainerClose_1czri_gg_:focus,.___STag_1czri_gg_:active,.___STag_1czri_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1czri_gg_:hover,.___STag_1czri_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1czri_gg_.__disabled_1czri_gg_,.___STag_1czri_gg_.__disabled_1czri_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1czri_gg_.__interactiveView_1czri_gg_{cursor:pointer}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_,.___STag_1czri_gg_._size_m_1czri_gg_{height:20px;min-width:20px}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:first-child,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_ .___SCircle_1czri_gg_:first-child,.___STag_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:last-child,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_ .___SCircle_1czri_gg_:last-child,.___STag_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_ .___SText_1czri_gg_,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_ .___SText_1czri_gg_,.___STag_1czri_gg_._size_m_1czri_gg_ .___SText_1czri_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1czri_gg_._size_l_1czri_gg_,.___STagContainer_1czri_gg_._size_l_1czri_gg_ .___SAddon_1czri_gg_,.___STag_1czri_gg_._size_l_1czri_gg_{height:28px;min-width:28px}.___STagContainerClose_1czri_gg_._size_l_1czri_gg_ .___SText_1czri_gg_,.___STagContainer_1czri_gg_._size_l_1czri_gg_ .___SAddon_1czri_gg_ .___SText_1czri_gg_,.___STag_1czri_gg_._size_l_1czri_gg_ .___SText_1czri_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1czri_gg_._size_xl_1czri_gg_,.___STag_1czri_gg_._size_xl_1czri_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1czri_gg_._size_xl_1czri_gg_ .___SText_1czri_gg_,.___STag_1czri_gg_._size_xl_1czri_gg_ .___SText_1czri_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_::before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_::before,.___STag_1czri_gg_._theme_primary_1czri_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_:after,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_:after,.___STag_1czri_gg_._theme_primary_1czri_gg_:after{display:none}.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_.__active_1czri_gg_:before,.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_.__active_1czri_gg_:before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STag_1czri_gg_._theme_primary_1czri_gg_.__active_1czri_gg_:before,.___STag_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STag_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:hover:before{opacity:.3}}.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_::before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_::before,.___STag_1czri_gg_._theme_additional_1czri_gg_::before,.___STag_1czri_gg_._theme_secondary_1czri_gg_::before{opacity:.01}.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_.__active_1czri_gg_:before,.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_.__active_1czri_gg_:before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STag_1czri_gg_._theme_additional_1czri_gg_.__active_1czri_gg_:before,.___STag_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STag_1czri_gg_._theme_secondary_1czri_gg_.__active_1czri_gg_:before,.___STag_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STag_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STag_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:hover:before{opacity:.1}}.___SClose_1czri_gg_ path,.___STagContainerClose_1czri_gg_._theme_additional-invert_1czri_gg_::after,.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_::after,.___STagContainerClose_1czri_gg_._theme_secondary-invert_1czri_gg_::after,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_::after,.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_ svg path,.___STag_1czri_gg_._theme_additional-invert_1czri_gg_::after,.___STag_1czri_gg_._theme_additional_1czri_gg_::after,.___STag_1czri_gg_._theme_secondary-invert_1czri_gg_::after,.___STag_1czri_gg_._theme_secondary_1czri_gg_::after{opacity:.5}.___STagContainerClose_1czri_gg_._theme_primary-invert_1czri_gg_,.___STag_1czri_gg_._theme_primary-invert_1czri_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_1czri_gg_._theme_additional-invert_1czri_gg_,.___STagContainerClose_1czri_gg_._theme_secondary-invert_1czri_gg_,.___STag_1czri_gg_._theme_additional-invert_1czri_gg_,.___STag_1czri_gg_._theme_secondary-invert_1czri_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1czri_gg_._theme_additional_1czri_gg_::after{border-style:dashed}.___SText_1czri_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_1czri_gg_.__keyboardFocused_1czri_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n    0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n  );z-index:1}.___SText_1czri_gg_:not(:only-child):first-child{padding-right:0}.___SText_1czri_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1czri_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1czri_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1czri_gg_:hover path{opacity:1}}.___SClose_1czri_gg_,.___STagContainer_1czri_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child),.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child)::after,.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child)::before,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child)::after,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child) .___SText_1czri_gg_,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child) .___SText_1czri_gg_{padding-right:0}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child),.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child)::after,.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child)::before,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child)::after,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child) .___SText_1czri_gg_,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child) .___SText_1czri_gg_{padding-left:0}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_::after,.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_::before{left:-1px}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_:hover svg path{opacity:1}}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_._size_xl_1czri_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1czri_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_1czri_gg_",
+  "_size_m": "_size_m_1czri_gg_",
+  "_size_l": "_size_l_1czri_gg_",
+  "_size_xl": "_size_xl_1czri_gg_",
+  "__SAddon": "___SAddon_1czri_gg_",
+  "__STagContainer": "___STagContainer_1czri_gg_",
+  "__STag": "___STag_1czri_gg_",
+  "_disabled": "__disabled_1czri_gg_",
+  "__STagContainerClose": "___STagContainerClose_1czri_gg_",
+  "_interactiveView": "__interactiveView_1czri_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1czri_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1czri_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1czri_gg_",
+  "__SText": "___SText_1czri_gg_",
+  "_keyboardFocused": "__keyboardFocused_1czri_gg_",
+  "--tag-color": "--tag-color_1czri",
+  "_interactive": "__interactive_1czri_gg_",
+  "_theme_primary": "_theme_primary_1czri_gg_",
+  "_active": "__active_1czri_gg_",
+  "_theme_secondary": "_theme_secondary_1czri_gg_",
+  "_theme_additional": "_theme_additional_1czri_gg_",
+  "__SClose": "___SClose_1czri_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {

package/tag/lib/es6/Tag.js

@@ -0,0 +1,455 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+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';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
+import logger from 'intergalactic/utils/lib/logger';
+import CloseM from 'intergalactic/icon/Close/m';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+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__*/".___SCircle_1czri_gg_{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1czri_gg_:first-child{margin-left:0}.___SCircle_1czri_gg_:last-child{margin-right:0}.___SCircle_1czri_gg_._size_m_1czri_gg_{width:16px;height:16px}.___SCircle_1czri_gg_._size_l_1czri_gg_,.___SCircle_1czri_gg_._size_xl_1czri_gg_{width:20px;height:20px}.___SAddon_1czri_gg_,.___STagContainerClose_1czri_gg_,.___STag_1czri_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_1czri_gg_{flex-shrink:0}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_{padding-left:0;padding-right:0}.___STagContainerClose_1czri_gg_,.___STag_1czri_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_1czri)}.___STagContainerClose_1czri_gg_.__interactive_1czri_gg_.__keyboardFocused_1czri_gg_,.___STag_1czri_gg_.__interactive_1czri_gg_.__keyboardFocused_1czri_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    );z-index:1}.___STagContainerClose_1czri_gg_::before,.___STag_1czri_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_1czri);opacity:.2;filter:brightness(150%)}.___STagContainerClose_1czri_gg_::after,.___STag_1czri_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_1czri);opacity:.1;filter:brightness(150%)}.___STagContainerClose_1czri_gg_:active,.___STagContainerClose_1czri_gg_:focus,.___STag_1czri_gg_:active,.___STag_1czri_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_1czri_gg_:hover,.___STag_1czri_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_1czri_gg_.__disabled_1czri_gg_,.___STag_1czri_gg_.__disabled_1czri_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1czri_gg_.__interactiveView_1czri_gg_{cursor:pointer}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_,.___STag_1czri_gg_._size_m_1czri_gg_{height:20px;min-width:20px}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:first-child,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_ .___SCircle_1czri_gg_:first-child,.___STag_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:last-child,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_ .___SCircle_1czri_gg_:last-child,.___STag_1czri_gg_._size_m_1czri_gg_ .___SCircle_1czri_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_1czri_gg_._size_m_1czri_gg_ .___SText_1czri_gg_,.___STagContainer_1czri_gg_._size_m_1czri_gg_ .___SAddon_1czri_gg_ .___SText_1czri_gg_,.___STag_1czri_gg_._size_m_1czri_gg_ .___SText_1czri_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_1czri_gg_._size_l_1czri_gg_,.___STagContainer_1czri_gg_._size_l_1czri_gg_ .___SAddon_1czri_gg_,.___STag_1czri_gg_._size_l_1czri_gg_{height:28px;min-width:28px}.___STagContainerClose_1czri_gg_._size_l_1czri_gg_ .___SText_1czri_gg_,.___STagContainer_1czri_gg_._size_l_1czri_gg_ .___SAddon_1czri_gg_ .___SText_1czri_gg_,.___STag_1czri_gg_._size_l_1czri_gg_ .___SText_1czri_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_1czri_gg_._size_xl_1czri_gg_,.___STag_1czri_gg_._size_xl_1czri_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_1czri_gg_._size_xl_1czri_gg_ .___SText_1czri_gg_,.___STag_1czri_gg_._size_xl_1czri_gg_ .___SText_1czri_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_::before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_::before,.___STag_1czri_gg_._theme_primary_1czri_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_:after,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_:after,.___STag_1czri_gg_._theme_primary_1czri_gg_:after{display:none}.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_.__active_1czri_gg_:before,.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_.__active_1czri_gg_:before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STag_1czri_gg_._theme_primary_1czri_gg_.__active_1czri_gg_:before,.___STag_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STagContainer_1czri_gg_._theme_primary_1czri_gg_ .___SAddon_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STag_1czri_gg_._theme_primary_1czri_gg_.__interactiveView_1czri_gg_:hover:before{opacity:.3}}.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_::before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_::before,.___STag_1czri_gg_._theme_additional_1czri_gg_::before,.___STag_1czri_gg_._theme_secondary_1czri_gg_::before{opacity:.01}.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_.__active_1czri_gg_:before,.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_.__active_1czri_gg_:before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STag_1czri_gg_._theme_additional_1czri_gg_.__active_1czri_gg_:before,.___STag_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:active:before,.___STag_1czri_gg_._theme_secondary_1czri_gg_.__active_1czri_gg_:before,.___STag_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STag_1czri_gg_._theme_additional_1czri_gg_.__interactiveView_1czri_gg_:hover:before,.___STag_1czri_gg_._theme_secondary_1czri_gg_.__interactiveView_1czri_gg_:hover:before{opacity:.1}}.___SClose_1czri_gg_ path,.___STagContainerClose_1czri_gg_._theme_additional-invert_1czri_gg_::after,.___STagContainerClose_1czri_gg_._theme_additional_1czri_gg_::after,.___STagContainerClose_1czri_gg_._theme_secondary-invert_1czri_gg_::after,.___STagContainerClose_1czri_gg_._theme_secondary_1czri_gg_::after,.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_ svg path,.___STag_1czri_gg_._theme_additional-invert_1czri_gg_::after,.___STag_1czri_gg_._theme_additional_1czri_gg_::after,.___STag_1czri_gg_._theme_secondary-invert_1czri_gg_::after,.___STag_1czri_gg_._theme_secondary_1czri_gg_::after{opacity:.5}.___STagContainerClose_1czri_gg_._theme_primary-invert_1czri_gg_,.___STag_1czri_gg_._theme_primary-invert_1czri_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_1czri_gg_._theme_additional-invert_1czri_gg_,.___STagContainerClose_1czri_gg_._theme_secondary-invert_1czri_gg_,.___STag_1czri_gg_._theme_additional-invert_1czri_gg_,.___STag_1czri_gg_._theme_secondary-invert_1czri_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1czri_gg_._theme_additional_1czri_gg_::after{border-style:dashed}.___SText_1czri_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_1czri_gg_.__keyboardFocused_1czri_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n    0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n  );z-index:1}.___SText_1czri_gg_:not(:only-child):first-child{padding-right:0}.___SText_1czri_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1czri_gg_:not(:only-child):last-child{padding-left:0}.___SClose_1czri_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1czri_gg_:hover path{opacity:1}}.___SClose_1czri_gg_,.___STagContainer_1czri_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child),.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child)::after,.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child)::before,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child)::after,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child)::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:last-child) .___SText_1czri_gg_,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:last-child) .___SText_1czri_gg_{padding-right:0}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child),.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;padding-left:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child)::after,.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child)::before,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child)::after,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child)::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1czri_gg_ .___SAddon_1czri_gg_:not(:first-child) .___SText_1czri_gg_,.___STagContainer_1czri_gg_ .___STag_1czri_gg_:not(:first-child) .___SText_1czri_gg_{padding-left:0}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_::after,.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_::before{left:-1px}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_:hover svg path{opacity:1}}.___STagContainer_1czri_gg_ .___STagContainerClose_1czri_gg_._size_xl_1czri_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1czri_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_1czri_gg_",
+  "_size_m": "_size_m_1czri_gg_",
+  "_size_l": "_size_l_1czri_gg_",
+  "_size_xl": "_size_xl_1czri_gg_",
+  "__SAddon": "___SAddon_1czri_gg_",
+  "__STagContainer": "___STagContainer_1czri_gg_",
+  "__STag": "___STag_1czri_gg_",
+  "_disabled": "__disabled_1czri_gg_",
+  "__STagContainerClose": "___STagContainerClose_1czri_gg_",
+  "_interactiveView": "__interactiveView_1czri_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1czri_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1czri_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1czri_gg_",
+  "__SText": "___SText_1czri_gg_",
+  "_keyboardFocused": "__keyboardFocused_1czri_gg_",
+  "--tag-color": "--tag-color_1czri",
+  "_interactive": "__interactive_1czri_gg_",
+  "_theme_primary": "_theme_primary_1czri_gg_",
+  "_active": "__active_1czri_gg_",
+  "_theme_secondary": "_theme_secondary_1czri_gg_",
+  "_theme_additional": "_theme_additional_1czri_gg_",
+  "__SClose": "___SClose_1czri_gg_"
+});
+var legacyThemeRecommendedMigration = {
+  primary: {
+    muted: 'gray-500',
+    info: 'blue-500',
+    success: 'green-500',
+    warning: 'orange-500',
+    danger: 'red-500'
+  },
+  secondary: {
+    muted: 'gray-50'
+  }
+};
+var RootTag = /*#__PURE__*/function (_Component) {
+  _inherits(RootTag, _Component);
+  var _super = _createSuper(RootTag);
+  function RootTag(props) {
+    var _legacyThemeRecommend;
+    var _this;
+    _classCallCheck(this, RootTag);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      focusable: 'container'
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCloseMount", function () {
+      _this.setState({
+        focusable: 'text'
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCloseUnmount", function () {
+      _this.setState({
+        focusable: 'container'
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+      switch (event.key) {
+        case ' ':
+        case 'Enter':
+          if (_this.asProps.onClick) {
+            event.preventDefault();
+            _this.asProps.onClick(event);
+          }
+          break;
+      }
+    });
+    logger.warn(props.use, "Property 'use' is deprecated, replace property to \"theme='".concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], "'\""), props['data-ui-name'] || Tag.displayName);
+    return _this;
+  }
+  _createClass(RootTag, [{
+    key: "getCircleProps",
+    value: function getCircleProps() {
+      var _this$asProps = this.asProps,
+        size = _this$asProps.size,
+        color = _this$asProps.color,
+        resolveColor = _this$asProps.resolveColor;
+      return {
+        size: size,
+        color: color,
+        resolveColor: resolveColor
+      };
+    }
+  }, {
+    key: "getTextProps",
+    value: function getTextProps() {
+      var interactive = this.asProps.interactive;
+      var id = this.asProps.id || "igc-".concat(this.asProps.uid, "-tag");
+      var focusable = this.state.focusable;
+      return {
+        tabIndex: focusable === 'text' && interactive ? 0 : -1,
+        id: "".concat(id, "-text"),
+        role: focusable === 'text' && interactive ? 'button' : undefined
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      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,
+        id: "".concat(id, "-clear"),
+        'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
+        'aria-label': getI18nText('remove'),
+        onMount: this.handleCloseMount,
+        onUnmount: this.handleCloseUnmount,
+        color: color,
+        resolveColor: resolveColor
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref9;
+      var STag = Box;
+      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 _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref9.cn("STag", _objectSpread({}, _assignProps({
+        "id": id,
+        "use:interactive": isInteractive,
+        "use:interactiveView": isInteractiveView,
+        "tag-color": resolveColor(color),
+        "onKeyDown": this.handleKeyDown,
+        "use:tabIndex": isInteractive ? 0 : -1,
+        "role": isInteractive ? 'button' : undefined
+      }, _ref))), addonLeft ? /*#__PURE__*/React.createElement(Tag.Addon, {
+        tag: addonLeft
+      }) : null, addonTextChildren(Children, Tag.Text, [Tag.Addon, TagContainer.Circle]), addonRight ? /*#__PURE__*/React.createElement(Tag.Addon, {
+        tag: addonRight
+      }) : null);
+    }
+  }]);
+  return RootTag;
+}(Component);
+_defineProperty(RootTag, "displayName", 'Tag');
+_defineProperty(RootTag, "style", style);
+_defineProperty(RootTag, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance(), keyboardFocusEnhance()]);
+_defineProperty(RootTag, "defaultProps", {
+  theme: 'primary',
+  color: 'gray-500',
+  size: 'm',
+  i18n: localizedMessages,
+  locale: 'en'
+});
+var RootTagContainer = /*#__PURE__*/function (_Component2) {
+  _inherits(RootTagContainer, _Component2);
+  var _super2 = _createSuper(RootTagContainer);
+  function RootTagContainer() {
+    _classCallCheck(this, RootTagContainer);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(RootTagContainer, [{
+    key: "getTagProps",
+    value: function getTagProps() {
+      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"),
+        disabled: disabled,
+        size: size,
+        theme: theme,
+        color: color,
+        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$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,
+        id: "".concat(id, "-clear"),
+        'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
+        'aria-label': getI18nText('remove'),
+        resolveColor: resolveColor
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref10;
+      var STagContainer = Box;
+      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(), resolveColorEnhance()]);
+_defineProperty(RootTagContainer, "defaultProps", {
+  color: 'gray-500',
+  theme: 'primary'
+});
+var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
+  _inherits(RootCloseTagContainer, _Component3);
+  var _super3 = _createSuper(RootCloseTagContainer);
+  function RootCloseTagContainer() {
+    var _this2;
+    _classCallCheck(this, RootCloseTagContainer);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _super3.call.apply(_super3, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function (event) {
+      var _this2$asProps = _this2.asProps,
+        onKeyDown = _this2$asProps.onKeyDown,
+        onClick = _this2$asProps.onClick;
+      if (onKeyDown) {
+        return onKeyDown(event);
+      }
+      if (onClick && (event.key === 'Enter' || event.key === ' ')) {
+        event.preventDefault();
+        onClick(event);
+      }
+    });
+    return _this2;
+  }
+  _createClass(RootCloseTagContainer, [{
+    key: "render",
+    value: function render() {
+      var _ref3 = this.asProps,
+        _ref11;
+      var STagContainerClose = Box;
+      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',
+        "type": 'button',
+        "interactive": true,
+        "interactiveView": true,
+        "tag-color": resolveColor(color),
+        "onKeyDown": this.handleKeyDown
+      }, _ref3))), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
+    }
+  }]);
+  return RootCloseTagContainer;
+}(Component);
+_defineProperty(RootCloseTagContainer, "displayName", 'CloseTagContainer');
+_defineProperty(RootCloseTagContainer, "style", style);
+_defineProperty(RootCloseTagContainer, "defaultProps", function () {
+  return {
+    theme: 'primary',
+    color: 'gray-500',
+    size: 'm',
+    i18n: localizedMessages,
+    locale: 'en',
+    children: /*#__PURE__*/React.createElement(CloseTagContainer.Close, null)
+  };
+});
+_defineProperty(RootCloseTagContainer, "enhance", [resolveColorEnhance(), keyboardFocusEnhance()]);
+function TagContainerCircle(props) {
+  var _ref4 = arguments[0],
+    _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 _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref13.cn("SText", _objectSpread({}, _assignProps5({
+    "tag": 'span'
+  }, _ref5))));
+}
+Text.enhance = [keyboardFocusEnhance()];
+function Close(props) {
+  var _ref6 = arguments[0],
+    _ref14;
+  var SClose = Box;
+  var styles = props.styles;
+  React.useEffect(function () {
+    var _props$onMount;
+    (_props$onMount = props.onMount) === null || _props$onMount === void 0 ? void 0 : _props$onMount.call(props);
+    log.warn(true, 'Tag.Close is deprecated and will be removed in the next major release. Please, use TagContainer and TagContainer.Close', 'Tag.Close');
+    return function () {
+      var _props$onUnmount;
+      return (_props$onUnmount = props.onUnmount) === null || _props$onUnmount === void 0 ? void 0 : _props$onUnmount.call(props);
+    };
+  }, []);
+  var onKeyDown = React.useCallback(function (event) {
+    if (props.onKeyDown) {
+      return props.onKeyDown(event);
+    }
+    if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {
+      event.preventDefault();
+      props.onClick(event);
+    }
+  }, [props.onKeyDown, props.onClick]);
+  return _ref14 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref14.cn("SClose", _objectSpread({}, _assignProps6({
+    "tag": CloseM,
+    "interactive": true,
+    "onKeyDown": onKeyDown
+  }, _ref6))));
+}
+function Addon(props) {
+  var _ref7 = arguments[0],
+    _ref15;
+  var SAddon = Box;
+  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 _ref8 = arguments[0],
+    _ref16;
+  var SCircle = Box;
+  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,
+  Addon: Addon,
+  Close: Close,
+  Circle: Circle
+});
+var CloseTagContainer = createComponent(RootCloseTagContainer, {
+  Close: CloseM
+});
+export var TagContainer = createComponent(RootTagContainer, {
+  Tag: Tag,
+  Addon: Addon,
+  Close: CloseTagContainer,
+  Circle: TagContainerCircle
+});
+export default Tag;
+//# sourceMappingURL=Tag.js.map