intergalactic 15.75.2 → 15.76.0

package/typography/lib/cjs/Text.js

@@ -11,40 +11,40 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
 /*__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_wczcx_gg_{padding:0;margin:0}.___SText_wczcx_gg_._size_100_wczcx_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_wczcx_gg_._size_200_wczcx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_wczcx_gg_._size_300_wczcx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_wczcx_gg_._size_400_wczcx_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_wczcx_gg_._size_500_wczcx_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_wczcx_gg_._size_600_wczcx_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_wczcx_gg_._size_700_wczcx_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_wczcx_gg_._size_800_wczcx_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_wczcx_gg_.__noWrap_wczcx_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_wczcx_gg_.__medium_wczcx_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_wczcx_gg_.__semibold_wczcx_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_wczcx_gg_.__bold_wczcx_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_wczcx_gg_.__italic_wczcx_gg_{font-style:italic}.___SText_wczcx_gg_.__monospace_wczcx_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_wczcx_gg_.__uppercase_wczcx_gg_{text-transform:uppercase}.___SText_wczcx_gg_.__lowercase_wczcx_gg_{text-transform:lowercase}.___SText_wczcx_gg_.__capitalize_wczcx_gg_{text-transform:capitalize}.___SText_wczcx_gg_.__decoration_wczcx_gg_{-webkit-text-decoration:var(--decoration_wczcx);text-decoration:var(--decoration_wczcx)}.___SText_wczcx_gg_.__color_wczcx_gg_{color:var(--color_wczcx)}.___SText_wczcx_gg_.__fontSize_wczcx_gg_{font-size:var(--fontSize_wczcx)}.___SText_wczcx_gg_.__lineHeight_wczcx_gg_{line-height:var(--lineHeight_wczcx)}.___SText_wczcx_gg_.__fontWeight_wczcx_gg_{font-weight:var(--fontWeight_wczcx)}.___SText_wczcx_gg_.__textAlign_wczcx_gg_{text-align:var(--textAlign_wczcx)}.___SText_wczcx_gg_._use_primary_wczcx_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_wczcx_gg_._use_secondary_wczcx_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_wczcx_gg_.__disabled_wczcx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "wczcx_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_wczcx_gg_",
-  "_size_100": "_size_100_wczcx_gg_",
-  "_size_200": "_size_200_wczcx_gg_",
-  "_size_300": "_size_300_wczcx_gg_",
-  "_size_400": "_size_400_wczcx_gg_",
-  "_size_500": "_size_500_wczcx_gg_",
-  "_size_600": "_size_600_wczcx_gg_",
-  "_size_700": "_size_700_wczcx_gg_",
-  "_size_800": "_size_800_wczcx_gg_",
-  "_noWrap": "__noWrap_wczcx_gg_",
-  "_medium": "__medium_wczcx_gg_",
-  "_semibold": "__semibold_wczcx_gg_",
-  "_bold": "__bold_wczcx_gg_",
-  "_italic": "__italic_wczcx_gg_",
-  "_monospace": "__monospace_wczcx_gg_",
-  "_uppercase": "__uppercase_wczcx_gg_",
-  "_lowercase": "__lowercase_wczcx_gg_",
-  "_capitalize": "__capitalize_wczcx_gg_",
-  "_decoration": "__decoration_wczcx_gg_",
-  "--decoration": "--decoration_wczcx",
-  "_color": "__color_wczcx_gg_",
-  "--color": "--color_wczcx",
-  "_fontSize": "__fontSize_wczcx_gg_",
-  "--fontSize": "--fontSize_wczcx",
-  "_lineHeight": "__lineHeight_wczcx_gg_",
-  "--lineHeight": "--lineHeight_wczcx",
-  "_fontWeight": "__fontWeight_wczcx_gg_",
-  "--fontWeight": "--fontWeight_wczcx",
-  "_textAlign": "__textAlign_wczcx_gg_",
-  "--textAlign": "--textAlign_wczcx",
-  "_use_primary": "_use_primary_wczcx_gg_",
-  "_use_secondary": "_use_secondary_wczcx_gg_",
-  "_disabled": "__disabled_wczcx_gg_"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_1ye0p_gg_{padding:0;margin:0}.___SText_1ye0p_gg_._size_100_1ye0p_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ye0p_gg_._size_200_1ye0p_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ye0p_gg_._size_300_1ye0p_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ye0p_gg_._size_400_1ye0p_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ye0p_gg_._size_500_1ye0p_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ye0p_gg_._size_600_1ye0p_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ye0p_gg_._size_700_1ye0p_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ye0p_gg_._size_800_1ye0p_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ye0p_gg_.__noWrap_1ye0p_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ye0p_gg_.__medium_1ye0p_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ye0p_gg_.__semibold_1ye0p_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ye0p_gg_.__bold_1ye0p_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ye0p_gg_.__italic_1ye0p_gg_{font-style:italic}.___SText_1ye0p_gg_.__monospace_1ye0p_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ye0p_gg_.__uppercase_1ye0p_gg_{text-transform:uppercase}.___SText_1ye0p_gg_.__lowercase_1ye0p_gg_{text-transform:lowercase}.___SText_1ye0p_gg_.__capitalize_1ye0p_gg_{text-transform:capitalize}.___SText_1ye0p_gg_.__decoration_1ye0p_gg_{-webkit-text-decoration:var(--decoration_1ye0p);text-decoration:var(--decoration_1ye0p)}.___SText_1ye0p_gg_.__color_1ye0p_gg_{color:var(--color_1ye0p)}.___SText_1ye0p_gg_.__fontSize_1ye0p_gg_{font-size:var(--fontSize_1ye0p)}.___SText_1ye0p_gg_.__lineHeight_1ye0p_gg_{line-height:var(--lineHeight_1ye0p)}.___SText_1ye0p_gg_.__fontWeight_1ye0p_gg_{font-weight:var(--fontWeight_1ye0p)}.___SText_1ye0p_gg_.__textAlign_1ye0p_gg_{text-align:var(--textAlign_1ye0p)}.___SText_1ye0p_gg_._use_primary_1ye0p_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ye0p_gg_._use_secondary_1ye0p_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ye0p_gg_.__disabled_1ye0p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1ye0p_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_1ye0p_gg_",
+  "_size_100": "_size_100_1ye0p_gg_",
+  "_size_200": "_size_200_1ye0p_gg_",
+  "_size_300": "_size_300_1ye0p_gg_",
+  "_size_400": "_size_400_1ye0p_gg_",
+  "_size_500": "_size_500_1ye0p_gg_",
+  "_size_600": "_size_600_1ye0p_gg_",
+  "_size_700": "_size_700_1ye0p_gg_",
+  "_size_800": "_size_800_1ye0p_gg_",
+  "_noWrap": "__noWrap_1ye0p_gg_",
+  "_medium": "__medium_1ye0p_gg_",
+  "_semibold": "__semibold_1ye0p_gg_",
+  "_bold": "__bold_1ye0p_gg_",
+  "_italic": "__italic_1ye0p_gg_",
+  "_monospace": "__monospace_1ye0p_gg_",
+  "_uppercase": "__uppercase_1ye0p_gg_",
+  "_lowercase": "__lowercase_1ye0p_gg_",
+  "_capitalize": "__capitalize_1ye0p_gg_",
+  "_decoration": "__decoration_1ye0p_gg_",
+  "--decoration": "--decoration_1ye0p",
+  "_color": "__color_1ye0p_gg_",
+  "--color": "--color_1ye0p",
+  "_fontSize": "__fontSize_1ye0p_gg_",
+  "--fontSize": "--fontSize_1ye0p",
+  "_lineHeight": "__lineHeight_1ye0p_gg_",
+  "--lineHeight": "--lineHeight_1ye0p",
+  "_fontWeight": "__fontWeight_1ye0p_gg_",
+  "--fontWeight": "--fontWeight_1ye0p",
+  "_textAlign": "__textAlign_1ye0p_gg_",
+  "--textAlign": "--textAlign_1ye0p",
+  "_use_primary": "_use_primary_1ye0p_gg_",
+  "_use_secondary": "_use_secondary_1ye0p_gg_",
+  "_disabled": "__disabled_1ye0p_gg_"
 });
 function getTextDecoration(underline, lineThrough) {
   if (underline) {

package/typography/lib/es6/Blockquote.js

@@ -6,10 +6,10 @@ import { createBaseComponent, Root, sstyled } from 'intergalactic/core';
 import isNode from 'intergalactic/utils/lib/isNode';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/blockquote.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_jgy2x_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_jgy2x_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_jgy2x_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "jgy2x_gg_") /*__reshadow_css_end__*/, {
-  "__SBlockquote": "___SBlockquote_jgy2x_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_jgy2x_gg_",
-  "__SAuthor": "___SAuthor_jgy2x_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_11a21_gg_{position:relative;display:flex;font-style:italic;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);color:var(--intergalactic-text-primary, #191b23)}.___SDoubleQuotation_11a21_gg_{position:relative;margin-right:var(--intergalactic-spacing-5x, 20px);font-family:\"Times New Roman\",serif;font-style:normal;font-size:68px;line-height:52px;color:var(--intergalactic-text-large-secondary, #a9abb6)}.___SAuthor_11a21_gg_{display:block;margin-top:var(--intergalactic-spacing-4x, 16px);color:var(--intergalactic-text-secondary, #6c6e79);font-style:normal;font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}" /*__inner_css_end__*/, "11a21_gg_") /*__reshadow_css_end__*/, {
+  "__SBlockquote": "___SBlockquote_11a21_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_11a21_gg_",
+  "__SAuthor": "___SAuthor_11a21_gg_"
 });
 function Blockquote(props, ref) {
   var _ref = arguments[0],

package/typography/lib/es6/Hint.js

@@ -15,13 +15,13 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import Text from './Text';
 /*__reshadow-styles__:"./style/hint.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1pu41_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_1pu41_gg_.__active_1pu41_gg_,.___SHint_1pu41_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1pu41_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1pu41_gg_.__keyboardFocused_1pu41_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1pu41_gg_.__disabled_1pu41_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1pu41_gg_{vertical-align:middle;display:inline-flex}.___SHint_1pu41_gg_ .___SAddon_1pu41_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1pu41_gg_ .___SAddon_1pu41_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1pu41_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1pu41_gg_{transition:none}}" /*__inner_css_end__*/, "1pu41_gg_") /*__reshadow_css_end__*/, {
-  "__SHint": "___SHint_1pu41_gg_",
-  "_keyboardFocused": "__keyboardFocused_1pu41_gg_",
-  "_disabled": "__disabled_1pu41_gg_",
-  "__SAddon": "___SAddon_1pu41_gg_",
-  "__SText": "___SText_1pu41_gg_",
-  "_active": "__active_1pu41_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_j6188_gg_{display:inline-block;transition:all .15s ease-in-out;-webkit-text-decoration:none;text-decoration:none;outline:0;cursor:pointer;color:var(--intergalactic-text-secondary, #6c6e79)}.___SHint_j6188_gg_.__active_j6188_gg_,.___SHint_j6188_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_j6188_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_j6188_gg_.__keyboardFocused_j6188_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_j6188_gg_.__disabled_j6188_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_j6188_gg_{vertical-align:middle;display:inline-flex}.___SHint_j6188_gg_ .___SAddon_j6188_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_j6188_gg_ .___SAddon_j6188_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_j6188_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_j6188_gg_{transition:none}}" /*__inner_css_end__*/, "j6188_gg_") /*__reshadow_css_end__*/, {
+  "__SHint": "___SHint_j6188_gg_",
+  "_keyboardFocused": "__keyboardFocused_j6188_gg_",
+  "_disabled": "__disabled_j6188_gg_",
+  "__SAddon": "___SAddon_j6188_gg_",
+  "__SText": "___SText_j6188_gg_",
+  "_active": "__active_j6188_gg_"
 });
 var RootHint = /*#__PURE__*/function (_Component) {
   _inherits(RootHint, _Component);

package/typography/lib/es6/List.js

@@ -15,11 +15,11 @@ import isNode from 'intergalactic/utils/lib/isNode';
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 import Text from './Text';
 /*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_3wxr8_gg_{padding:0;margin:0;list-style-type:none}.___SContent_3wxr8_gg_{overflow:inherit;text-overflow:inherit}.___SItem_3wxr8_gg_+.___SItem_3wxr8_gg_,.___SList_3wxr8_gg_ .___SList_3wxr8_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_3wxr8_gg_{display:flex}.___SMarker_3wxr8_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "3wxr8_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_3wxr8_gg_",
-  "__SContent": "___SContent_3wxr8_gg_",
-  "__SItem": "___SItem_3wxr8_gg_",
-  "__SMarker": "___SMarker_3wxr8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1rtu9_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1rtu9_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1rtu9_gg_+.___SItem_1rtu9_gg_,.___SList_1rtu9_gg_ .___SList_1rtu9_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1rtu9_gg_{display:flex}.___SMarker_1rtu9_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "1rtu9_gg_") /*__reshadow_css_end__*/, {
+  "__SList": "___SList_1rtu9_gg_",
+  "__SContent": "___SContent_1rtu9_gg_",
+  "__SItem": "___SItem_1rtu9_gg_",
+  "__SMarker": "___SMarker_1rtu9_gg_"
 });
 var ListRoot = /*#__PURE__*/function (_Component) {
   _inherits(ListRoot, _Component);

package/typography/lib/es6/Text.js

@@ -5,40 +5,40 @@ import React from 'react';
 import { createBaseComponent, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/text.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_wczcx_gg_{padding:0;margin:0}.___SText_wczcx_gg_._size_100_wczcx_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_wczcx_gg_._size_200_wczcx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_wczcx_gg_._size_300_wczcx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_wczcx_gg_._size_400_wczcx_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_wczcx_gg_._size_500_wczcx_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_wczcx_gg_._size_600_wczcx_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_wczcx_gg_._size_700_wczcx_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_wczcx_gg_._size_800_wczcx_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_wczcx_gg_.__noWrap_wczcx_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_wczcx_gg_.__medium_wczcx_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_wczcx_gg_.__semibold_wczcx_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_wczcx_gg_.__bold_wczcx_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_wczcx_gg_.__italic_wczcx_gg_{font-style:italic}.___SText_wczcx_gg_.__monospace_wczcx_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_wczcx_gg_.__uppercase_wczcx_gg_{text-transform:uppercase}.___SText_wczcx_gg_.__lowercase_wczcx_gg_{text-transform:lowercase}.___SText_wczcx_gg_.__capitalize_wczcx_gg_{text-transform:capitalize}.___SText_wczcx_gg_.__decoration_wczcx_gg_{-webkit-text-decoration:var(--decoration_wczcx);text-decoration:var(--decoration_wczcx)}.___SText_wczcx_gg_.__color_wczcx_gg_{color:var(--color_wczcx)}.___SText_wczcx_gg_.__fontSize_wczcx_gg_{font-size:var(--fontSize_wczcx)}.___SText_wczcx_gg_.__lineHeight_wczcx_gg_{line-height:var(--lineHeight_wczcx)}.___SText_wczcx_gg_.__fontWeight_wczcx_gg_{font-weight:var(--fontWeight_wczcx)}.___SText_wczcx_gg_.__textAlign_wczcx_gg_{text-align:var(--textAlign_wczcx)}.___SText_wczcx_gg_._use_primary_wczcx_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_wczcx_gg_._use_secondary_wczcx_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_wczcx_gg_.__disabled_wczcx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "wczcx_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_wczcx_gg_",
-  "_size_100": "_size_100_wczcx_gg_",
-  "_size_200": "_size_200_wczcx_gg_",
-  "_size_300": "_size_300_wczcx_gg_",
-  "_size_400": "_size_400_wczcx_gg_",
-  "_size_500": "_size_500_wczcx_gg_",
-  "_size_600": "_size_600_wczcx_gg_",
-  "_size_700": "_size_700_wczcx_gg_",
-  "_size_800": "_size_800_wczcx_gg_",
-  "_noWrap": "__noWrap_wczcx_gg_",
-  "_medium": "__medium_wczcx_gg_",
-  "_semibold": "__semibold_wczcx_gg_",
-  "_bold": "__bold_wczcx_gg_",
-  "_italic": "__italic_wczcx_gg_",
-  "_monospace": "__monospace_wczcx_gg_",
-  "_uppercase": "__uppercase_wczcx_gg_",
-  "_lowercase": "__lowercase_wczcx_gg_",
-  "_capitalize": "__capitalize_wczcx_gg_",
-  "_decoration": "__decoration_wczcx_gg_",
-  "--decoration": "--decoration_wczcx",
-  "_color": "__color_wczcx_gg_",
-  "--color": "--color_wczcx",
-  "_fontSize": "__fontSize_wczcx_gg_",
-  "--fontSize": "--fontSize_wczcx",
-  "_lineHeight": "__lineHeight_wczcx_gg_",
-  "--lineHeight": "--lineHeight_wczcx",
-  "_fontWeight": "__fontWeight_wczcx_gg_",
-  "--fontWeight": "--fontWeight_wczcx",
-  "_textAlign": "__textAlign_wczcx_gg_",
-  "--textAlign": "--textAlign_wczcx",
-  "_use_primary": "_use_primary_wczcx_gg_",
-  "_use_secondary": "_use_secondary_wczcx_gg_",
-  "_disabled": "__disabled_wczcx_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_1ye0p_gg_{padding:0;margin:0}.___SText_1ye0p_gg_._size_100_1ye0p_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1ye0p_gg_._size_200_1ye0p_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ye0p_gg_._size_300_1ye0p_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ye0p_gg_._size_400_1ye0p_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1ye0p_gg_._size_500_1ye0p_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1ye0p_gg_._size_600_1ye0p_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1ye0p_gg_._size_700_1ye0p_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1ye0p_gg_._size_800_1ye0p_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1ye0p_gg_.__noWrap_1ye0p_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1ye0p_gg_.__medium_1ye0p_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1ye0p_gg_.__semibold_1ye0p_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1ye0p_gg_.__bold_1ye0p_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1ye0p_gg_.__italic_1ye0p_gg_{font-style:italic}.___SText_1ye0p_gg_.__monospace_1ye0p_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1ye0p_gg_.__uppercase_1ye0p_gg_{text-transform:uppercase}.___SText_1ye0p_gg_.__lowercase_1ye0p_gg_{text-transform:lowercase}.___SText_1ye0p_gg_.__capitalize_1ye0p_gg_{text-transform:capitalize}.___SText_1ye0p_gg_.__decoration_1ye0p_gg_{-webkit-text-decoration:var(--decoration_1ye0p);text-decoration:var(--decoration_1ye0p)}.___SText_1ye0p_gg_.__color_1ye0p_gg_{color:var(--color_1ye0p)}.___SText_1ye0p_gg_.__fontSize_1ye0p_gg_{font-size:var(--fontSize_1ye0p)}.___SText_1ye0p_gg_.__lineHeight_1ye0p_gg_{line-height:var(--lineHeight_1ye0p)}.___SText_1ye0p_gg_.__fontWeight_1ye0p_gg_{font-weight:var(--fontWeight_1ye0p)}.___SText_1ye0p_gg_.__textAlign_1ye0p_gg_{text-align:var(--textAlign_1ye0p)}.___SText_1ye0p_gg_._use_primary_1ye0p_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1ye0p_gg_._use_secondary_1ye0p_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1ye0p_gg_.__disabled_1ye0p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1ye0p_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_1ye0p_gg_",
+  "_size_100": "_size_100_1ye0p_gg_",
+  "_size_200": "_size_200_1ye0p_gg_",
+  "_size_300": "_size_300_1ye0p_gg_",
+  "_size_400": "_size_400_1ye0p_gg_",
+  "_size_500": "_size_500_1ye0p_gg_",
+  "_size_600": "_size_600_1ye0p_gg_",
+  "_size_700": "_size_700_1ye0p_gg_",
+  "_size_800": "_size_800_1ye0p_gg_",
+  "_noWrap": "__noWrap_1ye0p_gg_",
+  "_medium": "__medium_1ye0p_gg_",
+  "_semibold": "__semibold_1ye0p_gg_",
+  "_bold": "__bold_1ye0p_gg_",
+  "_italic": "__italic_1ye0p_gg_",
+  "_monospace": "__monospace_1ye0p_gg_",
+  "_uppercase": "__uppercase_1ye0p_gg_",
+  "_lowercase": "__lowercase_1ye0p_gg_",
+  "_capitalize": "__capitalize_1ye0p_gg_",
+  "_decoration": "__decoration_1ye0p_gg_",
+  "--decoration": "--decoration_1ye0p",
+  "_color": "__color_1ye0p_gg_",
+  "--color": "--color_1ye0p",
+  "_fontSize": "__fontSize_1ye0p_gg_",
+  "--fontSize": "--fontSize_1ye0p",
+  "_lineHeight": "__lineHeight_1ye0p_gg_",
+  "--lineHeight": "--lineHeight_1ye0p",
+  "_fontWeight": "__fontWeight_1ye0p_gg_",
+  "--fontWeight": "--fontWeight_1ye0p",
+  "_textAlign": "__textAlign_1ye0p_gg_",
+  "--textAlign": "--textAlign_1ye0p",
+  "_use_primary": "_use_primary_1ye0p_gg_",
+  "_use_secondary": "_use_secondary_1ye0p_gg_",
+  "_disabled": "__disabled_1ye0p_gg_"
 });
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 function getTextDecoration(underline, lineThrough) {

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -10,8 +10,8 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_1g7u7_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1g7u7_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1g7u7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_1yxfx_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1yxfx_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1yxfx_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref = arguments[0],

package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs

@@ -4,8 +4,8 @@ import { assignProps as _assignProps } from 'intergalactic/core';
 import React from 'react';
 import createComponent, { sstyled, Root } from 'intergalactic/core';
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_1g7u7_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1g7u7_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1g7u7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_1yxfx_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1yxfx_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1yxfx_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref = arguments[0],

package/utils/lib/enhances/keyboardFocusEnhance.d.ts

@@ -23,5 +23,5 @@ export type KeyboardFocusEnhanceHook = (props: {
     onFocus: (e: React.FocusEvent) => void;
     onBlur: () => void;
 };
-declare const keyboardFocusEnhance: () => KeyboardFocusEnhanceHook;
+declare const keyboardFocusEnhance: (makeFocusable?: boolean) => KeyboardFocusEnhanceHook;
 export default keyboardFocusEnhance;

package/utils/lib/enhances/keyboardFocusEnhance.js

@@ -66,11 +66,12 @@ var useFocusSource = function useFocusSource() {
 };
 exports.useFocusSource = useFocusSource;
 var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   return function (props) {
-    var _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      disabled = props.disabled,
+    var _props$tabIndex;
+    var disabled = props.disabled,
       autoFocus = props.autoFocus;
+    var tabIndex = (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : makeFocusable ? 0 : undefined;
     var _React$useState = _react["default"].useState(false),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
       keyboardFocused = _React$useState2[0],

package/utils/lib/enhances/keyboardFocusEnhance.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardFocusEnhance.js","names":["_react","_interopRequireDefault","require","_assignProps","enforcedKeyboardFocusEnhanceContext","React","createContext","exports","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","props","_props$tabIndex","tabIndex","disabled","autoFocus","_React$useState","useState","_React$useState2","_slicedToArray2","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","assignProps","onFocus","onBlur","_default"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { tabIndex = 0, disabled, autoFocus } = props;\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}
+{"version":3,"file":"keyboardFocusEnhance.js","names":["_react","_interopRequireDefault","require","_assignProps","enforcedKeyboardFocusEnhanceContext","React","createContext","exports","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","makeFocusable","arguments","undefined","props","_props$tabIndex","disabled","autoFocus","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray2","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","assignProps","onFocus","onBlur","_default"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { disabled, autoFocus } = props;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAeO,IAAME,mCAAmC,gBAAGC,iBAAK,CAACC,aAAa,CAAC,KAAK,CAAC;AAACC,OAAA,CAAAH,mCAAA,GAAAA,mCAAA;AAE9E,IAAII,eAA8C,GAAG,MAAM;AAC3D,IAAMC,oBAGH,GAAG,EAAE;AACD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,IAAMC,eAAe,GAAGN,iBAAK,CAACO,WAAW,CACvC;IAAA,OAAMH,oBAAoB,CAACI,OAAO,CAAC,UAACC,QAAQ;MAAA,OAAKA,QAAQ,CAACC,cAAc,CAAC,OAAO,CAAC;IAAA,EAAC;EAAA,GAClF,EAAE,CACH;EACD,IAAMC,aAAa,GAAGX,iBAAK,CAACO,WAAW,CACrC;IAAA,OAAMH,oBAAoB,CAACI,OAAO,CAAC,UAACC,QAAQ;MAAA,OAAKA,QAAQ,CAACC,cAAc,CAAC,UAAU,CAAC;IAAA,EAAC;EAAA,GACrF,EAAE,CACH;EACD,IAAME,cAAc,GAAGZ,iBAAK,CAACa,MAAM,CAAgCV,eAAe,CAAC;EACnF,IAAMO,cAAc,GAAGV,iBAAK,CAACO,WAAW,CAAC,UAACO,MAAqC,EAAK;IAClFF,cAAc,CAACG,OAAO,GAAGD,MAAM;IAC/BX,eAAe,GAAGW,MAAM;EAC1B,CAAC,EAAE,EAAE,CAAC;EACN,IAAME,kBAAkB,GAAGhB,iBAAK,CAACO,WAAW,CAAC,YAAM;IACjDU,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEZ,eAAe,EAAE;MAAEa,OAAO,EAAE;IAAK,CAAC,CAAC;IAC1EF,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,aAAa,EAAE;MAAEQ,OAAO,EAAE;IAAK,CAAC,CAAC;EACxE,CAAC,EAAE,EAAE,CAAC;EACN,IAAMC,oBAAoB,GAAGpB,iBAAK,CAACO,WAAW,CAAC,YAAM;IACnDU,QAAQ,CAACI,mBAAmB,CAAC,WAAW,EAAEf,eAAe,EAAE;MAAEa,OAAO,EAAE;IAAK,CAAC,CAAC;IAC7EF,QAAQ,CAACI,mBAAmB,CAAC,SAAS,EAAEV,aAAa,EAAE;MAAEQ,OAAO,EAAE;IAAK,CAAC,CAAC;EAC3E,CAAC,EAAE,EAAE,CAAC;EAENnB,iBAAK,CAACsB,SAAS,CAAC,YAAM;IACpB,IAAMC,kBAAkB,GAAGnB,oBAAoB,CAACoB,MAAM,KAAK,CAAC;IAC5D,IAAMC,cAAc,GAAG;MAAEf,cAAc,EAAdA,cAAc;MAAEM,kBAAkB,EAAlBA;IAAmB,CAAC;IAC7DZ,oBAAoB,CAACsB,IAAI,CAACD,cAAc,CAAC;IACzC,IAAIF,kBAAkB,EAAEP,kBAAkB,EAAE;IAC5C,IAAMW,qBAAqB,GAAGJ,kBAAkB;IAEhD,OAAO,YAAM;MACX,IAAMK,mBAAmB,GAAGxB,oBAAoB,CAACyB,OAAO,CAACJ,cAAc,CAAC;MACxErB,oBAAoB,CAAC0B,MAAM,CAACF,mBAAmB,EAAE,CAAC,CAAC;MACnD,IAAID,qBAAqB,EAAEP,oBAAoB,EAAE;MACjD,IAAIO,qBAAqB,IAAIvB,oBAAoB,CAACoB,MAAM,GAAG,CAAC,EAAE;QAC5DpB,oBAAoB,CAAC,CAAC,CAAC,CAACY,kBAAkB,EAAE;MAC9C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,cAAc;AACvB,CAAC;AAACV,OAAA,CAAAG,cAAA,GAAAA,cAAA;AAaF,IAAM0B,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAuD;EAAA,IAAnDC,aAAa,GAAAC,SAAA,CAAAT,MAAA,QAAAS,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,IAAI;EAChD,OAAO,UAACE,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChB,IAAQC,QAAQ,GAAgBF,KAAK,CAA7BE,QAAQ;MAAEC,SAAS,GAAKH,KAAK,CAAnBG,SAAS;IAC3B,IAAMC,QAAQ,IAAAH,eAAA,GAAGD,KAAK,CAACI,QAAQ,cAAAH,eAAA,cAAAA,eAAA,GAAKJ,aAAa,GAAG,CAAC,GAAGE,SAAU;IAClE,IAAAM,eAAA,GAA8CxC,iBAAK,CAACyC,QAAQ,CAAC,KAAK,CAAC;MAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;MAA5DI,eAAe,GAAAF,gBAAA;MAAEG,kBAAkB,GAAAH,gBAAA;IAC1C,IAAM9B,cAAc,GAAGP,cAAc,EAAE;IACvC,IAAMyC,GAAG,GAAG9C,iBAAK,CAACa,MAAM,CAAc,IAAI,CAAC;IAE3C,IAAMkC,WAAW,GAAG/C,iBAAK,CAACO,WAAW,CAAC,UAACyC,KAAuB,EAAK;MACjE,IAAIA,KAAK,CAACC,SAAS,KAAK,IAAI,EAAE;QAC5B,IAAIrC,cAAc,CAACG,OAAO,KAAK,UAAU,EAAE;MAC7C;MACA8B,kBAAkB,CAAC,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;IACN,IAAMK,WAAW,GAAGlD,iBAAK,CAACO,WAAW,CAAC;MAAA,OAAMsC,kBAAkB,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAC1E7C,iBAAK,CAACsB,SAAS,CAAC,YAAM;MACpB,IAAI,OAAOgB,SAAS,KAAK,QAAQ,IAAI,CAACA,SAAS,EAAE;MACjD,IAAMa,KAAK,GAAGC,UAAU,CAAC,YAAM;QAAA,IAAAC,YAAA;QAC7B,CAAAA,YAAA,GAAAP,GAAG,CAAC/B,OAAO,cAAAsC,YAAA,uBAAXA,YAAA,CAAaC,KAAK,EAAE;QACpBT,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,CAAC,CAAC;MACL,OAAO,YAAM;QACXU,YAAY,CAACJ,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;IACftC,iBAAK,CAACsB,SAAS,CAAC,YAAM;MACpB,IAAIe,QAAQ,EAAE;QACZQ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;IAEd,IAAMmB,qBAAqB,GAAGxD,iBAAK,CAACyD,UAAU,CAAC1D,mCAAmC,CAAC;IAEnF,OAAO,IAAA2D,uBAAW,EAACvB,KAAK,EAAE;MACxBI,QAAQ,EAAEF,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;MAClCK,eAAe,EAAE,CAACA,eAAe,IAAIY,qBAAqB,KAAK,CAACnB,QAAQ;MACxEsB,OAAO,EAAEZ,WAAW;MACpBa,MAAM,EAAEV,WAAW;MACnBJ,GAAG,EAAHA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAAC,IAAAe,QAAA,GAEa9B,oBAAoB;AAAA7B,OAAA,cAAA2D,QAAA"}

package/utils/lib/enhances/keyboardFocusEnhance.mjs

@@ -57,11 +57,12 @@ export var useFocusSource = function useFocusSource() {
   return focusSourceRef;
 };
 var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
   return function (props) {
-    var _props$tabIndex = props.tabIndex,
-      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-      disabled = props.disabled,
+    var _props$tabIndex;
+    var disabled = props.disabled,
       autoFocus = props.autoFocus;
+    var tabIndex = (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : makeFocusable ? 0 : undefined;
     var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       keyboardFocused = _React$useState2[0],

package/utils/lib/enhances/keyboardFocusEnhance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardFocusEnhance.mjs","names":["React","assignProps","enforcedKeyboardFocusEnhanceContext","createContext","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","props","_props$tabIndex","tabIndex","disabled","autoFocus","_React$useState","useState","_React$useState2","_slicedToArray","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","onFocus","onBlur"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { tabIndex = 0, disabled, autoFocus } = props;\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}
+{"version":3,"file":"keyboardFocusEnhance.mjs","names":["React","assignProps","enforcedKeyboardFocusEnhanceContext","createContext","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","makeFocusable","arguments","undefined","props","_props$tabIndex","disabled","autoFocus","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","enforcedKeyboardFocus","useContext","onFocus","onBlur"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { disabled, autoFocus } = props;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}

package/utils/lib/injectStyle.js

@@ -30,7 +30,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.22.0";
+        var version = "4.22.1";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/injectStyle.mjs

@@ -23,7 +23,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.22.0";
+        var version = "4.22.1";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/widget-empty/lib/cjs/WidgetEmpty.js

@@ -18,11 +18,11 @@ var _illustration = require("intergalactic/illustration");
 var _flexBox = require("intergalactic/flex-box");
 var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
 /*__reshadow-styles__:"./style/widget-empty.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_sd2od_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_sd2od_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_sd2od_gg_,.___STitle_sd2od_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_sd2od_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_sd2od_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_sd2od_gg_+.___SDescription_sd2od_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_sd2od_gg_+.___SDescription_sd2od_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "sd2od_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_sd2od_gg_",
-  "__SImage": "___SImage_sd2od_gg_",
-  "__STitle": "___STitle_sd2od_gg_",
-  "__SDescription": "___SDescription_sd2od_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1mkzw_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1mkzw_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1mkzw_gg_,.___STitle_1mkzw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1mkzw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1mkzw_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1mkzw_gg_+.___SDescription_1mkzw_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1mkzw_gg_+.___SDescription_1mkzw_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1mkzw_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_1mkzw_gg_",
+  "__SImage": "___SImage_1mkzw_gg_",
+  "__STitle": "___STitle_1mkzw_gg_",
+  "__SDescription": "___SDescription_1mkzw_gg_"
 });
 var getIconPath = function getIconPath(name) {
   return (0, _illustration.getIllustrationPath)(name);

package/widget-empty/lib/es6/WidgetEmpty.js

@@ -14,11 +14,11 @@ import { getIllustrationPath } from 'intergalactic/illustration';
 import { Box, Flex } from 'intergalactic/flex-box';
 import isNode from 'intergalactic/utils/lib/isNode';
 /*__reshadow-styles__:"./style/widget-empty.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_sd2od_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_sd2od_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_sd2od_gg_,.___STitle_sd2od_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_sd2od_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_sd2od_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_sd2od_gg_+.___SDescription_sd2od_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_sd2od_gg_+.___SDescription_sd2od_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "sd2od_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_sd2od_gg_",
-  "__SImage": "___SImage_sd2od_gg_",
-  "__STitle": "___STitle_sd2od_gg_",
-  "__SDescription": "___SDescription_sd2od_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1mkzw_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1mkzw_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1mkzw_gg_,.___STitle_1mkzw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1mkzw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1mkzw_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1mkzw_gg_+.___SDescription_1mkzw_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1mkzw_gg_+.___SDescription_1mkzw_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1mkzw_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_1mkzw_gg_",
+  "__SImage": "___SImage_1mkzw_gg_",
+  "__STitle": "___STitle_1mkzw_gg_",
+  "__SDescription": "___SDescription_1mkzw_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);

package/wizard/lib/cjs/Wizard.js

@@ -24,17 +24,17 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 /*__reshadow-styles__:"./style/wizard.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWizard_viell_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_viell_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_viell_gg_{width:44px}}.___SSidebarHeader_viell_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_viell_gg_{display:none}}.___SStepper_viell_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_viell_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_viell_gg_.__active_viell_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_viell_gg_.__disabled_viell_gg_,.___SStepper_viell_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_viell_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_viell_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_viell_gg_:hover .___SStepDescription_viell_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_viell_gg_.__active_viell_gg_:hover .___SStepDescription_viell_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_viell_gg_{display:inline-block;min-width:20px}.___SCompleted_viell_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_viell_gg_{display:none}}.___SContent_viell_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "viell_gg_") /*__reshadow_css_end__*/, {
-  "__SWizard": "___SWizard_viell_gg_",
-  "__SStepNumber": "___SStepNumber_viell_gg_",
-  "__SCompleted": "___SCompleted_viell_gg_",
-  "__SContent": "___SContent_viell_gg_",
-  "__SSidebar": "___SSidebar_viell_gg_",
-  "__SSidebarHeader": "___SSidebarHeader_viell_gg_",
-  "__SStepper": "___SStepper_viell_gg_",
-  "_active": "__active_viell_gg_",
-  "_disabled": "__disabled_viell_gg_",
-  "__SStepDescription": "___SStepDescription_viell_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWizard_1sku2_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1sku2_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_1sku2_gg_{width:44px}}.___SSidebarHeader_1sku2_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_1sku2_gg_{display:none}}.___SStepper_1sku2_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_1sku2_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1sku2_gg_.__active_1sku2_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1sku2_gg_.__disabled_1sku2_gg_,.___SStepper_1sku2_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1sku2_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1sku2_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1sku2_gg_:hover .___SStepDescription_1sku2_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1sku2_gg_.__active_1sku2_gg_:hover .___SStepDescription_1sku2_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1sku2_gg_{display:inline-block;min-width:20px}.___SCompleted_1sku2_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1sku2_gg_{display:none}}.___SContent_1sku2_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "1sku2_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1sku2_gg_",
+  "__SStepNumber": "___SStepNumber_1sku2_gg_",
+  "__SCompleted": "___SCompleted_1sku2_gg_",
+  "__SContent": "___SContent_1sku2_gg_",
+  "__SSidebar": "___SSidebar_1sku2_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1sku2_gg_",
+  "__SStepper": "___SStepper_1sku2_gg_",
+  "_active": "__active_1sku2_gg_",
+  "_disabled": "__disabled_1sku2_gg_",
+  "__SStepDescription": "___SStepDescription_1sku2_gg_"
 });
 var WizardRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(WizardRoot, _Component);

package/wizard/lib/es6/Wizard.js

@@ -21,17 +21,17 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/wizard.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_viell_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_viell_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_viell_gg_{width:44px}}.___SSidebarHeader_viell_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_viell_gg_{display:none}}.___SStepper_viell_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_viell_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_viell_gg_.__active_viell_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_viell_gg_.__disabled_viell_gg_,.___SStepper_viell_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_viell_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_viell_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_viell_gg_:hover .___SStepDescription_viell_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_viell_gg_.__active_viell_gg_:hover .___SStepDescription_viell_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_viell_gg_{display:inline-block;min-width:20px}.___SCompleted_viell_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_viell_gg_{display:none}}.___SContent_viell_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "viell_gg_") /*__reshadow_css_end__*/, {
-  "__SWizard": "___SWizard_viell_gg_",
-  "__SStepNumber": "___SStepNumber_viell_gg_",
-  "__SCompleted": "___SCompleted_viell_gg_",
-  "__SContent": "___SContent_viell_gg_",
-  "__SSidebar": "___SSidebar_viell_gg_",
-  "__SSidebarHeader": "___SSidebarHeader_viell_gg_",
-  "__SStepper": "___SStepper_viell_gg_",
-  "_active": "__active_viell_gg_",
-  "_disabled": "__disabled_viell_gg_",
-  "__SStepDescription": "___SStepDescription_viell_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_1sku2_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1sku2_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_1sku2_gg_{width:44px}}.___SSidebarHeader_1sku2_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_1sku2_gg_{display:none}}.___SStepper_1sku2_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_1sku2_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1sku2_gg_.__active_1sku2_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1sku2_gg_.__disabled_1sku2_gg_,.___SStepper_1sku2_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1sku2_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1sku2_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1sku2_gg_:hover .___SStepDescription_1sku2_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1sku2_gg_.__active_1sku2_gg_:hover .___SStepDescription_1sku2_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1sku2_gg_{display:inline-block;min-width:20px}.___SCompleted_1sku2_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1sku2_gg_{display:none}}.___SContent_1sku2_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "1sku2_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1sku2_gg_",
+  "__SStepNumber": "___SStepNumber_1sku2_gg_",
+  "__SCompleted": "___SCompleted_1sku2_gg_",
+  "__SContent": "___SContent_1sku2_gg_",
+  "__SSidebar": "___SSidebar_1sku2_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1sku2_gg_",
+  "__SStepper": "___SStepper_1sku2_gg_",
+  "_active": "__active_1sku2_gg_",
+  "_disabled": "__disabled_1sku2_gg_",
+  "__SStepDescription": "___SStepDescription_1sku2_gg_"
 });
 var WizardRoot = /*#__PURE__*/function (_Component) {
   _inherits(WizardRoot, _Component);