intergalactic 15.119.0-prerelease.0 → 15.120.0-prerelease.0

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

@@ -12,16 +12,17 @@ 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_1s0ev{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1s0ev_gg_.__loading_1s0ev_gg_,.___SLineGauge_1s0ev_gg_.__loading_1s0ev_gg_,.___STrendBar_1s0ev_gg_.__loading_1s0ev_gg_,.___STrendLine_1s0ev_gg_.__loading_1s0ev_gg_{animation-name:pulse_1s0ev;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1s0ev_gg_.__semi_1s0ev_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1s0ev_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1s0ev_gg_.__animate_1s0ev_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "1s0ev_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1s0ev_gg_",
-  "_loading": "__loading_1s0ev_gg_",
-  "__SDonutContainer": "___SDonutContainer_1s0ev_gg_",
-  "__STrendLine": "___STrendLine_1s0ev_gg_",
-  "__STrendBar": "___STrendBar_1s0ev_gg_",
-  "@pulse": "pulse_1s0ev",
-  "_animate": "__animate_1s0ev_gg_",
-  "_semi": "__semi_1s0ev_gg_"
+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_"
 });
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var DonutRoot = /*#__PURE__*/function (_Component) {
   _inherits(DonutRoot, _Component);
   var _super = _createSuper(DonutRoot);
@@ -58,14 +59,19 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       }
       var viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';
       var strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));
+      var _extractAriaProps = extractAriaProps(this.asProps),
+        __excludeProps = _extractAriaProps.__excludeProps,
+        extractedAriaProps = _extractAriaProps.extractedAriaProps;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SDonutContainer, _ref2.cn("SDonutContainer", _objectSpread({}, _assignProps({
-        "semi": isSemiDonut
-      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", {
+        "semi": isSemiDonut,
+        "__excludeProps": __excludeProps
+      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
         "width": '100%',
         "height": '100%',
         "viewBox": viewBox,
-        "fill": 'none'
-      }), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {}), /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "fill": 'none',
+        "role": 'img'
+      }, extractedAriaProps)), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {}), /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
         "cx": '12',
         "cy": '12',
         "r": radius,

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

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["React","createComponent","Component","Root","sstyled","Box","resolveColorEnhance","assignProps","style","_sstyled","insert","DonutRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SDonutContainer","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","_defineProperty","animate","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut}>\n        <svg width='100%' height='100%' viewBox={viewBox} fill='none'>\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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"}
+{"version":3,"file":"Donut.js","names":["React","createComponent","Component","Root","sstyled","Box","resolveColorEnhance","assignProps","style","_sstyled","insert","extractAriaProps","DonutRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SDonutContainer","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","_defineProperty","animate","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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"}

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_zjdbf{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_zjdbf{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_zjdbf_gg_.__loading_zjdbf_gg_,.___SLineGauge_zjdbf_gg_.__loading_zjdbf_gg_,.___STrendBar_zjdbf_gg_.__loading_zjdbf_gg_,.___STrendLine_zjdbf_gg_.__loading_zjdbf_gg_{animation-name:pulse_zjdbf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_zjdbf_gg_{height:8px;background-color:var(--base-bg-color_zjdbf, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_zjdbf_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_zjdbf_gg_.__percent_zjdbf_gg_{width:var(--percent_zjdbf)}.___SLineSegmentItem_zjdbf_gg_.__color_zjdbf_gg_,.___SLineValue_zjdbf_gg_.__color_zjdbf_gg_{background-color:var(--color_zjdbf, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_zjdbf_gg_.__segments_zjdbf_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_zjdbf_gg_,.___SLineGaugeSegment_zjdbf_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_zjdbf_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_zjdbf_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_zjdbf_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_zjdbf;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "zjdbf_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_zjdbf_gg_",
-  "_loading": "__loading_zjdbf_gg_",
-  "__SDonutContainer": "___SDonutContainer_zjdbf_gg_",
-  "__STrendLine": "___STrendLine_zjdbf_gg_",
-  "__STrendBar": "___STrendBar_zjdbf_gg_",
-  "@pulse": "pulse_zjdbf",
-  "--base-bg-color": "--base-bg-color_zjdbf",
-  "__SLineValue": "___SLineValue_zjdbf_gg_",
-  "_percent": "__percent_zjdbf_gg_",
-  "--percent": "--percent_zjdbf",
-  "_color": "__color_zjdbf_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_zjdbf_gg_",
-  "--color": "--color_zjdbf",
-  "_segments": "__segments_zjdbf_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_zjdbf_gg_",
-  "__SAnimationLine": "___SAnimationLine_zjdbf_gg_",
-  "@move-line": "move-line_zjdbf"
+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 LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

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

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -12,14 +13,15 @@ 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_18bpf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18bpf_gg_.__loading_18bpf_gg_,.___SLineGauge_18bpf_gg_.__loading_18bpf_gg_,.___STrendBar_18bpf_gg_.__loading_18bpf_gg_,.___STrendLine_18bpf_gg_.__loading_18bpf_gg_{animation-name:pulse_18bpf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18bpf_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_18bpf_gg_",
-  "_loading": "__loading_18bpf_gg_",
-  "__SDonutContainer": "___SDonutContainer_18bpf_gg_",
-  "__STrendLine": "___STrendLine_18bpf_gg_",
-  "__STrendBar": "___STrendBar_18bpf_gg_",
-  "@pulse": "pulse_18bpf"
+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"
 });
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   _inherits(TrendBarRoot, _Trend);
   var _super = _createSuper(TrendBarRoot);
@@ -65,14 +67,18 @@ var TrendBarRoot = /*#__PURE__*/function (_Trend) {
         animate = _this$asProps2.animate,
         loading = _this$asProps2.loading;
       var step = this.defaultWidth / this.data.length;
+      var _extractAriaProps = extractAriaProps(this.asProps),
+        __excludeProps = _extractAriaProps.__excludeProps,
+        extractedAriaProps = _extractAriaProps.extractedAriaProps;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STrendBar, _ref2.cn("STrendBar", _objectSpread({}, _assignProps({
         "ref": this.containerRef,
-        "__excludeProps": ['data']
-      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", {
+        "__excludeProps": ['data'].concat(_toConsumableArray(__excludeProps))
+      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
         "width": '100%',
         "height": '100%',
-        "viewBox": "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight)
-      }), this.data.map(function (barItem, index) {
+        "viewBox": "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
+        "role": 'img'
+      }, extractedAriaProps)), this.data.map(function (barItem, index) {
         var color = resolveColor('chart-palette-order-other-data');
         if (barItem.color) {
           color = resolveColor(barItem.color);

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

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["React","createComponent","assignProps","Root","sstyled","resolveColorEnhance","Trend","Box","style","_sstyled","insert","TrendBarRoot","_Trend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","value","_this$asProps","asProps","data","loading","defaultData","render","_ref","_ref2","_this","STrendBar","_this$asProps2","styles","resolveColor","isHistogram","animate","step","defaultWidth","length","createElement","cn","_objectSpread","_assignProps","containerRef","concat","svgWidth","svgHeight","map","barItem","index","color","x","y","defaultHeight","width","height","fill","attributeName","values","dur","_defineProperty","TrendBar","displayName","TrendHistogram","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Bar.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\n\ntype BarItem = {\n  /**\n   * Value\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: string;\n};\n\nexport type TrendBarProps = CommonTrendProps & {\n  /**\n   * Data to bar chart\n   */\n  data: BarItem[];\n};\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isHistogram?: true;\n};\n\nclass TrendBarRoot extends Trend<TrendBarProps, typeof TrendBarRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): BarItem[] {\n    return [{ value: 20 }, { value: 80 }, { value: 45 }, { value: 10 }];\n  }\n\n  get data(): BarItem[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  render() {\n    const STrendBar = Root;\n    const { styles, resolveColor, isHistogram, animate, loading } = this.asProps;\n    const step = this.defaultWidth / this.data.length;\n\n    return sstyled(styles)(\n      <STrendBar render={Box} ref={this.containerRef} __excludeProps={['data']}>\n        <svg width='100%' height='100%' viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}>\n          {this.data.map((barItem, index) => {\n            let color = resolveColor('chart-palette-order-other-data');\n\n            if (barItem.color) {\n              color = resolveColor(barItem.color);\n            }\n\n            return (\n              <rect\n                key={index}\n                x={step * index}\n                y={this.defaultHeight - barItem.value}\n                width={isHistogram ? step : step * 0.8}\n                height={barItem.value}\n                fill={color}\n              >\n                {animate && !loading && (\n                  <animate\n                    attributeName={'y'}\n                    values={`${this.defaultHeight};${this.defaultHeight - barItem.value}`}\n                    dur={'500ms'}\n                  />\n                )}\n              </rect>\n            );\n          })}\n        </svg>\n      </STrendBar>,\n    );\n  }\n}\n\nexport const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances> =\n  createComponent(TrendBarRoot);\n\nTrendBar.displayName = 'MiniChart.TrendBar';\n\nexport const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances> = createComponent(\n  TrendBarRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendBarProps) => {\n            return assignProps(props, { isHistogram: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendBar.displayName = 'MiniChart.TrendHistogram';\n"],"mappings":"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"}
+{"version":3,"file":"Bar.js","names":["React","createComponent","assignProps","Root","sstyled","resolveColorEnhance","Trend","Box","style","_sstyled","insert","extractAriaProps","TrendBarRoot","_Trend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","value","_this$asProps","asProps","data","loading","defaultData","render","_ref","_ref2","_this","STrendBar","_this$asProps2","styles","resolveColor","isHistogram","animate","step","defaultWidth","length","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","containerRef","concat","_toConsumableArray","svgWidth","svgHeight","map","barItem","index","color","x","y","defaultHeight","width","height","fill","attributeName","values","dur","_defineProperty","TrendBar","displayName","TrendHistogram","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Bar.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\ntype BarItem = {\n  /**\n   * Value\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: string;\n};\n\nexport type TrendBarProps = CommonTrendProps & {\n  /**\n   * Data to bar chart\n   */\n  data: BarItem[];\n};\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isHistogram?: true;\n};\n\nclass TrendBarRoot extends Trend<TrendBarProps, typeof TrendBarRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): BarItem[] {\n    return [{ value: 20 }, { value: 80 }, { value: 45 }, { value: 10 }];\n  }\n\n  get data(): BarItem[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  render() {\n    const STrendBar = Root;\n    const { styles, resolveColor, isHistogram, animate, loading } = this.asProps;\n    const step = this.defaultWidth / this.data.length;\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <STrendBar render={Box} ref={this.containerRef} __excludeProps={['data', ...__excludeProps]}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}\n          role='img'\n          {...extractedAriaProps}\n        >\n          {this.data.map((barItem, index) => {\n            let color = resolveColor('chart-palette-order-other-data');\n\n            if (barItem.color) {\n              color = resolveColor(barItem.color);\n            }\n\n            return (\n              <rect\n                key={index}\n                x={step * index}\n                y={this.defaultHeight - barItem.value}\n                width={isHistogram ? step : step * 0.8}\n                height={barItem.value}\n                fill={color}\n              >\n                {animate && !loading && (\n                  <animate\n                    attributeName={'y'}\n                    values={`${this.defaultHeight};${this.defaultHeight - barItem.value}`}\n                    dur={'500ms'}\n                  />\n                )}\n              </rect>\n            );\n          })}\n        </svg>\n      </STrendBar>,\n    );\n  }\n}\n\nexport const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances> =\n  createComponent(TrendBarRoot);\n\nTrendBar.displayName = 'MiniChart.TrendBar';\n\nexport const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances> = createComponent(\n  TrendBarRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendBarProps) => {\n            return assignProps(props, { isHistogram: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendBar.displayName = 'MiniChart.TrendHistogram';\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -13,14 +14,15 @@ 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_18bpf{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_18bpf_gg_.__loading_18bpf_gg_,.___SLineGauge_18bpf_gg_.__loading_18bpf_gg_,.___STrendBar_18bpf_gg_.__loading_18bpf_gg_,.___STrendLine_18bpf_gg_.__loading_18bpf_gg_{animation-name:pulse_18bpf;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "18bpf_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_18bpf_gg_",
-  "_loading": "__loading_18bpf_gg_",
-  "__SDonutContainer": "___SDonutContainer_18bpf_gg_",
-  "__STrendLine": "___STrendLine_18bpf_gg_",
-  "__STrendBar": "___STrendBar_18bpf_gg_",
-  "@pulse": "pulse_18bpf"
+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"
 });
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   _inherits(TrendLineRoot, _Trend);
   var _super = _createSuper(TrendLineRoot);
@@ -93,14 +95,18 @@ var TrendLineRoot = /*#__PURE__*/function (_Trend) {
       for (var i = 0; i < length; i++) {
         points.push("".concat(step * i, ",").concat(this.defaultHeight - this.data[i]));
       }
+      var _extractAriaProps = extractAriaProps(this.asProps),
+        __excludeProps = _extractAriaProps.__excludeProps,
+        extractedAriaProps = _extractAriaProps.extractedAriaProps;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STrendLine, _ref2.cn("STrendLine", _objectSpread({}, _assignProps({
         "ref": this.containerRef,
-        "__excludeProps": ['data']
-      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", {
+        "__excludeProps": ['data'].concat(_toConsumableArray(__excludeProps))
+      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
         "width": '100%',
         "height": '100%',
-        "viewBox": "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight)
-      }), /*#__PURE__*/React.createElement("polyline", _ref2.cn("polyline", {
+        "viewBox": "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
+        "role": 'img'
+      }, extractedAriaProps)), /*#__PURE__*/React.createElement("polyline", _ref2.cn("polyline", {
         "points": points.join(' '),
         "stroke": this.color,
         "strokeWidth": '4',

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["React","createComponent","assignProps","Root","sstyled","resolveColorEnhance","uniqueIDEnhancement","Trend","Box","style","_sstyled","insert","TrendLineRoot","_Trend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps$lastPoi","asProps","lastPointRadius","_this$asProps","data","loading","defaultData","lastPointColor","defaultWidth","defaultHeight","_this$asProps2","resolveColor","_this$asProps2$color","color","value","render","_ref","_ref2","STrendLine","_this$asProps3","uid","withArea","animate","styles","points","length","step","i","push","concat","createElement","cn","_objectSpread","_assignProps","containerRef","svgWidth","svgHeight","join","_defineProperty","TrendLine","displayName","TrendArea","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\n\nexport type TrendLineProps = CommonTrendProps & {\n  /**\n   * List of values\n   */\n  data: number[];\n\n  /**\n   * Color of line\n   */\n  color?: string;\n\n  /**\n   * Color of last point in chart\n   */\n  lastPointColor?: string;\n\n  /**\n   * Radius for last point item\n   */\n  lastPointRadius?: number;\n};\n\ntype Enhances = {\n  uid: string;\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  withArea?: true;\n};\n\nclass TrendLineRoot extends Trend<TrendLineProps, typeof TrendLineRoot.enhance> {\n  static enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): number[] {\n    return [15, 70, 20, 85, 20];\n  }\n\n  get lastPointRadius(): number {\n    return this.asProps.lastPointRadius ?? 6;\n  }\n\n  get data(): number[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  override get svgWidth(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultWidth + this.lastPointRadius\n      : this.defaultWidth;\n  }\n\n  override get svgHeight(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultHeight + this.lastPointRadius\n      : this.defaultHeight;\n  }\n\n  get color() {\n    const { resolveColor, color = 'chart-palette-order-1', loading } = this.asProps;\n\n    if (loading) {\n      return resolveColor('skeleton-bg');\n    }\n\n    return resolveColor(color);\n  }\n\n  render() {\n    const STrendLine = Root;\n    const { uid, withArea, animate, lastPointColor, resolveColor, loading, styles } = this.asProps;\n\n    const points: string[] = [];\n    const length = this.data.length;\n    const step = this.defaultWidth / (length - 1);\n\n    for (let i = 0; i < length; i++) {\n      points.push(`${step * i},${this.defaultHeight - this.data[i]}`);\n    }\n\n    return sstyled(styles)(\n      <STrendLine render={Box} ref={this.containerRef} __excludeProps={['data']}>\n        <svg width='100%' height='100%' viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}>\n          <polyline\n            points={points.join(' ')}\n            stroke={this.color}\n            strokeWidth='4'\n            fill={'none'}\n            clipPath={`url(#${uid})`}\n          />\n          {withArea && (\n            <polyline\n              points={`0,${this.defaultHeight} ${points.join(' ')} ${this.defaultWidth},${\n                this.defaultHeight\n              }`}\n              fill={this.color}\n              fillOpacity={0.2}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n          {lastPointColor && !loading && (\n            <circle\n              cx={step * (length - 1)}\n              cy={this.defaultHeight - this.data[length - 1]}\n              r={this.lastPointRadius}\n              fill={resolveColor(lastPointColor)}\n              stroke={resolveColor('chart-grid-border')}\n              strokeWidth={4}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n\n          {animate && !loading && (\n            <clipPath id={uid}>\n              <rect x='0' y='0' width='100%' height='100%' fill={'black'}>\n                <animate dur='500ms' attributeName='width' values='0;100%' />\n              </rect>\n            </clipPath>\n          )}\n        </svg>\n      </STrendLine>,\n    );\n  }\n}\n\nexport const TrendLine: ComponentType<TrendLineProps, {}, {}, Enhances> =\n  createComponent(TrendLineRoot);\n\nTrendLine.displayName = 'MiniChart.TrendLine';\n\nexport const TrendArea: ComponentType<TrendLineProps, {}, {}, Enhances> = createComponent(\n  TrendLineRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendLineProps) => {\n            return assignProps(props, { withArea: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendArea.displayName = 'MiniChart.TrendArea';\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["React","createComponent","assignProps","Root","sstyled","resolveColorEnhance","uniqueIDEnhancement","Trend","Box","style","_sstyled","insert","extractAriaProps","TrendLineRoot","_Trend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps$lastPoi","asProps","lastPointRadius","_this$asProps","data","loading","defaultData","lastPointColor","defaultWidth","defaultHeight","_this$asProps2","resolveColor","_this$asProps2$color","color","value","render","_ref","_ref2","STrendLine","_this$asProps3","uid","withArea","animate","styles","points","length","step","i","push","concat","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","containerRef","_toConsumableArray","svgWidth","svgHeight","join","_defineProperty","TrendLine","displayName","TrendArea","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\nexport type TrendLineProps = CommonTrendProps & {\n  /**\n   * List of values\n   */\n  data: number[];\n\n  /**\n   * Color of line\n   */\n  color?: string;\n\n  /**\n   * Color of last point in chart\n   */\n  lastPointColor?: string;\n\n  /**\n   * Radius for last point item\n   */\n  lastPointRadius?: number;\n};\n\ntype Enhances = {\n  uid: string;\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  withArea?: true;\n};\n\nclass TrendLineRoot extends Trend<TrendLineProps, typeof TrendLineRoot.enhance> {\n  static enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): number[] {\n    return [15, 70, 20, 85, 20];\n  }\n\n  get lastPointRadius(): number {\n    return this.asProps.lastPointRadius ?? 6;\n  }\n\n  get data(): number[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  override get svgWidth(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultWidth + this.lastPointRadius\n      : this.defaultWidth;\n  }\n\n  override get svgHeight(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultHeight + this.lastPointRadius\n      : this.defaultHeight;\n  }\n\n  get color() {\n    const { resolveColor, color = 'chart-palette-order-1', loading } = this.asProps;\n\n    if (loading) {\n      return resolveColor('skeleton-bg');\n    }\n\n    return resolveColor(color);\n  }\n\n  render() {\n    const STrendLine = Root;\n    const { uid, withArea, animate, lastPointColor, resolveColor, loading, styles } = this.asProps;\n\n    const points: string[] = [];\n    const length = this.data.length;\n    const step = this.defaultWidth / (length - 1);\n\n    for (let i = 0; i < length; i++) {\n      points.push(`${step * i},${this.defaultHeight - this.data[i]}`);\n    }\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <STrendLine render={Box} ref={this.containerRef} __excludeProps={['data', ...__excludeProps]}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}\n          role='img'\n          {...extractedAriaProps}\n        >\n          <polyline\n            points={points.join(' ')}\n            stroke={this.color}\n            strokeWidth='4'\n            fill={'none'}\n            clipPath={`url(#${uid})`}\n          />\n          {withArea && (\n            <polyline\n              points={`0,${this.defaultHeight} ${points.join(' ')} ${this.defaultWidth},${\n                this.defaultHeight\n              }`}\n              fill={this.color}\n              fillOpacity={0.2}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n          {lastPointColor && !loading && (\n            <circle\n              cx={step * (length - 1)}\n              cy={this.defaultHeight - this.data[length - 1]}\n              r={this.lastPointRadius}\n              fill={resolveColor(lastPointColor)}\n              stroke={resolveColor('chart-grid-border')}\n              strokeWidth={4}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n\n          {animate && !loading && (\n            <clipPath id={uid}>\n              <rect x='0' y='0' width='100%' height='100%' fill={'black'}>\n                <animate dur='500ms' attributeName='width' values='0;100%' />\n              </rect>\n            </clipPath>\n          )}\n        </svg>\n      </STrendLine>,\n    );\n  }\n}\n\nexport const TrendLine: ComponentType<TrendLineProps, {}, {}, Enhances> =\n  createComponent(TrendLineRoot);\n\nTrendLine.displayName = 'MiniChart.TrendLine';\n\nexport const TrendArea: ComponentType<TrendLineProps, {}, {}, Enhances> = createComponent(\n  TrendLineRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendLineProps) => {\n            return assignProps(props, { withArea: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendArea.displayName = 'MiniChart.TrendArea';\n"],"mappings":"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"}

package/mini-chart/package.json

@@ -1 +1 @@
-{"name":"intergalactic/mini-chart","description":"Semrush MiniChart Component","version":"0.26.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-prerelease.0","@semcore/utils":"4.44.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","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.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"}}

package/modal/package.json

@@ -1 +1 @@
-{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.50.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=js"},"dependencies":{"@semcore/animation":"2.39.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0","@semcore/icon":"4.53.0-prerelease.0","@semcore/outside-click":"3.37.0-prerelease.0","@semcore/portal":"3.39.0-prerelease.0","@semcore/typography":"5.48.0-prerelease.0","@semcore/utils":"4.44.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","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.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"}}

package/neighbor-location/package.json

@@ -1 +1 @@
-{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.37.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=js"},"dependencies":{"@semcore/utils":"4.44.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","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.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"}}

package/notice/lib/cjs/Notice.js

@@ -26,20 +26,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_13sx6_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_13sx6_gg_._theme_info_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_13sx6_gg_._theme_info_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_info_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_13sx6_gg_._theme_danger_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_13sx6_gg_._theme_danger_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_danger_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_13sx6_gg_._theme_warning_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_13sx6_gg_._theme_warning_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_warning_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_13sx6_gg_._theme_success_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_13sx6_gg_._theme_success_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_success_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_13sx6_gg_._theme_muted_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_13sx6_gg_._theme_info_13sx6_gg_,.___SNotice_13sx6_gg_._theme_muted_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_muted_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_13sx6_gg_{flex:1 1 auto;width:100%}.___SActions_13sx6_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_13sx6_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_13sx6_gg_._theme_danger_13sx6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_13sx6_gg_._theme_warning_13sx6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_13sx6_gg_._theme_success_13sx6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_13sx6_gg_._theme_muted_13sx6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_13sx6_gg_._theme_custom_13sx6_gg_{color:var(--color_13sx6)}.___SCloseIcon_13sx6_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_13sx6_gg_._theme_custom_13sx6_gg_{background-color:var(--backgroundColor_13sx6);border-color:var(--backgroundColor_13sx6)}" /*__inner_css_end__*/, "13sx6_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_13sx6_gg_",
-  "__SContent": "___SContent_13sx6_gg_",
-  "__SActions": "___SActions_13sx6_gg_",
-  "__SLabel": "___SLabel_13sx6_gg_",
-  "_theme_info": "_theme_info_13sx6_gg_",
-  "_theme_danger": "_theme_danger_13sx6_gg_",
-  "_theme_warning": "_theme_warning_13sx6_gg_",
-  "_theme_success": "_theme_success_13sx6_gg_",
-  "_theme_muted": "_theme_muted_13sx6_gg_",
-  "_theme_custom": "_theme_custom_13sx6_gg_",
-  "--color": "--color_13sx6",
-  "__SCloseIcon": "___SCloseIcon_13sx6_gg_",
-  "--backgroundColor": "--backgroundColor_13sx6"
+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"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);

package/notice/lib/es6/Notice.js

@@ -24,20 +24,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_13sx6_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_13sx6_gg_._theme_info_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_13sx6_gg_._theme_info_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_info_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_13sx6_gg_._theme_danger_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_13sx6_gg_._theme_danger_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_danger_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_13sx6_gg_._theme_warning_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_13sx6_gg_._theme_warning_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_warning_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_13sx6_gg_._theme_success_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_13sx6_gg_._theme_success_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_success_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_13sx6_gg_._theme_muted_13sx6_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_13sx6_gg_._theme_info_13sx6_gg_,.___SNotice_13sx6_gg_._theme_muted_13sx6_gg_ .___SCloseIcon_13sx6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_13sx6_gg_._theme_muted_13sx6_gg_ .___SCloseIcon_13sx6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_13sx6_gg_{flex:1 1 auto;width:100%}.___SActions_13sx6_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_13sx6_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_13sx6_gg_._theme_danger_13sx6_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_13sx6_gg_._theme_warning_13sx6_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_13sx6_gg_._theme_success_13sx6_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_13sx6_gg_._theme_muted_13sx6_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_13sx6_gg_._theme_custom_13sx6_gg_{color:var(--color_13sx6)}.___SCloseIcon_13sx6_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_13sx6_gg_._theme_custom_13sx6_gg_{background-color:var(--backgroundColor_13sx6);border-color:var(--backgroundColor_13sx6)}" /*__inner_css_end__*/, "13sx6_gg_") /*__reshadow_css_end__*/, {
-  "__SNotice": "___SNotice_13sx6_gg_",
-  "__SContent": "___SContent_13sx6_gg_",
-  "__SActions": "___SActions_13sx6_gg_",
-  "__SLabel": "___SLabel_13sx6_gg_",
-  "_theme_info": "_theme_info_13sx6_gg_",
-  "_theme_danger": "_theme_danger_13sx6_gg_",
-  "_theme_warning": "_theme_warning_13sx6_gg_",
-  "_theme_success": "_theme_success_13sx6_gg_",
-  "_theme_muted": "_theme_muted_13sx6_gg_",
-  "_theme_custom": "_theme_custom_13sx6_gg_",
-  "--color": "--color_13sx6",
-  "__SCloseIcon": "___SCloseIcon_13sx6_gg_",
-  "--backgroundColor": "--backgroundColor_13sx6"
+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"
 });
 function isCustomTheme(theme) {
   return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);

package/notice/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.43.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=js"},"dependencies":{"@semcore/animation":"2.39.0-prerelease.0","@semcore/utils":"4.44.0-prerelease.0","@semcore/button":"5.40.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0","@semcore/icon":"4.53.0-prerelease.0","@semcore/notice-global":"2.56.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.43.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.0","@semcore/utils":"4.44.0","@semcore/button":"5.40.1-prerelease.0","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/notice-global":"2.56.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/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice-bubble/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.48.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0-prerelease.0","@semcore/icon":"4.53.0-prerelease.0","@semcore/portal":"3.39.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0","@semcore/animation":"2.39.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.48.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/icon":"4.53.0","@semcore/portal":"3.39.0","@semcore/flex-box":"5.39.0","@semcore/animation":"2.39.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/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice-global/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.56.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0-prerelease.0","@semcore/icon":"4.53.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0","@semcore/animation":"2.39.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice-global","description":"Semrush NoticeGlobal Component","version":"2.56.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0","@semcore/icon":"4.53.0","@semcore/flex-box":"5.39.0","@semcore/animation":"2.39.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/notice-global"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/outside-click/package.json

@@ -1 +1 @@
-{"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.37.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"},"dependencies":{"@semcore/utils":"4.44.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.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"},"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/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intergalactic",
-  "version": "15.119.0-prerelease.0",
+  "version": "15.120.0-prerelease.0",
   "license": "MIT",
   "dependencies": {
     "intergalactic-migrate": "0.0.0",