intergalactic 15.119.0 → 15.120.0-prerelease.0

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","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=ts"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/utils":"4.44.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/mini-chart"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/mini-chart","description":"Semrush MiniChart Component","version":"0.27.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/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","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.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"}}
+{"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/package.json

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

package/pagination/lib/cjs/Pagination.js

@@ -28,16 +28,16 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_3t7lv_gg_{justify-content:flex-start;align-items:center}.___SNextPage_3t7lv_gg_,.___SPrevPage_3t7lv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_3t7lv_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_3t7lv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_3t7lv_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_3t7lv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_3t7lv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_3t7lv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_3t7lv_gg_:focus-within .___SPageInputAddon_3t7lv_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_3t7lv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_3t7lv_gg_,.___STotalPagesLabel_3t7lv_gg_,.___STotalPages_3t7lv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "3t7lv_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_3t7lv_gg_",
-  "__SNextPage": "___SNextPage_3t7lv_gg_",
-  "__SPrevPage": "___SPrevPage_3t7lv_gg_",
-  "__SLabel": "___SLabel_3t7lv_gg_",
-  "__STotalPages": "___STotalPages_3t7lv_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_3t7lv_gg_",
-  "__STotalLastPages": "___STotalLastPages_3t7lv_gg_",
-  "__SPageInput": "___SPageInput_3t7lv_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_3t7lv_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPagination_1a9sq_gg_{justify-content:flex-start;align-items:center}.___SNextPage_1a9sq_gg_,.___SPrevPage_1a9sq_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_1a9sq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1a9sq_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_1a9sq_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_1a9sq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_1a9sq_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_1a9sq_gg_:focus-within .___SPageInputAddon_1a9sq_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_1a9sq_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_1a9sq_gg_,.___STotalPagesLabel_1a9sq_gg_,.___STotalPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1a9sq_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_1a9sq_gg_",
+  "__SNextPage": "___SNextPage_1a9sq_gg_",
+  "__SPrevPage": "___SPrevPage_1a9sq_gg_",
+  "__SLabel": "___SLabel_1a9sq_gg_",
+  "__STotalPages": "___STotalPages_1a9sq_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_1a9sq_gg_",
+  "__STotalLastPages": "___STotalLastPages_1a9sq_gg_",
+  "__SPageInput": "___SPageInput_1a9sq_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_1a9sq_gg_"
 });
 var PaginationRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaginationRoot, _Component);

package/pagination/lib/es6/Pagination.js

@@ -28,16 +28,16 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/pagination.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_3t7lv_gg_{justify-content:flex-start;align-items:center}.___SNextPage_3t7lv_gg_,.___SPrevPage_3t7lv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_3t7lv_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_3t7lv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_3t7lv_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_3t7lv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_3t7lv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_3t7lv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_3t7lv_gg_:focus-within .___SPageInputAddon_3t7lv_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_3t7lv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_3t7lv_gg_,.___STotalPagesLabel_3t7lv_gg_,.___STotalPages_3t7lv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "3t7lv_gg_") /*__reshadow_css_end__*/, {
-  "__SPagination": "___SPagination_3t7lv_gg_",
-  "__SNextPage": "___SNextPage_3t7lv_gg_",
-  "__SPrevPage": "___SPrevPage_3t7lv_gg_",
-  "__SLabel": "___SLabel_3t7lv_gg_",
-  "__STotalPages": "___STotalPages_3t7lv_gg_",
-  "__STotalPagesLabel": "___STotalPagesLabel_3t7lv_gg_",
-  "__STotalLastPages": "___STotalLastPages_3t7lv_gg_",
-  "__SPageInput": "___SPageInput_3t7lv_gg_",
-  "__SPageInputAddon": "___SPageInputAddon_3t7lv_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_1a9sq_gg_{justify-content:flex-start;align-items:center}.___SNextPage_1a9sq_gg_,.___SPrevPage_1a9sq_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_1a9sq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1a9sq_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_1a9sq_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_1a9sq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_1a9sq_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_1a9sq_gg_:focus-within .___SPageInputAddon_1a9sq_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_1a9sq_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_1a9sq_gg_,.___STotalPagesLabel_1a9sq_gg_,.___STotalPages_1a9sq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1a9sq_gg_") /*__reshadow_css_end__*/, {
+  "__SPagination": "___SPagination_1a9sq_gg_",
+  "__SNextPage": "___SNextPage_1a9sq_gg_",
+  "__SPrevPage": "___SPrevPage_1a9sq_gg_",
+  "__SLabel": "___SLabel_1a9sq_gg_",
+  "__STotalPages": "___STotalPages_1a9sq_gg_",
+  "__STotalPagesLabel": "___STotalPagesLabel_1a9sq_gg_",
+  "__STotalLastPages": "___STotalLastPages_1a9sq_gg_",
+  "__SPageInput": "___SPageInput_1a9sq_gg_",
+  "__SPageInputAddon": "___SPageInputAddon_1a9sq_gg_"
 });
 import { ScreenReaderOnly } from 'intergalactic/flex-box';
 var PaginationRoot = /*#__PURE__*/function (_Component) {

package/pagination/package.json

@@ -1 +1 @@
-{"name":"intergalactic/pagination","description":"Semrush Pagination Component","version":"4.48.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/button":"5.40.0","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/input-number":"5.40.0","@semcore/link":"5.42.0","@semcore/tooltip":"6.47.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/pagination"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/pagination","description":"Semrush Pagination Component","version":"4.48.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/button":"5.40.1-prerelease.0","@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/input-number":"5.40.1-prerelease.0","@semcore/link":"5.42.0","@semcore/tooltip":"6.47.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/pagination"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/select/lib/cjs/InputSearch.js

@@ -24,12 +24,12 @@ var _context = require("./context");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/input-search.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_sfvpj_gg_._size_m_sfvpj_gg_{height:32px}.___SSearchClear_sfvpj_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_sfvpj_gg_.__hide_sfvpj_gg_{visibility:hidden}.___SOutline_sfvpj_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "sfvpj_gg_") /*__reshadow_css_end__*/, {
-  "__SInputSearch": "___SInputSearch_sfvpj_gg_",
-  "_size_m": "_size_m_sfvpj_gg_",
-  "__SSearchClear": "___SSearchClear_sfvpj_gg_",
-  "_hide": "__hide_sfvpj_gg_",
-  "__SOutline": "___SOutline_sfvpj_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_wgsi9_gg_._size_m_wgsi9_gg_{height:32px}.___SSearchClear_wgsi9_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_wgsi9_gg_.__hide_wgsi9_gg_{visibility:hidden}.___SOutline_wgsi9_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "wgsi9_gg_") /*__reshadow_css_end__*/, {
+  "__SInputSearch": "___SInputSearch_wgsi9_gg_",
+  "_size_m": "_size_m_wgsi9_gg_",
+  "__SSearchClear": "___SSearchClear_wgsi9_gg_",
+  "_hide": "__hide_wgsi9_gg_",
+  "__SOutline": "___SOutline_wgsi9_gg_"
 });
 var InputSearchRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InputSearchRoot, _Component);
@@ -64,20 +64,24 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getValueProps",
     value: function getValueProps() {
-      var value = this.asProps.value;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        getI18nText = _this$asProps.getI18nText;
       return {
         value: value,
         onChange: this.handlers.value,
         autoFocus: true,
-        ref: this.inputRef
+        ref: this.inputRef,
+        placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
+        'aria-label': getI18nText('Select.InputSearch.Value:aria-label')
       };
     }
   }, {
     key: "getClearProps",
     value: function getClearProps() {
-      var _this$asProps = this.asProps,
-        value = _this$asProps.value,
-        getI18nText = _this$asProps.getI18nText;
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        getI18nText = _this$asProps2.getI18nText;
       return {
         ref: this.closeIconRef,
         /* hide through css because the width of the input changes */
@@ -94,11 +98,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
         _ref5;
       var Value = InputSearch.Value;
       var SInputSearch = _input["default"];
-      var _this$asProps2 = this.asProps,
-        size = _this$asProps2.size,
-        styles = _this$asProps2.styles,
-        hasChildren = _this$asProps2.children,
-        Children = _this$asProps2.Children;
+      var _this$asProps3 = this.asProps,
+        size = _this$asProps3.size,
+        styles = _this$asProps3.styles,
+        hasChildren = _this$asProps3.children,
+        Children = _this$asProps3.Children;
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
         "size": size || this.context.size || 'm',
         "styles": styles

package/select/lib/cjs/InputSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","asProps","onChange","autoFocus","ref","getClearProps","_this$asProps","getI18nText","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n  static displayName = 'InputSearch';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    defaultValue: '',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  inputRef = React.createRef();\n  closeIconRef = React.createRef();\n\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n    setTimeout(() => {\n      if (\n        document.activeElement === document.body ||\n        document.activeElement === this.closeIconRef.current\n      ) {\n        this.inputRef.current?.focus();\n      }\n    }, 0);\n  };\n\n  getValueProps() {\n    const { value } = this.asProps;\n    return {\n      value,\n      onChange: this.handlers.value,\n      autoFocus: true,\n      ref: this.inputRef,\n    };\n  }\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      ref: this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      hide: !value,\n      'aria-hidden': !value,\n      'aria-label': getI18nText('clearSearch'),\n      onClick: this.handleClear,\n    };\n  }\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const { size, styles, children: hasChildren, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <InputSearch.SearchIcon />\n            <Value render={InputSearch.Value} />\n            <InputSearch.Clear />\n          </>\n        )}\n      </SInputSearch>,\n    );\n  }\n}\n\nconst SearchIcon = (props) => {\n  const SSearchIcon = Root;\n  const { styles } = props;\n  return sstyled(styles)(\n    <SSearchIcon render={Input.Addon}>\n      <SearchM />\n    </SSearchIcon>,\n  );\n};\nconst SearchValue = (props) => {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n  const SSearchClear = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n  SearchIcon: SearchIcon,\n  Value: SearchValue,\n  Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
+{"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","getI18nText","onChange","autoFocus","ref","placeholder","getClearProps","_this$asProps2","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n  static displayName = 'InputSearch';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    defaultValue: '',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  inputRef = React.createRef();\n  closeIconRef = React.createRef();\n\n  static contextType = selectContext;\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClear = (e) => {\n    this.handlers.value('', e);\n    setTimeout(() => {\n      if (\n        document.activeElement === document.body ||\n        document.activeElement === this.closeIconRef.current\n      ) {\n        this.inputRef.current?.focus();\n      }\n    }, 0);\n  };\n\n  getValueProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      value,\n      onChange: this.handlers.value,\n      autoFocus: true,\n      ref: this.inputRef,\n      placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n      'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n    };\n  }\n  getClearProps() {\n    const { value, getI18nText } = this.asProps;\n    return {\n      ref: this.closeIconRef,\n      /* hide through css because the width of the input changes */\n      hide: !value,\n      'aria-hidden': !value,\n      'aria-label': getI18nText('clearSearch'),\n      onClick: this.handleClear,\n    };\n  }\n\n  render() {\n    const Value = Root;\n    const SInputSearch = Input;\n    const { size, styles, children: hasChildren, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <InputSearch.SearchIcon />\n            <Value render={InputSearch.Value} />\n            <InputSearch.Clear />\n          </>\n        )}\n      </SInputSearch>,\n    );\n  }\n}\n\nconst SearchIcon = (props) => {\n  const SSearchIcon = Root;\n  const { styles } = props;\n  return sstyled(styles)(\n    <SSearchIcon render={Input.Addon}>\n      <SearchM />\n    </SSearchIcon>,\n  );\n};\nconst SearchValue = (props) => {\n  const SSearchValue = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n  const SSearchClear = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n  SearchIcon: SearchIcon,\n  Value: SearchValue,\n  Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}

package/select/lib/cjs/Select.js

@@ -38,14 +38,14 @@ var _popper = require("intergalactic/popper");
 var _assignProps6 = require("intergalactic/utils/lib/assignProps");
 var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/select.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_pg01u_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_pg01u_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_pg01u_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_pg01u_gg_.__selected_pg01u_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_pg01u_gg_._size_l_pg01u_gg_{width:20px;height:20px}.___SOptionCheckbox_pg01u_gg_._size_l_pg01u_gg_.__selected_pg01u_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_pg01u_gg_.__indeterminate_pg01u_gg_:before,.___SOptionCheckbox_pg01u_gg_.__selected_pg01u_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_pg01u_gg_.__theme_pg01u_gg_:before{border-color:var(--theme_pg01u)}.___SOptionCheckbox_pg01u_gg_.__theme_pg01u_gg_.__indeterminate_pg01u_gg_:before,.___SOptionCheckbox_pg01u_gg_.__theme_pg01u_gg_.__selected_pg01u_gg_:before{background-color:var(--theme_pg01u);border-color:var(--theme_pg01u)}.___SOptionCheckbox_pg01u_gg_.__selected_pg01u_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_pg01u_gg_.__selected_pg01u_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_pg01u_gg_.__indeterminate_pg01u_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_pg01u_gg_.__indeterminate_pg01u_gg_._size_l_pg01u_gg_:after{width:12px;height:2px}.___SOptionCheckbox_pg01u_gg_.__indeterminate_pg01u_gg_._size_m_pg01u_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "pg01u_gg_") /*__reshadow_css_end__*/, {
-  "__SOptionCheckbox": "___SOptionCheckbox_pg01u_gg_",
-  "_selected": "__selected_pg01u_gg_",
-  "_size_l": "_size_l_pg01u_gg_",
-  "_indeterminate": "__indeterminate_pg01u_gg_",
-  "_theme": "__theme_pg01u_gg_",
-  "--theme": "--theme_pg01u",
-  "_size_m": "_size_m_pg01u_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_uyysd_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_uyysd_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_uyysd_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_uyysd_gg_._size_l_uyysd_gg_{width:20px;height:20px}.___SOptionCheckbox_uyysd_gg_._size_l_uyysd_gg_.__selected_uyysd_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_:before,.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_:before{border-color:var(--theme_uyysd)}.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_.__indeterminate_uyysd_gg_:before,.___SOptionCheckbox_uyysd_gg_.__theme_uyysd_gg_.__selected_uyysd_gg_:before{background-color:var(--theme_uyysd);border-color:var(--theme_uyysd)}.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_uyysd_gg_.__selected_uyysd_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_._size_l_uyysd_gg_:after{width:12px;height:2px}.___SOptionCheckbox_uyysd_gg_.__indeterminate_uyysd_gg_._size_m_uyysd_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "uyysd_gg_") /*__reshadow_css_end__*/, {
+  "__SOptionCheckbox": "___SOptionCheckbox_uyysd_gg_",
+  "_selected": "__selected_uyysd_gg_",
+  "_size_l": "_size_l_uyysd_gg_",
+  "_indeterminate": "__indeterminate_uyysd_gg_",
+  "_theme": "__theme_uyysd_gg_",
+  "--theme": "--theme_uyysd",
+  "_size_m": "_size_m_uyysd_gg_"
 });
 function isSelectedOption(value, valueOption) {
   return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
@@ -141,6 +141,7 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
   }, {
     key: "getTriggerProps",
     value: function getTriggerProps() {
+      var _this3 = this;
       var _this$asProps2 = this.asProps,
         disabled = _this$asProps2.disabled,
         visible = _this$asProps2.visible,
@@ -163,7 +164,7 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
         'aria-controls': visible ? ariaControls : undefined,
         'aria-haspopup': isMenu ? 'listbox' : 'dialog',
         'aria-disabled': disabled ? 'true' : 'false',
-        'aria-activedescendant': visible && highlightedIndex !== null ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
+        'aria-activedescendant': visible && highlightedIndex !== null && this.itemRefs[highlightedIndex] ? "igc-".concat(uid, "-option-").concat(highlightedIndex) : undefined,
         empty: isEmptyValue(value),
         value: value,
         name: name,
@@ -175,7 +176,21 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
         active: visible,
         onClear: this.handlerClear,
         children: this.renderChildrenTrigger(value, options),
-        getI18nText: getI18nText
+        getI18nText: getI18nText,
+        onBlur: function onBlur() {
+          // if popper is opened and we moved from the trigger in select - it means we moved on some controls in popper and should hide highlighted for the option
+          if (_this3.asProps.visible) {
+            _this3.prevHighlightedIndex = _this3.asProps.highlightedIndex;
+            _this3.handlers.highlightedIndex(null);
+          }
+        },
+        onFocus: function onFocus() {
+          // if popper is opened and we moved to the trigger in select - it means we moved from some controls in popper and should highlight the last highlighted option
+          if (_this3.asProps.visible) {
+            var index = _this3.prevHighlightedIndex;
+            _this3.handlers.highlightedIndex(index);
+          }
+        }
       });
     }
   }, {
@@ -197,14 +212,14 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
     key: "getOptionProps",
     value: function getOptionProps(props, index) {
       var _props$selected,
-        _this3 = this;
+        _this4 = this;
       var _this$asProps3 = this.asProps,
         value = _this$asProps3.value,
         highlightedIndex = _this$asProps3.highlightedIndex,
         focusSourceRef = _this$asProps3.focusSourceRef,
         _this$asProps3$size = _this$asProps3.size,
         size = _this$asProps3$size === void 0 ? 'm' : _this$asProps3$size;
-      var highlighted = index === highlightedIndex && focusSourceRef.current === 'keyboard';
+      var highlighted = index === highlightedIndex && focusSourceRef.current === 'keyboard' && !props.disabled;
       var selected = (_props$selected = props.selected) !== null && _props$selected !== void 0 ? _props$selected : isSelectedOption(value, props.value);
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(RootSelect.prototype), "getItemProps", this).call(this, props, index)), {}, {
         highlighted: highlighted,
@@ -214,7 +229,7 @@ var RootSelect = /*#__PURE__*/function (_AbstractDropdown) {
         role: 'option',
         onClick: this.bindHandlerOptionClick(props.value, index),
         ref: function ref(node) {
-          return _this3.itemRef(props, index, node);
+          return _this4.itemRef(props, index, node);
         },
         size: size
       });