intergalactic 15.102.1 → 15.103.0-prerelease.0

package/tab-line/lib/es6/TabLine.js

@@ -18,19 +18,19 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
 import NeighborLocation from 'intergalactic/neighbor-location';
 /*__reshadow-styles__:"./style/tab-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabLine_o3gf7_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_o3gf7_gg_.__underlined_o3gf7_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_o3gf7_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_o3gf7_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_o3gf7_gg_:active,.___STabLineItem_o3gf7_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_o3gf7_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_o3gf7_gg_::after,.___STabLineItem_o3gf7_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_o3gf7_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_o3gf7_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_o3gf7_gg_.__selected_o3gf7_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_o3gf7_gg_ .___SAddon_o3gf7_gg_:not(:last-child),.___STabLineItem_o3gf7_gg_ .___SText_o3gf7_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_o3gf7_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_o3gf7_gg_.__selected_o3gf7_gg_{flex-shrink:0}.___STabLineItem_o3gf7_gg_.__disabled_o3gf7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_o3gf7_gg_.__keyboardFocused_o3gf7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_o3gf7_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_o3gf7_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_o3gf7_gg_._size_m_o3gf7_gg_{height:28px;min-width:18px}.___STabLineItem_o3gf7_gg_._size_m_o3gf7_gg_ .___SText_o3gf7_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_o3gf7_gg_._size_l_o3gf7_gg_{height:40px;min-width:26px}.___STabLineItem_o3gf7_gg_._size_l_o3gf7_gg_ .___SText_o3gf7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_o3gf7_gg_._neighborLocation_left_o3gf7_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_o3gf7_gg_.__selected_o3gf7_gg_::after,.___STabLineItem_o3gf7_gg_::after,.___STabLineItem_o3gf7_gg_::before{transition:none}.___SCaret_o3gf7_gg_{display:none}}" /*__inner_css_end__*/, "o3gf7_gg_") /*__reshadow_css_end__*/, {
-  "__STabLine": "___STabLine_o3gf7_gg_",
-  "_underlined": "__underlined_o3gf7_gg_",
-  "__SCaret": "___SCaret_o3gf7_gg_",
-  "__STabLineItem": "___STabLineItem_o3gf7_gg_",
-  "_selected": "__selected_o3gf7_gg_",
-  "_disabled": "__disabled_o3gf7_gg_",
-  "_keyboardFocused": "__keyboardFocused_o3gf7_gg_",
-  "__SText": "___SText_o3gf7_gg_",
-  "__SAddon": "___SAddon_o3gf7_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_o3gf7_gg_",
-  "_size_m": "_size_m_o3gf7_gg_",
-  "_size_l": "_size_l_o3gf7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabLine_1tuzi_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1tuzi_gg_.__underlined_1tuzi_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1tuzi_gg_{display:inline-flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1tuzi_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1tuzi_gg_:active,.___STabLineItem_1tuzi_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1tuzi_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1tuzi_gg_::after,.___STabLineItem_1tuzi_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1tuzi_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1tuzi_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1tuzi_gg_.__selected_1tuzi_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1tuzi_gg_ .___SAddon_1tuzi_gg_:not(:last-child),.___STabLineItem_1tuzi_gg_ .___SText_1tuzi_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1tuzi_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1tuzi_gg_.__selected_1tuzi_gg_{flex-shrink:0}.___STabLineItem_1tuzi_gg_.__disabled_1tuzi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1tuzi_gg_.__keyboardFocused_1tuzi_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1tuzi_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1tuzi_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1tuzi_gg_._size_m_1tuzi_gg_{height:28px;min-width:18px}.___STabLineItem_1tuzi_gg_._size_m_1tuzi_gg_ .___SText_1tuzi_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1tuzi_gg_._size_l_1tuzi_gg_{height:40px;min-width:26px}.___STabLineItem_1tuzi_gg_._size_l_1tuzi_gg_ .___SText_1tuzi_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1tuzi_gg_._neighborLocation_left_1tuzi_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1tuzi_gg_.__selected_1tuzi_gg_::after,.___STabLineItem_1tuzi_gg_::after,.___STabLineItem_1tuzi_gg_::before{transition:none}.___SCaret_1tuzi_gg_{display:none}}" /*__inner_css_end__*/, "1tuzi_gg_") /*__reshadow_css_end__*/, {
+  "__STabLine": "___STabLine_1tuzi_gg_",
+  "_underlined": "__underlined_1tuzi_gg_",
+  "__SCaret": "___SCaret_1tuzi_gg_",
+  "__STabLineItem": "___STabLineItem_1tuzi_gg_",
+  "_selected": "__selected_1tuzi_gg_",
+  "_disabled": "__disabled_1tuzi_gg_",
+  "_keyboardFocused": "__keyboardFocused_1tuzi_gg_",
+  "__SText": "___SText_1tuzi_gg_",
+  "__SAddon": "___SAddon_1tuzi_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1tuzi_gg_",
+  "_size_m": "_size_m_1tuzi_gg_",
+  "_size_l": "_size_l_1tuzi_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tab-line/package.json

@@ -1 +1 @@
-{"name":"intergalactic/tab-line","description":"Semrush TabLine Component","version":"4.30.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.31.1","@semcore/neighbor-location":"4.29.1","@semcore/utils":"4.32.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-line"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/tab-line","description":"Semrush TabLine Component","version":"4.30.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.31.2-prerelease.0","@semcore/neighbor-location":"4.29.2-prerelease.0","@semcore/utils":"4.32.2-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-line"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/tab-panel/lib/cjs/TabPanel.js

@@ -21,14 +21,14 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabPanel_1tjt1_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1tjt1_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1tjt1_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1tjt1_gg_ .___SText_1tjt1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1tjt1_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1tjt1_gg_:active,.___STabPanelItem_1tjt1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1tjt1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1tjt1_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1tjt1_gg_.__disabled_1tjt1_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1tjt1_gg_.__disabled_1tjt1_gg_ .___SAddon_1tjt1_gg_,.___STabPanelItem_1tjt1_gg_.__disabled_1tjt1_gg_ .___SText_1tjt1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1tjt1_gg_.__keyboardFocused_1tjt1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1tjt1_gg_.__selected_1tjt1_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1tjt1_gg_.__selected_1tjt1_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1tjt1_gg_.__selected_1tjt1_gg_::after{border-bottom:none}.___SText_1tjt1_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1tjt1_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1tjt1_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1tjt1_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1tjt1_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1tjt1_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_1tjt1_gg_",
-  "_keyboardFocused": "__keyboardFocused_1tjt1_gg_",
-  "__SText": "___SText_1tjt1_gg_",
-  "__SAddon": "___SAddon_1tjt1_gg_",
-  "__STabPanel": "___STabPanel_1tjt1_gg_",
-  "_disabled": "__disabled_1tjt1_gg_",
-  "_selected": "__selected_1tjt1_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabPanel_15cdz_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_15cdz_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_15cdz_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_15cdz_gg_ .___SText_15cdz_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_15cdz_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_15cdz_gg_:active,.___STabPanelItem_15cdz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_15cdz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_15cdz_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_15cdz_gg_.__disabled_15cdz_gg_{cursor:default;pointer-events:none}.___STabPanelItem_15cdz_gg_.__disabled_15cdz_gg_ .___SAddon_15cdz_gg_,.___STabPanelItem_15cdz_gg_.__disabled_15cdz_gg_ .___SText_15cdz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_15cdz_gg_.__keyboardFocused_15cdz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_15cdz_gg_.__selected_15cdz_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_15cdz_gg_.__selected_15cdz_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_15cdz_gg_.__selected_15cdz_gg_::after{border-bottom:none}.___SText_15cdz_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_15cdz_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_15cdz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15cdz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15cdz_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "15cdz_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_15cdz_gg_",
+  "_keyboardFocused": "__keyboardFocused_15cdz_gg_",
+  "__SText": "___SText_15cdz_gg_",
+  "__SAddon": "___SAddon_15cdz_gg_",
+  "__STabPanel": "___STabPanel_15cdz_gg_",
+  "_disabled": "__disabled_15cdz_gg_",
+  "_selected": "__selected_15cdz_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tab-panel/lib/es6/TabPanel.js

@@ -17,14 +17,14 @@ import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_1tjt1_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1tjt1_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1tjt1_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1tjt1_gg_ .___SText_1tjt1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1tjt1_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1tjt1_gg_:active,.___STabPanelItem_1tjt1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1tjt1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1tjt1_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1tjt1_gg_.__disabled_1tjt1_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1tjt1_gg_.__disabled_1tjt1_gg_ .___SAddon_1tjt1_gg_,.___STabPanelItem_1tjt1_gg_.__disabled_1tjt1_gg_ .___SText_1tjt1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1tjt1_gg_.__keyboardFocused_1tjt1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1tjt1_gg_.__selected_1tjt1_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1tjt1_gg_.__selected_1tjt1_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1tjt1_gg_.__selected_1tjt1_gg_::after{border-bottom:none}.___SText_1tjt1_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1tjt1_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1tjt1_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1tjt1_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1tjt1_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1tjt1_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_1tjt1_gg_",
-  "_keyboardFocused": "__keyboardFocused_1tjt1_gg_",
-  "__SText": "___SText_1tjt1_gg_",
-  "__SAddon": "___SAddon_1tjt1_gg_",
-  "__STabPanel": "___STabPanel_1tjt1_gg_",
-  "_disabled": "__disabled_1tjt1_gg_",
-  "_selected": "__selected_1tjt1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_15cdz_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_15cdz_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_15cdz_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_15cdz_gg_ .___SText_15cdz_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_15cdz_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_15cdz_gg_:active,.___STabPanelItem_15cdz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_15cdz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_15cdz_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_15cdz_gg_.__disabled_15cdz_gg_{cursor:default;pointer-events:none}.___STabPanelItem_15cdz_gg_.__disabled_15cdz_gg_ .___SAddon_15cdz_gg_,.___STabPanelItem_15cdz_gg_.__disabled_15cdz_gg_ .___SText_15cdz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_15cdz_gg_.__keyboardFocused_15cdz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_15cdz_gg_.__selected_15cdz_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_15cdz_gg_.__selected_15cdz_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_15cdz_gg_.__selected_15cdz_gg_::after{border-bottom:none}.___SText_15cdz_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_15cdz_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_15cdz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15cdz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15cdz_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "15cdz_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_15cdz_gg_",
+  "_keyboardFocused": "__keyboardFocused_15cdz_gg_",
+  "__SText": "___SText_15cdz_gg_",
+  "__SAddon": "___SAddon_15cdz_gg_",
+  "__STabPanel": "___STabPanel_15cdz_gg_",
+  "_disabled": "__disabled_15cdz_gg_",
+  "_selected": "__selected_15cdz_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {

package/tab-panel/package.json

@@ -1 +1 @@
-{"name":"intergalactic/tab-panel","description":"Semrush TabPanel Component","version":"4.32.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.1","@semcore/flex-box":"5.31.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/tab-panel","description":"Semrush TabPanel Component","version":"4.32.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2-prerelease.0","@semcore/flex-box":"5.31.2-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tab-panel"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}

package/tag/lib/cjs/Tag.js

@@ -26,29 +26,29 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_ikbhu_gg_,.___STag_ikbhu_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_ikbhu)}.___STagContainerClose_ikbhu_gg_.__interactive_ikbhu_gg_.__keyboardFocused_ikbhu_gg_,.___STag_ikbhu_gg_.__interactive_ikbhu_gg_.__keyboardFocused_ikbhu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_ikbhu_gg_::before,.___STag_ikbhu_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_ikbhu);opacity:.2;filter:brightness(150%)}.___STagContainerClose_ikbhu_gg_::after,.___STag_ikbhu_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_ikbhu);opacity:.1;filter:brightness(150%)}.___STagContainerClose_ikbhu_gg_:active,.___STagContainerClose_ikbhu_gg_:focus,.___STag_ikbhu_gg_:active,.___STag_ikbhu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_ikbhu_gg_:hover,.___STag_ikbhu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_ikbhu_gg_.__disabled_ikbhu_gg_,.___STag_ikbhu_gg_.__disabled_ikbhu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_ikbhu_gg_.__interactiveView_ikbhu_gg_{cursor:pointer}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_,.___STag_ikbhu_gg_._size_m_ikbhu_gg_{height:20px;min-width:20px}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:first-child,.___STag_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:last-child,.___STag_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_ .___SText_ikbhu_gg_,.___STag_ikbhu_gg_._size_m_ikbhu_gg_ .___SText_ikbhu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_ikbhu_gg_._size_l_ikbhu_gg_,.___STag_ikbhu_gg_._size_l_ikbhu_gg_{height:28px;min-width:28px}.___STagContainerClose_ikbhu_gg_._size_l_ikbhu_gg_ .___SText_ikbhu_gg_,.___STag_ikbhu_gg_._size_l_ikbhu_gg_ .___SText_ikbhu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_ikbhu_gg_._size_xl_ikbhu_gg_,.___STag_ikbhu_gg_._size_xl_ikbhu_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_ikbhu_gg_._size_xl_ikbhu_gg_ .___SText_ikbhu_gg_,.___STag_ikbhu_gg_._size_xl_ikbhu_gg_ .___SText_ikbhu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_::before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_:after,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_:after{display:none}.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before{opacity:.3}}.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_::before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_::before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_::before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_::before{opacity:.01}.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_.__active_ikbhu_gg_:before,.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_.__active_ikbhu_gg_:before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before{opacity:.1}}.___SClose_ikbhu_gg_ path,.___STagContainerClose_ikbhu_gg_._theme_additional-invert_ikbhu_gg_::after,.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_::after,.___STagContainerClose_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_::after,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_::after,.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_ svg path,.___STag_ikbhu_gg_._theme_additional-invert_ikbhu_gg_::after,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_::after,.___STag_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_::after,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_::after{opacity:.5}.___STagContainerClose_ikbhu_gg_._theme_primary-invert_ikbhu_gg_,.___STag_ikbhu_gg_._theme_primary-invert_ikbhu_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_ikbhu_gg_._theme_additional-invert_ikbhu_gg_,.___STagContainerClose_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_,.___STag_ikbhu_gg_._theme_additional-invert_ikbhu_gg_,.___STag_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_::after{border-style:dashed}.___SText_ikbhu_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_ikbhu_gg_.__keyboardFocused_ikbhu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_ikbhu_gg_:not(:only-child):first-child{padding-right:0}.___SText_ikbhu_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_ikbhu_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_ikbhu_gg_,.___SCircle_ikbhu_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ikbhu_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_ikbhu_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_ikbhu_gg_:first-child{margin-left:0}.___SCircle_ikbhu_gg_:last-child{margin-right:0}.___SCircle_ikbhu_gg_._size_m_ikbhu_gg_{width:16px;height:16px}.___SCircle_ikbhu_gg_._size_l_ikbhu_gg_,.___SCircle_ikbhu_gg_._size_xl_ikbhu_gg_{width:20px;height:20px}.___SClose_ikbhu_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_ikbhu_gg_:hover path{opacity:1}}.___SClose_ikbhu_gg_,.___STagContainer_ikbhu_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_::after,.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_ .___SText_ikbhu_gg_{padding-right:0}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_::after,.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_::before{left:-1px}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_:hover svg path{opacity:1}}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_._size_xl_ikbhu_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "ikbhu_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_ikbhu_gg_",
-  "_disabled": "__disabled_ikbhu_gg_",
-  "__STagContainerClose": "___STagContainerClose_ikbhu_gg_",
-  "_interactiveView": "__interactiveView_ikbhu_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_ikbhu_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_ikbhu_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_ikbhu_gg_",
-  "__SText": "___SText_ikbhu_gg_",
-  "_keyboardFocused": "__keyboardFocused_ikbhu_gg_",
-  "__SAddon": "___SAddon_ikbhu_gg_",
-  "__SCircle": "___SCircle_ikbhu_gg_",
-  "_size_m": "_size_m_ikbhu_gg_",
-  "_size_l": "_size_l_ikbhu_gg_",
-  "_size_xl": "_size_xl_ikbhu_gg_",
-  "--tag-color": "--tag-color_ikbhu",
-  "_interactive": "__interactive_ikbhu_gg_",
-  "_theme_primary": "_theme_primary_ikbhu_gg_",
-  "_active": "__active_ikbhu_gg_",
-  "_theme_secondary": "_theme_secondary_ikbhu_gg_",
-  "_theme_additional": "_theme_additional_ikbhu_gg_",
-  "__SClose": "___SClose_ikbhu_gg_",
-  "__STagContainer": "___STagContainer_ikbhu_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_18fw4_gg_,.___STag_18fw4_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_18fw4)}.___STagContainerClose_18fw4_gg_.__interactive_18fw4_gg_.__keyboardFocused_18fw4_gg_,.___STag_18fw4_gg_.__interactive_18fw4_gg_.__keyboardFocused_18fw4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_18fw4_gg_::before,.___STag_18fw4_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_18fw4);opacity:.2;filter:brightness(150%)}.___STagContainerClose_18fw4_gg_::after,.___STag_18fw4_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_18fw4);opacity:.1;filter:brightness(150%)}.___STagContainerClose_18fw4_gg_:active,.___STagContainerClose_18fw4_gg_:focus,.___STag_18fw4_gg_:active,.___STag_18fw4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_18fw4_gg_:hover,.___STag_18fw4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_18fw4_gg_.__disabled_18fw4_gg_,.___STag_18fw4_gg_.__disabled_18fw4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_18fw4_gg_.__interactiveView_18fw4_gg_{cursor:pointer}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_,.___STag_18fw4_gg_._size_m_18fw4_gg_{height:20px;min-width:20px}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:first-child,.___STag_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:last-child,.___STag_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_ .___SText_18fw4_gg_,.___STag_18fw4_gg_._size_m_18fw4_gg_ .___SText_18fw4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_18fw4_gg_._size_l_18fw4_gg_,.___STag_18fw4_gg_._size_l_18fw4_gg_{height:28px;min-width:28px}.___STagContainerClose_18fw4_gg_._size_l_18fw4_gg_ .___SText_18fw4_gg_,.___STag_18fw4_gg_._size_l_18fw4_gg_ .___SText_18fw4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_18fw4_gg_._size_xl_18fw4_gg_,.___STag_18fw4_gg_._size_xl_18fw4_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_18fw4_gg_._size_xl_18fw4_gg_ .___SText_18fw4_gg_,.___STag_18fw4_gg_._size_xl_18fw4_gg_ .___SText_18fw4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_::before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_:after,.___STag_18fw4_gg_._theme_primary_18fw4_gg_:after{display:none}.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_.__active_18fw4_gg_:before,.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_.__active_18fw4_gg_:before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before{opacity:.3}}.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_::before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_::before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_::before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_::before{opacity:.01}.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_.__active_18fw4_gg_:before,.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_.__active_18fw4_gg_:before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_.__active_18fw4_gg_:before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_.__active_18fw4_gg_:before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before{opacity:.1}}.___SClose_18fw4_gg_ path,.___STagContainerClose_18fw4_gg_._theme_additional-invert_18fw4_gg_::after,.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_::after,.___STagContainerClose_18fw4_gg_._theme_secondary-invert_18fw4_gg_::after,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_::after,.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_ svg path,.___STag_18fw4_gg_._theme_additional-invert_18fw4_gg_::after,.___STag_18fw4_gg_._theme_additional_18fw4_gg_::after,.___STag_18fw4_gg_._theme_secondary-invert_18fw4_gg_::after,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_::after{opacity:.5}.___STagContainerClose_18fw4_gg_._theme_primary-invert_18fw4_gg_,.___STag_18fw4_gg_._theme_primary-invert_18fw4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_18fw4_gg_._theme_additional-invert_18fw4_gg_,.___STagContainerClose_18fw4_gg_._theme_secondary-invert_18fw4_gg_,.___STag_18fw4_gg_._theme_additional-invert_18fw4_gg_,.___STag_18fw4_gg_._theme_secondary-invert_18fw4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_18fw4_gg_._theme_additional_18fw4_gg_::after{border-style:dashed}.___SText_18fw4_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_18fw4_gg_.__keyboardFocused_18fw4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_18fw4_gg_:not(:only-child):first-child{padding-right:0}.___SText_18fw4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_18fw4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_18fw4_gg_,.___SCircle_18fw4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_18fw4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_18fw4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_18fw4_gg_:first-child{margin-left:0}.___SCircle_18fw4_gg_:last-child{margin-right:0}.___SCircle_18fw4_gg_._size_m_18fw4_gg_{width:16px;height:16px}.___SCircle_18fw4_gg_._size_l_18fw4_gg_,.___SCircle_18fw4_gg_._size_xl_18fw4_gg_{width:20px;height:20px}.___SClose_18fw4_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_18fw4_gg_:hover path{opacity:1}}.___SClose_18fw4_gg_,.___STagContainer_18fw4_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_::after,.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_ .___SText_18fw4_gg_{padding-right:0}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_::after,.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_::before{left:-1px}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_:hover svg path{opacity:1}}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_._size_xl_18fw4_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "18fw4_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_18fw4_gg_",
+  "_disabled": "__disabled_18fw4_gg_",
+  "__STagContainerClose": "___STagContainerClose_18fw4_gg_",
+  "_interactiveView": "__interactiveView_18fw4_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_18fw4_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_18fw4_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_18fw4_gg_",
+  "__SText": "___SText_18fw4_gg_",
+  "_keyboardFocused": "__keyboardFocused_18fw4_gg_",
+  "__SAddon": "___SAddon_18fw4_gg_",
+  "__SCircle": "___SCircle_18fw4_gg_",
+  "_size_m": "_size_m_18fw4_gg_",
+  "_size_l": "_size_l_18fw4_gg_",
+  "_size_xl": "_size_xl_18fw4_gg_",
+  "--tag-color": "--tag-color_18fw4",
+  "_interactive": "__interactive_18fw4_gg_",
+  "_theme_primary": "_theme_primary_18fw4_gg_",
+  "_active": "__active_18fw4_gg_",
+  "_theme_secondary": "_theme_secondary_18fw4_gg_",
+  "_theme_additional": "_theme_additional_18fw4_gg_",
+  "__SClose": "___SClose_18fw4_gg_",
+  "__STagContainer": "___STagContainer_18fw4_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {

package/tag/lib/es6/Tag.js

@@ -26,29 +26,29 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import log from 'intergalactic/utils/lib/logger';
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_ikbhu_gg_,.___STag_ikbhu_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_ikbhu)}.___STagContainerClose_ikbhu_gg_.__interactive_ikbhu_gg_.__keyboardFocused_ikbhu_gg_,.___STag_ikbhu_gg_.__interactive_ikbhu_gg_.__keyboardFocused_ikbhu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_ikbhu_gg_::before,.___STag_ikbhu_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_ikbhu);opacity:.2;filter:brightness(150%)}.___STagContainerClose_ikbhu_gg_::after,.___STag_ikbhu_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_ikbhu);opacity:.1;filter:brightness(150%)}.___STagContainerClose_ikbhu_gg_:active,.___STagContainerClose_ikbhu_gg_:focus,.___STag_ikbhu_gg_:active,.___STag_ikbhu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_ikbhu_gg_:hover,.___STag_ikbhu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_ikbhu_gg_.__disabled_ikbhu_gg_,.___STag_ikbhu_gg_.__disabled_ikbhu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_ikbhu_gg_.__interactiveView_ikbhu_gg_{cursor:pointer}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_,.___STag_ikbhu_gg_._size_m_ikbhu_gg_{height:20px;min-width:20px}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:first-child,.___STag_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:last-child,.___STag_ikbhu_gg_._size_m_ikbhu_gg_ .___SCircle_ikbhu_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_ikbhu_gg_._size_m_ikbhu_gg_ .___SText_ikbhu_gg_,.___STag_ikbhu_gg_._size_m_ikbhu_gg_ .___SText_ikbhu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_ikbhu_gg_._size_l_ikbhu_gg_,.___STag_ikbhu_gg_._size_l_ikbhu_gg_{height:28px;min-width:28px}.___STagContainerClose_ikbhu_gg_._size_l_ikbhu_gg_ .___SText_ikbhu_gg_,.___STag_ikbhu_gg_._size_l_ikbhu_gg_ .___SText_ikbhu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_ikbhu_gg_._size_xl_ikbhu_gg_,.___STag_ikbhu_gg_._size_xl_ikbhu_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_ikbhu_gg_._size_xl_ikbhu_gg_ .___SText_ikbhu_gg_,.___STag_ikbhu_gg_._size_xl_ikbhu_gg_ .___SText_ikbhu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_::before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_:after,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_:after{display:none}.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STag_ikbhu_gg_._theme_primary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before{opacity:.3}}.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_::before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_::before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_::before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_::before{opacity:.01}.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_.__active_ikbhu_gg_:before,.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_.__active_ikbhu_gg_:before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_.__active_ikbhu_gg_:before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_.__interactiveView_ikbhu_gg_:hover:before{opacity:.1}}.___SClose_ikbhu_gg_ path,.___STagContainerClose_ikbhu_gg_._theme_additional-invert_ikbhu_gg_::after,.___STagContainerClose_ikbhu_gg_._theme_additional_ikbhu_gg_::after,.___STagContainerClose_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_::after,.___STagContainerClose_ikbhu_gg_._theme_secondary_ikbhu_gg_::after,.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_ svg path,.___STag_ikbhu_gg_._theme_additional-invert_ikbhu_gg_::after,.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_::after,.___STag_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_::after,.___STag_ikbhu_gg_._theme_secondary_ikbhu_gg_::after{opacity:.5}.___STagContainerClose_ikbhu_gg_._theme_primary-invert_ikbhu_gg_,.___STag_ikbhu_gg_._theme_primary-invert_ikbhu_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_ikbhu_gg_._theme_additional-invert_ikbhu_gg_,.___STagContainerClose_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_,.___STag_ikbhu_gg_._theme_additional-invert_ikbhu_gg_,.___STag_ikbhu_gg_._theme_secondary-invert_ikbhu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_ikbhu_gg_._theme_additional_ikbhu_gg_::after{border-style:dashed}.___SText_ikbhu_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_ikbhu_gg_.__keyboardFocused_ikbhu_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_ikbhu_gg_:not(:only-child):first-child{padding-right:0}.___SText_ikbhu_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_ikbhu_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_ikbhu_gg_,.___SCircle_ikbhu_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ikbhu_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_ikbhu_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_ikbhu_gg_:first-child{margin-left:0}.___SCircle_ikbhu_gg_:last-child{margin-right:0}.___SCircle_ikbhu_gg_._size_m_ikbhu_gg_{width:16px;height:16px}.___SCircle_ikbhu_gg_._size_l_ikbhu_gg_,.___SCircle_ikbhu_gg_._size_xl_ikbhu_gg_{width:20px;height:20px}.___SClose_ikbhu_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_ikbhu_gg_:hover path{opacity:1}}.___SClose_ikbhu_gg_,.___STagContainer_ikbhu_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_::after,.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_ikbhu_gg_ .___STag_ikbhu_gg_ .___SText_ikbhu_gg_{padding-right:0}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_::after,.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_::before{left:-1px}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_:hover svg path{opacity:1}}.___STagContainer_ikbhu_gg_ .___STagContainerClose_ikbhu_gg_._size_xl_ikbhu_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "ikbhu_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_ikbhu_gg_",
-  "_disabled": "__disabled_ikbhu_gg_",
-  "__STagContainerClose": "___STagContainerClose_ikbhu_gg_",
-  "_interactiveView": "__interactiveView_ikbhu_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_ikbhu_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_ikbhu_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_ikbhu_gg_",
-  "__SText": "___SText_ikbhu_gg_",
-  "_keyboardFocused": "__keyboardFocused_ikbhu_gg_",
-  "__SAddon": "___SAddon_ikbhu_gg_",
-  "__SCircle": "___SCircle_ikbhu_gg_",
-  "_size_m": "_size_m_ikbhu_gg_",
-  "_size_l": "_size_l_ikbhu_gg_",
-  "_size_xl": "_size_xl_ikbhu_gg_",
-  "--tag-color": "--tag-color_ikbhu",
-  "_interactive": "__interactive_ikbhu_gg_",
-  "_theme_primary": "_theme_primary_ikbhu_gg_",
-  "_active": "__active_ikbhu_gg_",
-  "_theme_secondary": "_theme_secondary_ikbhu_gg_",
-  "_theme_additional": "_theme_additional_ikbhu_gg_",
-  "__SClose": "___SClose_ikbhu_gg_",
-  "__STagContainer": "___STagContainer_ikbhu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STagContainerClose_18fw4_gg_,.___STag_18fw4_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_18fw4)}.___STagContainerClose_18fw4_gg_.__interactive_18fw4_gg_.__keyboardFocused_18fw4_gg_,.___STag_18fw4_gg_.__interactive_18fw4_gg_.__keyboardFocused_18fw4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STagContainerClose_18fw4_gg_::before,.___STag_18fw4_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_18fw4);opacity:.2;filter:brightness(150%)}.___STagContainerClose_18fw4_gg_::after,.___STag_18fw4_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_18fw4);opacity:.1;filter:brightness(150%)}.___STagContainerClose_18fw4_gg_:active,.___STagContainerClose_18fw4_gg_:focus,.___STag_18fw4_gg_:active,.___STag_18fw4_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STagContainerClose_18fw4_gg_:hover,.___STag_18fw4_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STagContainerClose_18fw4_gg_.__disabled_18fw4_gg_,.___STag_18fw4_gg_.__disabled_18fw4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_18fw4_gg_.__interactiveView_18fw4_gg_{cursor:pointer}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_,.___STag_18fw4_gg_._size_m_18fw4_gg_{height:20px;min-width:20px}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:first-child,.___STag_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:last-child,.___STag_18fw4_gg_._size_m_18fw4_gg_ .___SCircle_18fw4_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STagContainerClose_18fw4_gg_._size_m_18fw4_gg_ .___SText_18fw4_gg_,.___STag_18fw4_gg_._size_m_18fw4_gg_ .___SText_18fw4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STagContainerClose_18fw4_gg_._size_l_18fw4_gg_,.___STag_18fw4_gg_._size_l_18fw4_gg_{height:28px;min-width:28px}.___STagContainerClose_18fw4_gg_._size_l_18fw4_gg_ .___SText_18fw4_gg_,.___STag_18fw4_gg_._size_l_18fw4_gg_ .___SText_18fw4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STagContainerClose_18fw4_gg_._size_xl_18fw4_gg_,.___STag_18fw4_gg_._size_xl_18fw4_gg_{height:40px;min-width:40px;padding:0 var(--intergalactic-spacing-2x, 8px)}.___STagContainerClose_18fw4_gg_._size_xl_18fw4_gg_ .___SText_18fw4_gg_,.___STag_18fw4_gg_._size_xl_18fw4_gg_ .___SText_18fw4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_::before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_:after,.___STag_18fw4_gg_._theme_primary_18fw4_gg_:after{display:none}.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_.__active_18fw4_gg_:before,.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_.__active_18fw4_gg_:before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before{opacity:.3}@media (hover:hover){.___STagContainerClose_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STag_18fw4_gg_._theme_primary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before{opacity:.3}}.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_::before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_::before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_::before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_::before{opacity:.01}.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_.__active_18fw4_gg_:before,.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_.__active_18fw4_gg_:before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_.__active_18fw4_gg_:before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:active:before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_.__active_18fw4_gg_:before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:active:before{opacity:.1}@media (hover:hover){.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STag_18fw4_gg_._theme_additional_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_.__interactiveView_18fw4_gg_:hover:before{opacity:.1}}.___SClose_18fw4_gg_ path,.___STagContainerClose_18fw4_gg_._theme_additional-invert_18fw4_gg_::after,.___STagContainerClose_18fw4_gg_._theme_additional_18fw4_gg_::after,.___STagContainerClose_18fw4_gg_._theme_secondary-invert_18fw4_gg_::after,.___STagContainerClose_18fw4_gg_._theme_secondary_18fw4_gg_::after,.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_ svg path,.___STag_18fw4_gg_._theme_additional-invert_18fw4_gg_::after,.___STag_18fw4_gg_._theme_additional_18fw4_gg_::after,.___STag_18fw4_gg_._theme_secondary-invert_18fw4_gg_::after,.___STag_18fw4_gg_._theme_secondary_18fw4_gg_::after{opacity:.5}.___STagContainerClose_18fw4_gg_._theme_primary-invert_18fw4_gg_,.___STag_18fw4_gg_._theme_primary-invert_18fw4_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15));color:var(--intergalactic-text-primary-invert, #ffffff)}.___STagContainerClose_18fw4_gg_._theme_additional-invert_18fw4_gg_,.___STagContainerClose_18fw4_gg_._theme_secondary-invert_18fw4_gg_,.___STag_18fw4_gg_._theme_additional-invert_18fw4_gg_,.___STag_18fw4_gg_._theme_secondary-invert_18fw4_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_18fw4_gg_._theme_additional_18fw4_gg_::after{border-style:dashed}.___SText_18fw4_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_18fw4_gg_.__keyboardFocused_18fw4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_18fw4_gg_:not(:only-child):first-child{padding-right:0}.___SText_18fw4_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_18fw4_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_18fw4_gg_,.___SCircle_18fw4_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_18fw4_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_18fw4_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_18fw4_gg_:first-child{margin-left:0}.___SCircle_18fw4_gg_:last-child{margin-right:0}.___SCircle_18fw4_gg_._size_m_18fw4_gg_{width:16px;height:16px}.___SCircle_18fw4_gg_._size_l_18fw4_gg_,.___SCircle_18fw4_gg_._size_xl_18fw4_gg_{width:20px;height:20px}.___SClose_18fw4_gg_{cursor:pointer;flex-shrink:0;padding:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SClose_18fw4_gg_:hover path{opacity:1}}.___SClose_18fw4_gg_,.___STagContainer_18fw4_gg_{display:inline-flex;position:relative;align-items:center;justify-content:center}.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:var(--intergalactic-spacing-05x, 2px)}.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_::after,.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_::before{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.___STagContainer_18fw4_gg_ .___STag_18fw4_gg_ .___SText_18fw4_gg_{padding-right:0}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_{cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0;padding-right:0;min-width:20px}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_::after,.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_::before{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_::before{left:-1px}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_ svg{padding-left:0;padding-right:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_:hover svg path{opacity:1}}.___STagContainer_18fw4_gg_ .___STagContainerClose_18fw4_gg_._size_xl_18fw4_gg_ svg{padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "18fw4_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_18fw4_gg_",
+  "_disabled": "__disabled_18fw4_gg_",
+  "__STagContainerClose": "___STagContainerClose_18fw4_gg_",
+  "_interactiveView": "__interactiveView_18fw4_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_18fw4_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_18fw4_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_18fw4_gg_",
+  "__SText": "___SText_18fw4_gg_",
+  "_keyboardFocused": "__keyboardFocused_18fw4_gg_",
+  "__SAddon": "___SAddon_18fw4_gg_",
+  "__SCircle": "___SCircle_18fw4_gg_",
+  "_size_m": "_size_m_18fw4_gg_",
+  "_size_l": "_size_l_18fw4_gg_",
+  "_size_xl": "_size_xl_18fw4_gg_",
+  "--tag-color": "--tag-color_18fw4",
+  "_interactive": "__interactive_18fw4_gg_",
+  "_theme_primary": "_theme_primary_18fw4_gg_",
+  "_active": "__active_18fw4_gg_",
+  "_theme_secondary": "_theme_secondary_18fw4_gg_",
+  "_theme_additional": "_theme_additional_18fw4_gg_",
+  "__SClose": "___SClose_18fw4_gg_",
+  "__STagContainer": "___STagContainer_18fw4_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {

package/tag/package.json

@@ -1 +1 @@
-{"name":"intergalactic/tag","description":"Semrush Tag Component","version":"5.41.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.1","@semcore/icon":"4.43.1","@semcore/flex-box":"5.31.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tag"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/tag","description":"Semrush Tag Component","version":"5.41.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2-prerelease.0","@semcore/icon":"4.43.2-prerelease.0","@semcore/flex-box":"5.31.2-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/tag"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/textarea/lib/cjs/Textarea.js

@@ -22,14 +22,14 @@ var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseD
 var _cssToIntDefault = _interopRequireDefault(require("intergalactic/utils/lib/cssToIntDefault"));
 var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
 /*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STextarea_lfrc2_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_lfrc2);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_lfrc2_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_lfrc2_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_lfrc2_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_lfrc2_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_lfrc2_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_lfrc2_gg_._size_m_lfrc2_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_lfrc2_gg_._size_l_lfrc2_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_lfrc2_gg_._state_normal_lfrc2_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_lfrc2_gg_._state_valid_lfrc2_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_lfrc2_gg_._state_valid_lfrc2_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_lfrc2_gg_._state_invalid_lfrc2_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_lfrc2_gg_._state_invalid_lfrc2_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "lfrc2_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_lfrc2_gg_",
-  "_size_m": "_size_m_lfrc2_gg_",
-  "_size_l": "_size_l_lfrc2_gg_",
-  "--resize": "--resize_lfrc2",
-  "_state_normal": "_state_normal_lfrc2_gg_",
-  "_state_valid": "_state_valid_lfrc2_gg_",
-  "_state_invalid": "_state_invalid_lfrc2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STextarea_224vu_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_224vu);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_224vu_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_224vu_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_224vu_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_224vu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_224vu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_224vu_gg_._size_m_224vu_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_224vu_gg_._size_l_224vu_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_224vu_gg_._state_normal_224vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_224vu_gg_._state_valid_224vu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_224vu_gg_._state_valid_224vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_224vu_gg_._state_invalid_224vu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_224vu_gg_._state_invalid_224vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "224vu_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_224vu_gg_",
+  "_size_m": "_size_m_224vu_gg_",
+  "_size_l": "_size_l_224vu_gg_",
+  "--resize": "--resize_224vu",
+  "_state_normal": "_state_normal_224vu_gg_",
+  "_state_valid": "_state_valid_224vu_gg_",
+  "_state_invalid": "_state_invalid_224vu_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Textarea, _Component);

package/textarea/lib/es6/Textarea.js

@@ -15,14 +15,14 @@ import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
 import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 /*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_lfrc2_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_lfrc2);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_lfrc2_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_lfrc2_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_lfrc2_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_lfrc2_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_lfrc2_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_lfrc2_gg_._size_m_lfrc2_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_lfrc2_gg_._size_l_lfrc2_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_lfrc2_gg_._state_normal_lfrc2_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_lfrc2_gg_._state_valid_lfrc2_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_lfrc2_gg_._state_valid_lfrc2_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_lfrc2_gg_._state_invalid_lfrc2_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_lfrc2_gg_._state_invalid_lfrc2_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "lfrc2_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_lfrc2_gg_",
-  "_size_m": "_size_m_lfrc2_gg_",
-  "_size_l": "_size_l_lfrc2_gg_",
-  "--resize": "--resize_lfrc2",
-  "_state_normal": "_state_normal_lfrc2_gg_",
-  "_state_valid": "_state_valid_lfrc2_gg_",
-  "_state_invalid": "_state_invalid_lfrc2_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_224vu_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_224vu);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_224vu_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_224vu_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_224vu_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_224vu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_224vu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_224vu_gg_._size_m_224vu_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_224vu_gg_._size_l_224vu_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_224vu_gg_._state_normal_224vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_224vu_gg_._state_valid_224vu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_224vu_gg_._state_valid_224vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_224vu_gg_._state_invalid_224vu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_224vu_gg_._state_invalid_224vu_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "224vu_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_224vu_gg_",
+  "_size_m": "_size_m_224vu_gg_",
+  "_size_l": "_size_l_224vu_gg_",
+  "--resize": "--resize_224vu",
+  "_state_normal": "_state_normal_224vu_gg_",
+  "_state_valid": "_state_valid_224vu_gg_",
+  "_state_invalid": "_state_invalid_224vu_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   _inherits(Textarea, _Component);

package/textarea/package.json

@@ -1 +1 @@
-{"name":"intergalactic/textarea","description":"Semrush Textarea Component","version":"5.30.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.1","@semcore/flex-box":"5.31.1","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/textarea"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/textarea","description":"Semrush Textarea Component","version":"5.30.2-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2-prerelease.0","@semcore/flex-box":"5.31.2-prerelease.0","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.29.2-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/textarea"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/time-picker/lib/cjs/PickerFormat.js

@@ -8,6 +8,7 @@ exports["default"] = 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"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -15,12 +16,39 @@ var _core = require("intergalactic/core");
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
+var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
+var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var TimePickerFormat = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(TimePickerFormat, _Component);
   var _super = (0, _createSuper2["default"])(TimePickerFormat);
   function TimePickerFormat() {
+    var _this;
     (0, _classCallCheck2["default"])(this, TimePickerFormat);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      changedFormatNotice: ''
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function () {
+      setTimeout(function () {
+        var _this$asProps = _this.asProps,
+          meridiem = _this$asProps.meridiem,
+          getI18nText = _this$asProps.getI18nText;
+        _this.setState({
+          changedFormatNotice: getI18nText('changedFormatNotice', {
+            meridiem: meridiem
+          })
+        });
+      }, 0);
+      setTimeout(function () {
+        _this.setState({
+          changedFormatNotice: ''
+        });
+      }, 2000);
+    });
+    return _this;
   }
   (0, _createClass2["default"])(TimePickerFormat, [{
     key: "render",
@@ -28,28 +56,31 @@ var TimePickerFormat = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref2;
       var SPickerFormat = _flexBox.Box;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        meridiem = _this$asProps.meridiem,
-        styles = _this$asProps.styles,
-        getI18nText = _this$asProps.getI18nText;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        meridiem = _this$asProps2.meridiem,
+        styles = _this$asProps2.styles,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      var changedFormatNotice = this.state.changedFormatNotice;
       var SPickerFormatText = 'span';
-      var label = getI18nText('format', {
-        meridiem: meridiem
-      });
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPickerFormat, _ref2.cn("SPickerFormat", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPickerFormat, _ref2.cn("SPickerFormat", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "type": 'button',
         "tag": 'button',
-        "role": 'switch',
-        "aria-label": label,
-        "aria-live": 'polite',
-        "aria-atomic": 'true'
-      }, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem));
+        "onClick": this.handleClick,
+        "aria-describedby": "".concat(uid, "_describe")
+      }, _ref))), Children.origin ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "role": 'status',
+        "aria-live": 'polite'
+      }), changedFormatNotice), /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": 'true',
+        "id": "".concat(uid, "_describe")
+      }), getI18nText('formatToggler')));
     }
   }]);
   return TimePickerFormat;
 }(_core.Component);
-(0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(TimePickerFormat, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _uniqueID["default"])()]);
 var _default = TimePickerFormat;
 exports["default"] = _default;
 //# sourceMappingURL=PickerFormat.js.map

package/time-picker/lib/cjs/PickerFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerFormat.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","TimePickerFormat","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SPickerFormat","Box","_this$asProps","Children","meridiem","styles","getI18nText","SPickerFormatText","label","sstyled","createElement","cn","_objectSpread2","assignProps","origin","Component","_defineProperty2","keyboardFocusEnhance","_default","exports"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance()];\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText } = this.asProps;\n    const SPickerFormatText = 'span';\n\n    const label = getI18nText('format', { meridiem });\n\n    return sstyled(styles)(\n      <SPickerFormat\n        render={Box}\n        type='button'\n        tag='button'\n        role='switch'\n        aria-label={label}\n        aria-live='polite'\n        aria-atomic='true'\n      >\n        {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n      </SPickerFormat>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAoF,IAE9EK,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,gBAAA,mBAAAL,gBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,gBAAA;IAAAS,GAAA;IAAAC,KAAA,EAEpB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,aAAa,GAQPC,YAAG;MAPf,IAAAC,aAAA,GAAoD,IAAI,CAACJ,OAAO;QAAxDK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAAEC,WAAW,GAAAJ,aAAA,CAAXI,WAAW;MAC/C,IAAMC,iBAAiB,GAAG,MAAM;MAEhC,IAAMC,KAAK,GAAGF,WAAW,CAAC,QAAQ,EAAE;QAAEF,QAAQ,EAARA;MAAS,CAAC,CAAC;MAEjD,OAAAL,KAAA,GAAO,IAAAU,aAAO,EAACJ,MAAM,CAAC,eACpBxB,MAAA,YAAA6B,aAAA,CAACV,aAAa,EAAAD,KAAA,CAAAY,EAAA,sBAAAC,cAAA,qBAAAjC,KAAA,CAAAkC,WAAA;QAAA,QAEP,QAAQ;QAAA,OACT,QAAQ;QAAA,QACP,QAAQ;QAAA,cACDL,KAAK;QAAA,aACP,QAAQ;QAAA,eACN;MAAM,GAAAX,IAAA,KAEjBM,QAAQ,CAACW,MAAM,gBAAGjC,MAAA,YAAA6B,aAAA,CAACP,QAAQ,EAAAJ,KAAA,CAAAY,EAAA,iBAAG,gBAAG9B,MAAA,YAAA6B,aAAA,CAACH,iBAAiB,EAAAR,KAAA,CAAAY,EAAA,2BAAEP,QAAQ,CAAqB,CACrE;IAEpB;EAAC;EAAA,OAAAnB,gBAAA;AAAA,EAtB4B8B,eAAS;AAAA,IAAAC,gBAAA,aAAlC/B,gBAAgB,aACH,CAAC,IAAAgC,gCAAoB,GAAE,CAAC;AAAA,IAAAC,QAAA,GAwB5BjC,gBAAgB;AAAAkC,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"PickerFormat.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_ScreenReaderOnly","_uniqueID","TimePickerFormat","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","changedFormatNotice","setTimeout","_this$asProps","asProps","meridiem","getI18nText","setState","_createClass2","key","value","render","_ref","_ref2","SPickerFormat","Box","_this$asProps2","Children","styles","uid","state","SPickerFormatText","sstyled","createElement","Fragment","cn","_objectSpread2","assignProps","handleClick","origin","ScreenReaderOnly","Component","keyboardFocusEnhance","uniqueIDEnhancement","_default","exports"],"sources":["../../src/PickerFormat.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nclass TimePickerFormat extends Component {\n  static enhance = [keyboardFocusEnhance(), uniqueIDEnhancement()];\n\n  state = {\n    changedFormatNotice: '',\n  };\n\n  handleClick = () => {\n    setTimeout(() => {\n      const { meridiem, getI18nText } = this.asProps;\n      this.setState({ changedFormatNotice: getI18nText('changedFormatNotice', { meridiem }) });\n    }, 0);\n\n    setTimeout(() => {\n      this.setState({ changedFormatNotice: '' });\n    }, 2000);\n  };\n\n  render() {\n    const SPickerFormat = Root;\n    const { Children, meridiem, styles, getI18nText, uid } = this.asProps;\n    const { changedFormatNotice } = this.state;\n    const SPickerFormatText = 'span';\n\n    return sstyled(styles)(\n      <>\n        <SPickerFormat\n          render={Box}\n          type='button'\n          tag='button'\n          onClick={this.handleClick}\n          aria-describedby={`${uid}_describe`}\n        >\n          {Children.origin ? <Children /> : <SPickerFormatText>{meridiem}</SPickerFormatText>}\n        </SPickerFormat>\n        <ScreenReaderOnly role={'status'} aria-live={'polite'}>\n          {changedFormatNotice}\n        </ScreenReaderOnly>\n        <ScreenReaderOnly aria-hidden={'true'} id={`${uid}_describe`}>\n          {getI18nText('formatToggler')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport default TimePickerFormat;\n"],"mappings":";;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAA8D,IAExDO,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,gBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YAGZ;MACNa,mBAAmB,EAAE;IACvB,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,kBAEa,YAAM;MAClBc,UAAU,CAAC,YAAM;QACf,IAAAC,aAAA,GAAkCf,KAAA,CAAKgB,OAAO;UAAtCC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;UAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QAC7BlB,KAAA,CAAKmB,QAAQ,CAAC;UAAEN,mBAAmB,EAAEK,WAAW,CAAC,qBAAqB,EAAE;YAAED,QAAQ,EAARA;UAAS,CAAC;QAAE,CAAC,CAAC;MAC1F,CAAC,EAAE,CAAC,CAAC;MAELH,UAAU,CAAC,YAAM;QACfd,KAAA,CAAKmB,QAAQ,CAAC;UAAEN,mBAAmB,EAAE;QAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,IAAI,CAAC;IACV,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAoB,aAAA,aAAAzB,gBAAA;IAAA0B,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;MACP,IAAMC,aAAa,GAQLC,YAAG;MAPjB,IAAAC,cAAA,GAAyD,IAAI,CAACZ,OAAO;QAA7Da,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEZ,QAAQ,GAAAW,cAAA,CAARX,QAAQ;QAAEa,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEZ,WAAW,GAAAU,cAAA,CAAXV,WAAW;QAAEa,GAAG,GAAAH,cAAA,CAAHG,GAAG;MACpD,IAAQlB,mBAAmB,GAAK,IAAI,CAACmB,KAAK,CAAlCnB,mBAAmB;MAC3B,IAAMoB,iBAAiB,GAAG,MAAM;MAEhC,OAAAR,KAAA,GAAO,IAAAS,aAAO,EAACJ,MAAM,CAAC,eACpBzC,MAAA,YAAA8C,aAAA,CAAA9C,MAAA,YAAA+C,QAAA,qBACE/C,MAAA,YAAA8C,aAAA,CAACT,aAAa,EAAAD,KAAA,CAAAY,EAAA,sBAAAC,cAAA,qBAAAnD,KAAA,CAAAoD,WAAA;QAAA,QAEP,QAAQ;QAAA,OACT,QAAQ;QAAA,WACH,IAAI,CAACC,WAAW;QAAA,uBAAA9B,MAAA,CACJqB,GAAG;MAAA,GAAAP,IAAA,KAEvBK,QAAQ,CAACY,MAAM,gBAAGpD,MAAA,YAAA8C,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAY,EAAA,iBAAG,gBAAGhD,MAAA,YAAA8C,aAAA,CAACF,iBAAiB,EAAAR,KAAA,CAAAY,EAAA,2BAAEpB,QAAQ,CAAqB,CACrE,eAChB5B,MAAA,YAAA8C,aAAA,CAAC1C,iBAAA,CAAAiD,gBAAgB,EAAAjB,KAAA,CAAAY,EAAA;QAAA,QAAO,QAAQ;QAAA,aAAa;MAAQ,IAClDxB,mBAAmB,CACH,eACnBxB,MAAA,YAAA8C,aAAA,CAAC1C,iBAAA,CAAAiD,gBAAgB,EAAAjB,KAAA,CAAAY,EAAA;QAAA,eAAc,MAAM;QAAA,SAAA3B,MAAA,CAASqB,GAAG;MAAA,IAC9Cb,WAAW,CAAC,eAAe,CAAC,CACZ,CAClB;IAEP;EAAC;EAAA,OAAAvB,gBAAA;AAAA,EA3C4BgD,eAAS;AAAA,IAAAhC,gBAAA,aAAlChB,gBAAgB,aACH,CAAC,IAAAiD,gCAAoB,GAAE,EAAE,IAAAC,oBAAmB,GAAE,CAAC;AAAA,IAAAC,QAAA,GA6CnDnD,gBAAgB;AAAAoD,OAAA,cAAAD,QAAA"}