intergalactic 15.99.0 → 15.100.0-prerelease.0

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

@@ -19,12 +19,12 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_118n7_gg_ .___SStar_118n7_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_118n7_gg_ .___SStar_118n7_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_118n7_gg_.__keyboardFocused_118n7_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_118n7_gg_.__readonly_118n7_gg_ .___SStar_118n7_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_118n7_gg_.__filled_118n7_gg_:active{animation:wobble .8s ease-in-out}.___SStar_118n7_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_118n7_gg_.__filled_118n7_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "118n7_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_118n7_gg_",
-  "__SStar": "___SStar_118n7_gg_",
-  "_keyboardFocused": "__keyboardFocused_118n7_gg_",
-  "_readonly": "__readonly_118n7_gg_",
-  "_filled": "__filled_118n7_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_140rk_gg_ .___SStar_140rk_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_140rk_gg_ .___SStar_140rk_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_140rk_gg_.__keyboardFocused_140rk_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_140rk_gg_.__readonly_140rk_gg_ .___SStar_140rk_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_140rk_gg_.__filled_140rk_gg_:active{animation:wobble .8s ease-in-out}.___SStar_140rk_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_140rk_gg_.__filled_140rk_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "140rk_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_140rk_gg_",
+  "__SStar": "___SStar_140rk_gg_",
+  "_keyboardFocused": "__keyboardFocused_140rk_gg_",
+  "_readonly": "__readonly_140rk_gg_",
+  "_filled": "__filled_140rk_gg_"
 });
 var MIN = 1;
 var MAX = 5;

package/feedback-form/lib/es6/FeedbackForm.js

@@ -23,13 +23,13 @@ import { Box } from 'intergalactic/flex-box';
 import { FeedbackItem } from './component/feedback-item/FeedbackItem';
 import { SubmitButton } from './component/submit-button/SubmitButton';
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_18rsj_gg_{max-width:320px}.___SCancel_18rsj_gg_,.___SSubmit_18rsj_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_18rsj_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_18rsj_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_18rsj_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "18rsj_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_18rsj_gg_",
-  "__SSubmit": "___SSubmit_18rsj_gg_",
-  "__SCancel": "___SCancel_18rsj_gg_",
-  "__SNotice": "___SNotice_18rsj_gg_",
-  "__SSuccess": "___SSuccess_18rsj_gg_",
-  "__SEmail": "___SEmail_18rsj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1904k_gg_{max-width:320px}.___SCancel_1904k_gg_,.___SSubmit_1904k_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1904k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_1904k_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1904k_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "1904k_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_1904k_gg_",
+  "__SSubmit": "___SSubmit_1904k_gg_",
+  "__SCancel": "___SCancel_1904k_gg_",
+  "__SNotice": "___SNotice_1904k_gg_",
+  "__SSuccess": "___SSuccess_1904k_gg_",
+  "__SEmail": "___SEmail_1904k_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackForm, _Component);

package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js

@@ -12,9 +12,9 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_1p1wy_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1p1wy_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1p1wy_gg_.__checked_1p1wy_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1p1wy_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1p1wy_gg_.__checked_1p1wy_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "1p1wy_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_1p1wy_gg_",
-  "_checked": "__checked_1p1wy_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_uxvox_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_uxvox_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_uxvox_gg_.__checked_uxvox_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_uxvox_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_uxvox_gg_.__checked_uxvox_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "uxvox_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_uxvox_gg_",
+  "_checked": "__checked_uxvox_gg_"
 });
 import Checkbox from 'intergalactic/checkbox';
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {

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

@@ -37,8 +37,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_1pkjz_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1pkjz_gg_ li{list-style:none}" /*__inner_css_end__*/, "1pkjz_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_1pkjz_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_76hbr_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_76hbr_gg_ li{list-style:none}" /*__inner_css_end__*/, "76hbr_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_76hbr_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_118n7_gg_ .___SStar_118n7_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_118n7_gg_ .___SStar_118n7_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_118n7_gg_.__keyboardFocused_118n7_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_118n7_gg_.__readonly_118n7_gg_ .___SStar_118n7_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_118n7_gg_.__filled_118n7_gg_:active{animation:wobble .8s ease-in-out}.___SStar_118n7_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_118n7_gg_.__filled_118n7_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "118n7_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_118n7_gg_",
-  "__SStar": "___SStar_118n7_gg_",
-  "_keyboardFocused": "__keyboardFocused_118n7_gg_",
-  "_readonly": "__readonly_118n7_gg_",
-  "_filled": "__filled_118n7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_140rk_gg_ .___SStar_140rk_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_140rk_gg_ .___SStar_140rk_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_140rk_gg_.__keyboardFocused_140rk_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_140rk_gg_.__readonly_140rk_gg_ .___SStar_140rk_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_140rk_gg_.__filled_140rk_gg_:active{animation:wobble .8s ease-in-out}.___SStar_140rk_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_140rk_gg_.__filled_140rk_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "140rk_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_140rk_gg_",
+  "__SStar": "___SStar_140rk_gg_",
+  "_keyboardFocused": "__keyboardFocused_140rk_gg_",
+  "_readonly": "__readonly_140rk_gg_",
+  "_filled": "__filled_140rk_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var MIN = 1;

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

@@ -120,7 +120,7 @@ var Edit = function Edit(props) {
   return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SEdit, _ref5.cn("SEdit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "visible": visible,
     "duration": duration,
-    "aria-hidden": !visible,
+    "aria-hidden": visible ? undefined : 'true',
     "exiting": !visible,
     "ref": ref
   }, _ref2))));
@@ -143,8 +143,8 @@ var View = function View(props) {
     "preserveNode": true,
     "tabIndex": 0,
     "role": 'button',
-    "aria-hidden": !visible,
-    "aria-label": "".concat(props.getI18nText('tapToEdit'), ":").concat(textContent),
+    "aria-hidden": visible ? undefined : 'true',
+    "aria-label": "".concat(props.getI18nText('tapToEdit'), ": ").concat(textContent),
     "onClick": visible ? props.onEdit : undefined,
     "onKeyDown": handleKeyDown
   }, _ref3))));

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","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","undefined","_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}\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}\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","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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"}

package/inline-edit/lib/cjs/translations/en.json

@@ -1,3 +1,3 @@
 {
-  "tapToEdit": "Tap to edit"
+  "tapToEdit": "Edit"
 }

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

@@ -115,7 +115,7 @@ var Edit = function Edit(props) {
   return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SEdit, _ref5.cn("SEdit", _objectSpread({}, _assignProps2({
     "visible": visible,
     "duration": duration,
-    "aria-hidden": !visible,
+    "aria-hidden": visible ? undefined : 'true',
     "exiting": !visible,
     "ref": ref
   }, _ref2))));
@@ -138,8 +138,8 @@ var View = function View(props) {
     "preserveNode": true,
     "tabIndex": 0,
     "role": 'button',
-    "aria-hidden": !visible,
-    "aria-label": "".concat(props.getI18nText('tapToEdit'), ":").concat(textContent),
+    "aria-hidden": visible ? undefined : 'true',
+    "aria-label": "".concat(props.getI18nText('tapToEdit'), ": ").concat(textContent),
     "onClick": visible ? props.onEdit : undefined,
     "onKeyDown": handleKeyDown
   }, _ref3))));

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","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat","undefined"],"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}\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}\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","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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"}

package/inline-edit/lib/es6/translations/en.json

@@ -1,3 +1,3 @@
 {
-  "tapToEdit": "Tap to edit"
+  "tapToEdit": "Edit"
 }

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

@@ -26,20 +26,20 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _inputNumber = _interopRequireDefault(require("intergalactic/input-number"));
 /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_sr2p6_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_sr2p6_gg_ .___SConfirmIcon_sr2p6_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_sr2p6_gg_ .___SConfirmIcon_sr2p6_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_sr2p6_gg_ .___SCancelIcon_sr2p6_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_sr2p6_gg_ .___SCancelIcon_sr2p6_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_sr2p6_gg_.__disabled_sr2p6_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_sr2p6_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_sr2p6_gg_:focus{outline:0}.___SValue_sr2p6_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_sr2p6_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_sr2p6_gg_.__disabled_sr2p6_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_sr2p6_gg_::-webkit-inner-spin-button,.___SValue_sr2p6_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_sr2p6_gg_._type_number_sr2p6_gg_{-moz-appearance:textfield}.___SUnderline_sr2p6_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_sr2p6_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_sr2p6_gg_.__disabled_sr2p6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_sr2p6_gg_.__focused_sr2p6_gg_{z-index:1}.___SInlineInput_sr2p6_gg_.__focused_sr2p6_gg_ .___SUnderline_sr2p6_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_sr2p6_gg_._state_valid_sr2p6_gg_ .___SUnderline_sr2p6_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_sr2p6_gg_._state_valid_sr2p6_gg_.__focused_sr2p6_gg_ .___SUnderline_sr2p6_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_sr2p6_gg_._state_invalid_sr2p6_gg_ .___SUnderline_sr2p6_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_sr2p6_gg_._state_invalid_sr2p6_gg_.__focused_sr2p6_gg_ .___SUnderline_sr2p6_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_sr2p6_gg_:focus~.___SControls_sr2p6_gg_{display:flex}.___SInvalidPattern_sr2p6_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "sr2p6_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_sr2p6_gg_",
-  "_disabled": "__disabled_sr2p6_gg_",
-  "__SUnderline": "___SUnderline_sr2p6_gg_",
-  "__SAddon": "___SAddon_sr2p6_gg_",
-  "_focused": "__focused_sr2p6_gg_",
-  "_state_valid": "_state_valid_sr2p6_gg_",
-  "_state_invalid": "_state_invalid_sr2p6_gg_",
-  "__SValue": "___SValue_sr2p6_gg_",
-  "__SControls": "___SControls_sr2p6_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_sr2p6_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_sr2p6_gg_",
-  "__SCancelIcon": "___SCancelIcon_sr2p6_gg_",
-  "_type_number": "_type_number_sr2p6_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_i10l3_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_i10l3_gg_ .___SConfirmIcon_i10l3_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_i10l3_gg_ .___SConfirmIcon_i10l3_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_i10l3_gg_ .___SCancelIcon_i10l3_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_i10l3_gg_ .___SCancelIcon_i10l3_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_i10l3_gg_.__disabled_i10l3_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_i10l3_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_i10l3_gg_:focus{outline:0}.___SValue_i10l3_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i10l3_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i10l3_gg_.__disabled_i10l3_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_i10l3_gg_::-webkit-inner-spin-button,.___SValue_i10l3_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_i10l3_gg_._type_number_i10l3_gg_{-moz-appearance:textfield}.___SUnderline_i10l3_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_i10l3_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_i10l3_gg_.__disabled_i10l3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_i10l3_gg_.__focused_i10l3_gg_{z-index:1}.___SInlineInput_i10l3_gg_.__focused_i10l3_gg_ .___SUnderline_i10l3_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_i10l3_gg_._state_valid_i10l3_gg_ .___SUnderline_i10l3_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_i10l3_gg_._state_valid_i10l3_gg_.__focused_i10l3_gg_ .___SUnderline_i10l3_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_i10l3_gg_._state_invalid_i10l3_gg_ .___SUnderline_i10l3_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_i10l3_gg_._state_invalid_i10l3_gg_.__focused_i10l3_gg_ .___SUnderline_i10l3_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_i10l3_gg_:focus~.___SControls_i10l3_gg_{display:flex}.___SInvalidPattern_i10l3_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "i10l3_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_i10l3_gg_",
+  "_disabled": "__disabled_i10l3_gg_",
+  "__SUnderline": "___SUnderline_i10l3_gg_",
+  "__SAddon": "___SAddon_i10l3_gg_",
+  "_focused": "__focused_i10l3_gg_",
+  "_state_valid": "_state_valid_i10l3_gg_",
+  "_state_invalid": "_state_invalid_i10l3_gg_",
+  "__SValue": "___SValue_i10l3_gg_",
+  "__SControls": "___SControls_i10l3_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_i10l3_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_i10l3_gg_",
+  "__SCancelIcon": "___SCancelIcon_i10l3_gg_",
+  "_type_number": "_type_number_i10l3_gg_"
 });
 var pointInsideOfRect = function pointInsideOfRect(_ref17) {
   var x = _ref17.x,

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

@@ -21,20 +21,20 @@ import { Box, InvalidStateBox } from 'intergalactic/flex-box';
 import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
 import Tooltip from 'intergalactic/tooltip';
 /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_sr2p6_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_sr2p6_gg_ .___SConfirmIcon_sr2p6_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_sr2p6_gg_ .___SConfirmIcon_sr2p6_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_sr2p6_gg_ .___SCancelIcon_sr2p6_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_sr2p6_gg_ .___SCancelIcon_sr2p6_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_sr2p6_gg_.__disabled_sr2p6_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_sr2p6_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_sr2p6_gg_:focus{outline:0}.___SValue_sr2p6_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_sr2p6_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_sr2p6_gg_.__disabled_sr2p6_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_sr2p6_gg_::-webkit-inner-spin-button,.___SValue_sr2p6_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_sr2p6_gg_._type_number_sr2p6_gg_{-moz-appearance:textfield}.___SUnderline_sr2p6_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_sr2p6_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_sr2p6_gg_.__disabled_sr2p6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_sr2p6_gg_.__focused_sr2p6_gg_{z-index:1}.___SInlineInput_sr2p6_gg_.__focused_sr2p6_gg_ .___SUnderline_sr2p6_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_sr2p6_gg_._state_valid_sr2p6_gg_ .___SUnderline_sr2p6_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_sr2p6_gg_._state_valid_sr2p6_gg_.__focused_sr2p6_gg_ .___SUnderline_sr2p6_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_sr2p6_gg_._state_invalid_sr2p6_gg_ .___SUnderline_sr2p6_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_sr2p6_gg_._state_invalid_sr2p6_gg_.__focused_sr2p6_gg_ .___SUnderline_sr2p6_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_sr2p6_gg_:focus~.___SControls_sr2p6_gg_{display:flex}.___SInvalidPattern_sr2p6_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "sr2p6_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_sr2p6_gg_",
-  "_disabled": "__disabled_sr2p6_gg_",
-  "__SUnderline": "___SUnderline_sr2p6_gg_",
-  "__SAddon": "___SAddon_sr2p6_gg_",
-  "_focused": "__focused_sr2p6_gg_",
-  "_state_valid": "_state_valid_sr2p6_gg_",
-  "_state_invalid": "_state_invalid_sr2p6_gg_",
-  "__SValue": "___SValue_sr2p6_gg_",
-  "__SControls": "___SControls_sr2p6_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_sr2p6_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_sr2p6_gg_",
-  "__SCancelIcon": "___SCancelIcon_sr2p6_gg_",
-  "_type_number": "_type_number_sr2p6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_i10l3_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_i10l3_gg_ .___SConfirmIcon_i10l3_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_i10l3_gg_ .___SConfirmIcon_i10l3_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_i10l3_gg_ .___SCancelIcon_i10l3_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_i10l3_gg_ .___SCancelIcon_i10l3_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_i10l3_gg_.__disabled_i10l3_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_i10l3_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_i10l3_gg_:focus{outline:0}.___SValue_i10l3_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i10l3_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_i10l3_gg_.__disabled_i10l3_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_i10l3_gg_::-webkit-inner-spin-button,.___SValue_i10l3_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_i10l3_gg_._type_number_i10l3_gg_{-moz-appearance:textfield}.___SUnderline_i10l3_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_i10l3_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_i10l3_gg_.__disabled_i10l3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_i10l3_gg_.__focused_i10l3_gg_{z-index:1}.___SInlineInput_i10l3_gg_.__focused_i10l3_gg_ .___SUnderline_i10l3_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_i10l3_gg_._state_valid_i10l3_gg_ .___SUnderline_i10l3_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_i10l3_gg_._state_valid_i10l3_gg_.__focused_i10l3_gg_ .___SUnderline_i10l3_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_i10l3_gg_._state_invalid_i10l3_gg_ .___SUnderline_i10l3_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_i10l3_gg_._state_invalid_i10l3_gg_.__focused_i10l3_gg_ .___SUnderline_i10l3_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_i10l3_gg_:focus~.___SControls_i10l3_gg_{display:flex}.___SInvalidPattern_i10l3_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "i10l3_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_i10l3_gg_",
+  "_disabled": "__disabled_i10l3_gg_",
+  "__SUnderline": "___SUnderline_i10l3_gg_",
+  "__SAddon": "___SAddon_i10l3_gg_",
+  "_focused": "__focused_i10l3_gg_",
+  "_state_valid": "_state_valid_i10l3_gg_",
+  "_state_invalid": "_state_invalid_i10l3_gg_",
+  "__SValue": "___SValue_i10l3_gg_",
+  "__SControls": "___SControls_i10l3_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_i10l3_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_i10l3_gg_",
+  "__SCancelIcon": "___SCancelIcon_i10l3_gg_",
+  "_type_number": "_type_number_i10l3_gg_"
 });
 import CheckM from 'intergalactic/icon/Check/m';
 import CloseM from 'intergalactic/icon/Close/m';

package/link/lib/cjs/Link.js

@@ -25,18 +25,18 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _hasLabels = _interopRequireDefault(require("intergalactic/utils/lib/hasLabels"));
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLink_p8j3x_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_p8j3x_gg_:active,.___SLink_p8j3x_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_p8j3x_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_p8j3x_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_p8j3x_gg_.__active_p8j3x_gg_,.___SLink_p8j3x_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_p8j3x_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_p8j3x_gg_.__active_p8j3x_gg_ .___SText_p8j3x_gg_,.___SLink_p8j3x_gg_:active .___SText_p8j3x_gg_{border-color:currentColor}@media (hover:hover){.___SLink_p8j3x_gg_:hover .___SText_p8j3x_gg_{border-color:currentColor}}.___SLink_p8j3x_gg_.__enableVisited_p8j3x_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_p8j3x_gg_.__enableVisited_p8j3x_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_p8j3x_gg_.__keyboardFocused_p8j3x_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_p8j3x_gg_.__visually-disabled_p8j3x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_p8j3x_gg_.__noWrapText_p8j3x_gg_{white-space:nowrap}.___SLink_p8j3x_gg_.__inline_p8j3x_gg_{display:inline}.___SAddon_p8j3x_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_p8j3x_gg_ .___SAddon_p8j3x_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_p8j3x_gg_ .___SAddon_p8j3x_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_p8j3x_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_{color:var(--text-color_p8j3x)}.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_.__active_p8j3x_gg_,.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_:active{color:var(--text-color_p8j3x);filter:brightness(.8)}@media (hover:hover){.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_:hover{color:var(--text-color_p8j3x);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_p8j3x_gg_,.___SText_p8j3x_gg_{transition:none}}" /*__inner_css_end__*/, "p8j3x_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_p8j3x_gg_",
-  "_keyboardFocused": "__keyboardFocused_p8j3x_gg_",
-  "_visually-disabled": "__visually-disabled_p8j3x_gg_",
-  "_noWrapText": "__noWrapText_p8j3x_gg_",
-  "_inline": "__inline_p8j3x_gg_",
-  "__SAddon": "___SAddon_p8j3x_gg_",
-  "__SText": "___SText_p8j3x_gg_",
-  "_active": "__active_p8j3x_gg_",
-  "_enableVisited": "__enableVisited_p8j3x_gg_",
-  "_text-color": "__text-color_p8j3x_gg_",
-  "--text-color": "--text-color_p8j3x"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLink_anxqe_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_anxqe_gg_:active,.___SLink_anxqe_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_anxqe_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_anxqe_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_anxqe_gg_.__active_anxqe_gg_,.___SLink_anxqe_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_anxqe_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_anxqe_gg_.__active_anxqe_gg_ .___SText_anxqe_gg_,.___SLink_anxqe_gg_:active .___SText_anxqe_gg_{border-color:currentColor}@media (hover:hover){.___SLink_anxqe_gg_:hover .___SText_anxqe_gg_{border-color:currentColor}}.___SLink_anxqe_gg_.__enableVisited_anxqe_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_anxqe_gg_.__enableVisited_anxqe_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_anxqe_gg_.__keyboardFocused_anxqe_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_anxqe_gg_.__visually-disabled_anxqe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_anxqe_gg_.__noWrapText_anxqe_gg_{white-space:nowrap}.___SLink_anxqe_gg_.__inline_anxqe_gg_{display:inline}.___SAddon_anxqe_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_anxqe_gg_ .___SAddon_anxqe_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_anxqe_gg_ .___SAddon_anxqe_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_anxqe_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_anxqe_gg_.__text-color_anxqe_gg_{color:var(--text-color_anxqe)}.___SLink_anxqe_gg_.__text-color_anxqe_gg_.__active_anxqe_gg_,.___SLink_anxqe_gg_.__text-color_anxqe_gg_:active{color:var(--text-color_anxqe);filter:brightness(.8)}@media (hover:hover){.___SLink_anxqe_gg_.__text-color_anxqe_gg_:hover{color:var(--text-color_anxqe);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_anxqe_gg_,.___SText_anxqe_gg_{transition:none}}" /*__inner_css_end__*/, "anxqe_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_anxqe_gg_",
+  "_keyboardFocused": "__keyboardFocused_anxqe_gg_",
+  "_visually-disabled": "__visually-disabled_anxqe_gg_",
+  "_noWrapText": "__noWrapText_anxqe_gg_",
+  "_inline": "__inline_anxqe_gg_",
+  "__SAddon": "___SAddon_anxqe_gg_",
+  "__SText": "___SText_anxqe_gg_",
+  "_active": "__active_anxqe_gg_",
+  "_enableVisited": "__enableVisited_anxqe_gg_",
+  "_text-color": "__text-color_anxqe_gg_",
+  "--text-color": "--text-color_anxqe"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLink, _Component);

package/link/lib/es6/Link.js

@@ -20,18 +20,18 @@ import logger from 'intergalactic/utils/lib/logger';
 import hasLabels from 'intergalactic/utils/lib/hasLabels';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_p8j3x_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_p8j3x_gg_:active,.___SLink_p8j3x_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_p8j3x_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_p8j3x_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_p8j3x_gg_.__active_p8j3x_gg_,.___SLink_p8j3x_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_p8j3x_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_p8j3x_gg_.__active_p8j3x_gg_ .___SText_p8j3x_gg_,.___SLink_p8j3x_gg_:active .___SText_p8j3x_gg_{border-color:currentColor}@media (hover:hover){.___SLink_p8j3x_gg_:hover .___SText_p8j3x_gg_{border-color:currentColor}}.___SLink_p8j3x_gg_.__enableVisited_p8j3x_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_p8j3x_gg_.__enableVisited_p8j3x_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_p8j3x_gg_.__keyboardFocused_p8j3x_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_p8j3x_gg_.__visually-disabled_p8j3x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_p8j3x_gg_.__noWrapText_p8j3x_gg_{white-space:nowrap}.___SLink_p8j3x_gg_.__inline_p8j3x_gg_{display:inline}.___SAddon_p8j3x_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_p8j3x_gg_ .___SAddon_p8j3x_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_p8j3x_gg_ .___SAddon_p8j3x_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_p8j3x_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_{color:var(--text-color_p8j3x)}.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_.__active_p8j3x_gg_,.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_:active{color:var(--text-color_p8j3x);filter:brightness(.8)}@media (hover:hover){.___SLink_p8j3x_gg_.__text-color_p8j3x_gg_:hover{color:var(--text-color_p8j3x);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_p8j3x_gg_,.___SText_p8j3x_gg_{transition:none}}" /*__inner_css_end__*/, "p8j3x_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_p8j3x_gg_",
-  "_keyboardFocused": "__keyboardFocused_p8j3x_gg_",
-  "_visually-disabled": "__visually-disabled_p8j3x_gg_",
-  "_noWrapText": "__noWrapText_p8j3x_gg_",
-  "_inline": "__inline_p8j3x_gg_",
-  "__SAddon": "___SAddon_p8j3x_gg_",
-  "__SText": "___SText_p8j3x_gg_",
-  "_active": "__active_p8j3x_gg_",
-  "_enableVisited": "__enableVisited_p8j3x_gg_",
-  "_text-color": "__text-color_p8j3x_gg_",
-  "--text-color": "--text-color_p8j3x"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_anxqe_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_anxqe_gg_:active,.___SLink_anxqe_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_anxqe_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_anxqe_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_anxqe_gg_.__active_anxqe_gg_,.___SLink_anxqe_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_anxqe_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_anxqe_gg_.__active_anxqe_gg_ .___SText_anxqe_gg_,.___SLink_anxqe_gg_:active .___SText_anxqe_gg_{border-color:currentColor}@media (hover:hover){.___SLink_anxqe_gg_:hover .___SText_anxqe_gg_{border-color:currentColor}}.___SLink_anxqe_gg_.__enableVisited_anxqe_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_anxqe_gg_.__enableVisited_anxqe_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_anxqe_gg_.__keyboardFocused_anxqe_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_anxqe_gg_.__visually-disabled_anxqe_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_anxqe_gg_.__noWrapText_anxqe_gg_{white-space:nowrap}.___SLink_anxqe_gg_.__inline_anxqe_gg_{display:inline}.___SAddon_anxqe_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_anxqe_gg_ .___SAddon_anxqe_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_anxqe_gg_ .___SAddon_anxqe_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_anxqe_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_anxqe_gg_.__text-color_anxqe_gg_{color:var(--text-color_anxqe)}.___SLink_anxqe_gg_.__text-color_anxqe_gg_.__active_anxqe_gg_,.___SLink_anxqe_gg_.__text-color_anxqe_gg_:active{color:var(--text-color_anxqe);filter:brightness(.8)}@media (hover:hover){.___SLink_anxqe_gg_.__text-color_anxqe_gg_:hover{color:var(--text-color_anxqe);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_anxqe_gg_,.___SText_anxqe_gg_{transition:none}}" /*__inner_css_end__*/, "anxqe_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_anxqe_gg_",
+  "_keyboardFocused": "__keyboardFocused_anxqe_gg_",
+  "_visually-disabled": "__visually-disabled_anxqe_gg_",
+  "_noWrapText": "__noWrapText_anxqe_gg_",
+  "_inline": "__inline_anxqe_gg_",
+  "__SAddon": "___SAddon_anxqe_gg_",
+  "__SText": "___SText_anxqe_gg_",
+  "_active": "__active_anxqe_gg_",
+  "_enableVisited": "__enableVisited_anxqe_gg_",
+  "_text-color": "__text-color_anxqe_gg_",
+  "--text-color": "--text-color_anxqe"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   _inherits(RootLink, _Component);