intergalactic 15.52.0-prerelease.0-prerelease-3f2a94a7 → 15.53.0-prerelease-77cebec3

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_1y94h_gg_{padding:0;margin:0}.___SText_1y94h_gg_._size_100_1y94h_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1y94h_gg_._size_200_1y94h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1y94h_gg_._size_300_1y94h_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1y94h_gg_._size_400_1y94h_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1y94h_gg_._size_500_1y94h_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1y94h_gg_._size_600_1y94h_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1y94h_gg_._size_700_1y94h_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1y94h_gg_._size_800_1y94h_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1y94h_gg_.__noWrap_1y94h_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1y94h_gg_.__medium_1y94h_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1y94h_gg_.__semibold_1y94h_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1y94h_gg_.__bold_1y94h_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1y94h_gg_.__italic_1y94h_gg_{font-style:italic}.___SText_1y94h_gg_.__monospace_1y94h_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1y94h_gg_.__uppercase_1y94h_gg_{text-transform:uppercase}.___SText_1y94h_gg_.__lowercase_1y94h_gg_{text-transform:lowercase}.___SText_1y94h_gg_.__capitalize_1y94h_gg_{text-transform:capitalize}.___SText_1y94h_gg_.__decoration_1y94h_gg_{-webkit-text-decoration:var(--decoration_1y94h);text-decoration:var(--decoration_1y94h)}.___SText_1y94h_gg_.__color_1y94h_gg_{color:var(--color_1y94h)}.___SText_1y94h_gg_.__fontSize_1y94h_gg_{font-size:var(--fontSize_1y94h)}.___SText_1y94h_gg_.__lineHeight_1y94h_gg_{line-height:var(--lineHeight_1y94h)}.___SText_1y94h_gg_.__fontWeight_1y94h_gg_{font-weight:var(--fontWeight_1y94h)}.___SText_1y94h_gg_.__textAlign_1y94h_gg_{text-align:var(--textAlign_1y94h)}.___SText_1y94h_gg_._use_primary_1y94h_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1y94h_gg_._use_secondary_1y94h_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1y94h_gg_.__disabled_1y94h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1y94h_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_1y94h_gg_",
-  "_size_100": "_size_100_1y94h_gg_",
-  "_size_200": "_size_200_1y94h_gg_",
-  "_size_300": "_size_300_1y94h_gg_",
-  "_size_400": "_size_400_1y94h_gg_",
-  "_size_500": "_size_500_1y94h_gg_",
-  "_size_600": "_size_600_1y94h_gg_",
-  "_size_700": "_size_700_1y94h_gg_",
-  "_size_800": "_size_800_1y94h_gg_",
-  "_noWrap": "__noWrap_1y94h_gg_",
-  "_medium": "__medium_1y94h_gg_",
-  "_semibold": "__semibold_1y94h_gg_",
-  "_bold": "__bold_1y94h_gg_",
-  "_italic": "__italic_1y94h_gg_",
-  "_monospace": "__monospace_1y94h_gg_",
-  "_uppercase": "__uppercase_1y94h_gg_",
-  "_lowercase": "__lowercase_1y94h_gg_",
-  "_capitalize": "__capitalize_1y94h_gg_",
-  "_decoration": "__decoration_1y94h_gg_",
-  "--decoration": "--decoration_1y94h",
-  "_color": "__color_1y94h_gg_",
-  "--color": "--color_1y94h",
-  "_fontSize": "__fontSize_1y94h_gg_",
-  "--fontSize": "--fontSize_1y94h",
-  "_lineHeight": "__lineHeight_1y94h_gg_",
-  "--lineHeight": "--lineHeight_1y94h",
-  "_fontWeight": "__fontWeight_1y94h_gg_",
-  "--fontWeight": "--fontWeight_1y94h",
-  "_textAlign": "__textAlign_1y94h_gg_",
-  "--textAlign": "--textAlign_1y94h",
-  "_use_primary": "_use_primary_1y94h_gg_",
-  "_use_secondary": "_use_secondary_1y94h_gg_",
-  "_disabled": "__disabled_1y94h_gg_"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SText_zatyq_gg_{padding:0;margin:0}.___SText_zatyq_gg_._size_100_zatyq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_zatyq_gg_._size_200_zatyq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_zatyq_gg_._size_300_zatyq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_zatyq_gg_._size_400_zatyq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_zatyq_gg_._size_500_zatyq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_zatyq_gg_._size_600_zatyq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_zatyq_gg_._size_700_zatyq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_zatyq_gg_._size_800_zatyq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_zatyq_gg_.__noWrap_zatyq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_zatyq_gg_.__medium_zatyq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_zatyq_gg_.__semibold_zatyq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_zatyq_gg_.__bold_zatyq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_zatyq_gg_.__italic_zatyq_gg_{font-style:italic}.___SText_zatyq_gg_.__monospace_zatyq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_zatyq_gg_.__uppercase_zatyq_gg_{text-transform:uppercase}.___SText_zatyq_gg_.__lowercase_zatyq_gg_{text-transform:lowercase}.___SText_zatyq_gg_.__capitalize_zatyq_gg_{text-transform:capitalize}.___SText_zatyq_gg_.__decoration_zatyq_gg_{-webkit-text-decoration:var(--decoration_zatyq);text-decoration:var(--decoration_zatyq)}.___SText_zatyq_gg_.__color_zatyq_gg_{color:var(--color_zatyq)}.___SText_zatyq_gg_.__fontSize_zatyq_gg_{font-size:var(--fontSize_zatyq)}.___SText_zatyq_gg_.__lineHeight_zatyq_gg_{line-height:var(--lineHeight_zatyq)}.___SText_zatyq_gg_.__fontWeight_zatyq_gg_{font-weight:var(--fontWeight_zatyq)}.___SText_zatyq_gg_.__textAlign_zatyq_gg_{text-align:var(--textAlign_zatyq)}.___SText_zatyq_gg_._use_primary_zatyq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_zatyq_gg_._use_secondary_zatyq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_zatyq_gg_.__disabled_zatyq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "zatyq_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_zatyq_gg_",
+  "_size_100": "_size_100_zatyq_gg_",
+  "_size_200": "_size_200_zatyq_gg_",
+  "_size_300": "_size_300_zatyq_gg_",
+  "_size_400": "_size_400_zatyq_gg_",
+  "_size_500": "_size_500_zatyq_gg_",
+  "_size_600": "_size_600_zatyq_gg_",
+  "_size_700": "_size_700_zatyq_gg_",
+  "_size_800": "_size_800_zatyq_gg_",
+  "_noWrap": "__noWrap_zatyq_gg_",
+  "_medium": "__medium_zatyq_gg_",
+  "_semibold": "__semibold_zatyq_gg_",
+  "_bold": "__bold_zatyq_gg_",
+  "_italic": "__italic_zatyq_gg_",
+  "_monospace": "__monospace_zatyq_gg_",
+  "_uppercase": "__uppercase_zatyq_gg_",
+  "_lowercase": "__lowercase_zatyq_gg_",
+  "_capitalize": "__capitalize_zatyq_gg_",
+  "_decoration": "__decoration_zatyq_gg_",
+  "--decoration": "--decoration_zatyq",
+  "_color": "__color_zatyq_gg_",
+  "--color": "--color_zatyq",
+  "_fontSize": "__fontSize_zatyq_gg_",
+  "--fontSize": "--fontSize_zatyq",
+  "_lineHeight": "__lineHeight_zatyq_gg_",
+  "--lineHeight": "--lineHeight_zatyq",
+  "_fontWeight": "__fontWeight_zatyq_gg_",
+  "--fontWeight": "--fontWeight_zatyq",
+  "_textAlign": "__textAlign_zatyq_gg_",
+  "--textAlign": "--textAlign_zatyq",
+  "_use_primary": "_use_primary_zatyq_gg_",
+  "_use_secondary": "_use_secondary_zatyq_gg_",
+  "_disabled": "__disabled_zatyq_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_1pq1u_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_1pq1u_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_1pq1u_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__*/, "1pq1u_gg_") /*__reshadow_css_end__*/, {
-  "__SBlockquote": "___SBlockquote_1pq1u_gg_",
-  "__SDoubleQuotation": "___SDoubleQuotation_1pq1u_gg_",
-  "__SAuthor": "___SAuthor_1pq1u_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBlockquote_1tmpd_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_1tmpd_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_1tmpd_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__*/, "1tmpd_gg_") /*__reshadow_css_end__*/, {
+  "__SBlockquote": "___SBlockquote_1tmpd_gg_",
+  "__SDoubleQuotation": "___SDoubleQuotation_1tmpd_gg_",
+  "__SAuthor": "___SAuthor_1tmpd_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_drt05_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_drt05_gg_.__active_drt05_gg_,.___SHint_drt05_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_drt05_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_drt05_gg_.__keyboardFocused_drt05_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_drt05_gg_.__disabled_drt05_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_drt05_gg_{vertical-align:middle;display:inline-flex}.___SHint_drt05_gg_ .___SAddon_drt05_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_drt05_gg_ .___SAddon_drt05_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_drt05_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_drt05_gg_{transition:none}}" /*__inner_css_end__*/, "drt05_gg_") /*__reshadow_css_end__*/, {
-  "__SHint": "___SHint_drt05_gg_",
-  "_keyboardFocused": "__keyboardFocused_drt05_gg_",
-  "_disabled": "__disabled_drt05_gg_",
-  "__SAddon": "___SAddon_drt05_gg_",
-  "__SText": "___SText_drt05_gg_",
-  "_active": "__active_drt05_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHint_1qdca_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_1qdca_gg_.__active_1qdca_gg_,.___SHint_1qdca_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SHint_1qdca_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SHint_1qdca_gg_.__keyboardFocused_1qdca_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHint_1qdca_gg_.__disabled_1qdca_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1qdca_gg_{vertical-align:middle;display:inline-flex}.___SHint_1qdca_gg_ .___SAddon_1qdca_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SHint_1qdca_gg_ .___SAddon_1qdca_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1qdca_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}@media (prefers-reduced-motion){.___SHint_1qdca_gg_{transition:none}}" /*__inner_css_end__*/, "1qdca_gg_") /*__reshadow_css_end__*/, {
+  "__SHint": "___SHint_1qdca_gg_",
+  "_keyboardFocused": "__keyboardFocused_1qdca_gg_",
+  "_disabled": "__disabled_1qdca_gg_",
+  "__SAddon": "___SAddon_1qdca_gg_",
+  "__SText": "___SText_1qdca_gg_",
+  "_active": "__active_1qdca_gg_"
 });
 var RootHint = /*#__PURE__*/function (_Component) {
   _inherits(RootHint, _Component);

package/typography/lib/es6/List.js

@@ -12,11 +12,11 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import isNode from 'intergalactic/utils/lib/isNode';
 import Text from './Text';
 /*__reshadow-styles__:"./style/list.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1hlbh_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1hlbh_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1hlbh_gg_+.___SItem_1hlbh_gg_,.___SList_1hlbh_gg_ .___SList_1hlbh_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1hlbh_gg_{display:flex}.___SMarker_1hlbh_gg_{margin-right:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1hlbh_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_1hlbh_gg_",
-  "__SContent": "___SContent_1hlbh_gg_",
-  "__SItem": "___SItem_1hlbh_gg_",
-  "__SMarker": "___SMarker_1hlbh_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_1y4fh_gg_{padding:0;margin:0;list-style-type:none}.___SContent_1y4fh_gg_{overflow:inherit;text-overflow:inherit}.___SItem_1y4fh_gg_+.___SItem_1y4fh_gg_,.___SList_1y4fh_gg_ .___SList_1y4fh_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_1y4fh_gg_{display:flex}.___SMarker_1y4fh_gg_{margin-right:calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));color:var(--intergalactic-text-secondary, #6c6e79)}" /*__inner_css_end__*/, "1y4fh_gg_") /*__reshadow_css_end__*/, {
+  "__SList": "___SList_1y4fh_gg_",
+  "__SContent": "___SContent_1y4fh_gg_",
+  "__SItem": "___SItem_1y4fh_gg_",
+  "__SMarker": "___SMarker_1y4fh_gg_"
 });
 var List = /*#__PURE__*/function (_Component) {
   _inherits(List, _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_1y94h_gg_{padding:0;margin:0}.___SText_1y94h_gg_._size_100_1y94h_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1y94h_gg_._size_200_1y94h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1y94h_gg_._size_300_1y94h_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1y94h_gg_._size_400_1y94h_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1y94h_gg_._size_500_1y94h_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1y94h_gg_._size_600_1y94h_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1y94h_gg_._size_700_1y94h_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1y94h_gg_._size_800_1y94h_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1y94h_gg_.__noWrap_1y94h_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1y94h_gg_.__medium_1y94h_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1y94h_gg_.__semibold_1y94h_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1y94h_gg_.__bold_1y94h_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1y94h_gg_.__italic_1y94h_gg_{font-style:italic}.___SText_1y94h_gg_.__monospace_1y94h_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1y94h_gg_.__uppercase_1y94h_gg_{text-transform:uppercase}.___SText_1y94h_gg_.__lowercase_1y94h_gg_{text-transform:lowercase}.___SText_1y94h_gg_.__capitalize_1y94h_gg_{text-transform:capitalize}.___SText_1y94h_gg_.__decoration_1y94h_gg_{-webkit-text-decoration:var(--decoration_1y94h);text-decoration:var(--decoration_1y94h)}.___SText_1y94h_gg_.__color_1y94h_gg_{color:var(--color_1y94h)}.___SText_1y94h_gg_.__fontSize_1y94h_gg_{font-size:var(--fontSize_1y94h)}.___SText_1y94h_gg_.__lineHeight_1y94h_gg_{line-height:var(--lineHeight_1y94h)}.___SText_1y94h_gg_.__fontWeight_1y94h_gg_{font-weight:var(--fontWeight_1y94h)}.___SText_1y94h_gg_.__textAlign_1y94h_gg_{text-align:var(--textAlign_1y94h)}.___SText_1y94h_gg_._use_primary_1y94h_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1y94h_gg_._use_secondary_1y94h_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1y94h_gg_.__disabled_1y94h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1y94h_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_1y94h_gg_",
-  "_size_100": "_size_100_1y94h_gg_",
-  "_size_200": "_size_200_1y94h_gg_",
-  "_size_300": "_size_300_1y94h_gg_",
-  "_size_400": "_size_400_1y94h_gg_",
-  "_size_500": "_size_500_1y94h_gg_",
-  "_size_600": "_size_600_1y94h_gg_",
-  "_size_700": "_size_700_1y94h_gg_",
-  "_size_800": "_size_800_1y94h_gg_",
-  "_noWrap": "__noWrap_1y94h_gg_",
-  "_medium": "__medium_1y94h_gg_",
-  "_semibold": "__semibold_1y94h_gg_",
-  "_bold": "__bold_1y94h_gg_",
-  "_italic": "__italic_1y94h_gg_",
-  "_monospace": "__monospace_1y94h_gg_",
-  "_uppercase": "__uppercase_1y94h_gg_",
-  "_lowercase": "__lowercase_1y94h_gg_",
-  "_capitalize": "__capitalize_1y94h_gg_",
-  "_decoration": "__decoration_1y94h_gg_",
-  "--decoration": "--decoration_1y94h",
-  "_color": "__color_1y94h_gg_",
-  "--color": "--color_1y94h",
-  "_fontSize": "__fontSize_1y94h_gg_",
-  "--fontSize": "--fontSize_1y94h",
-  "_lineHeight": "__lineHeight_1y94h_gg_",
-  "--lineHeight": "--lineHeight_1y94h",
-  "_fontWeight": "__fontWeight_1y94h_gg_",
-  "--fontWeight": "--fontWeight_1y94h",
-  "_textAlign": "__textAlign_1y94h_gg_",
-  "--textAlign": "--textAlign_1y94h",
-  "_use_primary": "_use_primary_1y94h_gg_",
-  "_use_secondary": "_use_secondary_1y94h_gg_",
-  "_disabled": "__disabled_1y94h_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_zatyq_gg_{padding:0;margin:0}.___SText_zatyq_gg_._size_100_zatyq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_zatyq_gg_._size_200_zatyq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_zatyq_gg_._size_300_zatyq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_zatyq_gg_._size_400_zatyq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_zatyq_gg_._size_500_zatyq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_zatyq_gg_._size_600_zatyq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_zatyq_gg_._size_700_zatyq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_zatyq_gg_._size_800_zatyq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_zatyq_gg_.__noWrap_zatyq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_zatyq_gg_.__medium_zatyq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_zatyq_gg_.__semibold_zatyq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_zatyq_gg_.__bold_zatyq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_zatyq_gg_.__italic_zatyq_gg_{font-style:italic}.___SText_zatyq_gg_.__monospace_zatyq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_zatyq_gg_.__uppercase_zatyq_gg_{text-transform:uppercase}.___SText_zatyq_gg_.__lowercase_zatyq_gg_{text-transform:lowercase}.___SText_zatyq_gg_.__capitalize_zatyq_gg_{text-transform:capitalize}.___SText_zatyq_gg_.__decoration_zatyq_gg_{-webkit-text-decoration:var(--decoration_zatyq);text-decoration:var(--decoration_zatyq)}.___SText_zatyq_gg_.__color_zatyq_gg_{color:var(--color_zatyq)}.___SText_zatyq_gg_.__fontSize_zatyq_gg_{font-size:var(--fontSize_zatyq)}.___SText_zatyq_gg_.__lineHeight_zatyq_gg_{line-height:var(--lineHeight_zatyq)}.___SText_zatyq_gg_.__fontWeight_zatyq_gg_{font-weight:var(--fontWeight_zatyq)}.___SText_zatyq_gg_.__textAlign_zatyq_gg_{text-align:var(--textAlign_zatyq)}.___SText_zatyq_gg_._use_primary_zatyq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_zatyq_gg_._use_secondary_zatyq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_zatyq_gg_.__disabled_zatyq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "zatyq_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_zatyq_gg_",
+  "_size_100": "_size_100_zatyq_gg_",
+  "_size_200": "_size_200_zatyq_gg_",
+  "_size_300": "_size_300_zatyq_gg_",
+  "_size_400": "_size_400_zatyq_gg_",
+  "_size_500": "_size_500_zatyq_gg_",
+  "_size_600": "_size_600_zatyq_gg_",
+  "_size_700": "_size_700_zatyq_gg_",
+  "_size_800": "_size_800_zatyq_gg_",
+  "_noWrap": "__noWrap_zatyq_gg_",
+  "_medium": "__medium_zatyq_gg_",
+  "_semibold": "__semibold_zatyq_gg_",
+  "_bold": "__bold_zatyq_gg_",
+  "_italic": "__italic_zatyq_gg_",
+  "_monospace": "__monospace_zatyq_gg_",
+  "_uppercase": "__uppercase_zatyq_gg_",
+  "_lowercase": "__lowercase_zatyq_gg_",
+  "_capitalize": "__capitalize_zatyq_gg_",
+  "_decoration": "__decoration_zatyq_gg_",
+  "--decoration": "--decoration_zatyq",
+  "_color": "__color_zatyq_gg_",
+  "--color": "--color_zatyq",
+  "_fontSize": "__fontSize_zatyq_gg_",
+  "--fontSize": "--fontSize_zatyq",
+  "_lineHeight": "__lineHeight_zatyq_gg_",
+  "--lineHeight": "--lineHeight_zatyq",
+  "_fontWeight": "__fontWeight_zatyq_gg_",
+  "--fontWeight": "--fontWeight_zatyq",
+  "_textAlign": "__textAlign_zatyq_gg_",
+  "--textAlign": "--textAlign_zatyq",
+  "_use_primary": "_use_primary_zatyq_gg_",
+  "_use_secondary": "_use_secondary_zatyq_gg_",
+  "_disabled": "__disabled_zatyq_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_1rlbb_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__*/, "1rlbb_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1rlbb_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_1gmzb_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__*/, "1gmzb_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1gmzb_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_1rlbb_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__*/, "1rlbb_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1rlbb_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_1gmzb_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__*/, "1gmzb_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_1gmzb_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref = arguments[0],

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

@@ -1,4 +1,10 @@
-declare const a11yEnhance: (options?: {
-    [key: string]: any;
-}) => (props: any) => any;
+type OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;
+type FindNeighbor = (listSelectors: HTMLElement[], element: HTMLElement, direction: string) => HTMLElement | undefined;
+type ChildSelector<P> = [string, string] | ((props: P) => [string, string]);
+type A11yEnhanceOptions<P = any> = {
+    findNeighbor?: FindNeighbor;
+    onNeighborChange?: OnNeighborChange<P>;
+    childSelector: ChildSelector<P>;
+};
+declare const a11yEnhance: (options: A11yEnhanceOptions) => (props: any) => any;
 export default a11yEnhance;

package/utils/lib/enhances/a11yEnhance.js

@@ -23,8 +23,7 @@ var defaultFindNeighbor = function defaultFindNeighbor(listSelectors, element, d
   if (indexNext > lastIndex) indexNext = 0;
   return listSelectors[indexNext];
 };
-var a11yEnhance = function a11yEnhance() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var a11yEnhance = function a11yEnhance(options) {
   var findNeighbor = options.findNeighbor || defaultFindNeighbor;
   var onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
   var childSelector = options.childSelector;
@@ -33,32 +32,33 @@ var a11yEnhance = function a11yEnhance() {
     var getNeighbor = function getNeighbor(listSelectors, element, direction) {
       var neighbor = findNeighbor(listSelectors, element, direction);
       if (!neighbor) return element;
-      if (neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);
+      if ('disabled' in neighbor && neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);
       return neighbor;
     };
     var handleKeyDown = function handleKeyDown(event) {
       var parent = event.currentTarget;
       var selectedElement = event.target;
-      var _childSelector = (0, _slicedToArray2["default"])(childSelector, 2),
-        childAttrName = _childSelector[0],
-        childAttrValue = _childSelector[1];
+      var _ref = typeof childSelector === 'function' ? childSelector(props) : childSelector,
+        _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        childAttrName = _ref2[0],
+        childAttrValue = _ref2[1];
       if (!selectedElement.getAttribute(childAttrName)) return;
       var listSelectors = Array.from(parent.querySelectorAll("[".concat(childAttrName, "=\"").concat(childAttrValue, "\"]")));
       if (!listSelectors.length) throw "no children found querySelectorAll([".concat(childAttrName, "=\"").concat(childAttrValue, "\"] a11yEnhance for ").concat(props['data-ui-name']);
-      switch (event.keyCode) {
-        case 37:
+      switch (event.key) {
+        case 'ArrowLeft':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);
           event.preventDefault();
           break;
-        case 38:
+        case 'ArrowTop':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);
           event.preventDefault();
           break;
-        case 39:
+        case 'ArrowRight':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);
           event.preventDefault();
           break;
-        case 40:
+        case 'ArrowBottom':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);
           event.preventDefault();
           break;

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

@@ -1 +1 @@
-{"version":3,"file":"a11yEnhance.js","names":["_assignProps","require","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","arguments","undefined","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_childSelector","_slicedToArray2","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","keyCode","preventDefault","_objectSpread2","onKeyDown","callAllEventHandlers","_default","exports"],"sources":["../../src/enhances/a11yEnhance.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../assignProps';\nimport React from 'react';\n\nconst defaultOnNeighborChange = (neighborElement: HTMLElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: { [key: string]: any } = {}) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if (neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] = childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.keyCode) {\n        case 37:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 38:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 39:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 40:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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"}
+{"version":3,"file":"a11yEnhance.js","names":["_assignProps","require","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_ref","_ref2","_slicedToArray2","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","_objectSpread2","onKeyDown","callAllEventHandlers","_default","exports"],"sources":["../../src/enhances/a11yEnhance.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../assignProps';\nimport React from 'react';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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"}

package/utils/lib/enhances/a11yEnhance.mjs

@@ -16,8 +16,7 @@ var defaultFindNeighbor = function defaultFindNeighbor(listSelectors, element, d
   if (indexNext > lastIndex) indexNext = 0;
   return listSelectors[indexNext];
 };
-var a11yEnhance = function a11yEnhance() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var a11yEnhance = function a11yEnhance(options) {
   var findNeighbor = options.findNeighbor || defaultFindNeighbor;
   var onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
   var childSelector = options.childSelector;
@@ -26,32 +25,33 @@ var a11yEnhance = function a11yEnhance() {
     var getNeighbor = function getNeighbor(listSelectors, element, direction) {
       var neighbor = findNeighbor(listSelectors, element, direction);
       if (!neighbor) return element;
-      if (neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);
+      if ('disabled' in neighbor && neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);
       return neighbor;
     };
     var handleKeyDown = function handleKeyDown(event) {
       var parent = event.currentTarget;
       var selectedElement = event.target;
-      var _childSelector = _slicedToArray(childSelector, 2),
-        childAttrName = _childSelector[0],
-        childAttrValue = _childSelector[1];
+      var _ref = typeof childSelector === 'function' ? childSelector(props) : childSelector,
+        _ref2 = _slicedToArray(_ref, 2),
+        childAttrName = _ref2[0],
+        childAttrValue = _ref2[1];
       if (!selectedElement.getAttribute(childAttrName)) return;
       var listSelectors = Array.from(parent.querySelectorAll("[".concat(childAttrName, "=\"").concat(childAttrValue, "\"]")));
       if (!listSelectors.length) throw "no children found querySelectorAll([".concat(childAttrName, "=\"").concat(childAttrValue, "\"] a11yEnhance for ").concat(props['data-ui-name']);
-      switch (event.keyCode) {
-        case 37:
+      switch (event.key) {
+        case 'ArrowLeft':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);
           event.preventDefault();
           break;
-        case 38:
+        case 'ArrowTop':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);
           event.preventDefault();
           break;
-        case 39:
+        case 'ArrowRight':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);
           event.preventDefault();
           break;
-        case 40:
+        case 'ArrowBottom':
           onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);
           event.preventDefault();
           break;

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

@@ -1 +1 @@
-{"version":3,"file":"a11yEnhance.mjs","names":["callAllEventHandlers","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","arguments","undefined","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_childSelector","_slicedToArray","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","keyCode","preventDefault","_objectSpread","onKeyDown"],"sources":["../../src/enhances/a11yEnhance.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../assignProps';\nimport React from 'react';\n\nconst defaultOnNeighborChange = (neighborElement: HTMLElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: { [key: string]: any } = {}) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if (neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] = childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.keyCode) {\n        case 37:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 38:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 39:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 40:\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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"}
+{"version":3,"file":"a11yEnhance.mjs","names":["callAllEventHandlers","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_ref","_ref2","_slicedToArray","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","_objectSpread","onKeyDown"],"sources":["../../src/enhances/a11yEnhance.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../assignProps';\nimport React from 'react';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\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.18.0";
+        var version = "4.19.0";
         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.18.0";
+        var version = "4.19.0";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/themes/auto.css

@@ -695,7 +695,7 @@
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
   /* Use for highlighting the period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
-  /* Border of the dot that appears on the chart grid when hovered over. */
+  /* Border for distinguishing data sets and chart dots on the chart grid. */
   --intergalactic-chart-grid-border: #ffffff;
   /* Background color for the clickable date on the X-axis of the chart grid. */
   --intergalactic-chart-x-axis-accent-period-active: #6c6e79;
@@ -1396,8 +1396,8 @@
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
   /* Use for highlighting the period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
-  /* Border of the dot that appears on the chart grid when hovered over. */
-  --intergalactic-chart-grid-border: #ffffff;
+  /* Border for distinguishing data sets and chart dots on the chart grid. */
+  --intergalactic-chart-grid-border: #191b23;
   /* Background color for the clickable date on the X-axis of the chart grid. */
   --intergalactic-chart-x-axis-accent-period-active: #8a8e9b;
   /* Background color for the "Start tracking" date on the X-axis of the chart grid. */

package/utils/lib/themes/dark.css

@@ -670,8 +670,8 @@
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
   /* Use for highlighting the period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
-  /* Border of the dot that appears on the chart grid when hovered over. */
-  --intergalactic-chart-grid-border: #ffffff;
+  /* Border for distinguishing data sets and chart dots on the chart grid. */
+  --intergalactic-chart-grid-border: #191b23;
   /* Background color for the clickable date on the X-axis of the chart grid. */
   --intergalactic-chart-x-axis-accent-period-active: #8a8e9b;
   /* Background color for the "Start tracking" date on the X-axis of the chart grid. */

package/utils/lib/themes/dark.json

@@ -346,7 +346,7 @@
   "--intergalactic-chart-grid-bar-chart-hover": "rgba(196, 199, 207, 0.3)",
   "--intergalactic-chart-grid-bar-chart-base-bg": "#e0e1e9",
   "--intergalactic-chart-grid-period-bg": "rgba(196, 199, 207, 0.2)",
-  "--intergalactic-chart-grid-border": "#ffffff",
+  "--intergalactic-chart-grid-border": "#191b23",
   "--intergalactic-chart-x-axis-accent-period-active": "#8a8e9b",
   "--intergalactic-chart-x-axis-accent-data-start-tracking": "rgba(0, 159, 129, 0.2)",
   "--intergalactic-duration-extra-slow": "500",

package/utils/lib/themes/default.css

@@ -695,7 +695,7 @@
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
   /* Use for highlighting the period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
-  /* Border of the dot that appears on the chart grid when hovered over. */
+  /* Border for distinguishing data sets and chart dots on the chart grid. */
   --intergalactic-chart-grid-border: #ffffff;
   /* Background color for the clickable date on the X-axis of the chart grid. */
   --intergalactic-chart-x-axis-accent-period-active: #6c6e79;

package/utils/lib/themes/light.css

@@ -695,7 +695,7 @@
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
   /* Use for highlighting the period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
-  /* Border of the dot that appears on the chart grid when hovered over. */
+  /* Border for distinguishing data sets and chart dots on the chart grid. */
   --intergalactic-chart-grid-border: #ffffff;
   /* Background color for the clickable date on the X-axis of the chart grid. */
   --intergalactic-chart-x-axis-accent-period-active: #6c6e79;

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_1t5m4_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1t5m4_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px)}.___SDescription_1t5m4_gg_,.___STitle_1t5m4_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1t5m4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1t5m4_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1t5m4_gg_+.___SDescription_1t5m4_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1t5m4_gg_+.___SDescription_1t5m4_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1t5m4_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_1t5m4_gg_",
-  "__SImage": "___SImage_1t5m4_gg_",
-  "__STitle": "___STitle_1t5m4_gg_",
-  "__SDescription": "___SDescription_1t5m4_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_rib3b_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_rib3b_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px)}.___SDescription_rib3b_gg_,.___STitle_rib3b_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_rib3b_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_rib3b_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_rib3b_gg_+.___SDescription_rib3b_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_rib3b_gg_+.___SDescription_rib3b_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "rib3b_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_rib3b_gg_",
+  "__SImage": "___SImage_rib3b_gg_",
+  "__STitle": "___STitle_rib3b_gg_",
+  "__SDescription": "___SDescription_rib3b_gg_"
 });
 var getIconPath = function getIconPath(name) {
   return (0, _illustration.getIllustrationPath)(name);