intergalactic 15.85.0 → 15.86.0-prerelease.2

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_slm0x_gg_{padding:0;margin:0}.___SText_slm0x_gg_._size_100_slm0x_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_slm0x_gg_._size_200_slm0x_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_slm0x_gg_._size_300_slm0x_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_slm0x_gg_._size_400_slm0x_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_slm0x_gg_._size_500_slm0x_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_slm0x_gg_._size_600_slm0x_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_slm0x_gg_._size_700_slm0x_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_slm0x_gg_._size_800_slm0x_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_slm0x_gg_.__noWrap_slm0x_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_slm0x_gg_.__medium_slm0x_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_slm0x_gg_.__semibold_slm0x_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_slm0x_gg_.__bold_slm0x_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_slm0x_gg_.__italic_slm0x_gg_{font-style:italic}.___SText_slm0x_gg_.__monospace_slm0x_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_slm0x_gg_.__uppercase_slm0x_gg_{text-transform:uppercase}.___SText_slm0x_gg_.__lowercase_slm0x_gg_{text-transform:lowercase}.___SText_slm0x_gg_.__capitalize_slm0x_gg_{text-transform:capitalize}.___SText_slm0x_gg_.__decoration_slm0x_gg_{-webkit-text-decoration:var(--decoration_slm0x);text-decoration:var(--decoration_slm0x)}.___SText_slm0x_gg_.__color_slm0x_gg_{color:var(--color_slm0x)}.___SText_slm0x_gg_.__fontSize_slm0x_gg_{font-size:var(--fontSize_slm0x)}.___SText_slm0x_gg_.__lineHeight_slm0x_gg_{line-height:var(--lineHeight_slm0x)}.___SText_slm0x_gg_.__fontWeight_slm0x_gg_{font-weight:var(--fontWeight_slm0x)}.___SText_slm0x_gg_.__textAlign_slm0x_gg_{text-align:var(--textAlign_slm0x)}.___SText_slm0x_gg_._use_primary_slm0x_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_slm0x_gg_._use_secondary_slm0x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_slm0x_gg_.__disabled_slm0x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "slm0x_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_slm0x_gg_",
-  "_size_100": "_size_100_slm0x_gg_",
-  "_size_200": "_size_200_slm0x_gg_",
-  "_size_300": "_size_300_slm0x_gg_",
-  "_size_400": "_size_400_slm0x_gg_",
-  "_size_500": "_size_500_slm0x_gg_",
-  "_size_600": "_size_600_slm0x_gg_",
-  "_size_700": "_size_700_slm0x_gg_",
-  "_size_800": "_size_800_slm0x_gg_",
-  "_noWrap": "__noWrap_slm0x_gg_",
-  "_medium": "__medium_slm0x_gg_",
-  "_semibold": "__semibold_slm0x_gg_",
-  "_bold": "__bold_slm0x_gg_",
-  "_italic": "__italic_slm0x_gg_",
-  "_monospace": "__monospace_slm0x_gg_",
-  "_uppercase": "__uppercase_slm0x_gg_",
-  "_lowercase": "__lowercase_slm0x_gg_",
-  "_capitalize": "__capitalize_slm0x_gg_",
-  "_decoration": "__decoration_slm0x_gg_",
-  "--decoration": "--decoration_slm0x",
-  "_color": "__color_slm0x_gg_",
-  "--color": "--color_slm0x",
-  "_fontSize": "__fontSize_slm0x_gg_",
-  "--fontSize": "--fontSize_slm0x",
-  "_lineHeight": "__lineHeight_slm0x_gg_",
-  "--lineHeight": "--lineHeight_slm0x",
-  "_fontWeight": "__fontWeight_slm0x_gg_",
-  "--fontWeight": "--fontWeight_slm0x",
-  "_textAlign": "__textAlign_slm0x_gg_",
-  "--textAlign": "--textAlign_slm0x",
-  "_use_primary": "_use_primary_slm0x_gg_",
-  "_use_secondary": "_use_secondary_slm0x_gg_",
-  "_disabled": "__disabled_slm0x_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_75l82_gg_{padding:0;margin:0}.___SText_75l82_gg_._size_100_75l82_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_75l82_gg_._size_200_75l82_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_75l82_gg_._size_300_75l82_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_75l82_gg_._size_400_75l82_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_75l82_gg_._size_500_75l82_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_75l82_gg_._size_600_75l82_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_75l82_gg_._size_700_75l82_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_75l82_gg_._size_800_75l82_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_75l82_gg_.__noWrap_75l82_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_75l82_gg_.__medium_75l82_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_75l82_gg_.__semibold_75l82_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_75l82_gg_.__bold_75l82_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_75l82_gg_.__italic_75l82_gg_{font-style:italic}.___SText_75l82_gg_.__monospace_75l82_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_75l82_gg_.__uppercase_75l82_gg_{text-transform:uppercase}.___SText_75l82_gg_.__lowercase_75l82_gg_{text-transform:lowercase}.___SText_75l82_gg_.__capitalize_75l82_gg_{text-transform:capitalize}.___SText_75l82_gg_.__decoration_75l82_gg_{-webkit-text-decoration:var(--decoration_75l82);text-decoration:var(--decoration_75l82)}.___SText_75l82_gg_.__color_75l82_gg_{color:var(--color_75l82)}.___SText_75l82_gg_.__fontSize_75l82_gg_{font-size:var(--fontSize_75l82)}.___SText_75l82_gg_.__lineHeight_75l82_gg_{line-height:var(--lineHeight_75l82)}.___SText_75l82_gg_.__fontWeight_75l82_gg_{font-weight:var(--fontWeight_75l82)}.___SText_75l82_gg_.__textAlign_75l82_gg_{text-align:var(--textAlign_75l82)}.___SText_75l82_gg_._use_primary_75l82_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_75l82_gg_._use_secondary_75l82_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_75l82_gg_.__disabled_75l82_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "75l82_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_75l82_gg_",
+  "_size_100": "_size_100_75l82_gg_",
+  "_size_200": "_size_200_75l82_gg_",
+  "_size_300": "_size_300_75l82_gg_",
+  "_size_400": "_size_400_75l82_gg_",
+  "_size_500": "_size_500_75l82_gg_",
+  "_size_600": "_size_600_75l82_gg_",
+  "_size_700": "_size_700_75l82_gg_",
+  "_size_800": "_size_800_75l82_gg_",
+  "_noWrap": "__noWrap_75l82_gg_",
+  "_medium": "__medium_75l82_gg_",
+  "_semibold": "__semibold_75l82_gg_",
+  "_bold": "__bold_75l82_gg_",
+  "_italic": "__italic_75l82_gg_",
+  "_monospace": "__monospace_75l82_gg_",
+  "_uppercase": "__uppercase_75l82_gg_",
+  "_lowercase": "__lowercase_75l82_gg_",
+  "_capitalize": "__capitalize_75l82_gg_",
+  "_decoration": "__decoration_75l82_gg_",
+  "--decoration": "--decoration_75l82",
+  "_color": "__color_75l82_gg_",
+  "--color": "--color_75l82",
+  "_fontSize": "__fontSize_75l82_gg_",
+  "--fontSize": "--fontSize_75l82",
+  "_lineHeight": "__lineHeight_75l82_gg_",
+  "--lineHeight": "--lineHeight_75l82",
+  "_fontWeight": "__fontWeight_75l82_gg_",
+  "--fontWeight": "--fontWeight_75l82",
+  "_textAlign": "__textAlign_75l82_gg_",
+  "--textAlign": "--textAlign_75l82",
+  "_use_primary": "_use_primary_75l82_gg_",
+  "_use_secondary": "_use_secondary_75l82_gg_",
+  "_disabled": "__disabled_75l82_gg_"
 });
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 function getTextDecoration(underline, lineThrough) {

package/utils/lib/ThemeProvider.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useContextTokens = exports.useContextTheme = exports.contextThemeEnhance = exports.ThemeProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _index = require("./core/index");
 var _react = _interopRequireDefault(require("react"));
-var _ref5 = require("./ref");
+var _ref4 = require("./ref");
 var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
+var _excluded = ["tokens", "children", "tag"];
 var useContextTokens = function useContextTokens() {
   return _react["default"].useContext(themeContext);
 };
@@ -19,10 +21,10 @@ var useContextTheme = function useContextTheme(ref, available) {
   var tokens = useContextTokens();
   var tokensKey = _react["default"].useMemo(function () {
     if (!tokens) return '';
-    return Object.entries(tokens).map(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
+    return Object.entries(tokens).map(function (_ref) {
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
       return "".concat(key, "-").concat(value);
     }).join('/');
   }, [tokens]);
@@ -45,7 +47,7 @@ var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
     var refArr = _react["default"].useMemo(function () {
       return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
     }, [existingRef, enhanceRef]);
-    var ref = (0, _ref5.useForkRef)(refArr);
+    var ref = (0, _ref4.useForkRef)(refArr);
     useContextTheme(enhanceRef, available);
     return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
       ref: ref
@@ -54,21 +56,23 @@ var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
 };
 exports.contextThemeEnhance = contextThemeEnhance;
 var themeContext = /*#__PURE__*/_react["default"].createContext(null);
-var ThemeProvider = function ThemeProvider(_ref4) {
-  var _ref;
-  var _ref4$tokens = _ref4.tokens,
-    providedTokens = _ref4$tokens === void 0 ? {} : _ref4$tokens,
-    children = _ref4.children;
-  var SThemeProvider = 'div';
+var ThemeProvider = function ThemeProvider(props) {
+  var _ref3 = props,
+    _ref3$tokens = _ref3.tokens,
+    providedTokens = _ref3$tokens === void 0 ? {} : _ref3$tokens,
+    children = _ref3.children,
+    _ref3$tag = _ref3.tag,
+    Tag = _ref3$tag === void 0 ? 'div' : _ref3$tag,
+    restProps = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
   var contextTokens = _react["default"].useContext(themeContext);
   var tokens = _react["default"].useMemo(function () {
     return contextTokens === null ? providedTokens : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, contextTokens), providedTokens);
   }, [contextTokens, providedTokens]);
   return /*#__PURE__*/_react["default"].createElement(themeContext.Provider, {
     value: tokens
-  }, (_ref = (0, _index.sstyled)(), /*#__PURE__*/_react["default"].createElement(SThemeProvider, _ref.cn("SThemeProvider", {
-    "style": tokens
-  }), children)));
+  }, /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({}, restProps, {
+    style: tokens
+  }), children));
 };
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=ThemeProvider.js.map

package/utils/lib/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["_index","require","_react","_interopRequireDefault","_ref5","_useEnhancedEffect","useContextTokens","React","useContext","themeContext","exports","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref2","_ref3","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_ref4","_ref","_ref4$tokens","providedTokens","children","SThemeProvider","contextTokens","createElement","Provider","sstyled","cn"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import { sstyled } from './core/index';\nimport React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  tokens: providedTokens = {},\n  children,\n}) => {\n  const SThemeProvider = 'div';\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      {sstyled()(<SThemeProvider style={tokens}>{children}</SThemeProvider>)}\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","names":["_react","_interopRequireDefault","require","_ref4","_useEnhancedEffect","_excluded","useContextTokens","React","useContext","themeContext","exports","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_ref3","_ref3$tokens","providedTokens","children","_ref3$tag","tag","Tag","restProps","_objectWithoutProperties2","contextTokens","createElement","Provider","_extends2"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {\n  const { tokens: providedTokens = {}, children, tag: Tag = 'div', ...restProps } = props as any;\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      <Tag {...restProps} style={tokens}>\n        {children}\n      </Tag>\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAwD,IAAAG,SAAA;AAQjD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAASC,iBAAK,CAACC,UAAU,CAACC,YAAY,CAAC;AAAA;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAE9D,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,GAAiC,EAAEC,SAAmB,EAAK;EACzF,IAAMC,MAAM,GAAGR,gBAAgB,EAAE;EACjC,IAAMS,SAAS,GAAGR,iBAAK,CAACS,OAAO,CAAC,YAAM;IACpC,IAAI,CAACF,MAAM,EAAE,OAAO,EAAE;IACtB,OAAOG,MAAM,CAACC,OAAO,CAACJ,MAAM,CAAC,CAC1BK,GAAG,CAAC,UAAAC,IAAA;MAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,IAAA;QAAEG,GAAG,GAAAF,KAAA;QAAEG,KAAK,GAAAH,KAAA;MAAA,UAAAI,MAAA,CAASF,GAAG,OAAAE,MAAA,CAAID,KAAK;IAAA,CAAE,CAAC,CACxCE,IAAI,CAAC,GAAG,CAAC;EACd,CAAC,EAAE,CAACZ,MAAM,CAAC,CAAC;EACZ,IAAAa,6BAAiB,EAAC,YAAM;IACtB,IAAId,SAAS,KAAKe,SAAS,IAAI,CAACf,SAAS,EAAE;IAC3C,IAAI,CAACD,GAAG,CAACiB,OAAO,IAAI,CAACjB,GAAG,CAACiB,OAAO,CAACC,KAAK,IAAI,CAAClB,GAAG,CAACiB,OAAO,CAACC,KAAK,CAACC,WAAW,EAAE;IAC1E,KAAK,IAAMC,KAAK,IAAIlB,MAAM,EAAE;MAC1BF,GAAG,CAACiB,OAAO,CAACC,KAAK,CAACC,WAAW,CAACC,KAAK,EAAElB,MAAM,CAACkB,KAAK,CAAC,CAAC;IACrD;EACF,CAAC,EAAE,CAACjB,SAAS,EAAEF,SAAS,CAAC,CAAC;AAC5B,CAAC;AAACH,OAAA,CAAAC,eAAA,GAAAA,eAAA;AACK,IAAMsB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,YAAkD,EAAK;EACzF,OAAO,UAACC,KAAU,EAAK;IACrB,IAAMC,WAAW,GAAGD,KAAK,CAACvB,GAAG;IAC7B,IAAMC,SAAS,GAAGN,iBAAK,CAACS,OAAO,CAAC;MAAA,OAAMkB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGC,KAAK,CAAC;IAAA,GAAElB,MAAM,CAACoB,MAAM,CAACF,KAAK,CAAC,CAAC;IAClF,IAAMG,UAAe,GAAG/B,iBAAK,CAACgC,MAAM,EAAE;IACtC,IAAMC,MAAW,GAAGjC,iBAAK,CAACS,OAAO,CAC/B;MAAA,OAAOoB,WAAW,GAAG,CAACA,WAAW,EAAEE,UAAU,CAAC,GAAG,CAACA,UAAU,CAAC;IAAA,CAAC,EAC9D,CAACF,WAAW,EAAEE,UAAU,CAAC,CAC1B;IACD,IAAM1B,GAAG,GAAG,IAAA6B,gBAAU,EAACD,MAAM,CAAC;IAC9B7B,eAAe,CAAC2B,UAAU,EAAEzB,SAAS,CAAC;IAEtC,WAAA6B,cAAA,iBAAAA,cAAA,iBAAYP,KAAK;MAAEvB,GAAG,EAAHA;IAAG;EACxB,CAAC;AACH,CAAC;AAACF,OAAA,CAAAuB,mBAAA,GAAAA,mBAAA;AAEF,IAAMxB,YAAY,gBAAGF,iBAAK,CAACoC,aAAa,CAAgB,IAAI,CAAC;AAEtD,IAAMC,aAA2C,GAAG,SAA9CA,aAA2CA,CAAIT,KAAK,EAAK;EACpE,IAAAU,KAAA,GAAkFV,KAAK;IAAAW,YAAA,GAAAD,KAAA,CAA/E/B,MAAM;IAAEiC,cAAc,GAAAD,YAAA,cAAG,CAAC,CAAC,GAAAA,YAAA;IAAEE,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAAC,SAAA,GAAAJ,KAAA,CAAEK,GAAG;IAAEC,GAAG,GAAAF,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAKG,SAAS,OAAAC,yBAAA,aAAAR,KAAA,EAAAxC,SAAA;EAC7E,IAAMiD,aAAa,GAAG/C,iBAAK,CAACC,UAAU,CAACC,YAAY,CAAC;EACpD,IAAMK,MAAM,GAAGP,iBAAK,CAACS,OAAO,CAC1B;IAAA,OAAOsC,aAAa,KAAK,IAAI,GAAGP,cAAc,OAAAL,cAAA,iBAAAA,cAAA,iBAAQY,aAAa,GAAKP,cAAc,CAAE;EAAA,CAAC,EACzF,CAACO,aAAa,EAAEP,cAAc,CAAC,CAChC;EAED,oBACE/C,MAAA,YAAAuD,aAAA,CAAC9C,YAAY,CAAC+C,QAAQ;IAAChC,KAAK,EAAEV;EAAO,gBACnCd,MAAA,YAAAuD,aAAA,CAACJ,GAAG,MAAAM,SAAA,iBAAKL,SAAS;IAAEtB,KAAK,EAAEhB;EAAO,IAC/BkC,QAAQ,CACL,CACgB;AAE5B,CAAC;AAACtC,OAAA,CAAAkC,aAAA,GAAAA,aAAA"}

package/utils/lib/ThemeProvider.mjs

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled } from "./core/index.mjs";
+var _excluded = ["tokens", "children", "tag"];
 import React from 'react';
 import { useForkRef } from "./ref.mjs";
 import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
@@ -44,19 +46,22 @@ export var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
   };
 };
 var themeContext = /*#__PURE__*/React.createContext(null);
-export var ThemeProvider = function ThemeProvider(_ref3) {
-  var _ref3$tokens = _ref3.tokens,
+export var ThemeProvider = function ThemeProvider(props) {
+  var _ref3 = props,
+    _ref3$tokens = _ref3.tokens,
     providedTokens = _ref3$tokens === void 0 ? {} : _ref3$tokens,
-    children = _ref3.children;
-  var SThemeProvider = 'div';
+    children = _ref3.children,
+    _ref3$tag = _ref3.tag,
+    Tag = _ref3$tag === void 0 ? 'div' : _ref3$tag,
+    restProps = _objectWithoutProperties(_ref3, _excluded);
   var contextTokens = React.useContext(themeContext);
   var tokens = React.useMemo(function () {
     return contextTokens === null ? providedTokens : _objectSpread(_objectSpread({}, contextTokens), providedTokens);
   }, [contextTokens, providedTokens]);
   return /*#__PURE__*/React.createElement(themeContext.Provider, {
     value: tokens
-  }, sstyled()( /*#__PURE__*/React.createElement(SThemeProvider, {
+  }, /*#__PURE__*/React.createElement(Tag, _extends({}, restProps, {
     style: tokens
-  }, children)));
+  }), children));
 };
 //# sourceMappingURL=ThemeProvider.mjs.map

package/utils/lib/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["sstyled","React","useForkRef","useEnhancedEffect","useContextTokens","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","concat","join","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","_objectSpread","createContext","ThemeProvider","_ref3","_ref3$tokens","providedTokens","children","SThemeProvider","contextTokens","createElement","Provider"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import { sstyled } from './core/index';\nimport React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  tokens: providedTokens = {},\n  children,\n}) => {\n  const SThemeProvider = 'div';\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      {sstyled()(<SThemeProvider style={tokens}>{children}</SThemeProvider>)}\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.mjs","names":["React","useForkRef","useEnhancedEffect","useContextTokens","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","concat","join","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","_objectSpread","createContext","ThemeProvider","_ref3","_ref3$tokens","providedTokens","children","_ref3$tag","tag","Tag","restProps","_objectWithoutProperties","_excluded","contextTokens","createElement","Provider","_extends"],"sources":["../src/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = (getAvailable?: (props: any) => boolean | undefined) => {\n  return (props: any) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {\n  const { tokens: providedTokens = {}, children, tag: Tag = 'div', ...restProps } = props as any;\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n\n  return (\n    <themeContext.Provider value={tokens}>\n      <Tag {...restProps} style={tokens}>\n        {children}\n      </Tag>\n    </themeContext.Provider>\n  ) as any;\n};\n"],"mappings":"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"}

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

@@ -10,8 +10,8 @@ var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
 var _index2 = _interopRequireWildcard(require("../../core/index"));
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_yymmm_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__*/, "yymmm_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_yymmm_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_2tkia_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__*/, "2tkia_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_2tkia_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var _ref;

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

@@ -2,8 +2,8 @@ import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import React from 'react';
 import createComponent, { sstyled, Root } from "../../core/index.mjs";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_yymmm_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__*/, "yymmm_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_yymmm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_2tkia_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__*/, "2tkia_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_2tkia_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var SPattern = Root;

package/utils/lib/injectStyle.js

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

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

@@ -19,11 +19,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_gymtw_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_gymtw_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_gymtw_gg_,.___STitle_gymtw_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_gymtw_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_gymtw_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_gymtw_gg_+.___SDescription_gymtw_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_gymtw_gg_+.___SDescription_gymtw_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "gymtw_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_gymtw_gg_",
-  "__SImage": "___SImage_gymtw_gg_",
-  "__STitle": "___STitle_gymtw_gg_",
-  "__SDescription": "___SDescription_gymtw_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1b6k2_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1b6k2_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1b6k2_gg_,.___STitle_1b6k2_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1b6k2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1b6k2_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1b6k2_gg_+.___SDescription_1b6k2_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1b6k2_gg_+.___SDescription_1b6k2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1b6k2_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_1b6k2_gg_",
+  "__SImage": "___SImage_1b6k2_gg_",
+  "__STitle": "___STitle_1b6k2_gg_",
+  "__SDescription": "___SDescription_1b6k2_gg_"
 });
 var getIconPath = function getIconPath(name) {
   return (0, _illustration.getIllustrationPath)(name);

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

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

package/wizard/lib/cjs/Wizard.js

@@ -25,17 +25,17 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 /*__reshadow-styles__:"./style/wizard.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWizard_t93wi_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_t93wi_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_t93wi_gg_{width:44px}}.___SSidebarHeader_t93wi_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_t93wi_gg_{display:none}}.___SStepper_t93wi_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_t93wi_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_t93wi_gg_.__active_t93wi_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_t93wi_gg_.__disabled_t93wi_gg_,.___SStepper_t93wi_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_t93wi_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_t93wi_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_t93wi_gg_:hover .___SStepDescription_t93wi_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_t93wi_gg_.__active_t93wi_gg_:hover .___SStepDescription_t93wi_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_t93wi_gg_{display:inline-block;min-width:20px}.___SCompleted_t93wi_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_t93wi_gg_{display:none}}.___SContent_t93wi_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "t93wi_gg_") /*__reshadow_css_end__*/, {
-  "__SWizard": "___SWizard_t93wi_gg_",
-  "__SStepNumber": "___SStepNumber_t93wi_gg_",
-  "__SCompleted": "___SCompleted_t93wi_gg_",
-  "__SContent": "___SContent_t93wi_gg_",
-  "__SSidebar": "___SSidebar_t93wi_gg_",
-  "__SSidebarHeader": "___SSidebarHeader_t93wi_gg_",
-  "__SStepper": "___SStepper_t93wi_gg_",
-  "_active": "__active_t93wi_gg_",
-  "_disabled": "__disabled_t93wi_gg_",
-  "__SStepDescription": "___SStepDescription_t93wi_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWizard_1qbjc_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1qbjc_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_1qbjc_gg_{width:44px}}.___SSidebarHeader_1qbjc_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_1qbjc_gg_{display:none}}.___SStepper_1qbjc_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_1qbjc_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1qbjc_gg_.__active_1qbjc_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1qbjc_gg_.__disabled_1qbjc_gg_,.___SStepper_1qbjc_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1qbjc_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1qbjc_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1qbjc_gg_:hover .___SStepDescription_1qbjc_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1qbjc_gg_.__active_1qbjc_gg_:hover .___SStepDescription_1qbjc_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1qbjc_gg_{display:inline-block;min-width:20px}.___SCompleted_1qbjc_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1qbjc_gg_{display:none}}.___SContent_1qbjc_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "1qbjc_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1qbjc_gg_",
+  "__SStepNumber": "___SStepNumber_1qbjc_gg_",
+  "__SCompleted": "___SCompleted_1qbjc_gg_",
+  "__SContent": "___SContent_1qbjc_gg_",
+  "__SSidebar": "___SSidebar_1qbjc_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1qbjc_gg_",
+  "__SStepper": "___SStepper_1qbjc_gg_",
+  "_active": "__active_1qbjc_gg_",
+  "_disabled": "__disabled_1qbjc_gg_",
+  "__SStepDescription": "___SStepDescription_1qbjc_gg_"
 });
 var WizardRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(WizardRoot, _Component);

package/wizard/lib/es6/Wizard.js

@@ -21,17 +21,17 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
 import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/wizard.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_t93wi_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_t93wi_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_t93wi_gg_{width:44px}}.___SSidebarHeader_t93wi_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_t93wi_gg_{display:none}}.___SStepper_t93wi_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_t93wi_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_t93wi_gg_.__active_t93wi_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_t93wi_gg_.__disabled_t93wi_gg_,.___SStepper_t93wi_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_t93wi_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_t93wi_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_t93wi_gg_:hover .___SStepDescription_t93wi_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_t93wi_gg_.__active_t93wi_gg_:hover .___SStepDescription_t93wi_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_t93wi_gg_{display:inline-block;min-width:20px}.___SCompleted_t93wi_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_t93wi_gg_{display:none}}.___SContent_t93wi_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "t93wi_gg_") /*__reshadow_css_end__*/, {
-  "__SWizard": "___SWizard_t93wi_gg_",
-  "__SStepNumber": "___SStepNumber_t93wi_gg_",
-  "__SCompleted": "___SCompleted_t93wi_gg_",
-  "__SContent": "___SContent_t93wi_gg_",
-  "__SSidebar": "___SSidebar_t93wi_gg_",
-  "__SSidebarHeader": "___SSidebarHeader_t93wi_gg_",
-  "__SStepper": "___SStepper_t93wi_gg_",
-  "_active": "__active_t93wi_gg_",
-  "_disabled": "__disabled_t93wi_gg_",
-  "__SStepDescription": "___SStepDescription_t93wi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_1qbjc_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1qbjc_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_1qbjc_gg_{width:44px}}.___SSidebarHeader_1qbjc_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_1qbjc_gg_{display:none}}.___SStepper_1qbjc_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_1qbjc_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1qbjc_gg_.__active_1qbjc_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1qbjc_gg_.__disabled_1qbjc_gg_,.___SStepper_1qbjc_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1qbjc_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1qbjc_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1qbjc_gg_:hover .___SStepDescription_1qbjc_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1qbjc_gg_.__active_1qbjc_gg_:hover .___SStepDescription_1qbjc_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1qbjc_gg_{display:inline-block;min-width:20px}.___SCompleted_1qbjc_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1qbjc_gg_{display:none}}.___SContent_1qbjc_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "1qbjc_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1qbjc_gg_",
+  "__SStepNumber": "___SStepNumber_1qbjc_gg_",
+  "__SCompleted": "___SCompleted_1qbjc_gg_",
+  "__SContent": "___SContent_1qbjc_gg_",
+  "__SSidebar": "___SSidebar_1qbjc_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1qbjc_gg_",
+  "__SStepper": "___SStepper_1qbjc_gg_",
+  "_active": "__active_1qbjc_gg_",
+  "_disabled": "__disabled_1qbjc_gg_",
+  "__SStepDescription": "___SStepDescription_1qbjc_gg_"
 });
 var WizardRoot = /*#__PURE__*/function (_Component) {
   _inherits(WizardRoot, _Component);