intergalactic 15.95.0-prerelease.0 → 15.96.0-prerelease.0

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

@@ -20,13 +20,13 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _Trend2 = require("./Trend");
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_174d4{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_174d4_gg_.__loading_174d4_gg_,.___SLineGauge_174d4_gg_.__loading_174d4_gg_,.___STrendBar_174d4_gg_.__loading_174d4_gg_,.___STrendLine_174d4_gg_.__loading_174d4_gg_{animation-name:pulse_174d4;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "174d4_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_174d4_gg_",
-  "_loading": "__loading_174d4_gg_",
-  "__SDonutContainer": "___SDonutContainer_174d4_gg_",
-  "__STrendLine": "___STrendLine_174d4_gg_",
-  "__STrendBar": "___STrendBar_174d4_gg_",
-  "@pulse": "pulse_174d4"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1tjcn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1tjcn_gg_.__loading_1tjcn_gg_,.___SLineGauge_1tjcn_gg_.__loading_1tjcn_gg_,.___STrendBar_1tjcn_gg_.__loading_1tjcn_gg_,.___STrendLine_1tjcn_gg_.__loading_1tjcn_gg_{animation-name:pulse_1tjcn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1tjcn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1tjcn_gg_",
+  "_loading": "__loading_1tjcn_gg_",
+  "__SDonutContainer": "___SDonutContainer_1tjcn_gg_",
+  "__STrendLine": "___STrendLine_1tjcn_gg_",
+  "__STrendBar": "___STrendBar_1tjcn_gg_",
+  "@pulse": "pulse_1tjcn"
 });
 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_1exr8{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1exr8_gg_.__loading_1exr8_gg_,.___SLineGauge_1exr8_gg_.__loading_1exr8_gg_,.___STrendBar_1exr8_gg_.__loading_1exr8_gg_,.___STrendLine_1exr8_gg_.__loading_1exr8_gg_{animation-name:pulse_1exr8;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1exr8_gg_.__semi_1exr8_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1exr8_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1exr8_gg_.__animate_1exr8_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "1exr8_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1exr8_gg_",
-  "_loading": "__loading_1exr8_gg_",
-  "__SDonutContainer": "___SDonutContainer_1exr8_gg_",
-  "__STrendLine": "___STrendLine_1exr8_gg_",
-  "__STrendBar": "___STrendBar_1exr8_gg_",
-  "@pulse": "pulse_1exr8",
-  "_animate": "__animate_1exr8_gg_",
-  "_semi": "__semi_1exr8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_vghdv{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_vghdv_gg_.__loading_vghdv_gg_,.___SLineGauge_vghdv_gg_.__loading_vghdv_gg_,.___STrendBar_vghdv_gg_.__loading_vghdv_gg_,.___STrendLine_vghdv_gg_.__loading_vghdv_gg_{animation-name:pulse_vghdv;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_vghdv_gg_.__semi_vghdv_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_vghdv_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_vghdv_gg_.__animate_vghdv_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "vghdv_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_vghdv_gg_",
+  "_loading": "__loading_vghdv_gg_",
+  "__SDonutContainer": "___SDonutContainer_vghdv_gg_",
+  "__STrendLine": "___STrendLine_vghdv_gg_",
+  "__STrendBar": "___STrendBar_vghdv_gg_",
+  "@pulse": "pulse_vghdv",
+  "_animate": "__animate_vghdv_gg_",
+  "_semi": "__semi_vghdv_gg_"
 });
 var DonutRoot = /*#__PURE__*/function (_Component) {
   _inherits(DonutRoot, _Component);

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

@@ -11,23 +11,23 @@ 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_1xgk4{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1xgk4{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.___SDonutContainer_1xgk4_gg_.__loading_1xgk4_gg_,.___SLineGauge_1xgk4_gg_.__loading_1xgk4_gg_,.___STrendBar_1xgk4_gg_.__loading_1xgk4_gg_,.___STrendLine_1xgk4_gg_.__loading_1xgk4_gg_{animation-name:pulse_1xgk4;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1xgk4_gg_{height:8px;background-color:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineGauge_1xgk4_gg_.__animate_1xgk4_gg_ .___SLineValue_1xgk4_gg_{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1xgk4;animation-duration:.5s;animation-timing-function:ease-in-out}.___SLineValue_1xgk4_gg_{height:8px;background-color:var(--intergalactic-chart-palette-order-1, #2bb3ff);border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1xgk4_gg_.__percent_1xgk4_gg_{width:var(--percent_1xgk4)}.___SLineValue_1xgk4_gg_.__color_1xgk4_gg_{background-color:var(--color_1xgk4, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1xgk4_gg_.__segments_1xgk4_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGauge_1xgk4_gg_.__segments_1xgk4_gg_ .___SLineValue_1xgk4_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)0 0 var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGaugeSegment_1xgk4_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1xgk4_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1xgk4_gg_{height:8px;background:0 0;margin-right:1px;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}" /*__inner_css_end__*/, "1xgk4_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1xgk4_gg_",
-  "_loading": "__loading_1xgk4_gg_",
-  "__SDonutContainer": "___SDonutContainer_1xgk4_gg_",
-  "__STrendLine": "___STrendLine_1xgk4_gg_",
-  "__STrendBar": "___STrendBar_1xgk4_gg_",
-  "@pulse": "pulse_1xgk4",
-  "_animate": "__animate_1xgk4_gg_",
-  "__SLineValue": "___SLineValue_1xgk4_gg_",
-  "_percent": "__percent_1xgk4_gg_",
-  "--percent": "--percent_1xgk4",
-  "_color": "__color_1xgk4_gg_",
-  "--color": "--color_1xgk4",
-  "_segments": "__segments_1xgk4_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_1xgk4_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_1xgk4_gg_",
-  "@move-line": "move-line_1xgk4"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_ue65n{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_ue65n{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.___SDonutContainer_ue65n_gg_.__loading_ue65n_gg_,.___SLineGauge_ue65n_gg_.__loading_ue65n_gg_,.___STrendBar_ue65n_gg_.__loading_ue65n_gg_,.___STrendLine_ue65n_gg_.__loading_ue65n_gg_{animation-name:pulse_ue65n;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_ue65n_gg_{height:8px;background-color:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineGauge_ue65n_gg_.__animate_ue65n_gg_ .___SLineValue_ue65n_gg_{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_ue65n;animation-duration:.5s;animation-timing-function:ease-in-out}.___SLineValue_ue65n_gg_{height:8px;background-color:var(--intergalactic-chart-palette-order-1, #2bb3ff);border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_ue65n_gg_.__percent_ue65n_gg_{width:var(--percent_ue65n)}.___SLineValue_ue65n_gg_.__color_ue65n_gg_{background-color:var(--color_ue65n, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_ue65n_gg_.__segments_ue65n_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGauge_ue65n_gg_.__segments_ue65n_gg_ .___SLineValue_ue65n_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)0 0 var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGaugeSegment_ue65n_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_ue65n_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_ue65n_gg_{height:8px;background:0 0;margin-right:1px;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}" /*__inner_css_end__*/, "ue65n_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_ue65n_gg_",
+  "_loading": "__loading_ue65n_gg_",
+  "__SDonutContainer": "___SDonutContainer_ue65n_gg_",
+  "__STrendLine": "___STrendLine_ue65n_gg_",
+  "__STrendBar": "___STrendBar_ue65n_gg_",
+  "@pulse": "pulse_ue65n",
+  "_animate": "__animate_ue65n_gg_",
+  "__SLineValue": "___SLineValue_ue65n_gg_",
+  "_percent": "__percent_ue65n_gg_",
+  "--percent": "--percent_ue65n",
+  "_color": "__color_ue65n_gg_",
+  "--color": "--color_ue65n",
+  "_segments": "__segments_ue65n_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_ue65n_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_ue65n_gg_",
+  "@move-line": "move-line_ue65n"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

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

@@ -12,13 +12,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_174d4{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_174d4_gg_.__loading_174d4_gg_,.___SLineGauge_174d4_gg_.__loading_174d4_gg_,.___STrendBar_174d4_gg_.__loading_174d4_gg_,.___STrendLine_174d4_gg_.__loading_174d4_gg_{animation-name:pulse_174d4;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "174d4_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_174d4_gg_",
-  "_loading": "__loading_174d4_gg_",
-  "__SDonutContainer": "___SDonutContainer_174d4_gg_",
-  "__STrendLine": "___STrendLine_174d4_gg_",
-  "__STrendBar": "___STrendBar_174d4_gg_",
-  "@pulse": "pulse_174d4"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1tjcn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1tjcn_gg_.__loading_1tjcn_gg_,.___SLineGauge_1tjcn_gg_.__loading_1tjcn_gg_,.___STrendBar_1tjcn_gg_.__loading_1tjcn_gg_,.___STrendLine_1tjcn_gg_.__loading_1tjcn_gg_{animation-name:pulse_1tjcn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1tjcn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1tjcn_gg_",
+  "_loading": "__loading_1tjcn_gg_",
+  "__SDonutContainer": "___SDonutContainer_1tjcn_gg_",
+  "__STrendLine": "___STrendLine_1tjcn_gg_",
+  "__STrendBar": "___STrendBar_1tjcn_gg_",
+  "@pulse": "pulse_1tjcn"
 });
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   _inherits(TrendBarRoot, _Trend);

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

@@ -13,13 +13,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_174d4{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_174d4_gg_.__loading_174d4_gg_,.___SLineGauge_174d4_gg_.__loading_174d4_gg_,.___STrendBar_174d4_gg_.__loading_174d4_gg_,.___STrendLine_174d4_gg_.__loading_174d4_gg_{animation-name:pulse_174d4;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "174d4_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_174d4_gg_",
-  "_loading": "__loading_174d4_gg_",
-  "__SDonutContainer": "___SDonutContainer_174d4_gg_",
-  "__STrendLine": "___STrendLine_174d4_gg_",
-  "__STrendBar": "___STrendBar_174d4_gg_",
-  "@pulse": "pulse_174d4"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1tjcn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1tjcn_gg_.__loading_1tjcn_gg_,.___SLineGauge_1tjcn_gg_.__loading_1tjcn_gg_,.___STrendBar_1tjcn_gg_.__loading_1tjcn_gg_,.___STrendLine_1tjcn_gg_.__loading_1tjcn_gg_{animation-name:pulse_1tjcn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1tjcn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1tjcn_gg_",
+  "_loading": "__loading_1tjcn_gg_",
+  "__SDonutContainer": "___SDonutContainer_1tjcn_gg_",
+  "__STrendLine": "___STrendLine_1tjcn_gg_",
+  "__STrendBar": "___STrendBar_1tjcn_gg_",
+  "@pulse": "pulse_1tjcn"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   _inherits(TrendLineRoot, _Trend);

package/modal/lib/cjs/Modal.js

@@ -34,15 +34,15 @@ var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 /*__reshadow-styles__:"./style/modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_1raky_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_1raky_gg_:focus{outline:0}.___SWindow_1raky_gg_ .___STitle_1raky_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)}.___SWindow_1raky_gg_ .___STitle_1raky_gg_.__color_1raky_gg_{color:var(--color_1raky)}.___SWindow_1raky_gg_.__ghost_1raky_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1raky_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;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1raky_gg_ .___SOverlay_1raky_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1raky_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1raky_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1raky_gg_.__ghost_1raky_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_1raky_gg_.__ghost_1raky_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_1raky_gg_.__keyboardFocused_1raky_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_1raky_gg_{min-width:60%}.___SOverlay_1raky_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1raky_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_1raky_gg_",
-  "_ghost": "__ghost_1raky_gg_",
-  "__SClose": "___SClose_1raky_gg_",
-  "_keyboardFocused": "__keyboardFocused_1raky_gg_",
-  "__SOverlay": "___SOverlay_1raky_gg_",
-  "__STitle": "___STitle_1raky_gg_",
-  "_color": "__color_1raky_gg_",
-  "--color": "--color_1raky"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_3z8ug_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_3z8ug_gg_:focus{outline:0}.___SWindow_3z8ug_gg_ .___STitle_3z8ug_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)}.___SWindow_3z8ug_gg_ .___STitle_3z8ug_gg_.__color_3z8ug_gg_{color:var(--color_3z8ug)}.___SWindow_3z8ug_gg_.__ghost_3z8ug_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_3z8ug_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;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_3z8ug_gg_ .___SOverlay_3z8ug_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_3z8ug_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_3z8ug_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_3z8ug_gg_.__ghost_3z8ug_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_3z8ug_gg_.__ghost_3z8ug_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_3z8ug_gg_.__keyboardFocused_3z8ug_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_3z8ug_gg_{min-width:60%}.___SOverlay_3z8ug_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "3z8ug_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_3z8ug_gg_",
+  "_ghost": "__ghost_3z8ug_gg_",
+  "__SClose": "___SClose_3z8ug_gg_",
+  "_keyboardFocused": "__keyboardFocused_3z8ug_gg_",
+  "__SOverlay": "___SOverlay_3z8ug_gg_",
+  "__STitle": "___STitle_3z8ug_gg_",
+  "_color": "__color_3z8ug_gg_",
+  "--color": "--color_3z8ug"
 });
 var ModalRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ModalRoot, _Component);

package/modal/lib/es6/Modal.js

@@ -23,15 +23,15 @@ 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_1raky_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_1raky_gg_:focus{outline:0}.___SWindow_1raky_gg_ .___STitle_1raky_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)}.___SWindow_1raky_gg_ .___STitle_1raky_gg_.__color_1raky_gg_{color:var(--color_1raky)}.___SWindow_1raky_gg_.__ghost_1raky_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1raky_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;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1raky_gg_ .___SOverlay_1raky_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1raky_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1raky_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1raky_gg_.__ghost_1raky_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_1raky_gg_.__ghost_1raky_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_1raky_gg_.__keyboardFocused_1raky_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_1raky_gg_{min-width:60%}.___SOverlay_1raky_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1raky_gg_") /*__reshadow_css_end__*/, {
-  "__SWindow": "___SWindow_1raky_gg_",
-  "_ghost": "__ghost_1raky_gg_",
-  "__SClose": "___SClose_1raky_gg_",
-  "_keyboardFocused": "__keyboardFocused_1raky_gg_",
-  "__SOverlay": "___SOverlay_1raky_gg_",
-  "__STitle": "___STitle_1raky_gg_",
-  "_color": "__color_1raky_gg_",
-  "--color": "--color_1raky"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_3z8ug_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_3z8ug_gg_:focus{outline:0}.___SWindow_3z8ug_gg_ .___STitle_3z8ug_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)}.___SWindow_3z8ug_gg_ .___STitle_3z8ug_gg_.__color_3z8ug_gg_{color:var(--color_3z8ug)}.___SWindow_3z8ug_gg_.__ghost_3z8ug_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_3z8ug_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;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_3z8ug_gg_ .___SOverlay_3z8ug_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_3z8ug_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_3z8ug_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_3z8ug_gg_.__ghost_3z8ug_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_3z8ug_gg_.__ghost_3z8ug_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_3z8ug_gg_.__keyboardFocused_3z8ug_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (max-width:767px){.___SWindow_3z8ug_gg_{min-width:60%}.___SOverlay_3z8ug_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "3z8ug_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_3z8ug_gg_",
+  "_ghost": "__ghost_3z8ug_gg_",
+  "__SClose": "___SClose_3z8ug_gg_",
+  "_keyboardFocused": "__keyboardFocused_3z8ug_gg_",
+  "__SOverlay": "___SOverlay_3z8ug_gg_",
+  "__STitle": "___STitle_3z8ug_gg_",
+  "_color": "__color_3z8ug_gg_",
+  "--color": "--color_3z8ug"
 });
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';

package/notice/index.d.ts

@@ -3,7 +3,7 @@ import { Box, BoxProps } from 'intergalactic/flex-box';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
 
-export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | string;
+export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info';
 export type NoticeUse = 'primary' | 'secondary';
 
 /** @deprecated */

package/notice/lib/cjs/Notice.js

@@ -25,19 +25,19 @@ 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_1hq4b_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_1hq4b_gg_._theme_info_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1hq4b_gg_._theme_info_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_info_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1hq4b_gg_._theme_danger_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1hq4b_gg_._theme_danger_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_danger_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1hq4b_gg_._theme_warning_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1hq4b_gg_._theme_warning_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_warning_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1hq4b_gg_._theme_success_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1hq4b_gg_._theme_success_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_success_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_1hq4b_gg_{flex:1 1 auto;width:100%}.___SActions_1hq4b_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1hq4b_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1hq4b_gg_._theme_info_1hq4b_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1hq4b_gg_._theme_danger_1hq4b_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1hq4b_gg_._theme_warning_1hq4b_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1hq4b_gg_._theme_success_1hq4b_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1hq4b_gg_._theme_custom_1hq4b_gg_{color:var(--color_1hq4b)}.___SCloseIcon_1hq4b_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1hq4b_gg_._theme_custom_1hq4b_gg_{background-color:var(--backgroundColor_1hq4b);border-color:var(--backgroundColor_1hq4b)}" /*__inner_css_end__*/, "1hq4b_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1hq4b_gg_",
-  "__SContent": "___SContent_1hq4b_gg_",
-  "__SActions": "___SActions_1hq4b_gg_",
-  "__SLabel": "___SLabel_1hq4b_gg_",
-  "_theme_info": "_theme_info_1hq4b_gg_",
-  "_theme_danger": "_theme_danger_1hq4b_gg_",
-  "_theme_warning": "_theme_warning_1hq4b_gg_",
-  "_theme_success": "_theme_success_1hq4b_gg_",
-  "_theme_custom": "_theme_custom_1hq4b_gg_",
-  "--color": "--color_1hq4b",
-  "__SCloseIcon": "___SCloseIcon_1hq4b_gg_",
-  "--backgroundColor": "--backgroundColor_1hq4b"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_u1iwk_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_u1iwk_gg_._theme_info_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_u1iwk_gg_._theme_info_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_info_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_u1iwk_gg_{flex:1 1 auto;width:100%}.___SActions_u1iwk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_u1iwk_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_u1iwk_gg_._theme_info_u1iwk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_u1iwk_gg_._theme_danger_u1iwk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_u1iwk_gg_._theme_warning_u1iwk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_u1iwk_gg_._theme_success_u1iwk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_u1iwk_gg_._theme_custom_u1iwk_gg_{color:var(--color_u1iwk)}.___SCloseIcon_u1iwk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_u1iwk_gg_._theme_custom_u1iwk_gg_{background-color:var(--backgroundColor_u1iwk);border-color:var(--backgroundColor_u1iwk)}" /*__inner_css_end__*/, "u1iwk_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_u1iwk_gg_",
+  "__SContent": "___SContent_u1iwk_gg_",
+  "__SActions": "___SActions_u1iwk_gg_",
+  "__SLabel": "___SLabel_u1iwk_gg_",
+  "_theme_info": "_theme_info_u1iwk_gg_",
+  "_theme_danger": "_theme_danger_u1iwk_gg_",
+  "_theme_warning": "_theme_warning_u1iwk_gg_",
+  "_theme_success": "_theme_success_u1iwk_gg_",
+  "_theme_custom": "_theme_custom_u1iwk_gg_",
+  "--color": "--color_u1iwk",
+  "__SCloseIcon": "___SCloseIcon_u1iwk_gg_",
+  "--backgroundColor": "--backgroundColor_u1iwk"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info'].includes(theme);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | string;\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close icon\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close icon\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}

package/notice/lib/es6/Notice.js

@@ -22,19 +22,19 @@ 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_1hq4b_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_1hq4b_gg_._theme_info_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1hq4b_gg_._theme_info_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_info_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1hq4b_gg_._theme_danger_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1hq4b_gg_._theme_danger_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_danger_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1hq4b_gg_._theme_warning_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1hq4b_gg_._theme_warning_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_warning_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1hq4b_gg_._theme_success_1hq4b_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1hq4b_gg_._theme_success_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1hq4b_gg_._theme_success_1hq4b_gg_ .___SCloseIcon_1hq4b_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_1hq4b_gg_{flex:1 1 auto;width:100%}.___SActions_1hq4b_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1hq4b_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_1hq4b_gg_._theme_info_1hq4b_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1hq4b_gg_._theme_danger_1hq4b_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1hq4b_gg_._theme_warning_1hq4b_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1hq4b_gg_._theme_success_1hq4b_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1hq4b_gg_._theme_custom_1hq4b_gg_{color:var(--color_1hq4b)}.___SCloseIcon_1hq4b_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1hq4b_gg_._theme_custom_1hq4b_gg_{background-color:var(--backgroundColor_1hq4b);border-color:var(--backgroundColor_1hq4b)}" /*__inner_css_end__*/, "1hq4b_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_1hq4b_gg_",
-  "__SContent": "___SContent_1hq4b_gg_",
-  "__SActions": "___SActions_1hq4b_gg_",
-  "__SLabel": "___SLabel_1hq4b_gg_",
-  "_theme_info": "_theme_info_1hq4b_gg_",
-  "_theme_danger": "_theme_danger_1hq4b_gg_",
-  "_theme_warning": "_theme_warning_1hq4b_gg_",
-  "_theme_success": "_theme_success_1hq4b_gg_",
-  "_theme_custom": "_theme_custom_1hq4b_gg_",
-  "--color": "--color_1hq4b",
-  "__SCloseIcon": "___SCloseIcon_1hq4b_gg_",
-  "--backgroundColor": "--backgroundColor_1hq4b"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_u1iwk_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_u1iwk_gg_._theme_info_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_u1iwk_gg_._theme_info_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_info_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_danger_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_warning_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_u1iwk_gg_._theme_success_u1iwk_gg_ .___SCloseIcon_u1iwk_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_u1iwk_gg_{flex:1 1 auto;width:100%}.___SActions_u1iwk_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_u1iwk_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_u1iwk_gg_._theme_info_u1iwk_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_u1iwk_gg_._theme_danger_u1iwk_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_u1iwk_gg_._theme_warning_u1iwk_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_u1iwk_gg_._theme_success_u1iwk_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_u1iwk_gg_._theme_custom_u1iwk_gg_{color:var(--color_u1iwk)}.___SCloseIcon_u1iwk_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_u1iwk_gg_._theme_custom_u1iwk_gg_{background-color:var(--backgroundColor_u1iwk);border-color:var(--backgroundColor_u1iwk)}" /*__inner_css_end__*/, "u1iwk_gg_") /*__reshadow_css_end__*/, {
+  "__SNotice": "___SNotice_u1iwk_gg_",
+  "__SContent": "___SContent_u1iwk_gg_",
+  "__SActions": "___SActions_u1iwk_gg_",
+  "__SLabel": "___SLabel_u1iwk_gg_",
+  "_theme_info": "_theme_info_u1iwk_gg_",
+  "_theme_danger": "_theme_danger_u1iwk_gg_",
+  "_theme_warning": "_theme_warning_u1iwk_gg_",
+  "_theme_success": "_theme_success_u1iwk_gg_",
+  "_theme_custom": "_theme_custom_u1iwk_gg_",
+  "--color": "--color_u1iwk",
+  "__SCloseIcon": "___SCloseIcon_u1iwk_gg_",
+  "--backgroundColor": "--backgroundColor_u1iwk"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info'].includes(theme);

package/notice/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | string;\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close icon\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\nimport { FadeInOutProps } from '@semcore/animation';\n\nexport type NoticeTheme = 'danger' | 'warning' | 'success' | 'info';\nexport type NoticeUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface INoticeProps extends NoticeProps, UnknownProperties {}\nexport type NoticeProps = BoxProps &\n  FadeInOutProps & {\n    /** Property for managing visibility of Notice */\n    hidden?: boolean;\n    /** Notice type\n     * @deprecated since version ^4.1.0\n     */\n    use?: NoticeUse;\n    /**\n     * Notice theme\n     * @default info\n     */\n    theme?: NoticeTheme;\n    /** Duration of animation, ms\n     * @default 250\n     */\n    duration?: number;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeLabelProps extends NoticeLabelProps, UnknownProperties {}\nexport type NoticeLabelProps = BoxProps & {\n  theme?: NoticeTheme;\n};\n\n/** @deprecated */\nexport interface INoticeContext extends NoticeContext, UnknownProperties {}\nexport type NoticeContext = {\n  getLabelProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface INoticeSmartProps extends NoticeSmartProps, UnknownProperties {}\nexport type NoticeSmartProps = NoticeProps & {\n  /**\n   * A custom element for additional information\n   */\n  label?: React.ReactNode;\n  /**\n   * Custom action element\n   */\n  actions?: React.ReactNode;\n  /**\n   *  Adds a Close icon\n   */\n  closable?: boolean;\n  /**\n   * Callback on a click on the close button\n   */\n  onClose?: (event: React.SyntheticEvent) => void;\n};\n\ndeclare const Notice: Intergalactic.Component<'div', NoticeProps, NoticeContext> & {\n  Label: Intergalactic.Component<'div', NoticeLabelProps>;\n  Actions: typeof Box;\n  Content: typeof Box;\n  CloseIcon: Intergalactic.Component<'div', IconProps>;\n};\n\ndeclare const NoticeSmart: Intergalactic.Component<'div', NoticeSmartProps>;\n\nexport { NoticeSmart };\nexport default Notice;\n"],"mappings":""}

package/notice/lib/types/index.d.ts

@@ -3,7 +3,7 @@ import { Box, BoxProps } from 'intergalactic/flex-box';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
 
-export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info' | string;
+export type NoticeTheme = 'danger' | 'warning' | 'success' | 'info';
 export type NoticeUse = 'primary' | 'secondary';
 
 /** @deprecated */

package/notice-bubble/lib/cjs/NoticeBubble.js

@@ -33,18 +33,18 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 var _ref5 = require("intergalactic/utils/lib/ref");
 var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_ppoei{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_ppoei{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_ppoei_gg_,.___SView_ppoei_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_ppoei_gg_._type_info_ppoei_gg_,.___SView_ppoei_gg_._type_info_ppoei_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_ppoei_gg_._type_warning_ppoei_gg_,.___SView_ppoei_gg_._type_warning_ppoei_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_ppoei_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_ppoei_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_ppoei_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff);border:0;background:0 0}@media (hover:hover){.___SDismiss_ppoei_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_ppoei_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_ppoei_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_ppoei_gg_.__disablePortal_ppoei_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_ppoei_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "ppoei_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_ppoei_gg_",
-  "__SMessage": "___SMessage_ppoei_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_ppoei_gg_",
-  "_disablePortal": "__disablePortal_ppoei_gg_",
-  "@enter": "enter_ppoei",
-  "@exit": "exit_ppoei",
-  "__SBubble": "___SBubble_ppoei_gg_",
-  "__SView": "___SView_ppoei_gg_",
-  "_type_info": "_type_info_ppoei_gg_",
-  "_type_warning": "_type_warning_ppoei_gg_",
-  "__SDismiss": "___SDismiss_ppoei_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_357r9{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_357r9{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_357r9_gg_,.___SView_357r9_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_357r9_gg_._type_info_357r9_gg_,.___SView_357r9_gg_._type_info_357r9_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_357r9_gg_._type_warning_357r9_gg_,.___SView_357r9_gg_._type_warning_357r9_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_357r9_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_357r9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_357r9_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff);border:0;background:0 0}@media (hover:hover){.___SDismiss_357r9_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_357r9_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_357r9_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_357r9_gg_.__disablePortal_357r9_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_357r9_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "357r9_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_357r9_gg_",
+  "__SMessage": "___SMessage_357r9_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_357r9_gg_",
+  "_disablePortal": "__disablePortal_357r9_gg_",
+  "@enter": "enter_357r9",
+  "@exit": "exit_357r9",
+  "__SBubble": "___SBubble_357r9_gg_",
+  "__SView": "___SView_357r9_gg_",
+  "_type_info": "_type_info_357r9_gg_",
+  "_type_warning": "_type_warning_357r9_gg_",
+  "__SDismiss": "___SDismiss_357r9_gg_"
 });
 var Notices = function Notices(props) {
   var styles = props.styles,

package/notice-bubble/lib/es6/NoticeBubble.js

@@ -25,18 +25,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
 /*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_ppoei{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_ppoei{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_ppoei_gg_,.___SView_ppoei_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_ppoei_gg_._type_info_ppoei_gg_,.___SView_ppoei_gg_._type_info_ppoei_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_ppoei_gg_._type_warning_ppoei_gg_,.___SView_ppoei_gg_._type_warning_ppoei_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_ppoei_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_ppoei_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_ppoei_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff);border:0;background:0 0}@media (hover:hover){.___SDismiss_ppoei_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_ppoei_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_ppoei_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_ppoei_gg_.__disablePortal_ppoei_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_ppoei_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "ppoei_gg_") /*__reshadow_css_end__*/, {
-  "__SContent": "___SContent_ppoei_gg_",
-  "__SMessage": "___SMessage_ppoei_gg_",
-  "__SNoticeBubble": "___SNoticeBubble_ppoei_gg_",
-  "_disablePortal": "__disablePortal_ppoei_gg_",
-  "@enter": "enter_ppoei",
-  "@exit": "exit_ppoei",
-  "__SBubble": "___SBubble_ppoei_gg_",
-  "__SView": "___SView_ppoei_gg_",
-  "_type_info": "_type_info_ppoei_gg_",
-  "_type_warning": "_type_warning_ppoei_gg_",
-  "__SDismiss": "___SDismiss_ppoei_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_357r9{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_357r9{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_357r9_gg_,.___SView_357r9_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_357r9_gg_._type_info_357r9_gg_,.___SView_357r9_gg_._type_info_357r9_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_357r9_gg_._type_warning_357r9_gg_,.___SView_357r9_gg_._type_warning_357r9_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_357r9_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_357r9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_357r9_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff);border:0;background:0 0}@media (hover:hover){.___SDismiss_357r9_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_357r9_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_357r9_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_357r9_gg_.__disablePortal_357r9_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_357r9_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "357r9_gg_") /*__reshadow_css_end__*/, {
+  "__SContent": "___SContent_357r9_gg_",
+  "__SMessage": "___SMessage_357r9_gg_",
+  "__SNoticeBubble": "___SNoticeBubble_357r9_gg_",
+  "_disablePortal": "__disablePortal_357r9_gg_",
+  "@enter": "enter_357r9",
+  "@exit": "exit_357r9",
+  "__SBubble": "___SBubble_357r9_gg_",
+  "__SView": "___SView_357r9_gg_",
+  "_type_info": "_type_info_357r9_gg_",
+  "_type_warning": "_type_warning_357r9_gg_",
+  "__SDismiss": "___SDismiss_357r9_gg_"
 });
 import { forkRef } from 'intergalactic/utils/lib/ref';
 var Notices = function Notices(props) {

package/notice-global/index.d.ts

@@ -3,7 +3,7 @@ import { Flex } from 'intergalactic/flex-box';
 import { IconProps } from 'intergalactic/icon';
 import { FadeInOutProps } from 'intergalactic/animation';
 
-export type NoticeGlobalTheme = 'danger' | 'warning' | 'success' | 'info' | 'neutral' | string;
+export type NoticeGlobalTheme = 'danger' | 'warning' | 'success' | 'info' | 'neutral';
 
 /** @deprecated */
 export interface INoticeGlobalProps extends NoticeGlobalProps, UnknownProperties {}

package/notice-global/lib/cjs/NoticeGlobal.js

@@ -23,18 +23,19 @@ var _findComponent = require("intergalactic/utils/lib/findComponent");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
+var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/notice-global.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_tqani_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_tqani_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_tqani_gg_:hover{cursor:pointer}}.___SNoticeGlobal_tqani_gg_._theme_neutral_tqani_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_tqani_gg_._theme_info_tqani_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_tqani_gg_._theme_danger_tqani_gg_ .___SCloseIcon_tqani_gg_,.___SNoticeGlobal_tqani_gg_._theme_info_tqani_gg_ .___SCloseIcon_tqani_gg_,.___SNoticeGlobal_tqani_gg_._theme_success_tqani_gg_ .___SCloseIcon_tqani_gg_,.___SNoticeGlobal_tqani_gg_._theme_warning_tqani_gg_ .___SCloseIcon_tqani_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_tqani_gg_._theme_info_tqani_gg_ .___SCloseIcon_tqani_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_tqani_gg_._theme_danger_tqani_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_tqani_gg_._theme_danger_tqani_gg_ .___SCloseIcon_tqani_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_tqani_gg_._theme_warning_tqani_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_tqani_gg_._theme_warning_tqani_gg_ .___SCloseIcon_tqani_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_tqani_gg_._theme_success_tqani_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_tqani_gg_._theme_success_tqani_gg_ .___SCloseIcon_tqani_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_tqani_gg_._theme_custom_tqani_gg_{background-color:var(--backgroundColor_tqani)}.___SContent_tqani_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "tqani_gg_") /*__reshadow_css_end__*/, {
-  "__SNoticeGlobal": "___SNoticeGlobal_tqani_gg_",
-  "_theme_neutral": "_theme_neutral_tqani_gg_",
-  "_theme_custom": "_theme_custom_tqani_gg_",
-  "--backgroundColor": "--backgroundColor_tqani",
-  "__SContent": "___SContent_tqani_gg_",
-  "__SCloseIcon": "___SCloseIcon_tqani_gg_",
-  "_theme_info": "_theme_info_tqani_gg_",
-  "_theme_danger": "_theme_danger_tqani_gg_",
-  "_theme_warning": "_theme_warning_tqani_gg_",
-  "_theme_success": "_theme_success_tqani_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1eeuv_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1eeuv_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1eeuv_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1eeuv_gg_._theme_neutral_1eeuv_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1eeuv_gg_._theme_info_1eeuv_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1eeuv_gg_._theme_danger_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_,.___SNoticeGlobal_1eeuv_gg_._theme_info_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_,.___SNoticeGlobal_1eeuv_gg_._theme_success_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_,.___SNoticeGlobal_1eeuv_gg_._theme_warning_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1eeuv_gg_._theme_info_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1eeuv_gg_._theme_danger_1eeuv_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1eeuv_gg_._theme_danger_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1eeuv_gg_._theme_warning_1eeuv_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1eeuv_gg_._theme_warning_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1eeuv_gg_._theme_success_1eeuv_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1eeuv_gg_._theme_success_1eeuv_gg_ .___SCloseIcon_1eeuv_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1eeuv_gg_._theme_custom_1eeuv_gg_{background-color:var(--backgroundColor_1eeuv)}.___SContent_1eeuv_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1eeuv_gg_") /*__reshadow_css_end__*/, {
+  "__SNoticeGlobal": "___SNoticeGlobal_1eeuv_gg_",
+  "_theme_neutral": "_theme_neutral_1eeuv_gg_",
+  "_theme_custom": "_theme_custom_1eeuv_gg_",
+  "--backgroundColor": "--backgroundColor_1eeuv",
+  "__SContent": "___SContent_1eeuv_gg_",
+  "__SCloseIcon": "___SCloseIcon_1eeuv_gg_",
+  "_theme_info": "_theme_info_1eeuv_gg_",
+  "_theme_danger": "_theme_danger_1eeuv_gg_",
+  "_theme_warning": "_theme_warning_1eeuv_gg_",
+  "_theme_success": "_theme_success_1eeuv_gg_"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);
@@ -77,7 +78,7 @@ var NoticeGlobalRoot = /*#__PURE__*/function (_Component) {
         "visible": !hidden,
         "use:theme": useTheme,
         "backgroundColor": color,
-        "role": 'status',
+        "role": 'region',
         "aria-live": isAssertive ? 'assertive' : 'polite'
       }, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(NoticeGlobal.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), closable && /*#__PURE__*/_react["default"].createElement(NoticeGlobal.CloseIcon, {
         onClick: onClose
@@ -118,6 +119,7 @@ function CloseIcon(_ref8) {
     "aria-label": getI18nText('close')
   }, _ref3))));
 }
+CloseIcon.enhance = [(0, _keyboardFocusEnhance["default"])()];
 var NoticeGlobal = (0, _core["default"])(NoticeGlobalRoot, {
   Content: Content,
   CloseIcon: CloseIcon

package/notice-global/lib/cjs/NoticeGlobal.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoticeGlobal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","style","_index","sstyled","insert","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","FadeInOut","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","isAdvanceMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread2","assignProps","CloseIcon","onClick","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","Flex","_ref8","_ref3","_ref6","SCloseIcon","Box","Close","createComponent","_default","exports"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Close from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\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-global.shadow.css';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n  static displayName = 'NoticeGlobal';\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: 'neutral',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNoticeGlobal = Root;\n    const { Children, styles, hidden, theme, closable, onClose, forcedAdvancedMode, resolveColor } =\n      this.asProps;\n    const isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n    return sstyled(styles)(\n      <SNoticeGlobal\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='status'\n        aria-live={isAssertive ? 'assertive' : 'polite'}\n      >\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <NoticeGlobal.Content>\n            <Children />\n          </NoticeGlobal.Content>\n        )}\n        {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n      </SNoticeGlobal>,\n    );\n  }\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Flex} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={Close} interactive aria-label={getI18nText('close')} />,\n  );\n}\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n  Content,\n  CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}
+{"version":3,"file":"NoticeGlobal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_keyboardFocusEnhance","style","_index","sstyled","insert","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","FadeInOut","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","isAdvanceMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread2","assignProps","CloseIcon","onClick","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","Flex","_ref8","_ref3","_ref6","SCloseIcon","Box","Close","enhance","keyboardFocusEnhance","createComponent","_default","exports"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Close from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\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-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n  return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n  static displayName = 'NoticeGlobal';\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: 'neutral',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  getCloseIconProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const SNoticeGlobal = Root;\n    const { Children, styles, hidden, theme, closable, onClose, forcedAdvancedMode, resolveColor } =\n      this.asProps;\n    const isAssertive = theme === 'danger' || theme === 'warning';\n    const color = resolveColor(theme);\n    const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n    const advancedMode =\n      forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n    return sstyled(styles)(\n      <SNoticeGlobal\n        render={FadeInOut}\n        visible={!hidden}\n        use:theme={useTheme}\n        backgroundColor={color}\n        role='region'\n        aria-live={isAssertive ? 'assertive' : 'polite'}\n      >\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <NoticeGlobal.Content>\n            <Children />\n          </NoticeGlobal.Content>\n        )}\n        {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n      </SNoticeGlobal>,\n    );\n  }\n}\n\nfunction Content({ styles }) {\n  const SContent = Root;\n  return sstyled(styles)(<SContent render={Flex} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n  const SCloseIcon = Root;\n  return sstyled(styles)(\n    <SCloseIcon render={Box} tag={Close} interactive aria-label={getI18nText('close')} />,\n  );\n}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n  Content,\n  CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}