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

package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["React","Field","Tooltip","pick","uniqueIDEnhancement","assignProps","propsForElement","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties","_excluded","lastErrorRef","useRef","undefined","createElement","_ref2","_meta$error","input","meta","other","_excluded2","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","inputProps","_objectSpread","state","active","error","current","_extends","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","w","id","enhance"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-errormessage': popperId,\n            'aria-describedby': errorState && meta.active ? popperId : undefined,\n          },\n          input,\n        );\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackItem.js","names":["React","Field","Tooltip","pick","uniqueIDEnhancement","assignProps","propsForElement","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties","_excluded","lastErrorRef","useRef","undefined","createElement","_ref2","_meta$error","input","meta","other","_excluded2","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","inputProps","_objectSpread","state","active","error","current","_extends","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","w","id","enhance"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-errormessage': errorState && meta.active ? popperId : undefined,\n            'aria-describedby': errorState && meta.active ? popperId : undefined,\n          },\n          input,\n        );\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}

package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js

@@ -36,8 +36,8 @@ import Input from 'intergalactic/input';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import { NoticeBubbleContainer, NoticeBubbleManager } from 'intergalactic/notice-bubble';
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_wsa77_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_wsa77_gg_ li{list-style:none}" /*__inner_css_end__*/, "wsa77_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_wsa77_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1a3rl_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1a3rl_gg_ li{list-style:none}" /*__inner_css_end__*/, "1a3rl_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_1a3rl_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackRatingRoot, _Component);

package/feedback-form/lib/es6/component/slider-rating/SliderRating.js

@@ -12,12 +12,12 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Flex, Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_3huhw_gg_ .___SStar_3huhw_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_3huhw_gg_ .___SStar_3huhw_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_3huhw_gg_.__keyboardFocused_3huhw_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_3huhw_gg_.__readonly_3huhw_gg_ .___SStar_3huhw_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_3huhw_gg_.__filled_3huhw_gg_:active{animation:wobble .8s ease-in-out}.___SStar_3huhw_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_3huhw_gg_.__filled_3huhw_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "3huhw_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_3huhw_gg_",
-  "__SStar": "___SStar_3huhw_gg_",
-  "_keyboardFocused": "__keyboardFocused_3huhw_gg_",
-  "_readonly": "__readonly_3huhw_gg_",
-  "_filled": "__filled_3huhw_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1uloc_gg_ .___SStar_1uloc_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_1uloc_gg_ .___SStar_1uloc_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1uloc_gg_.__keyboardFocused_1uloc_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1uloc_gg_.__readonly_1uloc_gg_ .___SStar_1uloc_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1uloc_gg_.__filled_1uloc_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1uloc_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1uloc_gg_.__filled_1uloc_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1uloc_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_1uloc_gg_",
+  "__SStar": "___SStar_1uloc_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uloc_gg_",
+  "_readonly": "__readonly_1uloc_gg_",
+  "_filled": "__filled_1uloc_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var MIN = 1;

package/feedback-form/package.json

@@ -1 +1 @@
-{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.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,ts"},"dependencies":{"@semcore/checkbox":"7.42.0-prerelease.0","@semcore/notice-bubble":"5.48.0-prerelease.0","@semcore/typography":"5.48.0-prerelease.0","@semcore/link":"5.42.0-prerelease.0","@semcore/modal":"4.50.0-prerelease.0","@semcore/illustration":"2.40.0-prerelease.0","@semcore/icon":"4.53.0-prerelease.0","@semcore/textarea":"5.38.0-prerelease.0","@semcore/input":"4.40.0-prerelease.0","final-form":"4.20.7","@semcore/button":"5.40.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0","@semcore/notice":"5.43.0-prerelease.0","@semcore/spin-container":"7.40.0-prerelease.0","@semcore/tooltip":"6.47.0-prerelease.0","@semcore/utils":"4.44.0-prerelease.0","final-form-focus":"1.1.2","react-final-form":"6.5.9"},"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/feedback-form"},"devDependencies":{"@types/react":"18.0.21","@types/final-form-focus":"1.1.7","@semcore/testing-utils":"1.0.0"},"overrides":{"final-form":{"@babel/runtime":"7.17.9"},"react-final-form":{"@babel/runtime":"7.17.9"}}}
+{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.37.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,ts"},"dependencies":{"@semcore/checkbox":"7.42.0","@semcore/notice-bubble":"5.48.0","@semcore/typography":"5.48.0","@semcore/link":"5.42.0","@semcore/modal":"4.50.0","@semcore/illustration":"2.40.0","@semcore/icon":"4.53.0","@semcore/textarea":"5.38.0","@semcore/input":"4.40.0","final-form":"4.20.7","@semcore/button":"5.40.1-prerelease.0","@semcore/flex-box":"5.39.0","@semcore/notice":"5.43.1-prerelease.0","@semcore/spin-container":"7.40.0","@semcore/tooltip":"6.47.0","@semcore/utils":"4.44.0","final-form-focus":"1.1.2","react-final-form":"6.5.9"},"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/feedback-form"},"devDependencies":{"@types/react":"18.0.21","@types/final-form-focus":"1.1.7","@semcore/testing-utils":"1.0.0"},"overrides":{"final-form":{"@babel/runtime":"7.17.9"},"react-final-form":{"@babel/runtime":"7.17.9"}}}

package/flags/package.json

@@ -1 +1 @@
-{"name":"intergalactic/flags","description":"Semrush Flags Component","version":"4.38.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 && tsm --require=../../.ci/tsm-filter-warnings.js ./generate.ts","upload-static":"gcs-upload lib/sprites/*"},"dependencies":{"@semcore/flex-box":"5.39.0-prerelease.0","@semcore/utils":"4.44.0-prerelease.0","classnames":"2.2.6"},"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/flags"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/classnames":"2.2.6","@types/react":"18.0.21","imagemin":"8.0.1","imagemin-pngquant":"9.0.2","pngjs":"6.0.0"}}
+{"name":"intergalactic/flags","description":"Semrush Flags Component","version":"4.38.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 && tsm --require=../../.ci/tsm-filter-warnings.js ./generate.ts","upload-static":"gcs-upload lib/sprites/*"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/utils":"4.44.0","classnames":"2.2.6"},"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/flags"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/classnames":"2.2.6","@types/react":"18.0.21","imagemin":"8.0.1","imagemin-pngquant":"9.0.2","pngjs":"6.0.0"}}

package/flex-box/package.json

@@ -1 +1 @@
-{"name":"intergalactic/flex-box","description":"Semrush FlexBox Component","version":"5.39.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","classnames":"2.2.6","csstype":"3.0.8"},"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/flex-box"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/flex-box","description":"Semrush FlexBox Component","version":"5.39.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","classnames":"2.2.6","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/flex-box"},"devDependencies":{"@types/react":"18.0.21","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0"}}

package/format-text/package.json

@@ -1 +1 @@
-{"name":"intergalactic/format-text","description":"Semrush FormatText Component","version":"4.39.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","@semcore/flex-box":"5.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/format-text"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/format-text","description":"Semrush FormatText Component","version":"4.39.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","@semcore/flex-box":"5.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/format-text"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/fullscreen-modal/lib/cjs/FullscreenModal.js

@@ -28,19 +28,19 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_55du3_gg_{padding:0}.___SFullscreenModal_55du3_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_55du3_gg_{position:absolute;top:17px;right:24px}.___SBack_55du3_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_55du3_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_55du3_gg_.__keyboardFocused_55du3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_55du3_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_55du3_gg_,.___SDescription_55du3_gg_,.___STitle_55du3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_55du3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_55du3_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_55du3_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_55du3_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_55du3_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_55du3_gg_{display:flex;height:100%;overflow:auto}.___SSection_55du3_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_55du3_gg_{transition:none}}" /*__inner_css_end__*/, "55du3_gg_") /*__reshadow_css_end__*/, {
-  "__SFullscreenOverlay": "___SFullscreenOverlay_55du3_gg_",
-  "__SFullscreenModal": "___SFullscreenModal_55du3_gg_",
-  "__SClose": "___SClose_55du3_gg_",
-  "__SBack": "___SBack_55du3_gg_",
-  "_keyboardFocused": "__keyboardFocused_55du3_gg_",
-  "__SBackText": "___SBackText_55du3_gg_",
-  "__STitle": "___STitle_55du3_gg_",
-  "__SDescription": "___SDescription_55du3_gg_",
-  "__SHeader": "___SHeader_55du3_gg_",
-  "__SFooter": "___SFooter_55du3_gg_",
-  "__SBody": "___SBody_55du3_gg_",
-  "__SSection": "___SSection_55du3_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_gufrm_gg_{padding:0}.___SFullscreenModal_gufrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_gufrm_gg_{position:absolute;top:17px;right:24px}.___SBack_gufrm_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_gufrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_gufrm_gg_.__keyboardFocused_gufrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_gufrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_gufrm_gg_,.___SDescription_gufrm_gg_,.___STitle_gufrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_gufrm_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_gufrm_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_gufrm_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_gufrm_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_gufrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_gufrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_gufrm_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_gufrm_gg_{transition:none}}" /*__inner_css_end__*/, "gufrm_gg_") /*__reshadow_css_end__*/, {
+  "__SFullscreenOverlay": "___SFullscreenOverlay_gufrm_gg_",
+  "__SFullscreenModal": "___SFullscreenModal_gufrm_gg_",
+  "__SClose": "___SClose_gufrm_gg_",
+  "__SBack": "___SBack_gufrm_gg_",
+  "_keyboardFocused": "__keyboardFocused_gufrm_gg_",
+  "__SBackText": "___SBackText_gufrm_gg_",
+  "__STitle": "___STitle_gufrm_gg_",
+  "__SDescription": "___SDescription_gufrm_gg_",
+  "__SHeader": "___SHeader_gufrm_gg_",
+  "__SFooter": "___SFooter_gufrm_gg_",
+  "__SBody": "___SBody_gufrm_gg_",
+  "__SSection": "___SSection_gufrm_gg_"
 });
 var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FullscreenModalRoot, _Component);

package/fullscreen-modal/lib/es6/FullscreenModal.js

@@ -28,19 +28,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_55du3_gg_{padding:0}.___SFullscreenModal_55du3_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_55du3_gg_{position:absolute;top:17px;right:24px}.___SBack_55du3_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_55du3_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_55du3_gg_.__keyboardFocused_55du3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_55du3_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_55du3_gg_,.___SDescription_55du3_gg_,.___STitle_55du3_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_55du3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_55du3_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_55du3_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_55du3_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_55du3_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_55du3_gg_{display:flex;height:100%;overflow:auto}.___SSection_55du3_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_55du3_gg_{transition:none}}" /*__inner_css_end__*/, "55du3_gg_") /*__reshadow_css_end__*/, {
-  "__SFullscreenOverlay": "___SFullscreenOverlay_55du3_gg_",
-  "__SFullscreenModal": "___SFullscreenModal_55du3_gg_",
-  "__SClose": "___SClose_55du3_gg_",
-  "__SBack": "___SBack_55du3_gg_",
-  "_keyboardFocused": "__keyboardFocused_55du3_gg_",
-  "__SBackText": "___SBackText_55du3_gg_",
-  "__STitle": "___STitle_55du3_gg_",
-  "__SDescription": "___SDescription_55du3_gg_",
-  "__SHeader": "___SHeader_55du3_gg_",
-  "__SFooter": "___SFooter_55du3_gg_",
-  "__SBody": "___SBody_55du3_gg_",
-  "__SSection": "___SSection_55du3_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_gufrm_gg_{padding:0}.___SFullscreenModal_gufrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_gufrm_gg_{position:absolute;top:17px;right:24px}.___SBack_gufrm_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_gufrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_gufrm_gg_.__keyboardFocused_gufrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_gufrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_gufrm_gg_,.___SDescription_gufrm_gg_,.___STitle_gufrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_gufrm_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_gufrm_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_gufrm_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_gufrm_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_gufrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_gufrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_gufrm_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_gufrm_gg_{transition:none}}" /*__inner_css_end__*/, "gufrm_gg_") /*__reshadow_css_end__*/, {
+  "__SFullscreenOverlay": "___SFullscreenOverlay_gufrm_gg_",
+  "__SFullscreenModal": "___SFullscreenModal_gufrm_gg_",
+  "__SClose": "___SClose_gufrm_gg_",
+  "__SBack": "___SBack_gufrm_gg_",
+  "_keyboardFocused": "__keyboardFocused_gufrm_gg_",
+  "__SBackText": "___SBackText_gufrm_gg_",
+  "__STitle": "___STitle_gufrm_gg_",
+  "__SDescription": "___SDescription_gufrm_gg_",
+  "__SHeader": "___SHeader_gufrm_gg_",
+  "__SFooter": "___SFooter_gufrm_gg_",
+  "__SBody": "___SBody_gufrm_gg_",
+  "__SSection": "___SSection_gufrm_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var FullscreenModalRoot = /*#__PURE__*/function (_Component) {

package/fullscreen-modal/package.json

@@ -1 +1 @@
-{"name":"intergalactic/fullscreen-modal","description":"Semrush FullscreenModal Component","version":"3.47.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","@semcore/icon":"4.53.0-prerelease.0","@semcore/modal":"4.50.0-prerelease.0","@semcore/typography":"5.48.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0","@semcore/button":"5.40.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/fullscreen-modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/fullscreen-modal","description":"Semrush FullscreenModal Component","version":"3.47.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/utils":"4.44.0","@semcore/icon":"4.53.0","@semcore/modal":"4.50.0","@semcore/typography":"5.48.0","@semcore/flex-box":"5.39.0","@semcore/button":"5.40.1-prerelease.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/fullscreen-modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/grid/package.json

@@ -1 +1 @@
-{"name":"intergalactic/grid","description":"Semrush Grid Component","version":"5.38.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","@semcore/flex-box":"5.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/grid"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/grid","description":"Semrush Grid Component","version":"5.38.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","@semcore/flex-box":"5.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/grid"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/i18n-unplugin/package.json

@@ -1 +1 @@
-{"name":"intergalactic/i18n-unplugin","description":"Semrush i18n unplugin","version":"0.18.14-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","test":"echo \"no tests\""},"dependencies":{"unplugin":"1.2.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/i18n-unplugin"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21","@types/watchpack":"^2.4.1","@types/webpack":"5","@types/webpack-dev-server":"^4.7.2","@types/webpack-sources":"^3.2.0","@types/rollup":"^0.54.0"}}
+{"name":"intergalactic/i18n-unplugin","description":"Semrush i18n unplugin","version":"0.18.14","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","test":"echo \"no tests\""},"dependencies":{"unplugin":"1.2.0"},"peerDependencies":{"@semcore/core":"^2.17.5"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/i18n-unplugin"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21","@types/watchpack":"^2.4.1","@types/webpack":"5","@types/webpack-dev-server":"^4.7.2","@types/webpack-sources":"^3.2.0","@types/rollup":"^0.54.0"}}

package/icon/package.json

@@ -1 +1 @@
-{"name":"intergalactic/icon","description":"Semrush Icon Component","version":"4.53.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":{"transform":"pnpm icon-transform-svg","build":"pnpm run clean && pnpm semcore-builder --source=js && pnpm run transform --configFile=./transform-svg.config.js","clean":"node clean.js"},"dependencies":{"@semcore/flex-box":"5.39.0-prerelease.0","@semcore/icon":"4.53.0-prerelease.0","@semcore/utils":"4.44.0-prerelease.0","classnames":"2.2.6"},"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/icon"},"devDependencies":{"@semcore/icon-transform-svg":"1.1.0","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/icon","description":"Semrush Icon Component","version":"4.53.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":{"transform":"pnpm icon-transform-svg","build":"pnpm run clean && pnpm semcore-builder --source=js && pnpm run transform --configFile=./transform-svg.config.js","clean":"node clean.js"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/utils":"4.44.0","classnames":"2.2.6"},"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/icon"},"devDependencies":{"@semcore/icon-transform-svg":"1.1.0","@types/classnames":"2.2.6","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/illustration/package.json

@@ -1 +1 @@
-{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.40.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 clear && pnpm semcore-builder --source=js && pnpm run transform","transform":"tsm --require=../../.ci/tsm-filter-warnings.js transform.ts","clear":"tsm --require=../../.ci/tsm-filter-warnings.js clear.ts","upload-static":"gcs-upload svg/*.svg"},"dependencies":{"@babel/runtime":"^7.17.9","@semcore/flex-box":"5.39.0-prerelease.0","colorjs.io":"0.4.3"},"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/illustration"},"devDependencies":{"esbuild":"0.14.29","happy-dom":"9.20.3","svg-to-jsx":"^1.0.4","@types/react":"18.0.21"}}
+{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.40.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 clear && pnpm semcore-builder --source=js && pnpm run transform","transform":"tsm --require=../../.ci/tsm-filter-warnings.js transform.ts","clear":"tsm --require=../../.ci/tsm-filter-warnings.js clear.ts","upload-static":"gcs-upload svg/*.svg"},"dependencies":{"@babel/runtime":"^7.17.9","@semcore/flex-box":"5.39.0","colorjs.io":"0.4.3"},"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/illustration"},"devDependencies":{"esbuild":"0.14.29","happy-dom":"9.20.3","svg-to-jsx":"^1.0.4","@types/react":"18.0.21"}}

package/inline-edit/lib/cjs/InlineEdit.js

@@ -24,10 +24,10 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib/getOriginChildren"));
 /*__reshadow-styles__:"./style/inline-edit.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_1gf6h_gg_{display:inline-block;position:relative}.___SEdit_1gf6h_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_1gf6h_gg_{cursor:pointer}.___SView_1gf6h_gg_:active,.___SView_1gf6h_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1gf6h_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineEdit": "___SInlineEdit_1gf6h_gg_",
-  "__SEdit": "___SEdit_1gf6h_gg_",
-  "__SView": "___SView_1gf6h_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_v6mny_gg_{display:inline-block;position:relative}.___SEdit_v6mny_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_v6mny_gg_{cursor:pointer}.___SView_v6mny_gg_:active,.___SView_v6mny_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "v6mny_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineEdit": "___SInlineEdit_v6mny_gg_",
+  "__SEdit": "___SEdit_v6mny_gg_",
+  "__SView": "___SView_v6mny_gg_"
 });
 var InlineEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InlineEdit, _Component);
@@ -81,6 +81,18 @@ var InlineEdit = /*#__PURE__*/function (_Component) {
     value: function handleOnEdit() {
       this.handlers.editable(true);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var editable = this.props.editable;
+      if (prevProps.editable !== editable && editable === false) {
+        setTimeout(function () {
+          var _this2$viewRef$curren;
+          (_this2$viewRef$curren = _this2.viewRef.current) === null || _this2$viewRef$curren === void 0 ? void 0 : _this2$viewRef$curren.focus();
+        }, 0);
+      }
+    }
   }, {
     key: "render",
     value: function render() {

package/inline-edit/lib/cjs/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","_index","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","render","_ref","_ref4","SInlineEdit","Box","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","defaultEditable","i18n","locale","Edit","_ref2","arguments[0]","_ref5","visible","SEdit","FadeInOut","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","_default","createComponent","exports"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={visible ? undefined : 'true'}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={visible ? undefined : 'true'}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","_index","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","Box","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","defaultEditable","i18n","locale","Edit","_ref2","arguments[0]","_ref5","visible","SEdit","FadeInOut","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","_default","createComponent","exports"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={visible ? undefined : 'true'}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={visible ? undefined : 'true'}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}

package/inline-edit/lib/es6/InlineEdit.js

@@ -19,10 +19,10 @@ import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
 /*__reshadow-styles__:"./style/inline-edit.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_1gf6h_gg_{display:inline-block;position:relative}.___SEdit_1gf6h_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_1gf6h_gg_{cursor:pointer}.___SView_1gf6h_gg_:active,.___SView_1gf6h_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1gf6h_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineEdit": "___SInlineEdit_1gf6h_gg_",
-  "__SEdit": "___SEdit_1gf6h_gg_",
-  "__SView": "___SView_1gf6h_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_v6mny_gg_{display:inline-block;position:relative}.___SEdit_v6mny_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_v6mny_gg_{cursor:pointer}.___SView_v6mny_gg_:active,.___SView_v6mny_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "v6mny_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineEdit": "___SInlineEdit_v6mny_gg_",
+  "__SEdit": "___SEdit_v6mny_gg_",
+  "__SView": "___SView_v6mny_gg_"
 });
 var InlineEdit = /*#__PURE__*/function (_Component) {
   _inherits(InlineEdit, _Component);
@@ -76,6 +76,18 @@ var InlineEdit = /*#__PURE__*/function (_Component) {
     value: function handleOnEdit() {
       this.handlers.editable(true);
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var editable = this.props.editable;
+      if (prevProps.editable !== editable && editable === false) {
+        setTimeout(function () {
+          var _this2$viewRef$curren;
+          (_this2$viewRef$curren = _this2.viewRef.current) === null || _this2$viewRef$curren === void 0 ? void 0 : _this2$viewRef$curren.focus();
+        }, 0);
+      }
+    }
   }, {
     key: "render",
     value: function render() {

package/inline-edit/lib/es6/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","names":["React","createComponent","Component","sstyled","Root","Box","FadeInOut","localizedMessages","i18nEnhance","useCssVariable","reactToText","getOriginChildren","style","_sstyled","insert","InlineEdit","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","render","_ref","_ref4","SInlineEdit","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread","_assignProps","defaultEditable","i18n","locale","Edit","_ref2","arguments[0]","_ref5","visible","SEdit","useRef","durationStr","duration","useMemo","parseInt","_assignProps2","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={visible ? undefined : 'true'}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={visible ? undefined : 'true'}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"InlineEdit.js","names":["React","createComponent","Component","sstyled","Root","Box","FadeInOut","localizedMessages","i18nEnhance","useCssVariable","reactToText","getOriginChildren","style","_sstyled","insert","InlineEdit","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread","_assignProps","defaultEditable","i18n","locale","Edit","_ref2","arguments[0]","_ref5","visible","SEdit","useRef","durationStr","duration","useMemo","parseInt","_assignProps2","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={visible ? undefined : 'true'}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={visible ? undefined : 'true'}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}

package/inline-edit/package.json

@@ -1 +1 @@
-{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.41.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/utils":"4.44.0-prerelease.0"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"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/inline-edit"}}
+{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.41.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/flex-box":"5.39.0","@semcore/utils":"4.44.0"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"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/inline-edit"}}

package/inline-input/lib/cjs/InlineInput.js

@@ -27,20 +27,20 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _inputNumber = _interopRequireDefault(require("intergalactic/input-number"));
 var _hasParent = require("intergalactic/utils/lib/hasParent");
 /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1b5xi_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1b5xi_gg_ .___SConfirmIcon_1b5xi_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1b5xi_gg_ .___SConfirmIcon_1b5xi_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1b5xi_gg_ .___SCancelIcon_1b5xi_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1b5xi_gg_ .___SCancelIcon_1b5xi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1b5xi_gg_.__disabled_1b5xi_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1b5xi_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1b5xi_gg_:focus{outline:0}.___SValue_1b5xi_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1b5xi_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1b5xi_gg_.__disabled_1b5xi_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1b5xi_gg_::-webkit-inner-spin-button,.___SValue_1b5xi_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1b5xi_gg_._type_number_1b5xi_gg_{-moz-appearance:textfield}.___SUnderline_1b5xi_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1b5xi_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b5xi_gg_.__disabled_1b5xi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1b5xi_gg_.__focused_1b5xi_gg_{z-index:1}.___SInlineInput_1b5xi_gg_.__focused_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1b5xi_gg_._state_valid_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1b5xi_gg_._state_valid_1b5xi_gg_.__focused_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1b5xi_gg_._state_invalid_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1b5xi_gg_._state_invalid_1b5xi_gg_.__focused_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1b5xi_gg_:focus~.___SControls_1b5xi_gg_{display:flex}.___SInvalidPattern_1b5xi_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1b5xi_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_1b5xi_gg_",
-  "_disabled": "__disabled_1b5xi_gg_",
-  "__SUnderline": "___SUnderline_1b5xi_gg_",
-  "__SAddon": "___SAddon_1b5xi_gg_",
-  "_focused": "__focused_1b5xi_gg_",
-  "_state_valid": "_state_valid_1b5xi_gg_",
-  "_state_invalid": "_state_invalid_1b5xi_gg_",
-  "__SValue": "___SValue_1b5xi_gg_",
-  "__SControls": "___SControls_1b5xi_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1b5xi_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_1b5xi_gg_",
-  "__SCancelIcon": "___SCancelIcon_1b5xi_gg_",
-  "_type_number": "_type_number_1b5xi_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1n8gu_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1n8gu_gg_.__disabled_1n8gu_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1n8gu_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1n8gu_gg_:focus{outline:0}.___SValue_1n8gu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_.__disabled_1n8gu_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1n8gu_gg_::-webkit-inner-spin-button,.___SValue_1n8gu_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1n8gu_gg_._type_number_1n8gu_gg_{-moz-appearance:textfield}.___SUnderline_1n8gu_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1n8gu_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1n8gu_gg_.__disabled_1n8gu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_{z-index:1}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1n8gu_gg_:focus~.___SControls_1n8gu_gg_{display:flex}.___SInvalidPattern_1n8gu_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1n8gu_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_1n8gu_gg_",
+  "_disabled": "__disabled_1n8gu_gg_",
+  "__SUnderline": "___SUnderline_1n8gu_gg_",
+  "__SAddon": "___SAddon_1n8gu_gg_",
+  "_focused": "__focused_1n8gu_gg_",
+  "_state_valid": "_state_valid_1n8gu_gg_",
+  "_state_invalid": "_state_invalid_1n8gu_gg_",
+  "__SValue": "___SValue_1n8gu_gg_",
+  "__SControls": "___SControls_1n8gu_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_1n8gu_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_1n8gu_gg_",
+  "__SCancelIcon": "___SCancelIcon_1n8gu_gg_",
+  "_type_number": "_type_number_1n8gu_gg_"
 });
 var pointInsideOfRect = function pointInsideOfRect(_ref17) {
   var x = _ref17.x,

package/inline-input/lib/es6/InlineInput.js

@@ -20,20 +20,20 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box, InvalidStateBox } from 'intergalactic/flex-box';
 import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
 /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1b5xi_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1b5xi_gg_ .___SConfirmIcon_1b5xi_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1b5xi_gg_ .___SConfirmIcon_1b5xi_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1b5xi_gg_ .___SCancelIcon_1b5xi_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1b5xi_gg_ .___SCancelIcon_1b5xi_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1b5xi_gg_.__disabled_1b5xi_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1b5xi_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1b5xi_gg_:focus{outline:0}.___SValue_1b5xi_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1b5xi_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1b5xi_gg_.__disabled_1b5xi_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1b5xi_gg_::-webkit-inner-spin-button,.___SValue_1b5xi_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1b5xi_gg_._type_number_1b5xi_gg_{-moz-appearance:textfield}.___SUnderline_1b5xi_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1b5xi_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1b5xi_gg_.__disabled_1b5xi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1b5xi_gg_.__focused_1b5xi_gg_{z-index:1}.___SInlineInput_1b5xi_gg_.__focused_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1b5xi_gg_._state_valid_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1b5xi_gg_._state_valid_1b5xi_gg_.__focused_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1b5xi_gg_._state_invalid_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1b5xi_gg_._state_invalid_1b5xi_gg_.__focused_1b5xi_gg_ .___SUnderline_1b5xi_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1b5xi_gg_:focus~.___SControls_1b5xi_gg_{display:flex}.___SInvalidPattern_1b5xi_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1b5xi_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_1b5xi_gg_",
-  "_disabled": "__disabled_1b5xi_gg_",
-  "__SUnderline": "___SUnderline_1b5xi_gg_",
-  "__SAddon": "___SAddon_1b5xi_gg_",
-  "_focused": "__focused_1b5xi_gg_",
-  "_state_valid": "_state_valid_1b5xi_gg_",
-  "_state_invalid": "_state_invalid_1b5xi_gg_",
-  "__SValue": "___SValue_1b5xi_gg_",
-  "__SControls": "___SControls_1b5xi_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1b5xi_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_1b5xi_gg_",
-  "__SCancelIcon": "___SCancelIcon_1b5xi_gg_",
-  "_type_number": "_type_number_1b5xi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1n8gu_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1n8gu_gg_.__disabled_1n8gu_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1n8gu_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1n8gu_gg_:focus{outline:0}.___SValue_1n8gu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_.__disabled_1n8gu_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1n8gu_gg_::-webkit-inner-spin-button,.___SValue_1n8gu_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1n8gu_gg_._type_number_1n8gu_gg_{-moz-appearance:textfield}.___SUnderline_1n8gu_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1n8gu_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1n8gu_gg_.__disabled_1n8gu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_{z-index:1}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1n8gu_gg_:focus~.___SControls_1n8gu_gg_{display:flex}.___SInvalidPattern_1n8gu_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1n8gu_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_1n8gu_gg_",
+  "_disabled": "__disabled_1n8gu_gg_",
+  "__SUnderline": "___SUnderline_1n8gu_gg_",
+  "__SAddon": "___SAddon_1n8gu_gg_",
+  "_focused": "__focused_1n8gu_gg_",
+  "_state_valid": "_state_valid_1n8gu_gg_",
+  "_state_invalid": "_state_invalid_1n8gu_gg_",
+  "__SValue": "___SValue_1n8gu_gg_",
+  "__SControls": "___SControls_1n8gu_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_1n8gu_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_1n8gu_gg_",
+  "__SCancelIcon": "___SCancelIcon_1n8gu_gg_",
+  "_type_number": "_type_number_1n8gu_gg_"
 });
 import CheckM from 'intergalactic/icon/Check/m';
 import CloseM from 'intergalactic/icon/Close/m';