intergalactic 15.79.0 → 15.81.0-prerelease.0

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_ph1n6_gg_{padding:0;margin:0;list-style-type:none}.___SContent_ph1n6_gg_{overflow:inherit;text-overflow:inherit}.___SItem_ph1n6_gg_+.___SItem_ph1n6_gg_,.___SList_ph1n6_gg_ .___SList_ph1n6_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_ph1n6_gg_{display:flex}.___SMarker_ph1n6_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "ph1n6_gg_") /*__reshadow_css_end__*/, {
-  "__SList": "___SList_ph1n6_gg_",
-  "__SContent": "___SContent_ph1n6_gg_",
-  "__SItem": "___SItem_ph1n6_gg_",
-  "__SMarker": "___SMarker_ph1n6_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SList_xcq8b_gg_{padding:0;margin:0;list-style-type:none}.___SContent_xcq8b_gg_{overflow:inherit;text-overflow:inherit}.___SItem_xcq8b_gg_+.___SItem_xcq8b_gg_,.___SList_xcq8b_gg_ .___SList_xcq8b_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}.___SItem_xcq8b_gg_{display:flex}.___SMarker_xcq8b_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-secondary, #6c6e79);line-height:normal}" /*__inner_css_end__*/, "xcq8b_gg_") /*__reshadow_css_end__*/, {
+  "__SList": "___SList_xcq8b_gg_",
+  "__SContent": "___SContent_xcq8b_gg_",
+  "__SItem": "___SItem_xcq8b_gg_",
+  "__SMarker": "___SMarker_xcq8b_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_lywzq_gg_{padding:0;margin:0}.___SText_lywzq_gg_._size_100_lywzq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_lywzq_gg_._size_200_lywzq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_lywzq_gg_._size_300_lywzq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_lywzq_gg_._size_400_lywzq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_lywzq_gg_._size_500_lywzq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_lywzq_gg_._size_600_lywzq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_lywzq_gg_._size_700_lywzq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_lywzq_gg_._size_800_lywzq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_lywzq_gg_.__noWrap_lywzq_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_lywzq_gg_.__medium_lywzq_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_lywzq_gg_.__semibold_lywzq_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_lywzq_gg_.__bold_lywzq_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_lywzq_gg_.__italic_lywzq_gg_{font-style:italic}.___SText_lywzq_gg_.__monospace_lywzq_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_lywzq_gg_.__uppercase_lywzq_gg_{text-transform:uppercase}.___SText_lywzq_gg_.__lowercase_lywzq_gg_{text-transform:lowercase}.___SText_lywzq_gg_.__capitalize_lywzq_gg_{text-transform:capitalize}.___SText_lywzq_gg_.__decoration_lywzq_gg_{-webkit-text-decoration:var(--decoration_lywzq);text-decoration:var(--decoration_lywzq)}.___SText_lywzq_gg_.__color_lywzq_gg_{color:var(--color_lywzq)}.___SText_lywzq_gg_.__fontSize_lywzq_gg_{font-size:var(--fontSize_lywzq)}.___SText_lywzq_gg_.__lineHeight_lywzq_gg_{line-height:var(--lineHeight_lywzq)}.___SText_lywzq_gg_.__fontWeight_lywzq_gg_{font-weight:var(--fontWeight_lywzq)}.___SText_lywzq_gg_.__textAlign_lywzq_gg_{text-align:var(--textAlign_lywzq)}.___SText_lywzq_gg_._use_primary_lywzq_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_lywzq_gg_._use_secondary_lywzq_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_lywzq_gg_.__disabled_lywzq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "lywzq_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_lywzq_gg_",
-  "_size_100": "_size_100_lywzq_gg_",
-  "_size_200": "_size_200_lywzq_gg_",
-  "_size_300": "_size_300_lywzq_gg_",
-  "_size_400": "_size_400_lywzq_gg_",
-  "_size_500": "_size_500_lywzq_gg_",
-  "_size_600": "_size_600_lywzq_gg_",
-  "_size_700": "_size_700_lywzq_gg_",
-  "_size_800": "_size_800_lywzq_gg_",
-  "_noWrap": "__noWrap_lywzq_gg_",
-  "_medium": "__medium_lywzq_gg_",
-  "_semibold": "__semibold_lywzq_gg_",
-  "_bold": "__bold_lywzq_gg_",
-  "_italic": "__italic_lywzq_gg_",
-  "_monospace": "__monospace_lywzq_gg_",
-  "_uppercase": "__uppercase_lywzq_gg_",
-  "_lowercase": "__lowercase_lywzq_gg_",
-  "_capitalize": "__capitalize_lywzq_gg_",
-  "_decoration": "__decoration_lywzq_gg_",
-  "--decoration": "--decoration_lywzq",
-  "_color": "__color_lywzq_gg_",
-  "--color": "--color_lywzq",
-  "_fontSize": "__fontSize_lywzq_gg_",
-  "--fontSize": "--fontSize_lywzq",
-  "_lineHeight": "__lineHeight_lywzq_gg_",
-  "--lineHeight": "--lineHeight_lywzq",
-  "_fontWeight": "__fontWeight_lywzq_gg_",
-  "--fontWeight": "--fontWeight_lywzq",
-  "_textAlign": "__textAlign_lywzq_gg_",
-  "--textAlign": "--textAlign_lywzq",
-  "_use_primary": "_use_primary_lywzq_gg_",
-  "_use_secondary": "_use_secondary_lywzq_gg_",
-  "_disabled": "__disabled_lywzq_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_1xish_gg_{padding:0;margin:0}.___SText_1xish_gg_._size_100_1xish_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_1xish_gg_._size_200_1xish_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1xish_gg_._size_300_1xish_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1xish_gg_._size_400_1xish_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_1xish_gg_._size_500_1xish_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_1xish_gg_._size_600_1xish_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_1xish_gg_._size_700_1xish_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_1xish_gg_._size_800_1xish_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_1xish_gg_.__noWrap_1xish_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_1xish_gg_.__medium_1xish_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_1xish_gg_.__semibold_1xish_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_1xish_gg_.__bold_1xish_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_1xish_gg_.__italic_1xish_gg_{font-style:italic}.___SText_1xish_gg_.__monospace_1xish_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_1xish_gg_.__uppercase_1xish_gg_{text-transform:uppercase}.___SText_1xish_gg_.__lowercase_1xish_gg_{text-transform:lowercase}.___SText_1xish_gg_.__capitalize_1xish_gg_{text-transform:capitalize}.___SText_1xish_gg_.__decoration_1xish_gg_{-webkit-text-decoration:var(--decoration_1xish);text-decoration:var(--decoration_1xish)}.___SText_1xish_gg_.__color_1xish_gg_{color:var(--color_1xish)}.___SText_1xish_gg_.__fontSize_1xish_gg_{font-size:var(--fontSize_1xish)}.___SText_1xish_gg_.__lineHeight_1xish_gg_{line-height:var(--lineHeight_1xish)}.___SText_1xish_gg_.__fontWeight_1xish_gg_{font-weight:var(--fontWeight_1xish)}.___SText_1xish_gg_.__textAlign_1xish_gg_{text-align:var(--textAlign_1xish)}.___SText_1xish_gg_._use_primary_1xish_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_1xish_gg_._use_secondary_1xish_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_1xish_gg_.__disabled_1xish_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "1xish_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_1xish_gg_",
+  "_size_100": "_size_100_1xish_gg_",
+  "_size_200": "_size_200_1xish_gg_",
+  "_size_300": "_size_300_1xish_gg_",
+  "_size_400": "_size_400_1xish_gg_",
+  "_size_500": "_size_500_1xish_gg_",
+  "_size_600": "_size_600_1xish_gg_",
+  "_size_700": "_size_700_1xish_gg_",
+  "_size_800": "_size_800_1xish_gg_",
+  "_noWrap": "__noWrap_1xish_gg_",
+  "_medium": "__medium_1xish_gg_",
+  "_semibold": "__semibold_1xish_gg_",
+  "_bold": "__bold_1xish_gg_",
+  "_italic": "__italic_1xish_gg_",
+  "_monospace": "__monospace_1xish_gg_",
+  "_uppercase": "__uppercase_1xish_gg_",
+  "_lowercase": "__lowercase_1xish_gg_",
+  "_capitalize": "__capitalize_1xish_gg_",
+  "_decoration": "__decoration_1xish_gg_",
+  "--decoration": "--decoration_1xish",
+  "_color": "__color_1xish_gg_",
+  "--color": "--color_1xish",
+  "_fontSize": "__fontSize_1xish_gg_",
+  "--fontSize": "--fontSize_1xish",
+  "_lineHeight": "__lineHeight_1xish_gg_",
+  "--lineHeight": "--lineHeight_1xish",
+  "_fontWeight": "__fontWeight_1xish_gg_",
+  "--fontWeight": "--fontWeight_1xish",
+  "_textAlign": "__textAlign_1xish_gg_",
+  "--textAlign": "--textAlign_1xish",
+  "_use_primary": "_use_primary_1xish_gg_",
+  "_use_secondary": "_use_secondary_1xish_gg_",
+  "_disabled": "__disabled_1xish_gg_"
 });
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 function getTextDecoration(underline, lineThrough) {

package/typography/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n  /** Font size and line-heights */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n  /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n  noWrap?: boolean;\n  /** CSS property `font-weight: 700;` */\n  bold?: boolean;\n  /** CSS property `font-weight: 600;` */\n  semibold?: boolean;\n  /** CSS property `font-weight: 500;` */\n  medium?: boolean;\n  /** Italicized text */\n  italic?: boolean;\n  /** Underlined text */\n  underline?: boolean;\n  /** CSS property `font-family: monospace;` */\n  monospace?: boolean;\n  /** Strikethrough text */\n  lineThrough?: boolean;\n  /** Uppercase text */\n  uppercase?: boolean;\n  /** Lowercase text */\n  lowercase?: boolean;\n  /** Capitalized text */\n  capitalize?: boolean;\n  /** Text color **/\n  color?: string;\n  /** Custom `font-size` */\n  fontSize?: Property.FontSize<any>;\n  /** Custom `line-height` */\n  lineHeight?: Property.LineHeight<any>;\n  /** Custom `font-weight` */\n  fontWeight?: Property.FontWeight;\n  /** Text alignment */\n  textAlign?: Property.TextAlign;\n  /** Enforces text color */\n  use?: 'primary' | 'secondary';\n  /** Makes text semi-transparent to indicate disabled state */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n  /** Marker of the entire list\n   * @default • */\n  marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n  /** Individual marker of a list item */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type HintProps = TextProps &\n  KeyboardFocusProps & {\n    /** The value responsible for the activity of the element\n     * @default false\n     */\n    disabled?: boolean;\n    /** Enable `active` state */\n    active?: boolean;\n    /** Left addon hint  */\n    addonLeft?: React.ElementType;\n    /** Right addon hint  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n  /** Source of the quote */\n  author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n  Addon: typeof Box;\n  Text: typeof Box;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n  Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport { Property } from 'csstype';\nimport { Box, BoxProps, Flex, FlexProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITextProps extends TextProps, UnknownProperties {}\nexport type TextProps = BoxProps & {\n  /** Font size and line-heights */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n  /** The text will not be wrapped on a new line and will be cut off with ellipsis */\n  noWrap?: boolean;\n  /** CSS property `font-weight: 700;` */\n  bold?: boolean;\n  /** CSS property `font-weight: 600;` */\n  semibold?: boolean;\n  /** CSS property `font-weight: 500;` */\n  medium?: boolean;\n  /** Italicized text */\n  italic?: boolean;\n  /** Underlined text */\n  underline?: boolean;\n  /** CSS property `font-family: monospace;` */\n  monospace?: boolean;\n  /** Strikethrough text */\n  lineThrough?: boolean;\n  /** Uppercase text */\n  uppercase?: boolean;\n  /** Lowercase text */\n  lowercase?: boolean;\n  /** Capitalized text */\n  capitalize?: boolean;\n  /** Text color **/\n  color?: string;\n  /** Custom `font-size` */\n  fontSize?: Property.FontSize<any>;\n  /** Custom `line-height` */\n  lineHeight?: Property.LineHeight<any>;\n  /** Custom `font-weight` */\n  fontWeight?: Property.FontWeight;\n  /** Text alignment */\n  textAlign?: Property.TextAlign;\n  /** Enforces text color */\n  use?: 'primary' | 'secondary';\n  /** Makes text semi-transparent to indicate disabled state */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IListProps extends ListProps, UnknownProperties {}\nexport type ListProps = TextProps & {\n  /** Marker of the entire list\n   * @default • */\n  marker?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IListItemProps extends ListItemProps, UnknownProperties {}\nexport type ListItemProps = TextProps & {\n  /** Individual marker of a list item */\n  marker?: React.ReactNode;\n};\n\nexport type ListItemContentProps = FlexProps;\n\n/** @deprecated */\nexport interface IListContext extends ListContext, UnknownProperties {}\nexport type ListContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IHintProps extends HintProps, UnknownProperties {}\nexport type TypographyHintProps = TextProps &\n  KeyboardFocusProps & {\n    /** The value responsible for the activity of the element\n     * @default false\n     */\n    disabled?: boolean;\n    /** Enable `active` state */\n    active?: boolean;\n    /** Left addon hint  */\n    addonLeft?: React.ElementType;\n    /** Right addon hint  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated use `TypographyHintProps` instead */\nexport type HintProps = TypographyHintProps;\n\n/** @deprecated */\nexport interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}\nexport type BlockquoteProps = BoxProps & {\n  /** Source of the quote */\n  author?: React.ReactNode;\n};\n\ndeclare const Hint: Intergalactic.Component<'abbr', HintProps> & {\n  Addon: typeof Box;\n  Text: typeof Box;\n};\n\ndeclare const Item: Intergalactic.Component<'li', ListItemProps> & {\n  Content: Intergalactic.Component<typeof Flex, ListItemContentProps>;\n};\n\ndeclare const List: Intergalactic.Component<'ul', ListProps> & {\n  Item: typeof Item;\n};\n\ndeclare const Text: Intergalactic.Component<'span', TextProps>;\n\ndeclare const Blockquote: Intergalactic.Component<'blockquote', BlockquoteProps>;\n\nexport { Text, List, Hint, Blockquote };\n"],"mappings":""}

package/typography/lib/types/index.d.ts

@@ -73,7 +73,7 @@ export type ListContext = {
 
 /** @deprecated */
 export interface IHintProps extends HintProps, UnknownProperties {}
-export type HintProps = TextProps &
+export type TypographyHintProps = TextProps &
   KeyboardFocusProps & {
     /** The value responsible for the activity of the element
      * @default false
@@ -87,6 +87,9 @@ export type HintProps = TextProps &
     addonRight?: React.ElementType;
   };
 
+/** @deprecated use `TypographyHintProps` instead */
+export type HintProps = TypographyHintProps;
+
 /** @deprecated */
 export interface IBlockquoteProps extends BlockquoteProps, UnknownProperties {}
 export type BlockquoteProps = BoxProps & {

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_11683_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__*/, "11683_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_11683_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_u61t0_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__*/, "u61t0_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_u61t0_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_11683_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__*/, "11683_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_11683_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_u61t0_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__*/, "u61t0_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_u61t0_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref = arguments[0],

package/utils/lib/eventEmitter.d.ts

@@ -1,5 +1,9 @@
-export default class EventEmitter {
+type DefaultEmit = (eventName: string, ...args: any[]) => void;
+type DefaultSubscribe = (eventName: string, fn: any) => () => void;
+export default class EventEmitter<Emit = DefaultEmit, Subscribe = DefaultSubscribe> {
     private events;
-    emit(...args: any[]): void;
-    subscribe(eventName: string, fn: any): () => void;
+    constructor();
+    emit: Emit;
+    subscribe: Subscribe;
 }
+export {};

package/utils/lib/eventEmitter.js

@@ -5,45 +5,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var EventEmitter = /*#__PURE__*/function () {
-  function EventEmitter() {
-    (0, _classCallCheck2["default"])(this, EventEmitter);
-    (0, _defineProperty2["default"])(this, "events", {});
-  }
-  (0, _createClass2["default"])(EventEmitter, [{
-    key: "emit",
-    value: function emit() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      var eventName = args[0];
-      var event = this.events[eventName];
-      if (event) {
-        event.forEach(function (fn) {
-          fn.call.apply(fn, [null].concat((0, _toConsumableArray2["default"])(args.slice(1))));
-        });
-      }
+var EventEmitter = /*#__PURE__*/(0, _createClass2["default"])(function EventEmitter() {
+  var _this = this;
+  (0, _classCallCheck2["default"])(this, EventEmitter);
+  (0, _defineProperty2["default"])(this, "events", {});
+  (0, _defineProperty2["default"])(this, "emit", void 0);
+  (0, _defineProperty2["default"])(this, "subscribe", void 0);
+  this.emit = function (eventName) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
     }
-  }, {
-    key: "subscribe",
-    value: function subscribe(eventName, fn) {
-      var _this = this;
-      if (!this.events[eventName]) {
-        this.events[eventName] = [];
-      }
-      this.events[eventName].push(fn);
-      return function () {
-        _this.events[eventName] = _this.events[eventName].filter(function (eventFn) {
-          return fn !== eventFn;
-        });
-      };
+    var event = _this.events[eventName];
+    if (event) {
+      event.forEach(function (fn) {
+        fn.call.apply(fn, [null].concat(args));
+      });
     }
-  }]);
-  return EventEmitter;
-}();
+  };
+  this.subscribe = function (eventName, fn) {
+    if (!_this.events[eventName]) {
+      _this.events[eventName] = [];
+    }
+    _this.events[eventName].push(fn);
+    return function () {
+      _this.events[eventName] = _this.events[eventName].filter(function (eventFn) {
+        return fn !== eventFn;
+      });
+    };
+  };
+});
 exports["default"] = EventEmitter;
 //# sourceMappingURL=eventEmitter.js.map

package/utils/lib/eventEmitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"eventEmitter.js","names":["EventEmitter","_classCallCheck2","_defineProperty2","_createClass2","key","value","emit","_len","arguments","length","args","Array","_key","eventName","event","events","forEach","fn","call","apply","concat","_toConsumableArray2","slice","subscribe","_this","push","filter","eventFn","exports"],"sources":["../src/eventEmitter.ts"],"sourcesContent":["export default class EventEmitter {\n  private events: any = {};\n\n  emit(...args: any[]) {\n    const eventName: string = args[0];\n    const event = this.events[eventName];\n    if (event) {\n      event.forEach((fn: any) => {\n        fn.call(null, ...args.slice(1));\n      });\n    }\n  }\n\n  subscribe(eventName: string, fn: any) {\n    if (!this.events[eventName]) {\n      this.events[eventName] = [];\n    }\n\n    this.events[eventName].push(fn);\n    return () => {\n      this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn);\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;IAAqBA,YAAY;EAAA,SAAAA,aAAA;IAAA,IAAAC,gBAAA,mBAAAD,YAAA;IAAA,IAAAE,gBAAA,6BACT,CAAC,CAAC;EAAA;EAAA,IAAAC,aAAA,aAAAH,YAAA;IAAAI,GAAA;IAAAC,KAAA,EAExB,SAAAC,KAAA,EAAqB;MAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAbC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;QAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;MAAA;MACV,IAAMC,SAAiB,GAAGH,IAAI,CAAC,CAAC,CAAC;MACjC,IAAMI,KAAK,GAAG,IAAI,CAACC,MAAM,CAACF,SAAS,CAAC;MACpC,IAAIC,KAAK,EAAE;QACTA,KAAK,CAACE,OAAO,CAAC,UAACC,EAAO,EAAK;UACzBA,EAAE,CAACC,IAAI,CAAAC,KAAA,CAAPF,EAAE,GAAM,IAAI,EAAAG,MAAA,KAAAC,mBAAA,aAAKX,IAAI,CAACY,KAAK,CAAC,CAAC,CAAC,GAAC;QACjC,CAAC,CAAC;MACJ;IACF;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAkB,UAAUV,SAAiB,EAAEI,EAAO,EAAE;MAAA,IAAAO,KAAA;MACpC,IAAI,CAAC,IAAI,CAACT,MAAM,CAACF,SAAS,CAAC,EAAE;QAC3B,IAAI,CAACE,MAAM,CAACF,SAAS,CAAC,GAAG,EAAE;MAC7B;MAEA,IAAI,CAACE,MAAM,CAACF,SAAS,CAAC,CAACY,IAAI,CAACR,EAAE,CAAC;MAC/B,OAAO,YAAM;QACXO,KAAI,CAACT,MAAM,CAACF,SAAS,CAAC,GAAGW,KAAI,CAACT,MAAM,CAACF,SAAS,CAAC,CAACa,MAAM,CAAC,UAACC,OAAY;UAAA,OAAKV,EAAE,KAAKU,OAAO;QAAA,EAAC;MAC1F,CAAC;IACH;EAAC;EAAA,OAAA3B,YAAA;AAAA;AAAA4B,OAAA,cAAA5B,YAAA"}
+{"version":3,"file":"eventEmitter.js","names":["EventEmitter","_createClass2","_this","_classCallCheck2","_defineProperty2","emit","eventName","_len","arguments","length","args","Array","_key","event","events","forEach","fn","call","apply","concat","subscribe","push","filter","eventFn","exports"],"sources":["../src/eventEmitter.ts"],"sourcesContent":["type DefaultEmit = (eventName: string, ...args: any[]) => void;\ntype DefaultSubscribe = (eventName: string, fn: any) => () => void;\n\nexport default class EventEmitter<Emit = DefaultEmit, Subscribe = DefaultSubscribe> {\n  private events: any = {};\n  constructor() {\n    this.emit = ((eventName: string, ...args: any[]) => {\n      const event = this.events[eventName];\n      if (event) {\n        event.forEach((fn: any) => {\n          fn.call(null, ...args);\n        });\n      }\n    }) as any;\n    this.subscribe = ((eventName: string, fn: any) => {\n      if (!this.events[eventName]) {\n        this.events[eventName] = [];\n      }\n\n      this.events[eventName].push(fn);\n      return () => {\n        this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn);\n      };\n    }) as any;\n  }\n\n  emit: Emit;\n\n  subscribe: Subscribe;\n}\n"],"mappings":";;;;;;;;;;IAGqBA,YAAY,oBAAAC,aAAA,aAE/B,SAAAD,aAAA,EAAc;EAAA,IAAAE,KAAA;EAAA,IAAAC,gBAAA,mBAAAH,YAAA;EAAA,IAAAI,gBAAA,6BADQ,CAAC,CAAC;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EAEtB,IAAI,CAACC,IAAI,GAAI,UAACC,SAAiB,EAAqB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAhBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;IAAA;IACtC,IAAMC,KAAK,GAAGX,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC;IACpC,IAAIO,KAAK,EAAE;MACTA,KAAK,CAACE,OAAO,CAAC,UAACC,EAAO,EAAK;QACzBA,EAAE,CAACC,IAAI,CAAAC,KAAA,CAAPF,EAAE,GAAM,IAAI,EAAAG,MAAA,CAAKT,IAAI,EAAC;MACxB,CAAC,CAAC;IACJ;EACF,CAAS;EACT,IAAI,CAACU,SAAS,GAAI,UAACd,SAAiB,EAAEU,EAAO,EAAK;IAChD,IAAI,CAACd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,EAAE;MAC3BJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAG,EAAE;IAC7B;IAEAJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACe,IAAI,CAACL,EAAE,CAAC;IAC/B,OAAO,YAAM;MACXd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAGJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACgB,MAAM,CAAC,UAACC,OAAY;QAAA,OAAKP,EAAE,KAAKO,OAAO;MAAA,EAAC;IAC1F,CAAC;EACH,CAAS;AACX,CAAC;AAAAC,OAAA,cAAAxB,YAAA"}

package/utils/lib/eventEmitter.mjs

@@ -1,42 +1,34 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var EventEmitter = /*#__PURE__*/function () {
-  function EventEmitter() {
-    _classCallCheck(this, EventEmitter);
-    _defineProperty(this, "events", {});
-  }
-  _createClass(EventEmitter, [{
-    key: "emit",
-    value: function emit() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      var eventName = args[0];
-      var event = this.events[eventName];
-      if (event) {
-        event.forEach(function (fn) {
-          fn.call.apply(fn, [null].concat(_toConsumableArray(args.slice(1))));
-        });
-      }
+var EventEmitter = /*#__PURE__*/_createClass(function EventEmitter() {
+  var _this = this;
+  _classCallCheck(this, EventEmitter);
+  _defineProperty(this, "events", {});
+  _defineProperty(this, "emit", void 0);
+  _defineProperty(this, "subscribe", void 0);
+  this.emit = function (eventName) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    var event = _this.events[eventName];
+    if (event) {
+      event.forEach(function (fn) {
+        fn.call.apply(fn, [null].concat(args));
+      });
     }
-  }, {
-    key: "subscribe",
-    value: function subscribe(eventName, fn) {
-      var _this = this;
-      if (!this.events[eventName]) {
-        this.events[eventName] = [];
-      }
-      this.events[eventName].push(fn);
-      return function () {
-        _this.events[eventName] = _this.events[eventName].filter(function (eventFn) {
-          return fn !== eventFn;
-        });
-      };
+  };
+  this.subscribe = function (eventName, fn) {
+    if (!_this.events[eventName]) {
+      _this.events[eventName] = [];
     }
-  }]);
-  return EventEmitter;
-}();
+    _this.events[eventName].push(fn);
+    return function () {
+      _this.events[eventName] = _this.events[eventName].filter(function (eventFn) {
+        return fn !== eventFn;
+      });
+    };
+  };
+});
 export { EventEmitter as default };
 //# sourceMappingURL=eventEmitter.mjs.map

package/utils/lib/eventEmitter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eventEmitter.mjs","names":["EventEmitter","_classCallCheck","_defineProperty","_createClass","key","value","emit","_len","arguments","length","args","Array","_key","eventName","event","events","forEach","fn","call","apply","concat","_toConsumableArray","slice","subscribe","_this","push","filter","eventFn","default"],"sources":["../src/eventEmitter.ts"],"sourcesContent":["export default class EventEmitter {\n  private events: any = {};\n\n  emit(...args: any[]) {\n    const eventName: string = args[0];\n    const event = this.events[eventName];\n    if (event) {\n      event.forEach((fn: any) => {\n        fn.call(null, ...args.slice(1));\n      });\n    }\n  }\n\n  subscribe(eventName: string, fn: any) {\n    if (!this.events[eventName]) {\n      this.events[eventName] = [];\n    }\n\n    this.events[eventName].push(fn);\n    return () => {\n      this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn);\n    };\n  }\n}\n"],"mappings":";;;;IAAqBA,YAAY;EAAA,SAAAA,aAAA;IAAAC,eAAA,OAAAD,YAAA;IAAAE,eAAA,iBACT,CAAC,CAAC;EAAA;EAAAC,YAAA,CAAAH,YAAA;IAAAI,GAAA;IAAAC,KAAA,EAExB,SAAAC,KAAA,EAAqB;MAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAbC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;QAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;MAAA;MACV,IAAMC,SAAiB,GAAGH,IAAI,CAAC,CAAC,CAAC;MACjC,IAAMI,KAAK,GAAG,IAAI,CAACC,MAAM,CAACF,SAAS,CAAC;MACpC,IAAIC,KAAK,EAAE;QACTA,KAAK,CAACE,OAAO,CAAC,UAACC,EAAO,EAAK;UACzBA,EAAE,CAACC,IAAI,CAAAC,KAAA,CAAPF,EAAE,GAAM,IAAI,EAAAG,MAAA,CAAAC,kBAAA,CAAKX,IAAI,CAACY,KAAK,CAAC,CAAC,CAAC,GAAC;QACjC,CAAC,CAAC;MACJ;IACF;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAkB,UAAUV,SAAiB,EAAEI,EAAO,EAAE;MAAA,IAAAO,KAAA;MACpC,IAAI,CAAC,IAAI,CAACT,MAAM,CAACF,SAAS,CAAC,EAAE;QAC3B,IAAI,CAACE,MAAM,CAACF,SAAS,CAAC,GAAG,EAAE;MAC7B;MAEA,IAAI,CAACE,MAAM,CAACF,SAAS,CAAC,CAACY,IAAI,CAACR,EAAE,CAAC;MAC/B,OAAO,YAAM;QACXO,KAAI,CAACT,MAAM,CAACF,SAAS,CAAC,GAAGW,KAAI,CAACT,MAAM,CAACF,SAAS,CAAC,CAACa,MAAM,CAAC,UAACC,OAAY;UAAA,OAAKV,EAAE,KAAKU,OAAO;QAAA,EAAC;MAC1F,CAAC;IACH;EAAC;EAAA,OAAA3B,YAAA;AAAA;AAAA,SAtBkBA,YAAY,IAAA4B,OAAA"}
+{"version":3,"file":"eventEmitter.mjs","names":["EventEmitter","_createClass","_this","_classCallCheck","_defineProperty","emit","eventName","_len","arguments","length","args","Array","_key","event","events","forEach","fn","call","apply","concat","subscribe","push","filter","eventFn","default"],"sources":["../src/eventEmitter.ts"],"sourcesContent":["type DefaultEmit = (eventName: string, ...args: any[]) => void;\ntype DefaultSubscribe = (eventName: string, fn: any) => () => void;\n\nexport default class EventEmitter<Emit = DefaultEmit, Subscribe = DefaultSubscribe> {\n  private events: any = {};\n  constructor() {\n    this.emit = ((eventName: string, ...args: any[]) => {\n      const event = this.events[eventName];\n      if (event) {\n        event.forEach((fn: any) => {\n          fn.call(null, ...args);\n        });\n      }\n    }) as any;\n    this.subscribe = ((eventName: string, fn: any) => {\n      if (!this.events[eventName]) {\n        this.events[eventName] = [];\n      }\n\n      this.events[eventName].push(fn);\n      return () => {\n        this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn);\n      };\n    }) as any;\n  }\n\n  emit: Emit;\n\n  subscribe: Subscribe;\n}\n"],"mappings":";;;IAGqBA,YAAY,gBAAAC,YAAA,CAE/B,SAAAD,aAAA,EAAc;EAAA,IAAAE,KAAA;EAAAC,eAAA,OAAAH,YAAA;EAAAI,eAAA,iBADQ,CAAC,CAAC;EAAAA,eAAA;EAAAA,eAAA;EAEtB,IAAI,CAACC,IAAI,GAAI,UAACC,SAAiB,EAAqB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAhBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;IAAA;IACtC,IAAMC,KAAK,GAAGX,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC;IACpC,IAAIO,KAAK,EAAE;MACTA,KAAK,CAACE,OAAO,CAAC,UAACC,EAAO,EAAK;QACzBA,EAAE,CAACC,IAAI,CAAAC,KAAA,CAAPF,EAAE,GAAM,IAAI,EAAAG,MAAA,CAAKT,IAAI,EAAC;MACxB,CAAC,CAAC;IACJ;EACF,CAAS;EACT,IAAI,CAACU,SAAS,GAAI,UAACd,SAAiB,EAAEU,EAAO,EAAK;IAChD,IAAI,CAACd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,EAAE;MAC3BJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAG,EAAE;IAC7B;IAEAJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACe,IAAI,CAACL,EAAE,CAAC;IAC/B,OAAO,YAAM;MACXd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAGJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACgB,MAAM,CAAC,UAACC,OAAY;QAAA,OAAKP,EAAE,KAAKO,OAAO;MAAA,EAAC;IAC1F,CAAC;EACH,CAAS;AACX,CAAC;AAAA,SArBkBvB,YAAY,IAAAwB,OAAA"}

package/utils/lib/injectStyle.js

@@ -30,7 +30,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.23.1";
+        var version = "4.24.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.23.1";
+        var version = "4.24.0";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/utils/lib/themes/auto.css

@@ -695,8 +695,10 @@
   --intergalactic-chart-grid-bar-chart-hover: rgba(196, 199, 207, 0.3);
   /* Default background color of a bar in the BarChart. */
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
-  /* Use for highlighting the period on the chart grid. */
+  /* Use for highlighting a period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
+  /* Stripe color for diagonal pattern background. */
+  --intergalactic-chart-grid-period-pattern: rgba(25, 27, 35, 0.15);
   /* 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. */

package/utils/lib/themes/default.css

@@ -695,8 +695,10 @@
   --intergalactic-chart-grid-bar-chart-hover: rgba(196, 199, 207, 0.3);
   /* Default background color of a bar in the BarChart. */
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
-  /* Use for highlighting the period on the chart grid. */
+  /* Use for highlighting a period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
+  /* Stripe color for diagonal pattern background. */
+  --intergalactic-chart-grid-period-pattern: rgba(25, 27, 35, 0.15);
   /* 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. */

package/utils/lib/themes/default.json

@@ -354,6 +354,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-period-pattern": "rgba(25, 27, 35, 0.15)",
   "--intergalactic-chart-grid-border": "#ffffff",
   "--intergalactic-chart-x-axis-accent-period-active": "#6c6e79",
   "--intergalactic-chart-x-axis-accent-data-start-tracking": "rgba(0, 159, 129, 0.2)",

package/utils/lib/themes/light.css

@@ -695,8 +695,10 @@
   --intergalactic-chart-grid-bar-chart-hover: rgba(196, 199, 207, 0.3);
   /* Default background color of a bar in the BarChart. */
   --intergalactic-chart-grid-bar-chart-base-bg: #e0e1e9;
-  /* Use for highlighting the period on the chart grid. */
+  /* Use for highlighting a period on the chart grid. */
   --intergalactic-chart-grid-period-bg: rgba(196, 199, 207, 0.2);
+  /* Stripe color for diagonal pattern background. */
+  --intergalactic-chart-grid-period-pattern: rgba(25, 27, 35, 0.15);
   /* 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. */

package/utils/lib/themes/light.json

@@ -354,6 +354,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-period-pattern": "rgba(25, 27, 35, 0.15)",
   "--intergalactic-chart-grid-border": "#ffffff",
   "--intergalactic-chart-x-axis-accent-period-active": "#6c6e79",
   "--intergalactic-chart-x-axis-accent-data-start-tracking": "rgba(0, 159, 129, 0.2)",

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_qerhs_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_qerhs_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_qerhs_gg_,.___STitle_qerhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_qerhs_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_qerhs_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_qerhs_gg_+.___SDescription_qerhs_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_qerhs_gg_+.___SDescription_qerhs_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "qerhs_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_qerhs_gg_",
-  "__SImage": "___SImage_qerhs_gg_",
-  "__STitle": "___STitle_qerhs_gg_",
-  "__SDescription": "___SDescription_qerhs_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_lwa55_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_lwa55_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_lwa55_gg_,.___STitle_lwa55_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_lwa55_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_lwa55_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_lwa55_gg_+.___SDescription_lwa55_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_lwa55_gg_+.___SDescription_lwa55_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "lwa55_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_lwa55_gg_",
+  "__SImage": "___SImage_lwa55_gg_",
+  "__STitle": "___STitle_lwa55_gg_",
+  "__SDescription": "___SDescription_lwa55_gg_"
 });
 var getIconPath = function getIconPath(name) {
   return (0, _illustration.getIllustrationPath)(name);
@@ -46,7 +46,9 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
         icon = _this$asProps.icon,
         styles = _this$asProps.styles;
       var SImage = 'div';
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), (0, _isNode["default"])(icon) && /*#__PURE__*/_react["default"].createElement(SImage, _ref4.cn("SImage", {
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "role": 'status'
+      }, _ref))), (0, _isNode["default"])(icon) && /*#__PURE__*/_react["default"].createElement(SImage, _ref4.cn("SImage", {
         "aria-hidden": 'true'
       }), typeof icon === 'string' ? /*#__PURE__*/_react["default"].createElement("img", _ref4.cn("img", {
         "src": icon,

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetEmpty.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_illustration","_flexBox","_isNode","style","sstyled","insert","getIconPath","name","getIllustrationPath","exports","WidgetEmpty","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","Flex","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread2","assignProps","isNode","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref5","STitle","Box","Description","_ref3","_ref6","SDescription","_default","createComponent"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n  static displayName = 'WidgetEmpty';\n  static style = style;\n\n  render() {\n    const SWidgetEmpty = Root;\n    const { Children, icon, styles } = this.asProps;\n    const SImage = 'div';\n\n    return sstyled(styles)(\n      <SWidgetEmpty render={Flex}>\n        {isNode(icon) && (\n          <SImage aria-hidden='true'>\n            {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst Description = (props) => {\n  const SDescription = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SDescription render={Box} />);\n};\n\nexport default createComponent(WidgetEmpty, {\n  Title,\n  Description,\n});\n"],"mappings":"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"}
+{"version":3,"file":"WidgetEmpty.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_illustration","_flexBox","_isNode","style","sstyled","insert","getIconPath","name","getIllustrationPath","exports","WidgetEmpty","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","Flex","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread2","assignProps","isNode","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref5","STitle","Box","Description","_ref3","_ref6","SDescription","_default","createComponent"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n  static displayName = 'WidgetEmpty';\n  static style = style;\n\n  render() {\n    const SWidgetEmpty = Root;\n    const { Children, icon, styles } = this.asProps;\n    const SImage = 'div';\n\n    return sstyled(styles)(\n      <SWidgetEmpty render={Flex} role='status'>\n        {isNode(icon) && (\n          <SImage aria-hidden='true'>\n            {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst Description = (props) => {\n  const SDescription = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SDescription render={Box} />);\n};\n\nexport default createComponent(WidgetEmpty, {\n  Title,\n  Description,\n});\n"],"mappings":"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"}

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_qerhs_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_qerhs_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_qerhs_gg_,.___STitle_qerhs_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_qerhs_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_qerhs_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_qerhs_gg_+.___SDescription_qerhs_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_qerhs_gg_+.___SDescription_qerhs_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "qerhs_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_qerhs_gg_",
-  "__SImage": "___SImage_qerhs_gg_",
-  "__STitle": "___STitle_qerhs_gg_",
-  "__SDescription": "___SDescription_qerhs_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_lwa55_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_lwa55_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_lwa55_gg_,.___STitle_lwa55_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_lwa55_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_lwa55_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_lwa55_gg_+.___SDescription_lwa55_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_lwa55_gg_+.___SDescription_lwa55_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "lwa55_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_lwa55_gg_",
+  "__SImage": "___SImage_lwa55_gg_",
+  "__STitle": "___STitle_lwa55_gg_",
+  "__SDescription": "___SDescription_lwa55_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);
@@ -41,7 +41,9 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
         icon = _this$asProps.icon,
         styles = _this$asProps.styles;
       var SImage = 'div';
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", _objectSpread({}, _assignProps({}, _ref))), isNode(icon) && /*#__PURE__*/React.createElement(SImage, _ref4.cn("SImage", {
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", _objectSpread({}, _assignProps({
+        "role": 'status'
+      }, _ref))), isNode(icon) && /*#__PURE__*/React.createElement(SImage, _ref4.cn("SImage", {
         "aria-hidden": 'true'
       }), typeof icon === 'string' ? /*#__PURE__*/React.createElement("img", _ref4.cn("img", {
         "src": icon,

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetEmpty.js","names":["React","createComponent","Component","sstyled","Root","getIllustrationPath","Box","Flex","isNode","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref5","STitle","_assignProps2","Description","_ref3","_ref6","SDescription","_assignProps3"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n  static displayName = 'WidgetEmpty';\n  static style = style;\n\n  render() {\n    const SWidgetEmpty = Root;\n    const { Children, icon, styles } = this.asProps;\n    const SImage = 'div';\n\n    return sstyled(styles)(\n      <SWidgetEmpty render={Flex}>\n        {isNode(icon) && (\n          <SImage aria-hidden='true'>\n            {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst Description = (props) => {\n  const SDescription = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SDescription render={Box} />);\n};\n\nexport default createComponent(WidgetEmpty, {\n  Title,\n  Description,\n});\n"],"mappings":"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"}
+{"version":3,"file":"WidgetEmpty.js","names":["React","createComponent","Component","sstyled","Root","getIllustrationPath","Box","Flex","isNode","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref5","STitle","_assignProps2","Description","_ref3","_ref6","SDescription","_assignProps3"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n  static displayName = 'WidgetEmpty';\n  static style = style;\n\n  render() {\n    const SWidgetEmpty = Root;\n    const { Children, icon, styles } = this.asProps;\n    const SImage = 'div';\n\n    return sstyled(styles)(\n      <SWidgetEmpty render={Flex} role='status'>\n        {isNode(icon) && (\n          <SImage aria-hidden='true'>\n            {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst Description = (props) => {\n  const SDescription = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SDescription render={Box} />);\n};\n\nexport default createComponent(WidgetEmpty, {\n  Title,\n  Description,\n});\n"],"mappings":"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"}