intergalactic 15.99.0 → 15.100.0-prerelease.0

package/pagination/lib/cjs/Pagination.js

@@ -30,16 +30,16 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_16dcl_gg_{justify-content:flex-start;align-items:center}.___SNextPage_16dcl_gg_,.___SPrevPage_16dcl_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_16dcl_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_16dcl_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_16dcl_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_16dcl_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_16dcl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_16dcl_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_16dcl_gg_:focus-within .___SPageInputAddon_16dcl_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_16dcl_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_16dcl_gg_,.___STotalPagesLabel_16dcl_gg_,.___STotalPages_16dcl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "16dcl_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_16dcl_gg_",
-  "__SNextPage": "___SNextPage_16dcl_gg_",
-  "__SPrevPage": "___SPrevPage_16dcl_gg_",
-  "__SLabel": "___SLabel_16dcl_gg_",
-  "__STotalPages": "___STotalPages_16dcl_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_16dcl_gg_",
-  "__STotalLastPages": "___STotalLastPages_16dcl_gg_",
-  "__SPageInput": "___SPageInput_16dcl_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_16dcl_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_175b1_gg_{justify-content:flex-start;align-items:center}.___SNextPage_175b1_gg_,.___SPrevPage_175b1_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_175b1_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_175b1_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_175b1_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_175b1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_175b1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_175b1_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_175b1_gg_:focus-within .___SPageInputAddon_175b1_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_175b1_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_175b1_gg_,.___STotalPagesLabel_175b1_gg_,.___STotalPages_175b1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "175b1_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_175b1_gg_",
+  "__SNextPage": "___SNextPage_175b1_gg_",
+  "__SPrevPage": "___SPrevPage_175b1_gg_",
+  "__SLabel": "___SLabel_175b1_gg_",
+  "__STotalPages": "___STotalPages_175b1_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_175b1_gg_",
+  "__STotalLastPages": "___STotalLastPages_175b1_gg_",
+  "__SPageInput": "___SPageInput_175b1_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_175b1_gg_"
 });
 function formatThousands(value) {
   var main = String(value);

package/pagination/lib/es6/Pagination.js

@@ -29,16 +29,16 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_16dcl_gg_{justify-content:flex-start;align-items:center}.___SNextPage_16dcl_gg_,.___SPrevPage_16dcl_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_16dcl_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_16dcl_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_16dcl_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_16dcl_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_16dcl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_16dcl_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_16dcl_gg_:focus-within .___SPageInputAddon_16dcl_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_16dcl_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_16dcl_gg_,.___STotalPagesLabel_16dcl_gg_,.___STotalPages_16dcl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "16dcl_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_16dcl_gg_",
-  "__SNextPage": "___SNextPage_16dcl_gg_",
-  "__SPrevPage": "___SPrevPage_16dcl_gg_",
-  "__SLabel": "___SLabel_16dcl_gg_",
-  "__STotalPages": "___STotalPages_16dcl_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_16dcl_gg_",
-  "__STotalLastPages": "___STotalLastPages_16dcl_gg_",
-  "__SPageInput": "___SPageInput_16dcl_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_16dcl_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_175b1_gg_{justify-content:flex-start;align-items:center}.___SNextPage_175b1_gg_,.___SPrevPage_175b1_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_175b1_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_175b1_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_175b1_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_175b1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_175b1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_175b1_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_175b1_gg_:focus-within .___SPageInputAddon_175b1_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_175b1_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_175b1_gg_,.___STotalPagesLabel_175b1_gg_,.___STotalPages_175b1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "175b1_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_175b1_gg_",
+  "__SNextPage": "___SNextPage_175b1_gg_",
+  "__SPrevPage": "___SPrevPage_175b1_gg_",
+  "__SLabel": "___SLabel_175b1_gg_",
+  "__STotalPages": "___STotalPages_175b1_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_175b1_gg_",
+  "__STotalLastPages": "___STotalLastPages_175b1_gg_",
+  "__SPageInput": "___SPageInput_175b1_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_175b1_gg_"
 });
 import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 function formatThousands(value) {

package/tag/index.d.ts

@@ -83,8 +83,22 @@ export type TagTextProps = BoxProps & KeyboardFocusProps & {};
 declare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {
   Text: Intergalactic.Component<'div', TagTextProps>;
   Addon: Intergalactic.Component<'div', TagAddonProps>;
+  /**
+   * @deprecated For Tags with close button, you should use
+   * <TagContainer>
+   *     <TagContainer.Tag.Text>Tag text</TagContainer.Tag.Text>
+   *     <TagContainer.Close onClick={handleClose} />
+   * </TagContainer>
+   * See example on https://developer.semrush.com/intergalactic/components/tag/tag-code#removing-tag
+   * */
   Close: Intergalactic.Component<'div', TagCloseProps>;
   Circle: Intergalactic.Component<'div', TagAddonProps>;
 };
 
+declare const TagContainer: Intergalactic.Component<'div', TagProps, TagContext> & {
+  Tag: typeof Tag;
+  Close: Intergalactic.Component<'button', KeyboardFocusProps>;
+};
+
 export default Tag;
+export { TagContainer };

package/tag/lib/cjs/Tag.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.TagContainer = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -25,28 +25,30 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
-var _assignProps6 = require("intergalactic/utils/lib/assignProps");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STag_1vpi8_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_1vpi8)}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_:has(.___SText_1vpi8_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1vpi8_gg_::after,.___STag_1vpi8_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1vpi8_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1vpi8);opacity:.2}.___STag_1vpi8_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1vpi8);opacity:.1}.___STag_1vpi8_gg_:active,.___STag_1vpi8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1vpi8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_.__keyboardFocused_1vpi8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_.__keyboardFocused_1vpi8_gg_:has(:focus){box-shadow:none}.___STag_1vpi8_gg_.__disabled_1vpi8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_{cursor:pointer}.___STag_1vpi8_gg_._size_m_1vpi8_gg_{height:20px;min-width:20px}.___STag_1vpi8_gg_._size_m_1vpi8_gg_ .___SCircle_1vpi8_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1vpi8_gg_._size_m_1vpi8_gg_ .___SCircle_1vpi8_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1vpi8_gg_._size_m_1vpi8_gg_ .___SText_1vpi8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1vpi8_gg_._size_l_1vpi8_gg_{height:28px;min-width:28px}.___STag_1vpi8_gg_._size_l_1vpi8_gg_ .___SText_1vpi8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1vpi8_gg_._size_xl_1vpi8_gg_{height:40px;min-width:40px}.___STag_1vpi8_gg_._size_xl_1vpi8_gg_ .___SText_1vpi8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_:after{display:none}.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_.__active_1vpi8_gg_:before,.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_.__interactive_1vpi8_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1vpi8_gg_._theme_primary_1vpi8_gg_.__interactive_1vpi8_gg_:hover:before{opacity:.3}}.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_::before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_::before{opacity:.01}.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_.__active_1vpi8_gg_:before,.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_.__interactive_1vpi8_gg_:active:before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_.__active_1vpi8_gg_:before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_.__interactive_1vpi8_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_.__interactive_1vpi8_gg_:hover:before,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_.__interactive_1vpi8_gg_:hover:before{opacity:.1}}.___SClose_1vpi8_gg_ path,.___STag_1vpi8_gg_._theme_additional-invert_1vpi8_gg_::after,.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_::after,.___STag_1vpi8_gg_._theme_secondary-invert_1vpi8_gg_::after,.___STag_1vpi8_gg_._theme_secondary_1vpi8_gg_::after{opacity:.5}.___STag_1vpi8_gg_._theme_primary-invert_1vpi8_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1vpi8_gg_._theme_additional-invert_1vpi8_gg_,.___STag_1vpi8_gg_._theme_primary-invert_1vpi8_gg_,.___STag_1vpi8_gg_._theme_secondary-invert_1vpi8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1vpi8_gg_._theme_additional_1vpi8_gg_::after{border-style:dashed}.___SText_1vpi8_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}.___STag_1vpi8_gg_.__interactive_1vpi8_gg_ .___SText_1vpi8_gg_.__keyboardFocused_1vpi8_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1vpi8_gg_:not(:only-child):first-child{padding-right:0}.___SText_1vpi8_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1vpi8_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1vpi8_gg_,.___SCircle_1vpi8_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1vpi8_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1vpi8_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1vpi8_gg_:first-child{margin-left:0}.___SCircle_1vpi8_gg_:last-child{margin-right:0}.___SCircle_1vpi8_gg_._size_m_1vpi8_gg_{width:16px;height:16px}.___SCircle_1vpi8_gg_._size_l_1vpi8_gg_,.___SCircle_1vpi8_gg_._size_xl_1vpi8_gg_{width:20px;height:20px}.___SClose_1vpi8_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_1vpi8_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1vpi8_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_1vpi8_gg_",
-  "_interactive": "__interactive_1vpi8_gg_",
-  "_keyboardFocused": "__keyboardFocused_1vpi8_gg_",
-  "_disabled": "__disabled_1vpi8_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_1vpi8_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_1vpi8_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_1vpi8_gg_",
-  "__SText": "___SText_1vpi8_gg_",
-  "__SAddon": "___SAddon_1vpi8_gg_",
-  "__SCircle": "___SCircle_1vpi8_gg_",
-  "_size_m": "_size_m_1vpi8_gg_",
-  "_size_l": "_size_l_1vpi8_gg_",
-  "_size_xl": "_size_xl_1vpi8_gg_",
-  "--tag-color": "--tag-color_1vpi8",
-  "_theme_primary": "_theme_primary_1vpi8_gg_",
-  "_active": "__active_1vpi8_gg_",
-  "_theme_secondary": "_theme_secondary_1vpi8_gg_",
-  "_theme_additional": "_theme_additional_1vpi8_gg_",
-  "__SClose": "___SClose_1vpi8_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_9qjw2_gg_,.___STag_9qjw2_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_9qjw2)}.___STagContainerClose_9qjw2_gg_.__interactive_9qjw2_gg_.__keyboardFocused_9qjw2_gg_,.___STag_9qjw2_gg_.__interactive_9qjw2_gg_.__keyboardFocused_9qjw2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_9qjw2_gg_::before,.___STag_9qjw2_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_9qjw2);opacity:.2;filter:brightness(150%)}.___STagContainerClose_9qjw2_gg_::after,.___STag_9qjw2_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_9qjw2);opacity:.1;filter:brightness(150%)}.___STagContainerClose_9qjw2_gg_:active,.___STagContainerClose_9qjw2_gg_:focus,.___STag_9qjw2_gg_:active,.___STag_9qjw2_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_9qjw2_gg_:hover,.___STag_9qjw2_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_9qjw2_gg_.__disabled_9qjw2_gg_,.___STag_9qjw2_gg_.__disabled_9qjw2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_9qjw2_gg_.__interactiveView_9qjw2_gg_{cursor:pointer}.___STagContainerClose_9qjw2_gg_._size_m_9qjw2_gg_,.___STag_9qjw2_gg_._size_m_9qjw2_gg_{height:20px;min-width:20px}.___STagContainerClose_9qjw2_gg_._size_m_9qjw2_gg_ .___SCircle_9qjw2_gg_:first-child,.___STag_9qjw2_gg_._size_m_9qjw2_gg_ .___SCircle_9qjw2_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_9qjw2_gg_._size_m_9qjw2_gg_ .___SCircle_9qjw2_gg_:last-child,.___STag_9qjw2_gg_._size_m_9qjw2_gg_ .___SCircle_9qjw2_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_9qjw2_gg_._size_m_9qjw2_gg_ .___SText_9qjw2_gg_,.___STag_9qjw2_gg_._size_m_9qjw2_gg_ .___SText_9qjw2_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_9qjw2_gg_._size_l_9qjw2_gg_,.___STag_9qjw2_gg_._size_l_9qjw2_gg_{height:28px;min-width:28px}.___STagContainerClose_9qjw2_gg_._size_l_9qjw2_gg_ .___SText_9qjw2_gg_,.___STag_9qjw2_gg_._size_l_9qjw2_gg_ .___SText_9qjw2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_9qjw2_gg_._size_xl_9qjw2_gg_,.___STag_9qjw2_gg_._size_xl_9qjw2_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_9qjw2_gg_._size_xl_9qjw2_gg_ .___SText_9qjw2_gg_,.___STag_9qjw2_gg_._size_xl_9qjw2_gg_ .___SText_9qjw2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_9qjw2_gg_._theme_primary_9qjw2_gg_::before,.___STag_9qjw2_gg_._theme_primary_9qjw2_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_9qjw2_gg_._theme_primary_9qjw2_gg_:after,.___STag_9qjw2_gg_._theme_primary_9qjw2_gg_:after{display:none}.___STagContainerClose_9qjw2_gg_._theme_primary_9qjw2_gg_.__active_9qjw2_gg_:before,.___STagContainerClose_9qjw2_gg_._theme_primary_9qjw2_gg_.__interactiveView_9qjw2_gg_:active:before,.___STag_9qjw2_gg_._theme_primary_9qjw2_gg_.__active_9qjw2_gg_:before,.___STag_9qjw2_gg_._theme_primary_9qjw2_gg_.__interactiveView_9qjw2_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_9qjw2_gg_._theme_primary_9qjw2_gg_.__interactiveView_9qjw2_gg_:hover:before,.___STag_9qjw2_gg_._theme_primary_9qjw2_gg_.__interactiveView_9qjw2_gg_:hover:before{opacity:.3}}.___STagContainerClose_9qjw2_gg_._theme_additional_9qjw2_gg_::before,.___STagContainerClose_9qjw2_gg_._theme_secondary_9qjw2_gg_::before,.___STag_9qjw2_gg_._theme_additional_9qjw2_gg_::before,.___STag_9qjw2_gg_._theme_secondary_9qjw2_gg_::before{opacity:.01}.___STagContainerClose_9qjw2_gg_._theme_additional_9qjw2_gg_.__active_9qjw2_gg_:before,.___STagContainerClose_9qjw2_gg_._theme_additional_9qjw2_gg_.__interactiveView_9qjw2_gg_:active:before,.___STagContainerClose_9qjw2_gg_._theme_secondary_9qjw2_gg_.__active_9qjw2_gg_:before,.___STagContainerClose_9qjw2_gg_._theme_secondary_9qjw2_gg_.__interactiveView_9qjw2_gg_:active:before,.___STag_9qjw2_gg_._theme_additional_9qjw2_gg_.__active_9qjw2_gg_:before,.___STag_9qjw2_gg_._theme_additional_9qjw2_gg_.__interactiveView_9qjw2_gg_:active:before,.___STag_9qjw2_gg_._theme_secondary_9qjw2_gg_.__active_9qjw2_gg_:before,.___STag_9qjw2_gg_._theme_secondary_9qjw2_gg_.__interactiveView_9qjw2_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_9qjw2_gg_._theme_additional_9qjw2_gg_.__interactiveView_9qjw2_gg_:hover:before,.___STagContainerClose_9qjw2_gg_._theme_secondary_9qjw2_gg_.__interactiveView_9qjw2_gg_:hover:before,.___STag_9qjw2_gg_._theme_additional_9qjw2_gg_.__interactiveView_9qjw2_gg_:hover:before,.___STag_9qjw2_gg_._theme_secondary_9qjw2_gg_.__interactiveView_9qjw2_gg_:hover:before{opacity:.1}}.___SClose_9qjw2_gg_ path,.___STagContainerClose_9qjw2_gg_._theme_additional-invert_9qjw2_gg_::after,.___STagContainerClose_9qjw2_gg_._theme_additional_9qjw2_gg_::after,.___STagContainerClose_9qjw2_gg_._theme_secondary-invert_9qjw2_gg_::after,.___STagContainerClose_9qjw2_gg_._theme_secondary_9qjw2_gg_::after,.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_ svg path,.___STag_9qjw2_gg_._theme_additional-invert_9qjw2_gg_::after,.___STag_9qjw2_gg_._theme_additional_9qjw2_gg_::after,.___STag_9qjw2_gg_._theme_secondary-invert_9qjw2_gg_::after,.___STag_9qjw2_gg_._theme_secondary_9qjw2_gg_::after{opacity:.5}.___STagContainerClose_9qjw2_gg_._theme_primary-invert_9qjw2_gg_,.___STag_9qjw2_gg_._theme_primary-invert_9qjw2_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_9qjw2_gg_._theme_additional-invert_9qjw2_gg_,.___STagContainerClose_9qjw2_gg_._theme_secondary-invert_9qjw2_gg_,.___STag_9qjw2_gg_._theme_additional-invert_9qjw2_gg_,.___STag_9qjw2_gg_._theme_secondary-invert_9qjw2_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_9qjw2_gg_._theme_additional_9qjw2_gg_::after{border-style:dashed}.___SText_9qjw2_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_9qjw2_gg_.__keyboardFocused_9qjw2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_9qjw2_gg_:not(:only-child):first-child{padding-right:0}.___SText_9qjw2_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_9qjw2_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_9qjw2_gg_,.___SCircle_9qjw2_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_9qjw2_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_9qjw2_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_9qjw2_gg_:first-child{margin-left:0}.___SCircle_9qjw2_gg_:last-child{margin-right:0}.___SCircle_9qjw2_gg_._size_m_9qjw2_gg_{width:16px;height:16px}.___SCircle_9qjw2_gg_._size_l_9qjw2_gg_,.___SCircle_9qjw2_gg_._size_xl_9qjw2_gg_{width:20px;height:20px}.___SClose_9qjw2_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_9qjw2_gg_:hover path{opacity:1}}.___SClose_9qjw2_gg_,.___STagContainer_9qjw2_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_9qjw2_gg_ .___STag_9qjw2_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_9qjw2_gg_ .___STag_9qjw2_gg_::after,.___STagContainer_9qjw2_gg_ .___STag_9qjw2_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_9qjw2_gg_ .___STag_9qjw2_gg_ .___SText_9qjw2_gg_{padding-right:0}.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_::after,.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_::before{left:-1px}.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_:hover svg path{opacity:1}}.___STagContainer_9qjw2_gg_ .___STagContainerClose_9qjw2_gg_._size_xl_9qjw2_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "9qjw2_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_9qjw2_gg_",
+  "_disabled": "__disabled_9qjw2_gg_",
+  "__STagContainerClose": "___STagContainerClose_9qjw2_gg_",
+  "_interactiveView": "__interactiveView_9qjw2_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_9qjw2_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_9qjw2_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_9qjw2_gg_",
+  "__SText": "___SText_9qjw2_gg_",
+  "_keyboardFocused": "__keyboardFocused_9qjw2_gg_",
+  "__SAddon": "___SAddon_9qjw2_gg_",
+  "__SCircle": "___SCircle_9qjw2_gg_",
+  "_size_m": "_size_m_9qjw2_gg_",
+  "_size_l": "_size_l_9qjw2_gg_",
+  "_size_xl": "_size_xl_9qjw2_gg_",
+  "--tag-color": "--tag-color_9qjw2",
+  "_interactive": "__interactive_9qjw2_gg_",
+  "_theme_primary": "_theme_primary_9qjw2_gg_",
+  "_active": "__active_9qjw2_gg_",
+  "_theme_secondary": "_theme_secondary_9qjw2_gg_",
+  "_theme_additional": "_theme_additional_9qjw2_gg_",
+  "__SClose": "___SClose_9qjw2_gg_",
+  "__STagContainer": "___STagContainer_9qjw2_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {
@@ -111,7 +113,8 @@ var RootTag = /*#__PURE__*/function (_Component) {
       var focusable = this.state.focusable;
       return {
         tabIndex: focusable === 'text' && interactive ? 0 : -1,
-        id: "".concat(id, "-text")
+        id: "".concat(id, "-text"),
+        role: focusable === 'text' && interactive ? 'button' : undefined
       };
     }
   }, {
@@ -124,7 +127,6 @@ var RootTag = /*#__PURE__*/function (_Component) {
         id: "".concat(id, "-clear"),
         'aria-labelledby': "".concat(id, "-clear ").concat(id, "-text"),
         'aria-label': getI18nText('remove'),
-        'aria-hidden': 'true',
         onMount: this.handleCloseMount,
         onUnmount: this.handleCloseUnmount
       };
@@ -133,7 +135,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref6;
+        _ref8;
       var STag = _flexBox.Box;
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
@@ -148,13 +150,16 @@ var RootTag = /*#__PURE__*/function (_Component) {
         uid = _this$asProps.uid;
       var focusable = this.state.focusable;
       var id = outerId || "igc-".concat(uid, "-tag");
-      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      var isInteractiveView = !disabled && interactive;
+      var isInteractive = !disabled && interactive && focusable === 'container';
+      return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref8.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "id": id,
-        "use:interactive": !disabled && interactive,
-        "role": interactive ? 'button' : undefined,
+        "use:interactive": isInteractive,
+        "use:interactiveView": isInteractiveView,
         "tag-color": resolveColor(color),
         "onKeyDown": this.handleKeyDown,
-        "use:tabIndex": interactive && focusable === 'container' ? 0 : -1
+        "use:tabIndex": isInteractive ? 0 : -1,
+        "role": isInteractive ? 'button' : undefined
       }, _ref))), addonLeft ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
         tag: addonLeft
       }) : null, (0, _addonTextChildren["default"])(Children, Tag.Text, Tag.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
@@ -174,24 +179,153 @@ var RootTag = /*#__PURE__*/function (_Component) {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
+var RootTagContainer = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(RootTagContainer, _Component2);
+  var _super2 = (0, _createSuper2["default"])(RootTagContainer);
+  function RootTagContainer() {
+    (0, _classCallCheck2["default"])(this, RootTagContainer);
+    return _super2.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(RootTagContainer, [{
+    key: "getTagProps",
+    value: function getTagProps() {
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        theme = _this$asProps2.theme,
+        color = _this$asProps2.color,
+        disabled = _this$asProps2.disabled,
+        active = _this$asProps2.active,
+        uid = _this$asProps2.uid,
+        outerId = _this$asProps2.id;
+      var id = outerId || "igc-".concat(uid, "-tag");
+      return {
+        id: "".concat(id, "-text"),
+        disabled: disabled,
+        size: size,
+        theme: theme,
+        color: color,
+        active: active
+      };
+    }
+  }, {
+    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 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')
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref9;
+      var STagContainer = _flexBox.Box;
+      var _this$asProps4 = this.asProps,
+        styles = _this$asProps4.styles,
+        Children = _this$asProps4.Children;
+      return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainer, _ref9.cn("STagContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
+    }
+  }]);
+  return RootTagContainer;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootTagContainer, "displayName", 'TagContainer');
+(0, _defineProperty2["default"])(RootTagContainer, "style", style);
+(0, _defineProperty2["default"])(RootTagContainer, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
+var RootCloseTagContainer = /*#__PURE__*/function (_Component3) {
+  (0, _inherits2["default"])(RootCloseTagContainer, _Component3);
+  var _super3 = (0, _createSuper2["default"])(RootCloseTagContainer);
+  function RootCloseTagContainer() {
+    var _this2;
+    (0, _classCallCheck2["default"])(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));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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;
+  }
+  (0, _createClass2["default"])(RootCloseTagContainer, [{
+    key: "render",
+    value: function render() {
+      var _ref3 = this.asProps,
+        _ref10;
+      var STagContainerClose = _flexBox.Box;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        styles = _this$asProps5.styles,
+        color = _this$asProps5.color,
+        resolveColor = _this$asProps5.resolveColor;
+      return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STagContainerClose, _ref10.cn("STagContainerClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'button',
+        "interactive": true,
+        "interactiveView": true,
+        "tag-color": resolveColor(color),
+        "onKeyDown": this.handleKeyDown
+      }, _ref3))), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})));
+    }
+  }]);
+  return RootCloseTagContainer;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootCloseTagContainer, "displayName", 'CloseTagContainer');
+(0, _defineProperty2["default"])(RootCloseTagContainer, "style", style);
+(0, _defineProperty2["default"])(RootCloseTagContainer, "defaultProps", function () {
+  return {
+    theme: 'primary',
+    color: 'gray-500',
+    size: 'm',
+    i18n: _intergalacticDynamicLocales.localizedMessages,
+    locale: 'en',
+    children: /*#__PURE__*/_react["default"].createElement(CloseTagContainer.Close, null)
+  };
+});
+(0, _defineProperty2["default"])(RootCloseTagContainer, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _keyboardFocusEnhance["default"])()]);
 function Text(props) {
-  var _ref2 = arguments[0],
-    _ref7;
+  var _ref4 = arguments[0],
+    _ref11;
   var SText = _flexBox.Box;
   var styles = props.styles;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref11.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref2))));
+  }, _ref4))));
 }
 Text.enhance = [(0, _keyboardFocusEnhance["default"])()];
 function Close(props) {
-  var _ref3 = arguments[0],
-    _ref8;
+  var _ref5 = arguments[0],
+    _ref12;
   var SClose = _flexBox.Box;
   var styles = props.styles;
   _react["default"].useEffect(function () {
     var _props$onMount;
     (_props$onMount = props.onMount) === null || _props$onMount === void 0 ? void 0 : _props$onMount.call(props);
+    _logger["default"].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);
@@ -206,29 +340,29 @@ function Close(props) {
       props.onClick(event);
     }
   }, [props.onKeyDown, props.onClick]);
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref12.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _m["default"],
     "interactive": true,
     "onKeyDown": onKeyDown
-  }, _ref3))));
+  }, _ref5))));
 }
 function Addon(props) {
-  var _ref4 = arguments[0],
-    _ref9;
+  var _ref6 = arguments[0],
+    _ref13;
   var SAddon = _flexBox.Box;
   var styles = props.styles;
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref13.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref4))));
+  }, _ref6))));
 }
 function Circle(props) {
-  var _ref5 = arguments[0],
-    _ref10;
+  var _ref7 = arguments[0],
+    _ref14;
   var SCircle = _flexBox.Box;
   var styles = props.styles;
-  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref14.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref5))));
+  }, _ref7))));
 }
 var Tag = (0, _core["default"])(RootTag, {
   Text: Text,
@@ -236,6 +370,14 @@ var Tag = (0, _core["default"])(RootTag, {
   Close: Close,
   Circle: Circle
 });
+var CloseTagContainer = (0, _core["default"])(RootCloseTagContainer, {
+  Close: _m["default"]
+});
+var TagContainer = (0, _core["default"])(RootTagContainer, {
+  Tag: Tag,
+  Close: CloseTagContainer
+});
+exports.TagContainer = TagContainer;
 var _default = Tag;
 exports["default"] = _default;
 //# sourceMappingURL=Tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","_index","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread2","assignProps","undefined","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"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';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\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    };\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      'aria-hidden': 'true',\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\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\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\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    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\nexport default Tag;\n"],"mappings":"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"}
+{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","role","undefined","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref8","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","isInteractiveView","isInteractive","createElement","cn","_objectSpread2","assignProps","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","RootTagContainer","_Component2","_super2","apply","arguments","getTagProps","_this$asProps2","active","_this$asProps3","_ref2","_ref9","STagContainer","_this$asProps4","RootCloseTagContainer","_Component3","_super3","_this2","_len","length","args","Array","_key","_this2$asProps","onKeyDown","_ref3","_ref10","STagContainerClose","_this$asProps5","children","CloseTagContainer","Close","_ref4","arguments[0]","_ref11","SText","enhance","_ref5","_ref12","SClose","React","useEffect","_props$onMount","log","_props$onUnmount","useCallback","CloseM","_ref6","_ref13","SAddon","Circle","_ref7","_ref14","SCircle","createComponent","TagContainer","exports","_default"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport log from '@semcore/utils/lib/logger';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n      role: focusable === 'text' && interactive ? 'button' : undefined,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n    const isInteractiveView = !disabled && interactive;\n    const isInteractive = !disabled && interactive && focusable === 'container';\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={isInteractive}\n        use:interactiveView={isInteractiveView}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={isInteractive ? 0 : -1}\n        role={isInteractive ? 'button' : undefined}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nclass RootTagContainer extends Component {\n  static displayName = 'TagContainer';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n\n  getTagProps() {\n    const { size, theme, color, disabled, active, uid, id: outerId } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return {\n      id: `${id}-text`,\n      disabled,\n      size,\n      theme,\n      color,\n      active,\n    };\n  }\n\n  getCloseProps() {\n    const { size, theme, color, disabled, active, uid, id: outerId, getI18nText } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return {\n      disabled,\n      size,\n      theme,\n      color,\n      active,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n    };\n  }\n\n  render() {\n    const STagContainer = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <STagContainer render={Box}>\n        <Children />\n      </STagContainer>,\n    );\n  }\n}\n\nclass RootCloseTagContainer extends Component {\n  static displayName = 'CloseTagContainer';\n  static style = style;\n\n  static defaultProps = () => {\n    return {\n      theme: 'primary',\n      color: 'gray-500',\n      size: 'm',\n      i18n: localizedMessages,\n      locale: 'en',\n      children: <CloseTagContainer.Close />,\n    };\n  };\n\n  static enhance = [resolveColorEnhance(), keyboardFocusEnhance()];\n\n  handleKeyDown = (event) => {\n    const { onKeyDown, onClick } = this.asProps;\n\n    if (onKeyDown) {\n      return onKeyDown(event);\n    }\n\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  render() {\n    const STagContainerClose = Root;\n    const { Children, styles, color, resolveColor } = this.asProps;\n\n    return sstyled(styles)(\n      <STagContainerClose\n        render={Box}\n        tag={'button'}\n        interactive={true}\n        interactiveView={true}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n      >\n        <Children />\n      </STagContainerClose>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n\n    log.warn(\n      true,\n      'Tag.Close is deprecated and will be removed in the next major release. Please, use TagContainer and TagContainer.Close',\n      'Tag.Close',\n    );\n\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nconst CloseTagContainer = createComponent(RootCloseTagContainer, {\n  Close: CloseM,\n});\n\nexport const TagContainer = createComponent(RootTagContainer, {\n  Tag,\n  Close: CloseTagContainer,\n});\n\nexport default Tag;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TagSize = 'xl' | 'l' | 'm';\n/** @deprecated */\nexport type TagThemeOld =\n  | 'muted'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'invert'\n  | 'additional';\nexport type TagTheme = 'primary' | 'secondary' | TagThemeOld;\nexport type TagUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface ITagProps extends TagProps, UnknownProperties {}\nexport type TagProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Value responsible for tag availability\n     */\n    disabled?: boolean;\n    /** Value responsible for tag activity\n     */\n    active?: boolean;\n    /** Interactive tag\n     */\n    interactive?: boolean;\n    /** Tag type\n     * @default secondary\n     * @deprecated v4.0.0\n     * @use ITagProps.theme\n     */\n    use?: TagUse;\n    /** Tag theme, there are several default themes or you can use your color\n     * @default primary\n     */\n    theme?: TagTheme;\n    /** Tag color text */\n    color?: string;\n    /** Tag size\n     * @default m\n     */\n    size?: TagSize;\n    /** Left addon tag */\n    addonLeft?: React.ElementType;\n    /** Right addon tag */\n    addonRight?: React.ElementType;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface ITagCloseProps extends TagCloseProps, UnknownProperties {}\nexport type TagCloseProps = IconProps & {\n  /** Tag type\n   * @default secondary\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n};\n\n/** @deprecated */\nexport interface ITagContext extends TagContext, UnknownProperties {}\nexport type TagContext = TagProps & {\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITagAddonProps extends TagAddonProps, UnknownProperties {}\nexport type TagAddonProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITagTextProps extends TagTextProps, UnknownProperties {}\nexport type TagTextProps = BoxProps & KeyboardFocusProps & {};\n\ndeclare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {\n  Text: Intergalactic.Component<'div', TagTextProps>;\n  Addon: Intergalactic.Component<'div', TagAddonProps>;\n  Close: Intergalactic.Component<'div', TagCloseProps>;\n  Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\nexport default Tag;\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};\n\nexport default Tag;\nexport { TagContainer };\n"],"mappings":""}

package/tag/lib/cjs/index.js

@@ -1,14 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "TagContainer", {
+  enumerable: true,
+  get: function get() {
+    return _Tag.TagContainer;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Tag["default"];
   }
 });
-var _Tag = _interopRequireDefault(require("./Tag"));
+var _Tag = _interopRequireWildcard(require("./Tag"));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Tag","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tag';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_Tag","_interopRequireWildcard","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default, TagContainer } from './Tag';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,uBAAA,CAAAC,OAAA"}