intergalactic 15.120.0-prerelease.0 → 15.121.0-prerelease.2

package/mini-chart/lib/cjs/component/trend/Line.js

@@ -22,13 +22,13 @@ var _Trend2 = require("./Trend");
 var _flexBox = require("intergalactic/flex-box");
 var _ariaProps = require("intergalactic/utils/lib/ariaProps");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1qf9s{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1qf9s_gg_.__loading_1qf9s_gg_,.___SLineGauge_1qf9s_gg_.__loading_1qf9s_gg_,.___STrendBar_1qf9s_gg_.__loading_1qf9s_gg_,.___STrendLine_1qf9s_gg_.__loading_1qf9s_gg_{animation-name:pulse_1qf9s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1qf9s_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1qf9s_gg_",
-  "_loading": "__loading_1qf9s_gg_",
-  "__SDonutContainer": "___SDonutContainer_1qf9s_gg_",
-  "__STrendLine": "___STrendLine_1qf9s_gg_",
-  "__STrendBar": "___STrendBar_1qf9s_gg_",
-  "@pulse": "pulse_1qf9s"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_y4fcr{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_y4fcr_gg_.__loading_y4fcr_gg_,.___SLineGauge_y4fcr_gg_.__loading_y4fcr_gg_,.___STrendBar_y4fcr_gg_.__loading_y4fcr_gg_,.___STrendLine_y4fcr_gg_.__loading_y4fcr_gg_{animation-name:pulse_y4fcr;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "y4fcr_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_y4fcr_gg_",
+  "_loading": "__loading_y4fcr_gg_",
+  "__SDonutContainer": "___SDonutContainer_y4fcr_gg_",
+  "__STrendLine": "___STrendLine_y4fcr_gg_",
+  "__STrendBar": "___STrendBar_y4fcr_gg_",
+  "@pulse": "pulse_y4fcr"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendLineRoot, _Trend);

package/mini-chart/lib/es6/component/score/Donut.js

@@ -12,15 +12,15 @@ import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import { assignProps } from 'intergalactic/core';
 /*__reshadow-styles__:"./donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_bgnvk{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_bgnvk_gg_.__loading_bgnvk_gg_,.___SLineGauge_bgnvk_gg_.__loading_bgnvk_gg_,.___STrendBar_bgnvk_gg_.__loading_bgnvk_gg_,.___STrendLine_bgnvk_gg_.__loading_bgnvk_gg_{animation-name:pulse_bgnvk;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_bgnvk_gg_.__semi_bgnvk_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_bgnvk_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_bgnvk_gg_.__animate_bgnvk_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "bgnvk_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_bgnvk_gg_",
-  "_loading": "__loading_bgnvk_gg_",
-  "__SDonutContainer": "___SDonutContainer_bgnvk_gg_",
-  "__STrendLine": "___STrendLine_bgnvk_gg_",
-  "__STrendBar": "___STrendBar_bgnvk_gg_",
-  "@pulse": "pulse_bgnvk",
-  "_animate": "__animate_bgnvk_gg_",
-  "_semi": "__semi_bgnvk_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_135qf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_135qf_gg_.__loading_135qf_gg_,.___SLineGauge_135qf_gg_.__loading_135qf_gg_,.___STrendBar_135qf_gg_.__loading_135qf_gg_,.___STrendLine_135qf_gg_.__loading_135qf_gg_{animation-name:pulse_135qf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_135qf_gg_.__semi_135qf_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_135qf_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_135qf_gg_.__animate_135qf_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "135qf_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_135qf_gg_",
+  "_loading": "__loading_135qf_gg_",
+  "__SDonutContainer": "___SDonutContainer_135qf_gg_",
+  "__STrendLine": "___STrendLine_135qf_gg_",
+  "__STrendBar": "___STrendBar_135qf_gg_",
+  "@pulse": "pulse_135qf",
+  "_animate": "__animate_135qf_gg_",
+  "_semi": "__semi_135qf_gg_"
 });
 import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var DonutRoot = /*#__PURE__*/function (_Component) {

package/mini-chart/lib/es6/component/score/Line.js

@@ -13,24 +13,24 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box, Flex } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1oq4n{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1oq4n{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1oq4n_gg_.__loading_1oq4n_gg_,.___SLineGauge_1oq4n_gg_.__loading_1oq4n_gg_,.___STrendBar_1oq4n_gg_.__loading_1oq4n_gg_,.___STrendLine_1oq4n_gg_.__loading_1oq4n_gg_{animation-name:pulse_1oq4n;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1oq4n_gg_{height:8px;background-color:var(--base-bg-color_1oq4n, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1oq4n_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1oq4n_gg_.__percent_1oq4n_gg_{width:var(--percent_1oq4n)}.___SLineSegmentItem_1oq4n_gg_.__color_1oq4n_gg_,.___SLineValue_1oq4n_gg_.__color_1oq4n_gg_{background-color:var(--color_1oq4n, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1oq4n_gg_.__segments_1oq4n_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1oq4n_gg_,.___SLineGaugeSegment_1oq4n_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1oq4n_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1oq4n_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1oq4n_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1oq4n;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1oq4n_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1oq4n_gg_",
-  "_loading": "__loading_1oq4n_gg_",
-  "__SDonutContainer": "___SDonutContainer_1oq4n_gg_",
-  "__STrendLine": "___STrendLine_1oq4n_gg_",
-  "__STrendBar": "___STrendBar_1oq4n_gg_",
-  "@pulse": "pulse_1oq4n",
-  "--base-bg-color": "--base-bg-color_1oq4n",
-  "__SLineValue": "___SLineValue_1oq4n_gg_",
-  "_percent": "__percent_1oq4n_gg_",
-  "--percent": "--percent_1oq4n",
-  "_color": "__color_1oq4n_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1oq4n_gg_",
-  "--color": "--color_1oq4n",
-  "_segments": "__segments_1oq4n_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1oq4n_gg_",
-  "__SAnimationLine": "___SAnimationLine_1oq4n_gg_",
-  "@move-line": "move-line_1oq4n"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1ca4o{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1ca4o{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1ca4o_gg_.__loading_1ca4o_gg_,.___SLineGauge_1ca4o_gg_.__loading_1ca4o_gg_,.___STrendBar_1ca4o_gg_.__loading_1ca4o_gg_,.___STrendLine_1ca4o_gg_.__loading_1ca4o_gg_{animation-name:pulse_1ca4o;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1ca4o_gg_{height:8px;background-color:var(--base-bg-color_1ca4o, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1ca4o_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1ca4o_gg_.__percent_1ca4o_gg_{width:var(--percent_1ca4o)}.___SLineSegmentItem_1ca4o_gg_.__color_1ca4o_gg_,.___SLineValue_1ca4o_gg_.__color_1ca4o_gg_{background-color:var(--color_1ca4o, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1ca4o_gg_.__segments_1ca4o_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1ca4o_gg_,.___SLineGaugeSegment_1ca4o_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1ca4o_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1ca4o_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1ca4o_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1ca4o;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1ca4o_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1ca4o_gg_",
+  "_loading": "__loading_1ca4o_gg_",
+  "__SDonutContainer": "___SDonutContainer_1ca4o_gg_",
+  "__STrendLine": "___STrendLine_1ca4o_gg_",
+  "__STrendBar": "___STrendBar_1ca4o_gg_",
+  "@pulse": "pulse_1ca4o",
+  "--base-bg-color": "--base-bg-color_1ca4o",
+  "__SLineValue": "___SLineValue_1ca4o_gg_",
+  "_percent": "__percent_1ca4o_gg_",
+  "--percent": "--percent_1ca4o",
+  "_color": "__color_1ca4o_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1ca4o_gg_",
+  "--color": "--color_1ca4o",
+  "_segments": "__segments_1ca4o_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1ca4o_gg_",
+  "__SAnimationLine": "___SAnimationLine_1ca4o_gg_",
+  "@move-line": "move-line_1ca4o"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/mini-chart/lib/es6/component/trend/Bar.js

@@ -13,13 +13,13 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import { Trend } from './Trend';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1qf9s{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1qf9s_gg_.__loading_1qf9s_gg_,.___SLineGauge_1qf9s_gg_.__loading_1qf9s_gg_,.___STrendBar_1qf9s_gg_.__loading_1qf9s_gg_,.___STrendLine_1qf9s_gg_.__loading_1qf9s_gg_{animation-name:pulse_1qf9s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1qf9s_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1qf9s_gg_",
-  "_loading": "__loading_1qf9s_gg_",
-  "__SDonutContainer": "___SDonutContainer_1qf9s_gg_",
-  "__STrendLine": "___STrendLine_1qf9s_gg_",
-  "__STrendBar": "___STrendBar_1qf9s_gg_",
-  "@pulse": "pulse_1qf9s"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_y4fcr{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_y4fcr_gg_.__loading_y4fcr_gg_,.___SLineGauge_y4fcr_gg_.__loading_y4fcr_gg_,.___STrendBar_y4fcr_gg_.__loading_y4fcr_gg_,.___STrendLine_y4fcr_gg_.__loading_y4fcr_gg_{animation-name:pulse_y4fcr;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "y4fcr_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_y4fcr_gg_",
+  "_loading": "__loading_y4fcr_gg_",
+  "__SDonutContainer": "___SDonutContainer_y4fcr_gg_",
+  "__STrendLine": "___STrendLine_y4fcr_gg_",
+  "__STrendBar": "___STrendBar_y4fcr_gg_",
+  "@pulse": "pulse_y4fcr"
 });
 import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {

package/mini-chart/lib/es6/component/trend/Line.js

@@ -14,13 +14,13 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { Trend } from './Trend';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1qf9s{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1qf9s_gg_.__loading_1qf9s_gg_,.___SLineGauge_1qf9s_gg_.__loading_1qf9s_gg_,.___STrendBar_1qf9s_gg_.__loading_1qf9s_gg_,.___STrendLine_1qf9s_gg_.__loading_1qf9s_gg_{animation-name:pulse_1qf9s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1qf9s_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1qf9s_gg_",
-  "_loading": "__loading_1qf9s_gg_",
-  "__SDonutContainer": "___SDonutContainer_1qf9s_gg_",
-  "__STrendLine": "___STrendLine_1qf9s_gg_",
-  "__STrendBar": "___STrendBar_1qf9s_gg_",
-  "@pulse": "pulse_1qf9s"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_y4fcr{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_y4fcr_gg_.__loading_y4fcr_gg_,.___SLineGauge_y4fcr_gg_.__loading_y4fcr_gg_,.___STrendBar_y4fcr_gg_.__loading_y4fcr_gg_,.___STrendLine_y4fcr_gg_.__loading_y4fcr_gg_{animation-name:pulse_y4fcr;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "y4fcr_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_y4fcr_gg_",
+  "_loading": "__loading_y4fcr_gg_",
+  "__SDonutContainer": "___SDonutContainer_y4fcr_gg_",
+  "__STrendLine": "___STrendLine_y4fcr_gg_",
+  "__STrendBar": "___STrendBar_y4fcr_gg_",
+  "@pulse": "pulse_y4fcr"
 });
 import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {

package/mini-chart/package.json

@@ -1 +1 @@
-{"name":"intergalactic/mini-chart","description":"Semrush MiniChart Component","version":"0.27.0-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=ts"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/utils":"4.44.0"},"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/mini-chart"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/mini-chart","description":"Semrush MiniChart Component","version":"0.27.1-prerelease.2","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=ts"},"dependencies":{"@semcore/flex-box":"5.39.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/mini-chart"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/modal/lib/cjs/Modal.js

@@ -35,14 +35,14 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_6evat_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_6evat_gg_:focus{outline:0}.___SWindow_6evat_gg_ .___STitle_6evat_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_6evat_gg_ .___STitle_6evat_gg_.__color_6evat_gg_{color:var(--color_6evat)}.___SWindow_6evat_gg_ .___SClose_6evat_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_6evat_gg_ .___SClose_6evat_gg_.__ghost_6evat_gg_{right:0;top:0}.___SWindow_6evat_gg_.__ghost_6evat_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_6evat_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_6evat_gg_ .___SOverlay_6evat_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_6evat_gg_{min-width:60%}.___SOverlay_6evat_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "6evat_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_6evat_gg_",
-  "_ghost": "__ghost_6evat_gg_",
-  "__SOverlay": "___SOverlay_6evat_gg_",
-  "__STitle": "___STitle_6evat_gg_",
-  "_color": "__color_6evat_gg_",
-  "--color": "--color_6evat",
-  "__SClose": "___SClose_6evat_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_19z5y_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_19z5y_gg_:focus{outline:0}.___SWindow_19z5y_gg_ .___STitle_19z5y_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_19z5y_gg_ .___STitle_19z5y_gg_.__color_19z5y_gg_{color:var(--color_19z5y)}.___SWindow_19z5y_gg_ .___SClose_19z5y_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_19z5y_gg_ .___SClose_19z5y_gg_.__ghost_19z5y_gg_{right:0;top:0}.___SWindow_19z5y_gg_.__ghost_19z5y_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_19z5y_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_19z5y_gg_ .___SOverlay_19z5y_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_19z5y_gg_{min-width:60%}.___SOverlay_19z5y_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "19z5y_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_19z5y_gg_",
+  "_ghost": "__ghost_19z5y_gg_",
+  "__SOverlay": "___SOverlay_19z5y_gg_",
+  "__STitle": "___STitle_19z5y_gg_",
+  "_color": "__color_19z5y_gg_",
+  "--color": "--color_19z5y",
+  "__SClose": "___SClose_19z5y_gg_"
 });
 var ModalRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ModalRoot, _Component);

package/modal/lib/es6/Modal.js

@@ -23,14 +23,14 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_6evat_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_6evat_gg_:focus{outline:0}.___SWindow_6evat_gg_ .___STitle_6evat_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_6evat_gg_ .___STitle_6evat_gg_.__color_6evat_gg_{color:var(--color_6evat)}.___SWindow_6evat_gg_ .___SClose_6evat_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_6evat_gg_ .___SClose_6evat_gg_.__ghost_6evat_gg_{right:0;top:0}.___SWindow_6evat_gg_.__ghost_6evat_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_6evat_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_6evat_gg_ .___SOverlay_6evat_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_6evat_gg_{min-width:60%}.___SOverlay_6evat_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "6evat_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_6evat_gg_",
-  "_ghost": "__ghost_6evat_gg_",
-  "__SOverlay": "___SOverlay_6evat_gg_",
-  "__STitle": "___STitle_6evat_gg_",
-  "_color": "__color_6evat_gg_",
-  "--color": "--color_6evat",
-  "__SClose": "___SClose_6evat_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_19z5y_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_19z5y_gg_:focus{outline:0}.___SWindow_19z5y_gg_ .___STitle_19z5y_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_19z5y_gg_ .___STitle_19z5y_gg_.__color_19z5y_gg_{color:var(--color_19z5y)}.___SWindow_19z5y_gg_ .___SClose_19z5y_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_19z5y_gg_ .___SClose_19z5y_gg_.__ghost_19z5y_gg_{right:0;top:0}.___SWindow_19z5y_gg_.__ghost_19z5y_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_19z5y_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_19z5y_gg_ .___SOverlay_19z5y_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_19z5y_gg_{min-width:60%}.___SOverlay_19z5y_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "19z5y_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_19z5y_gg_",
+  "_ghost": "__ghost_19z5y_gg_",
+  "__SOverlay": "___SOverlay_19z5y_gg_",
+  "__STitle": "___STitle_19z5y_gg_",
+  "_color": "__color_19z5y_gg_",
+  "--color": "--color_19z5y",
+  "__SClose": "___SClose_19z5y_gg_"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';

package/modal/package.json

@@ -1 +1 @@
-{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.50.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/animation":"2.39.0","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/outside-click":"3.37.0","@semcore/portal":"3.39.0","@semcore/typography":"5.48.0","@semcore/utils":"4.44.0"},"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/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.50.1-prerelease.2","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/animation":"2.39.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/outside-click":"3.37.1-prerelease.2","@semcore/portal":"3.39.1-prerelease.2","@semcore/typography":"5.48.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/neighbor-location/package.json

@@ -1 +1 @@
-{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.37.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.44.0"},"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/neighbor-location"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.37.1-prerelease.2","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.44.1-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/neighbor-location"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice/lib/cjs/Notice.js

@@ -9,6 +9,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"));
@@ -26,20 +27,20 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/notice.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_1ks0s_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1ks0s_gg_._theme_info_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1ks0s_gg_._theme_info_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_info_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1ks0s_gg_._theme_danger_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1ks0s_gg_._theme_danger_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_danger_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1ks0s_gg_._theme_warning_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1ks0s_gg_._theme_warning_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_warning_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1ks0s_gg_._theme_success_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1ks0s_gg_._theme_success_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_success_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1ks0s_gg_._theme_muted_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1ks0s_gg_._theme_info_1ks0s_gg_,.___SNotice_1ks0s_gg_._theme_muted_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_muted_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1ks0s_gg_{flex:1 1 auto;width:100%}.___SActions_1ks0s_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1ks0s_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1ks0s_gg_._theme_danger_1ks0s_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1ks0s_gg_._theme_warning_1ks0s_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1ks0s_gg_._theme_success_1ks0s_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1ks0s_gg_._theme_muted_1ks0s_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1ks0s_gg_._theme_custom_1ks0s_gg_{color:var(--color_1ks0s)}.___SCloseIcon_1ks0s_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1ks0s_gg_._theme_custom_1ks0s_gg_{background-color:var(--backgroundColor_1ks0s);border-color:var(--backgroundColor_1ks0s)}" /*__inner_css_end__*/, "1ks0s_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1ks0s_gg_",
-  "__SContent": "___SContent_1ks0s_gg_",
-  "__SActions": "___SActions_1ks0s_gg_",
-  "__SLabel": "___SLabel_1ks0s_gg_",
-  "_theme_info": "_theme_info_1ks0s_gg_",
-  "_theme_danger": "_theme_danger_1ks0s_gg_",
-  "_theme_warning": "_theme_warning_1ks0s_gg_",
-  "_theme_success": "_theme_success_1ks0s_gg_",
-  "_theme_muted": "_theme_muted_1ks0s_gg_",
-  "_theme_custom": "_theme_custom_1ks0s_gg_",
-  "--color": "--color_1ks0s",
-  "__SCloseIcon": "___SCloseIcon_1ks0s_gg_",
-  "--backgroundColor": "--backgroundColor_1ks0s"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_1y8j6_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1y8j6_gg_._theme_info_1y8j6_gg_,.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1y8j6_gg_{flex:1 1 auto;width:100%}.___SActions_1y8j6_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1y8j6_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1y8j6_gg_._theme_danger_1y8j6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1y8j6_gg_._theme_warning_1y8j6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1y8j6_gg_._theme_success_1y8j6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1y8j6_gg_._theme_muted_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1y8j6_gg_._theme_custom_1y8j6_gg_{color:var(--color_1y8j6)}.___SCloseIcon_1y8j6_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1y8j6_gg_._theme_custom_1y8j6_gg_{background-color:var(--backgroundColor_1y8j6);border-color:var(--backgroundColor_1y8j6)}" /*__inner_css_end__*/, "1y8j6_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_1y8j6_gg_",
+  "__SContent": "___SContent_1y8j6_gg_",
+  "__SActions": "___SActions_1y8j6_gg_",
+  "__SLabel": "___SLabel_1y8j6_gg_",
+  "_theme_info": "_theme_info_1y8j6_gg_",
+  "_theme_danger": "_theme_danger_1y8j6_gg_",
+  "_theme_warning": "_theme_warning_1y8j6_gg_",
+  "_theme_success": "_theme_success_1y8j6_gg_",
+  "_theme_muted": "_theme_muted_1y8j6_gg_",
+  "_theme_custom": "_theme_custom_1y8j6_gg_",
+  "--color": "--color_1y8j6",
+  "__SCloseIcon": "___SCloseIcon_1y8j6_gg_",
+  "--backgroundColor": "--backgroundColor_1y8j6"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -48,10 +49,29 @@ var RootNotice = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootNotice, _Component);
   var _super = (0, _createSuper2["default"])(RootNotice);
   function RootNotice() {
+    var _this;
     (0, _classCallCheck2["default"])(this, RootNotice);
-    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), "ref", /*#__PURE__*/_react["default"].createRef());
+    return _this;
   }
   (0, _createClass2["default"])(RootNotice, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.ref.current && process.env.NODE_ENV !== 'production' && !['muted', 'danger'].includes(this.props.theme)) {
+        var hasTitle = function hasTitle(node) {
+          if (node.hasAttribute('aria-label')) return true;
+          if (node.hasAttribute('aria-labelledby')) return true;
+          if (node.hasAttribute('title')) return true;
+          return false;
+        };
+        _logger["default"].warn(!hasTitle(this.ref.current), "Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification", this.props['data-ui-name'] || RootNotice.displayName);
+      }
+    }
+  }, {
     key: "getLabelProps",
     value: function getLabelProps() {
       var _this$asProps = this.asProps,
@@ -92,24 +112,23 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         use = _this$asProps2.use,
         resolveColor = _this$asProps2.resolveColor,
         getI18nText = _this$asProps2.getI18nText;
-      var isAssertive = theme === 'danger' || theme === 'warning';
       var color = resolveColor(theme);
       var useTheme = isCustomTheme(theme) ? 'custom' : theme;
-      var ariaLive = isAssertive ? 'assertive' : 'polite';
-      if (theme === 'neutral') {
-        ariaLive = undefined;
-      }
       if (use === 'primary') {
         _logger["default"].warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
         return /*#__PURE__*/_react["default"].createElement(_noticeGlobal["default"], this.asProps);
       }
+      var ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');
+      if (theme === 'muted') {
+        ariaLabel = undefined;
+      }
       return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref7.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "visible": !hidden,
         "use:theme": useTheme,
         "backgroundColor": color,
         "role": 'region',
-        "aria-live": ariaLive,
-        "aria-label": getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')
+        "aria-label": ariaLabel,
+        "ref": this.ref
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
     }
   }]);

package/notice/lib/cjs/Notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","isAssertive","color","useTheme","ariaLive","undefined","logger","warn","displayName","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","Box","Actions","_ref14","_ref3","_ref9","SActions","Content","_ref15","_ref4","_ref10","SContent","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","CloseIconM","Close","_ref17","_ref6","_ref12","Button","_default","createComponent","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    let ariaLive = isAssertive ? 'assertive' : 'polite';\n    if (theme === 'neutral') {\n      ariaLive = undefined;\n    }\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-live={ariaLive}\n        aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nexport default createComponent(RootNotice, {\n  Label,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","logger","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref7","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref13","_ref2","arguments[0]","_ref8","SLabel","Box","Actions","_ref14","_ref3","_ref9","SActions","Content","_ref15","_ref4","_ref10","SContent","CloseIcon","_ref16","_ref5","_ref11","SCloseIcon","CloseIconM","Close","_ref17","_ref6","_ref12","Button","_default","createComponent","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n  static displayName = 'Notice';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-popper',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'info',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  ref = React.createRef();\n\n  componentDidMount() {\n    if (\n      this.ref.current &&\n      process.env.NODE_ENV !== 'production' &&\n      !['muted', 'danger'].includes(this.props.theme)\n    ) {\n      const hasTitle = (node) => {\n        if (node.hasAttribute('aria-label')) return true;\n        if (node.hasAttribute('aria-labelledby')) return true;\n        if (node.hasAttribute('title')) return true;\n\n        return false;\n      };\n\n      logger.warn(\n        !hasTitle(this.ref.current),\n        `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n        this.props['data-ui-name'] || RootNotice.displayName,\n      );\n    }\n  }\n\n  getLabelProps() {\n    const { theme, resolveColor } = this.asProps;\n\n    return { theme, resolveColor };\n  }\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNotice = Root;\n    const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    if (use === 'primary') {\n      logger.warn(\n        true,\n        `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n        RootNotice.displayName,\n      );\n      return <NoticeGlobal {...this.asProps} />;\n    }\n\n    let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n    if (theme === 'muted') {\n      ariaLabel = undefined;\n    }\n\n    return sstyled(styles)(\n      <SNotice\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-label={ariaLabel}\n        ref={this.ref}\n      >\n        <Children />\n      </SNotice>,\n    );\n  }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n  const SLabel = Root;\n  const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n  const color = resolveColor(theme);\n  return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Actions({ styles }) {\n  const SActions = Root;\n  return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nfunction Close({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon\n      render={Button}\n      addonLeft={CloseIconM}\n      use='tertiary'\n      theme='muted'\n      aria-label={getI18nText('close')}\n    />,\n  );\n}\n\nexport default createComponent(RootNotice, {\n  Label,\n  Actions,\n  Content,\n  CloseIcon,\n  Close,\n});\n"],"mappings":"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"}

package/notice/lib/es6/Notice.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -24,20 +25,20 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/notice.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1ks0s_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1ks0s_gg_._theme_info_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1ks0s_gg_._theme_info_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_info_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1ks0s_gg_._theme_danger_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1ks0s_gg_._theme_danger_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_danger_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1ks0s_gg_._theme_warning_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1ks0s_gg_._theme_warning_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_warning_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1ks0s_gg_._theme_success_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1ks0s_gg_._theme_success_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_success_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1ks0s_gg_._theme_muted_1ks0s_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1ks0s_gg_._theme_info_1ks0s_gg_,.___SNotice_1ks0s_gg_._theme_muted_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ks0s_gg_._theme_muted_1ks0s_gg_ .___SCloseIcon_1ks0s_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1ks0s_gg_{flex:1 1 auto;width:100%}.___SActions_1ks0s_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1ks0s_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1ks0s_gg_._theme_danger_1ks0s_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1ks0s_gg_._theme_warning_1ks0s_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1ks0s_gg_._theme_success_1ks0s_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1ks0s_gg_._theme_muted_1ks0s_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1ks0s_gg_._theme_custom_1ks0s_gg_{color:var(--color_1ks0s)}.___SCloseIcon_1ks0s_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1ks0s_gg_._theme_custom_1ks0s_gg_{background-color:var(--backgroundColor_1ks0s);border-color:var(--backgroundColor_1ks0s)}" /*__inner_css_end__*/, "1ks0s_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1ks0s_gg_",
-  "__SContent": "___SContent_1ks0s_gg_",
-  "__SActions": "___SActions_1ks0s_gg_",
-  "__SLabel": "___SLabel_1ks0s_gg_",
-  "_theme_info": "_theme_info_1ks0s_gg_",
-  "_theme_danger": "_theme_danger_1ks0s_gg_",
-  "_theme_warning": "_theme_warning_1ks0s_gg_",
-  "_theme_success": "_theme_success_1ks0s_gg_",
-  "_theme_muted": "_theme_muted_1ks0s_gg_",
-  "_theme_custom": "_theme_custom_1ks0s_gg_",
-  "--color": "--color_1ks0s",
-  "__SCloseIcon": "___SCloseIcon_1ks0s_gg_",
-  "--backgroundColor": "--backgroundColor_1ks0s"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1y8j6_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_info_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_danger_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_warning_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_success_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1y8j6_gg_._theme_info_1y8j6_gg_,.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1y8j6_gg_._theme_muted_1y8j6_gg_ .___SCloseIcon_1y8j6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1y8j6_gg_{flex:1 1 auto;width:100%}.___SActions_1y8j6_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1y8j6_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_1y8j6_gg_._theme_danger_1y8j6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1y8j6_gg_._theme_warning_1y8j6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1y8j6_gg_._theme_success_1y8j6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1y8j6_gg_._theme_muted_1y8j6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1y8j6_gg_._theme_custom_1y8j6_gg_{color:var(--color_1y8j6)}.___SCloseIcon_1y8j6_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1y8j6_gg_._theme_custom_1y8j6_gg_{background-color:var(--backgroundColor_1y8j6);border-color:var(--backgroundColor_1y8j6)}" /*__inner_css_end__*/, "1y8j6_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_1y8j6_gg_",
+  "__SContent": "___SContent_1y8j6_gg_",
+  "__SActions": "___SActions_1y8j6_gg_",
+  "__SLabel": "___SLabel_1y8j6_gg_",
+  "_theme_info": "_theme_info_1y8j6_gg_",
+  "_theme_danger": "_theme_danger_1y8j6_gg_",
+  "_theme_warning": "_theme_warning_1y8j6_gg_",
+  "_theme_success": "_theme_success_1y8j6_gg_",
+  "_theme_muted": "_theme_muted_1y8j6_gg_",
+  "_theme_custom": "_theme_custom_1y8j6_gg_",
+  "--color": "--color_1y8j6",
+  "__SCloseIcon": "___SCloseIcon_1y8j6_gg_",
+  "--backgroundColor": "--backgroundColor_1y8j6"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
@@ -46,10 +47,29 @@ var RootNotice = /*#__PURE__*/function (_Component) {
   _inherits(RootNotice, _Component);
   var _super = _createSuper(RootNotice);
   function RootNotice() {
+    var _this;
     _classCallCheck(this, RootNotice);
-    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));
+    _defineProperty(_assertThisInitialized(_this), "ref", /*#__PURE__*/React.createRef());
+    return _this;
   }
   _createClass(RootNotice, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.ref.current && process.env.NODE_ENV !== 'production' && !['muted', 'danger'].includes(this.props.theme)) {
+        var hasTitle = function hasTitle(node) {
+          if (node.hasAttribute('aria-label')) return true;
+          if (node.hasAttribute('aria-labelledby')) return true;
+          if (node.hasAttribute('title')) return true;
+          return false;
+        };
+        logger.warn(!hasTitle(this.ref.current), "Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification", this.props['data-ui-name'] || RootNotice.displayName);
+      }
+    }
+  }, {
     key: "getLabelProps",
     value: function getLabelProps() {
       var _this$asProps = this.asProps,
@@ -90,24 +110,23 @@ var RootNotice = /*#__PURE__*/function (_Component) {
         use = _this$asProps2.use,
         resolveColor = _this$asProps2.resolveColor,
         getI18nText = _this$asProps2.getI18nText;
-      var isAssertive = theme === 'danger' || theme === 'warning';
       var color = resolveColor(theme);
       var useTheme = isCustomTheme(theme) ? 'custom' : theme;
-      var ariaLive = isAssertive ? 'assertive' : 'polite';
-      if (theme === 'neutral') {
-        ariaLive = undefined;
-      }
       if (use === 'primary') {
         logger.warn(true, "Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead", RootNotice.displayName);
         return /*#__PURE__*/React.createElement(NoticeGlobal, this.asProps);
       }
+      var ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');
+      if (theme === 'muted') {
+        ariaLabel = undefined;
+      }
       return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref7.cn("SNotice", _objectSpread({}, _assignProps({
         "visible": !hidden,
         "use:theme": useTheme,
         "backgroundColor": color,
         "role": 'region',
-        "aria-live": ariaLive,
-        "aria-label": getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')
+        "aria-label": ariaLabel,
+        "ref": this.ref
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
     }
   }]);