intergalactic 15.60.1-prerelease-e7be36ff → 15.61.0-prerelease-5e9c09fb

package/link/lib/es6/Link.js

@@ -19,18 +19,18 @@ import logger from 'intergalactic/utils/lib/logger';
 import hasLabels from 'intergalactic/utils/lib/hasLabels';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_xx3kl_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_xx3kl_gg_:active,.___SLink_xx3kl_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_xx3kl_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_xx3kl_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_xx3kl_gg_.__active_xx3kl_gg_,.___SLink_xx3kl_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_xx3kl_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_xx3kl_gg_.__active_xx3kl_gg_ .___SText_xx3kl_gg_,.___SLink_xx3kl_gg_:active .___SText_xx3kl_gg_{border-color:currentColor}@media (hover:hover){.___SLink_xx3kl_gg_:hover .___SText_xx3kl_gg_{border-color:currentColor}}.___SLink_xx3kl_gg_.__enableVisited_xx3kl_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_xx3kl_gg_.__enableVisited_xx3kl_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_xx3kl_gg_.__keyboardFocused_xx3kl_gg_::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SLink_xx3kl_gg_.__disabled_xx3kl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_xx3kl_gg_.__noWrapText_xx3kl_gg_{white-space:nowrap}.___SLink_xx3kl_gg_.__inline_xx3kl_gg_{display:inline}.___SAddon_xx3kl_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_xx3kl_gg_ .___SAddon_xx3kl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_xx3kl_gg_ .___SAddon_xx3kl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_xx3kl_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_xx3kl_gg_.__text-color_xx3kl_gg_{color:var(--text-color_xx3kl)}.___SLink_xx3kl_gg_.__text-color_xx3kl_gg_.__active_xx3kl_gg_,.___SLink_xx3kl_gg_.__text-color_xx3kl_gg_:active{color:var(--text-color_xx3kl);filter:brightness(.8)}@media (hover:hover){.___SLink_xx3kl_gg_.__text-color_xx3kl_gg_:hover{color:var(--text-color_xx3kl);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_xx3kl_gg_,.___SText_xx3kl_gg_{transition:none}}" /*__inner_css_end__*/, "xx3kl_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_xx3kl_gg_",
-  "_keyboardFocused": "__keyboardFocused_xx3kl_gg_",
-  "_disabled": "__disabled_xx3kl_gg_",
-  "_noWrapText": "__noWrapText_xx3kl_gg_",
-  "_inline": "__inline_xx3kl_gg_",
-  "__SAddon": "___SAddon_xx3kl_gg_",
-  "__SText": "___SText_xx3kl_gg_",
-  "_active": "__active_xx3kl_gg_",
-  "_enableVisited": "__enableVisited_xx3kl_gg_",
-  "_text-color": "__text-color_xx3kl_gg_",
-  "--text-color": "--text-color_xx3kl"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_otxxu_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_otxxu_gg_:active,.___SLink_otxxu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_otxxu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_otxxu_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_otxxu_gg_.__active_otxxu_gg_,.___SLink_otxxu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_otxxu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_otxxu_gg_.__active_otxxu_gg_ .___SText_otxxu_gg_,.___SLink_otxxu_gg_:active .___SText_otxxu_gg_{border-color:currentColor}@media (hover:hover){.___SLink_otxxu_gg_:hover .___SText_otxxu_gg_{border-color:currentColor}}.___SLink_otxxu_gg_.__enableVisited_otxxu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_otxxu_gg_.__enableVisited_otxxu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_otxxu_gg_.__keyboardFocused_otxxu_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_otxxu_gg_.__disabled_otxxu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_otxxu_gg_.__noWrapText_otxxu_gg_{white-space:nowrap}.___SLink_otxxu_gg_.__inline_otxxu_gg_{display:inline}.___SAddon_otxxu_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_otxxu_gg_ .___SAddon_otxxu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_otxxu_gg_ .___SAddon_otxxu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_otxxu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_otxxu_gg_.__text-color_otxxu_gg_{color:var(--text-color_otxxu)}.___SLink_otxxu_gg_.__text-color_otxxu_gg_.__active_otxxu_gg_,.___SLink_otxxu_gg_.__text-color_otxxu_gg_:active{color:var(--text-color_otxxu);filter:brightness(.8)}@media (hover:hover){.___SLink_otxxu_gg_.__text-color_otxxu_gg_:hover{color:var(--text-color_otxxu);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_otxxu_gg_,.___SText_otxxu_gg_{transition:none}}" /*__inner_css_end__*/, "otxxu_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_otxxu_gg_",
+  "_keyboardFocused": "__keyboardFocused_otxxu_gg_",
+  "_disabled": "__disabled_otxxu_gg_",
+  "_noWrapText": "__noWrapText_otxxu_gg_",
+  "_inline": "__inline_otxxu_gg_",
+  "__SAddon": "___SAddon_otxxu_gg_",
+  "__SText": "___SText_otxxu_gg_",
+  "_active": "__active_otxxu_gg_",
+  "_enableVisited": "__enableVisited_otxxu_gg_",
+  "_text-color": "__text-color_otxxu_gg_",
+  "--text-color": "--text-color_otxxu"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   _inherits(RootLink, _Component);

package/link/lib/es6/style/link.shadow.css

@@ -43,12 +43,10 @@ SLink {
   }
 }
 
-SLink[keyboardFocused]::after {
-  position: absolute;
-  display: block;
-  content: '';
-  inset: 0;
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+SLink[keyboardFocused] {
+  outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+  outline-style: solid;
+  outline-width: 3px;
 }
 
 SLink[disabled] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.60.1-prerelease-e7be36ff",
+  "version": "15.61.0-prerelease-5e9c09fb",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",
@@ -26,8 +26,8 @@
     "@babel/runtime": "^7.17.9",
     "text-mask-core": "5.1.2",
     "@popperjs/core": "2.11.5",
-    "unplugin": "1.2.0",
-    "@phytonmk/nano-css": "5.3.7"
+    "@phytonmk/nano-css": "5.3.7",
+    "unplugin": "1.2.0"
   },
   "peerDependencies": {
     "react": "16.8 - 18",

package/popper/lib/cjs/Popper.js

@@ -40,12 +40,12 @@ var _excluded = ["placement", "modifiers", "strategy", "onFirstUpdate"],
   _excluded2 = ["onKeyDown"],
   _excluded3 = ["onKeyDown"];
 /*__reshadow-styles__:"./style/popper.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1fbwy_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_1fbwy_gg_.__keyboardFocused_1fbwy_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SPopper_1fbwy_gg_.__keyboardFocused_1fbwy_gg_.__hideFocus_1fbwy_gg_:focus:after{box-shadow:none}.___SFocusHint_1fbwy_gg_{display:none}.___STrigger_1fbwy_gg_:focus .___SFocusHint_1fbwy_gg_,.___STrigger_1fbwy_gg_:focus-within .___SFocusHint_1fbwy_gg_{display:inline}" /*__inner_css_end__*/, "1fbwy_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_1fbwy_gg_",
-  "_keyboardFocused": "__keyboardFocused_1fbwy_gg_",
-  "_hideFocus": "__hideFocus_1fbwy_gg_",
-  "__SFocusHint": "___SFocusHint_1fbwy_gg_",
-  "__STrigger": "___STrigger_1fbwy_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_102vs_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_102vs_gg_.__keyboardFocused_102vs_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SPopper_102vs_gg_.__keyboardFocused_102vs_gg_.__hideFocus_102vs_gg_:focus:after{box-shadow:none}.___SFocusHint_102vs_gg_{display:none}.___STrigger_102vs_gg_:focus .___SFocusHint_102vs_gg_,.___STrigger_102vs_gg_:focus-within .___SFocusHint_102vs_gg_{display:inline}" /*__inner_css_end__*/, "102vs_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_102vs_gg_",
+  "_keyboardFocused": "__keyboardFocused_102vs_gg_",
+  "_hideFocus": "__hideFocus_102vs_gg_",
+  "__SFocusHint": "___SFocusHint_102vs_gg_",
+  "__STrigger": "___STrigger_102vs_gg_"
 });
 function isObject(obj) {
   return (0, _typeof2["default"])(obj) === 'object' && !Array.isArray(obj);

package/popper/lib/es6/Popper.js

@@ -35,12 +35,12 @@ import keyboardFocusEnhance, { useFocusSource } from 'intergalactic/utils/lib/en
 import { hasParent } from 'intergalactic/utils/lib/hasParent';
 import _createPopper from './createPopper';
 /*__reshadow-styles__:"./style/popper.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1fbwy_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_1fbwy_gg_.__keyboardFocused_1fbwy_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SPopper_1fbwy_gg_.__keyboardFocused_1fbwy_gg_.__hideFocus_1fbwy_gg_:focus:after{box-shadow:none}.___SFocusHint_1fbwy_gg_{display:none}.___STrigger_1fbwy_gg_:focus .___SFocusHint_1fbwy_gg_,.___STrigger_1fbwy_gg_:focus-within .___SFocusHint_1fbwy_gg_{display:inline}" /*__inner_css_end__*/, "1fbwy_gg_") /*__reshadow_css_end__*/, {
-  "__SPopper": "___SPopper_1fbwy_gg_",
-  "_keyboardFocused": "__keyboardFocused_1fbwy_gg_",
-  "_hideFocus": "__hideFocus_1fbwy_gg_",
-  "__SFocusHint": "___SFocusHint_1fbwy_gg_",
-  "__STrigger": "___STrigger_1fbwy_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_102vs_gg_{outline:0;z-index:var(--intergalactic-z-index-popper, 700);color:var(--intergalactic-text-primary, #191b23)}.___SPopper_102vs_gg_.__keyboardFocused_102vs_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SPopper_102vs_gg_.__keyboardFocused_102vs_gg_.__hideFocus_102vs_gg_:focus:after{box-shadow:none}.___SFocusHint_102vs_gg_{display:none}.___STrigger_102vs_gg_:focus .___SFocusHint_102vs_gg_,.___STrigger_102vs_gg_:focus-within .___SFocusHint_102vs_gg_{display:inline}" /*__inner_css_end__*/, "102vs_gg_") /*__reshadow_css_end__*/, {
+  "__SPopper": "___SPopper_102vs_gg_",
+  "_keyboardFocused": "__keyboardFocused_102vs_gg_",
+  "_hideFocus": "__hideFocus_102vs_gg_",
+  "__SFocusHint": "___SFocusHint_102vs_gg_",
+  "__STrigger": "___STrigger_102vs_gg_"
 });
 function isObject(obj) {
   return _typeof(obj) === 'object' && !Array.isArray(obj);

package/select/lib/cjs/InputSearch.js

@@ -22,12 +22,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_vce9p_gg_._size_m_vce9p_gg_{height:32px}.___SSearchClear_vce9p_gg_.__hide_vce9p_gg_{visibility:hidden}.___SOutline_vce9p_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "vce9p_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_vce9p_gg_",
-  "_size_m": "_size_m_vce9p_gg_",
-  "__SSearchClear": "___SSearchClear_vce9p_gg_",
-  "_hide": "__hide_vce9p_gg_",
-  "__SOutline": "___SOutline_vce9p_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1a87i_gg_._size_m_1a87i_gg_{height:32px}.___SSearchClear_1a87i_gg_.__hide_1a87i_gg_{visibility:hidden}.___SOutline_1a87i_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1a87i_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1a87i_gg_",
+  "_size_m": "_size_m_1a87i_gg_",
+  "__SSearchClear": "___SSearchClear_1a87i_gg_",
+  "_hide": "__hide_1a87i_gg_",
+  "__SOutline": "___SOutline_1a87i_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);

package/select/lib/cjs/Select.js

@@ -36,15 +36,15 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_2li1l_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_2li1l_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_2li1l_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_2li1l_gg_._size_l_2li1l_gg_{width:20px;height:20px}.___SOptionCheckbox_2li1l_gg_._size_l_2li1l_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_2li1l_gg_.__checked_2li1l_gg_:before,.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_2li1l_gg_.__theme_2li1l_gg_:before{border-color:var(--theme_2li1l)}.___SOptionCheckbox_2li1l_gg_.__theme_2li1l_gg_.__checked_2li1l_gg_:before{background-color:var(--theme_2li1l);border-color:var(--theme_2li1l)}.___SOptionCheckbox_2li1l_gg_.__selected_2li1l_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_2li1l_gg_.__selected_2li1l_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_._size_l_2li1l_gg_:after{width:12px;height:2px}.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_._size_m_2li1l_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "2li1l_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_2li1l_gg_",
-  "_checked": "__checked_2li1l_gg_",
-  "_indeterminate": "__indeterminate_2li1l_gg_",
-  "_theme": "__theme_2li1l_gg_",
-  "--theme": "--theme_2li1l",
-  "_size_l": "_size_l_2li1l_gg_",
-  "_size_m": "_size_m_2li1l_gg_",
-  "_selected": "__selected_2li1l_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_83krg_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_83krg_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_83krg_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_83krg_gg_._size_l_83krg_gg_{width:20px;height:20px}.___SOptionCheckbox_83krg_gg_._size_l_83krg_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_83krg_gg_.__checked_83krg_gg_:before,.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_83krg_gg_.__theme_83krg_gg_:before{border-color:var(--theme_83krg)}.___SOptionCheckbox_83krg_gg_.__theme_83krg_gg_.__checked_83krg_gg_:before{background-color:var(--theme_83krg);border-color:var(--theme_83krg)}.___SOptionCheckbox_83krg_gg_.__selected_83krg_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_83krg_gg_.__selected_83krg_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_._size_l_83krg_gg_:after{width:12px;height:2px}.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_._size_m_83krg_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "83krg_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_83krg_gg_",
+  "_checked": "__checked_83krg_gg_",
+  "_indeterminate": "__indeterminate_83krg_gg_",
+  "_theme": "__theme_83krg_gg_",
+  "--theme": "--theme_83krg",
+  "_size_l": "_size_l_83krg_gg_",
+  "_size_m": "_size_m_83krg_gg_",
+  "_selected": "__selected_83krg_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/select/lib/es6/InputSearch.js

@@ -19,12 +19,12 @@ import { selectContext } from './context';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_vce9p_gg_._size_m_vce9p_gg_{height:32px}.___SSearchClear_vce9p_gg_.__hide_vce9p_gg_{visibility:hidden}.___SOutline_vce9p_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "vce9p_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_vce9p_gg_",
-  "_size_m": "_size_m_vce9p_gg_",
-  "__SSearchClear": "___SSearchClear_vce9p_gg_",
-  "_hide": "__hide_vce9p_gg_",
-  "__SOutline": "___SOutline_vce9p_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1a87i_gg_._size_m_1a87i_gg_{height:32px}.___SSearchClear_1a87i_gg_.__hide_1a87i_gg_{visibility:hidden}.___SOutline_1a87i_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0}" /*__inner_css_end__*/, "1a87i_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_1a87i_gg_",
+  "_size_m": "_size_m_1a87i_gg_",
+  "__SSearchClear": "___SSearchClear_1a87i_gg_",
+  "_hide": "__hide_1a87i_gg_",
+  "__SOutline": "___SOutline_1a87i_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   _inherits(InputSearchRoot, _Component);

package/select/lib/es6/Select.js

@@ -33,15 +33,15 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_2li1l_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_2li1l_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_2li1l_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_2li1l_gg_._size_l_2li1l_gg_{width:20px;height:20px}.___SOptionCheckbox_2li1l_gg_._size_l_2li1l_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_2li1l_gg_.__checked_2li1l_gg_:before,.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_2li1l_gg_.__theme_2li1l_gg_:before{border-color:var(--theme_2li1l)}.___SOptionCheckbox_2li1l_gg_.__theme_2li1l_gg_.__checked_2li1l_gg_:before{background-color:var(--theme_2li1l);border-color:var(--theme_2li1l)}.___SOptionCheckbox_2li1l_gg_.__selected_2li1l_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_2li1l_gg_.__selected_2li1l_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_._size_l_2li1l_gg_:after{width:12px;height:2px}.___SOptionCheckbox_2li1l_gg_.__indeterminate_2li1l_gg_._size_m_2li1l_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "2li1l_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_2li1l_gg_",
-  "_checked": "__checked_2li1l_gg_",
-  "_indeterminate": "__indeterminate_2li1l_gg_",
-  "_theme": "__theme_2li1l_gg_",
-  "--theme": "--theme_2li1l",
-  "_size_l": "_size_l_2li1l_gg_",
-  "_size_m": "_size_m_2li1l_gg_",
-  "_selected": "__selected_2li1l_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_83krg_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_83krg_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_83krg_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_83krg_gg_._size_l_83krg_gg_{width:20px;height:20px}.___SOptionCheckbox_83krg_gg_._size_l_83krg_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_83krg_gg_.__checked_83krg_gg_:before,.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_83krg_gg_.__theme_83krg_gg_:before{border-color:var(--theme_83krg)}.___SOptionCheckbox_83krg_gg_.__theme_83krg_gg_.__checked_83krg_gg_:before{background-color:var(--theme_83krg);border-color:var(--theme_83krg)}.___SOptionCheckbox_83krg_gg_.__selected_83krg_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_83krg_gg_.__selected_83krg_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_._size_l_83krg_gg_:after{width:12px;height:2px}.___SOptionCheckbox_83krg_gg_.__indeterminate_83krg_gg_._size_m_83krg_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "83krg_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_83krg_gg_",
+  "_checked": "__checked_83krg_gg_",
+  "_indeterminate": "__indeterminate_83krg_gg_",
+  "_theme": "__theme_83krg_gg_",
+  "--theme": "--theme_83krg",
+  "_size_l": "_size_l_83krg_gg_",
+  "_size_m": "_size_m_83krg_gg_",
+  "_selected": "__selected_83krg_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;

package/tag/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { BoxProps } from 'intergalactic/flex-box';
 import { IconProps } from 'intergalactic/icon';
+import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 
 export type TagSize = 'xl' | 'l' | 'm';
 /** @deprecated */
@@ -18,38 +19,39 @@ export type TagUse = 'primary' | 'secondary';
 
 /** @deprecated */
 export interface ITagProps extends TagProps, UnknownProperties {}
-export type TagProps = BoxProps & {
-  /** Value responsible for tag availability
-   */
-  disabled?: boolean;
-  /** Value responsible for tag activity
-   */
-  active?: boolean;
-  /** Interactive tag
-   */
-  interactive?: boolean;
-  /** Tag type
-   * @default secondary
-   * @deprecated v4.0.0
-   * @use ITagProps.theme
-   */
-  use?: TagUse;
-  /** Tag theme, there are several default themes or you can use your color
-   * @default primary
-   */
-  theme?: TagTheme;
-  /** Tag color text */
-  color?: string;
-  /** Tag size
-   * @default m
-   */
-  size?: TagSize;
-  /** Left addon tag */
-  addonLeft?: React.ElementType;
-  /** Right addon tag */
-  addonRight?: React.ElementType;
-  locale?: string;
-};
+export type TagProps = BoxProps &
+  KeyboardFocusProps & {
+    /** Value responsible for tag availability
+     */
+    disabled?: boolean;
+    /** Value responsible for tag activity
+     */
+    active?: boolean;
+    /** Interactive tag
+     */
+    interactive?: boolean;
+    /** Tag type
+     * @default secondary
+     * @deprecated v4.0.0
+     * @use ITagProps.theme
+     */
+    use?: TagUse;
+    /** Tag theme, there are several default themes or you can use your color
+     * @default primary
+     */
+    theme?: TagTheme;
+    /** Tag color text */
+    color?: string;
+    /** Tag size
+     * @default m
+     */
+    size?: TagSize;
+    /** Left addon tag */
+    addonLeft?: React.ElementType;
+    /** Right addon tag */
+    addonRight?: React.ElementType;
+    locale?: string;
+  };
 
 /** @deprecated */
 export interface ITagCloseProps extends TagCloseProps, UnknownProperties {}
@@ -76,7 +78,7 @@ export type TagAddonProps = BoxProps & {};
 
 /** @deprecated */
 export interface ITagTextProps extends TagTextProps, UnknownProperties {}
-export type TagTextProps = BoxProps & {};
+export type TagTextProps = BoxProps & KeyboardFocusProps & {};
 
 declare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {
   Text: Intergalactic.Component<'div', TagTextProps>;

package/tag/lib/cjs/Tag.js

@@ -23,27 +23,29 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 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__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_m3zdm_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_m3zdm)}.___STag_m3zdm_gg_:has(.___SText_m3zdm_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_m3zdm_gg_::after,.___STag_m3zdm_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_m3zdm_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_m3zdm);opacity:.2}.___STag_m3zdm_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_m3zdm);opacity:.1}.___STag_m3zdm_gg_.__disabled_m3zdm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_m3zdm_gg_.__interactive_m3zdm_gg_{cursor:pointer}.___STag_m3zdm_gg_._size_m_m3zdm_gg_{height:20px;min-width:20px}.___STag_m3zdm_gg_._size_m_m3zdm_gg_ .___SCircle_m3zdm_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_m3zdm_gg_._size_m_m3zdm_gg_ .___SCircle_m3zdm_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_m3zdm_gg_._size_m_m3zdm_gg_ .___SText_m3zdm_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_m3zdm_gg_._size_l_m3zdm_gg_{height:28px;min-width:28px}.___STag_m3zdm_gg_._size_l_m3zdm_gg_ .___SText_m3zdm_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_m3zdm_gg_._size_xl_m3zdm_gg_{height:40px;min-width:40px}.___STag_m3zdm_gg_._size_xl_m3zdm_gg_ .___SText_m3zdm_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_m3zdm_gg_._theme_primary_m3zdm_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_m3zdm_gg_._theme_primary_m3zdm_gg_:after{display:none}.___STag_m3zdm_gg_._theme_primary_m3zdm_gg_.__active_m3zdm_gg_:before,.___STag_m3zdm_gg_._theme_primary_m3zdm_gg_.__interactive_m3zdm_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_m3zdm_gg_._theme_primary_m3zdm_gg_.__interactive_m3zdm_gg_:hover:before{opacity:.3}}.___STag_m3zdm_gg_._theme_additional_m3zdm_gg_::before,.___STag_m3zdm_gg_._theme_secondary_m3zdm_gg_::before{opacity:.01}.___STag_m3zdm_gg_._theme_additional_m3zdm_gg_.__active_m3zdm_gg_:before,.___STag_m3zdm_gg_._theme_additional_m3zdm_gg_.__interactive_m3zdm_gg_:active:before,.___STag_m3zdm_gg_._theme_secondary_m3zdm_gg_.__active_m3zdm_gg_:before,.___STag_m3zdm_gg_._theme_secondary_m3zdm_gg_.__interactive_m3zdm_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_m3zdm_gg_._theme_additional_m3zdm_gg_.__interactive_m3zdm_gg_:hover:before,.___STag_m3zdm_gg_._theme_secondary_m3zdm_gg_.__interactive_m3zdm_gg_:hover:before{opacity:.1}}.___STag_m3zdm_gg_._theme_additional-invert_m3zdm_gg_::after,.___STag_m3zdm_gg_._theme_additional_m3zdm_gg_::after,.___STag_m3zdm_gg_._theme_secondary-invert_m3zdm_gg_::after,.___STag_m3zdm_gg_._theme_secondary_m3zdm_gg_::after{opacity:.5}.___STag_m3zdm_gg_._theme_primary-invert_m3zdm_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_m3zdm_gg_._theme_additional-invert_m3zdm_gg_,.___STag_m3zdm_gg_._theme_primary-invert_m3zdm_gg_,.___STag_m3zdm_gg_._theme_secondary-invert_m3zdm_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_m3zdm_gg_._theme_additional_m3zdm_gg_::after{border-style:dashed}.___SText_m3zdm_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_m3zdm_gg_:not(:only-child):first-child{padding-right:0}.___SText_m3zdm_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_m3zdm_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_m3zdm_gg_,.___SCircle_m3zdm_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_m3zdm_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_m3zdm_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_m3zdm_gg_:first-child{margin-left:0}.___SCircle_m3zdm_gg_:last-child{margin-right:0}.___SCircle_m3zdm_gg_._size_m_m3zdm_gg_{width:16px;height:16px}.___SCircle_m3zdm_gg_._size_l_m3zdm_gg_,.___SCircle_m3zdm_gg_._size_xl_m3zdm_gg_{width:20px;height:20px}.___SClose_m3zdm_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_m3zdm_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "m3zdm_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_m3zdm_gg_",
-  "_disabled": "__disabled_m3zdm_gg_",
-  "_interactive": "__interactive_m3zdm_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_m3zdm_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_m3zdm_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_m3zdm_gg_",
-  "__SText": "___SText_m3zdm_gg_",
-  "__SAddon": "___SAddon_m3zdm_gg_",
-  "__SCircle": "___SCircle_m3zdm_gg_",
-  "_size_m": "_size_m_m3zdm_gg_",
-  "_size_l": "_size_l_m3zdm_gg_",
-  "_size_xl": "_size_xl_m3zdm_gg_",
-  "--tag-color": "--tag-color_m3zdm",
-  "_theme_primary": "_theme_primary_m3zdm_gg_",
-  "_active": "__active_m3zdm_gg_",
-  "_theme_secondary": "_theme_secondary_m3zdm_gg_",
-  "_theme_additional": "_theme_additional_m3zdm_gg_",
-  "__SClose": "___SClose_m3zdm_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1egau_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_1egau)}.___STag_1egau_gg_:has(.___SText_1egau_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1egau_gg_::after,.___STag_1egau_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1egau_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1egau);opacity:.2}.___STag_1egau_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1egau);opacity:.1}.___STag_1egau_gg_:active,.___STag_1egau_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_1egau_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_1egau_gg_.__keyboardFocused_1egau_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_1egau_gg_.__keyboardFocused_1egau_gg_:has(:focus){box-shadow:none}.___STag_1egau_gg_.__disabled_1egau_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1egau_gg_.__interactive_1egau_gg_{cursor:pointer}.___STag_1egau_gg_._size_m_1egau_gg_{height:20px;min-width:20px}.___STag_1egau_gg_._size_m_1egau_gg_ .___SCircle_1egau_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1egau_gg_._size_m_1egau_gg_ .___SCircle_1egau_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1egau_gg_._size_m_1egau_gg_ .___SText_1egau_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1egau_gg_._size_l_1egau_gg_{height:28px;min-width:28px}.___STag_1egau_gg_._size_l_1egau_gg_ .___SText_1egau_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1egau_gg_._size_xl_1egau_gg_{height:40px;min-width:40px}.___STag_1egau_gg_._size_xl_1egau_gg_ .___SText_1egau_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1egau_gg_._theme_primary_1egau_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1egau_gg_._theme_primary_1egau_gg_:after{display:none}.___STag_1egau_gg_._theme_primary_1egau_gg_.__active_1egau_gg_:before,.___STag_1egau_gg_._theme_primary_1egau_gg_.__interactive_1egau_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1egau_gg_._theme_primary_1egau_gg_.__interactive_1egau_gg_:hover:before{opacity:.3}}.___STag_1egau_gg_._theme_additional_1egau_gg_::before,.___STag_1egau_gg_._theme_secondary_1egau_gg_::before{opacity:.01}.___STag_1egau_gg_._theme_additional_1egau_gg_.__active_1egau_gg_:before,.___STag_1egau_gg_._theme_additional_1egau_gg_.__interactive_1egau_gg_:active:before,.___STag_1egau_gg_._theme_secondary_1egau_gg_.__active_1egau_gg_:before,.___STag_1egau_gg_._theme_secondary_1egau_gg_.__interactive_1egau_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1egau_gg_._theme_additional_1egau_gg_.__interactive_1egau_gg_:hover:before,.___STag_1egau_gg_._theme_secondary_1egau_gg_.__interactive_1egau_gg_:hover:before{opacity:.1}}.___SClose_1egau_gg_ path,.___STag_1egau_gg_._theme_additional-invert_1egau_gg_::after,.___STag_1egau_gg_._theme_additional_1egau_gg_::after,.___STag_1egau_gg_._theme_secondary-invert_1egau_gg_::after,.___STag_1egau_gg_._theme_secondary_1egau_gg_::after{opacity:.5}.___STag_1egau_gg_._theme_primary-invert_1egau_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1egau_gg_._theme_additional-invert_1egau_gg_,.___STag_1egau_gg_._theme_primary-invert_1egau_gg_,.___STag_1egau_gg_._theme_secondary-invert_1egau_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1egau_gg_._theme_additional_1egau_gg_::after{border-style:dashed}.___SText_1egau_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_1egau_gg_.__keyboardFocused_1egau_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1egau_gg_:not(:only-child):first-child{padding-right:0}.___SText_1egau_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1egau_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1egau_gg_,.___SCircle_1egau_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1egau_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1egau_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1egau_gg_:first-child{margin-left:0}.___SCircle_1egau_gg_:last-child{margin-right:0}.___SCircle_1egau_gg_._size_m_1egau_gg_{width:16px;height:16px}.___SCircle_1egau_gg_._size_l_1egau_gg_,.___SCircle_1egau_gg_._size_xl_1egau_gg_{width:20px;height:20px}.___SClose_1egau_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_1egau_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "1egau_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_1egau_gg_",
+  "_keyboardFocused": "__keyboardFocused_1egau_gg_",
+  "_disabled": "__disabled_1egau_gg_",
+  "_interactive": "__interactive_1egau_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1egau_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1egau_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1egau_gg_",
+  "__SText": "___SText_1egau_gg_",
+  "__SAddon": "___SAddon_1egau_gg_",
+  "__SCircle": "___SCircle_1egau_gg_",
+  "_size_m": "_size_m_1egau_gg_",
+  "_size_l": "_size_l_1egau_gg_",
+  "_size_xl": "_size_xl_1egau_gg_",
+  "--tag-color": "--tag-color_1egau",
+  "_theme_primary": "_theme_primary_1egau_gg_",
+  "_active": "__active_1egau_gg_",
+  "_theme_secondary": "_theme_secondary_1egau_gg_",
+  "_theme_additional": "_theme_additional_1egau_gg_",
+  "__SClose": "___SClose_1egau_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {
@@ -65,13 +67,27 @@ var RootTag = /*#__PURE__*/function (_Component) {
     var _this;
     (0, _classCallCheck2["default"])(this, RootTag);
     _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
-      var _this$asProps$onClick, _this$asProps;
-      switch (e.key) {
-        case ' ':
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      focusable: 'container'
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleCloseMount", function () {
+      _this.setState({
+        focusable: 'text'
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleCloseUnmount", function () {
+      _this.setState({
+        focusable: 'container'
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
+      switch (event.code) {
+        case 'Space':
         case 'Enter':
-          e.preventDefault();
-          (_this$asProps$onClick = (_this$asProps = _this.asProps).onClick) === null || _this$asProps$onClick === void 0 ? void 0 : _this$asProps$onClick.call(_this$asProps, e);
+          if (_this.asProps.onClick) {
+            event.preventDefault();
+            _this.asProps.onClick(event);
+          }
           break;
       }
     });
@@ -86,17 +102,30 @@ var RootTag = /*#__PURE__*/function (_Component) {
         size: size
       };
     }
+  }, {
+    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")
+      };
+    }
   }, {
     key: "getCloseProps",
     value: function getCloseProps() {
-      var _this$asProps2 = this.asProps,
-        getI18nText = _this$asProps2.getI18nText,
-        id = _this$asProps2.id,
-        uid = _this$asProps2.uid;
+      var getI18nText = this.asProps.getI18nText;
+      var id = this.asProps.id || "igc-".concat(this.asProps.uid, "-tag");
       return {
         getI18nText: getI18nText,
-        tagId: id || "igc-".concat(uid, "-tag"),
-        uid: uid
+        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
       };
     }
   }, {
@@ -105,26 +134,27 @@ var RootTag = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref6;
       var STag = _flexBox.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,
-        onClick = _this$asProps3.onClick,
-        outerId = _this$asProps3.id,
-        uid = _this$asProps3.uid,
-        onKeyDown = _this$asProps3.onKeyDown;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        color = _this$asProps.color,
+        interactive = _this$asProps.interactive,
+        disabled = _this$asProps.disabled,
+        addonLeft = _this$asProps.addonLeft,
+        addonRight = _this$asProps.addonRight,
+        resolveColor = _this$asProps.resolveColor,
+        outerId = _this$asProps.id,
+        uid = _this$asProps.uid,
+        onKeyDown = _this$asProps.onKeyDown;
+      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)({
         "id": id,
         "use:interactive": !disabled && interactive,
-        "tabIndex": interactive && onClick ? 0 : undefined,
+        "role": interactive ? 'button' : undefined,
         "tag-color": resolveColor(color),
-        "onKeyDown": (0, _assignProps6.callAllEventHandlers)(onKeyDown, this.handleKeyDown)
+        "onKeyDown": (0, _assignProps6.callAllEventHandlers)(onKeyDown, this.handleKeyDown),
+        "use:tabIndex": interactive && focusable === 'container' ? 0 : -1
       }, _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, {
@@ -136,7 +166,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 (0, _defineProperty2["default"])(RootTag, "displayName", 'Tag');
 (0, _defineProperty2["default"])(RootTag, "style", style);
-(0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])(), (0, _keyboardFocusEnhance["default"])()]);
 (0, _defineProperty2["default"])(RootTag, "defaultProps", {
   theme: 'primary',
   color: 'gray-500',
@@ -153,15 +183,21 @@ function Text(props) {
     "tag": 'span'
   }, _ref2))));
 }
+Text.enhance = [(0, _keyboardFocusEnhance["default"])()];
 function Close(props) {
   var _ref3 = arguments[0],
     _ref8;
   var SClose = _flexBox.Box;
-  var styles = props.styles,
-    getI18nText = props.getI18nText,
-    tagId = props.tagId,
-    uid = props.uid;
-  function onKeyDown(event) {
+  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);
+    return function () {
+      var _props$onUnmount;
+      return (_props$onUnmount = props.onUnmount) === null || _props$onUnmount === void 0 ? void 0 : _props$onUnmount.call(props);
+    };
+  }, []);
+  var onKeyDown = _react["default"].useCallback(function (event) {
     if (props.onKeyDown) {
       return props.onKeyDown(event);
     }
@@ -169,13 +205,10 @@ function Close(props) {
       event.preventDefault();
       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)({
     "tag": _m["default"],
     "interactive": true,
-    "id": "igc-".concat(uid, "-tag-clear"),
-    "aria-labelledby": "igc-".concat(uid, "-tag-clear ").concat(tagId),
-    "aria-label": getI18nText('remove'),
     "onKeyDown": onKeyDown
   }, _ref3))));
 }