intergalactic 15.114.0 → 15.115.0

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_slnv8_gg_{padding:0;margin:0}.___SText_slnv8_gg_._size_100_slnv8_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_slnv8_gg_._size_200_slnv8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_slnv8_gg_._size_300_slnv8_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_slnv8_gg_._size_400_slnv8_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_slnv8_gg_._size_500_slnv8_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_slnv8_gg_._size_600_slnv8_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_slnv8_gg_._size_700_slnv8_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_slnv8_gg_._size_800_slnv8_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_slnv8_gg_.__noWrap_slnv8_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_slnv8_gg_.__medium_slnv8_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_slnv8_gg_.__semibold_slnv8_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_slnv8_gg_.__bold_slnv8_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_slnv8_gg_.__italic_slnv8_gg_{font-style:italic}.___SText_slnv8_gg_.__monospace_slnv8_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_slnv8_gg_.__uppercase_slnv8_gg_{text-transform:uppercase}.___SText_slnv8_gg_.__lowercase_slnv8_gg_{text-transform:lowercase}.___SText_slnv8_gg_.__capitalize_slnv8_gg_{text-transform:capitalize}.___SText_slnv8_gg_.__decoration_slnv8_gg_{-webkit-text-decoration:var(--decoration_slnv8);text-decoration:var(--decoration_slnv8)}.___SText_slnv8_gg_.__color_slnv8_gg_{color:var(--color_slnv8)}.___SText_slnv8_gg_.__fontSize_slnv8_gg_{font-size:var(--fontSize_slnv8)}.___SText_slnv8_gg_.__lineHeight_slnv8_gg_{line-height:var(--lineHeight_slnv8)}.___SText_slnv8_gg_.__fontWeight_slnv8_gg_{font-weight:var(--fontWeight_slnv8)}.___SText_slnv8_gg_.__textAlign_slnv8_gg_{text-align:var(--textAlign_slnv8)}.___SText_slnv8_gg_._use_primary_slnv8_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_slnv8_gg_._use_secondary_slnv8_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_slnv8_gg_.__disabled_slnv8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "slnv8_gg_") /*__reshadow_css_end__*/, {
-  "__SText": "___SText_slnv8_gg_",
-  "_size_100": "_size_100_slnv8_gg_",
-  "_size_200": "_size_200_slnv8_gg_",
-  "_size_300": "_size_300_slnv8_gg_",
-  "_size_400": "_size_400_slnv8_gg_",
-  "_size_500": "_size_500_slnv8_gg_",
-  "_size_600": "_size_600_slnv8_gg_",
-  "_size_700": "_size_700_slnv8_gg_",
-  "_size_800": "_size_800_slnv8_gg_",
-  "_noWrap": "__noWrap_slnv8_gg_",
-  "_medium": "__medium_slnv8_gg_",
-  "_semibold": "__semibold_slnv8_gg_",
-  "_bold": "__bold_slnv8_gg_",
-  "_italic": "__italic_slnv8_gg_",
-  "_monospace": "__monospace_slnv8_gg_",
-  "_uppercase": "__uppercase_slnv8_gg_",
-  "_lowercase": "__lowercase_slnv8_gg_",
-  "_capitalize": "__capitalize_slnv8_gg_",
-  "_decoration": "__decoration_slnv8_gg_",
-  "--decoration": "--decoration_slnv8",
-  "_color": "__color_slnv8_gg_",
-  "--color": "--color_slnv8",
-  "_fontSize": "__fontSize_slnv8_gg_",
-  "--fontSize": "--fontSize_slnv8",
-  "_lineHeight": "__lineHeight_slnv8_gg_",
-  "--lineHeight": "--lineHeight_slnv8",
-  "_fontWeight": "__fontWeight_slnv8_gg_",
-  "--fontWeight": "--fontWeight_slnv8",
-  "_textAlign": "__textAlign_slnv8_gg_",
-  "--textAlign": "--textAlign_slnv8",
-  "_use_primary": "_use_primary_slnv8_gg_",
-  "_use_secondary": "_use_secondary_slnv8_gg_",
-  "_disabled": "__disabled_slnv8_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SText_12e6a_gg_{padding:0;margin:0}.___SText_12e6a_gg_._size_100_12e6a_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SText_12e6a_gg_._size_200_12e6a_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12e6a_gg_._size_300_12e6a_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_12e6a_gg_._size_400_12e6a_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SText_12e6a_gg_._size_500_12e6a_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SText_12e6a_gg_._size_600_12e6a_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SText_12e6a_gg_._size_700_12e6a_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SText_12e6a_gg_._size_800_12e6a_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}.___SText_12e6a_gg_.__noWrap_12e6a_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SText_12e6a_gg_.__medium_12e6a_gg_{font-weight:var(--intergalactic-medium, 500)}.___SText_12e6a_gg_.__semibold_12e6a_gg_{font-weight:var(--intergalactic-semi-bold, 600)}.___SText_12e6a_gg_.__bold_12e6a_gg_{font-weight:var(--intergalactic-bold, 700)}.___SText_12e6a_gg_.__italic_12e6a_gg_{font-style:italic}.___SText_12e6a_gg_.__monospace_12e6a_gg_{font-family:Consolas,\"Roboto Mono\",Menlo,Courier,monospace}.___SText_12e6a_gg_.__uppercase_12e6a_gg_{text-transform:uppercase}.___SText_12e6a_gg_.__lowercase_12e6a_gg_{text-transform:lowercase}.___SText_12e6a_gg_.__capitalize_12e6a_gg_{text-transform:capitalize}.___SText_12e6a_gg_.__decoration_12e6a_gg_{-webkit-text-decoration:var(--decoration_12e6a);text-decoration:var(--decoration_12e6a)}.___SText_12e6a_gg_.__color_12e6a_gg_{color:var(--color_12e6a)}.___SText_12e6a_gg_.__fontSize_12e6a_gg_{font-size:var(--fontSize_12e6a)}.___SText_12e6a_gg_.__lineHeight_12e6a_gg_{line-height:var(--lineHeight_12e6a)}.___SText_12e6a_gg_.__fontWeight_12e6a_gg_{font-weight:var(--fontWeight_12e6a)}.___SText_12e6a_gg_.__textAlign_12e6a_gg_{text-align:var(--textAlign_12e6a)}.___SText_12e6a_gg_._use_primary_12e6a_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SText_12e6a_gg_._use_secondary_12e6a_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SText_12e6a_gg_.__disabled_12e6a_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}" /*__inner_css_end__*/, "12e6a_gg_") /*__reshadow_css_end__*/, {
+  "__SText": "___SText_12e6a_gg_",
+  "_size_100": "_size_100_12e6a_gg_",
+  "_size_200": "_size_200_12e6a_gg_",
+  "_size_300": "_size_300_12e6a_gg_",
+  "_size_400": "_size_400_12e6a_gg_",
+  "_size_500": "_size_500_12e6a_gg_",
+  "_size_600": "_size_600_12e6a_gg_",
+  "_size_700": "_size_700_12e6a_gg_",
+  "_size_800": "_size_800_12e6a_gg_",
+  "_noWrap": "__noWrap_12e6a_gg_",
+  "_medium": "__medium_12e6a_gg_",
+  "_semibold": "__semibold_12e6a_gg_",
+  "_bold": "__bold_12e6a_gg_",
+  "_italic": "__italic_12e6a_gg_",
+  "_monospace": "__monospace_12e6a_gg_",
+  "_uppercase": "__uppercase_12e6a_gg_",
+  "_lowercase": "__lowercase_12e6a_gg_",
+  "_capitalize": "__capitalize_12e6a_gg_",
+  "_decoration": "__decoration_12e6a_gg_",
+  "--decoration": "--decoration_12e6a",
+  "_color": "__color_12e6a_gg_",
+  "--color": "--color_12e6a",
+  "_fontSize": "__fontSize_12e6a_gg_",
+  "--fontSize": "--fontSize_12e6a",
+  "_lineHeight": "__lineHeight_12e6a_gg_",
+  "--lineHeight": "--lineHeight_12e6a",
+  "_fontWeight": "__fontWeight_12e6a_gg_",
+  "--fontWeight": "--fontWeight_12e6a",
+  "_textAlign": "__textAlign_12e6a_gg_",
+  "--textAlign": "--textAlign_12e6a",
+  "_use_primary": "_use_primary_12e6a_gg_",
+  "_use_secondary": "_use_secondary_12e6a_gg_",
+  "_disabled": "__disabled_12e6a_gg_"
 });
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 function getTextDecoration(underline, lineThrough) {

package/typography/package.json

@@ -1 +1 @@
-{"name":"intergalactic/typography","description":"Semrush Typography Component","version":"5.46.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.42.0","@semcore/flex-box":"5.37.0","@semcore/icon":"4.51.0","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/typography"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/typography","description":"Semrush Typography Component","version":"5.47.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.43.0","@semcore/flex-box":"5.38.0","@semcore/icon":"4.52.0","csstype":"3.0.8"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/typography"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/utils/lib/ThemeProvider.d.ts

@@ -2,12 +2,14 @@ import React from 'react';
 type Tokens = {
     [tokenName: string]: string;
 };
-export type ThemeProviderProps = {
+export type ThemeProviderProps = JSX.IntrinsicElements['div'] & {
     tokens: Tokens;
     children: React.ReactNode;
 };
 export declare const useContextTokens: () => Tokens | null;
 export declare const useContextTheme: (ref: React.RefObject<HTMLElement>, available?: boolean) => void;
-export declare const contextThemeEnhance: (getAvailable?: ((props: any) => boolean | undefined) | undefined) => (props: any) => any;
-export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const contextThemeEnhance: <T extends Record<string, any> = {}>(getAvailable?: ((props: T) => boolean | undefined) | undefined) => (props: T) => T & {
+    ref: React.Ref<unknown>;
+};
+export declare const ThemeProvider: (props: ThemeProviderProps) => React.ReactElement;
 export {};

package/utils/lib/ThemeProvider.js

@@ -10,9 +10,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _ref4 = require("./ref");
+var _ref3 = require("./ref");
 var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
-var _excluded = ["tokens", "children", "tag"];
+var _excluded = ["tokens", "children", "style"];
 var useContextTokens = function useContextTokens() {
   return _react["default"].useContext(themeContext);
 };
@@ -47,7 +47,7 @@ var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
     var refArr = _react["default"].useMemo(function () {
       return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
     }, [existingRef, enhanceRef]);
-    var ref = (0, _ref4.useForkRef)(refArr);
+    var ref = (0, _ref3.useForkRef)(refArr);
     useContextTheme(enhanceRef, available);
     return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
       ref: ref
@@ -57,21 +57,25 @@ var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
 exports.contextThemeEnhance = contextThemeEnhance;
 var themeContext = /*#__PURE__*/_react["default"].createContext(null);
 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 _props$tokens = props.tokens,
+    providedTokens = _props$tokens === void 0 ? {} : _props$tokens,
+    children = props.children,
+    _props$style = props.style,
+    providedStyle = _props$style === void 0 ? {} : _props$style,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _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]);
+  var style = _react["default"].useMemo(function () {
+    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+      display: 'contents'
+    }, tokens), providedStyle);
+  }, [tokens, providedStyle]);
   return /*#__PURE__*/_react["default"].createElement(themeContext.Provider, {
     value: tokens
-  }, /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({}, restProps, {
-    style: tokens
+  }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, restProps, {
+    style: style
   }), children));
 };
 exports.ThemeProvider = ThemeProvider;

package/utils/lib/ThemeProvider.js.map

@@ -1 +1 @@
-{"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":"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"}
+{"version":3,"file":"ThemeProvider.js","names":["_react","_interopRequireDefault","require","_ref3","_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","_props$tokens","providedTokens","children","_props$style","providedStyle","restProps","_objectWithoutProperties2","contextTokens","display","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 = JSX.IntrinsicElements['div'] & {\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 = <T extends Record<string, any> = {}>(\n  getAvailable?: (props: T) => boolean | undefined,\n) => {\n  return (props: T) => {\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 = (props: ThemeProviderProps): React.ReactElement => {\n  const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n  const style: React.CSSProperties = React.useMemo(() => {\n    return {\n      display: 'contents',\n      ...tokens,\n      ...providedStyle,\n    };\n  }, [tokens, providedStyle]);\n\n  return (\n    <themeContext.Provider value={tokens}>\n      <div {...restProps} style={style}>\n        {children}\n      </div>\n    </themeContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/utils/lib/ThemeProvider.mjs

@@ -2,7 +2,7 @@ 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";
-var _excluded = ["tokens", "children", "tag"];
+var _excluded = ["tokens", "children", "style"];
 import React from 'react';
 import { useForkRef } from "./ref.mjs";
 import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
@@ -47,21 +47,25 @@ export var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
 };
 var themeContext = /*#__PURE__*/React.createContext(null);
 export 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 = _objectWithoutProperties(_ref3, _excluded);
+  var _props$tokens = props.tokens,
+    providedTokens = _props$tokens === void 0 ? {} : _props$tokens,
+    children = props.children,
+    _props$style = props.style,
+    providedStyle = _props$style === void 0 ? {} : _props$style,
+    restProps = _objectWithoutProperties(props, _excluded);
   var contextTokens = React.useContext(themeContext);
   var tokens = React.useMemo(function () {
     return contextTokens === null ? providedTokens : _objectSpread(_objectSpread({}, contextTokens), providedTokens);
   }, [contextTokens, providedTokens]);
+  var style = React.useMemo(function () {
+    return _objectSpread(_objectSpread({
+      display: 'contents'
+    }, tokens), providedStyle);
+  }, [tokens, providedStyle]);
   return /*#__PURE__*/React.createElement(themeContext.Provider, {
     value: tokens
-  }, /*#__PURE__*/React.createElement(Tag, _extends({}, restProps, {
-    style: tokens
+  }, /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+    style: style
   }), children));
 };
 //# sourceMappingURL=ThemeProvider.mjs.map

package/utils/lib/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"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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"}
+{"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","_props$tokens","providedTokens","children","_props$style","providedStyle","restProps","_objectWithoutProperties","_excluded","contextTokens","display","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 = JSX.IntrinsicElements['div'] & {\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 = <T extends Record<string, any> = {}>(\n  getAvailable?: (props: T) => boolean | undefined,\n) => {\n  return (props: T) => {\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 = (props: ThemeProviderProps): React.ReactElement => {\n  const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n  const style: React.CSSProperties = React.useMemo(() => {\n    return {\n      display: 'contents',\n      ...tokens,\n      ...providedStyle,\n    };\n  }, [tokens, providedStyle]);\n\n  return (\n    <themeContext.Provider value={tokens}>\n      <div {...restProps} style={style}>\n        {children}\n      </div>\n    </themeContext.Provider>\n  );\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_8zzgl_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__*/, "8zzgl_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_8zzgl_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_anxos_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__*/, "anxos_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_anxos_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_8zzgl_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__*/, "8zzgl_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_8zzgl_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPattern_anxos_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__*/, "anxos_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_anxos_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
   var SPattern = Root;

package/utils/lib/focus-lock/focusBorders.js

@@ -22,43 +22,39 @@ var addFocusBorders = function addFocusBorders(element) {
     before.style.position = 'fixed';
     before.dataset.id = BEFORE_BORDER_ID;
     before.addEventListener('focus', function (event) {
-      Promise.resolve().then(function () {
-        var _focusBordersRefs$get, _focusBordersRefs$get2;
-        if (document.activeElement === ((_focusBordersRefs$get = focusBordersRefs.get(element)) === null || _focusBordersRefs$get === void 0 ? void 0 : _focusBordersRefs$get.before) && event.relatedTarget !== ((_focusBordersRefs$get2 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get2 === void 0 ? void 0 : _focusBordersRefs$get2.after) &&
-        // prevent loop
-        event.relatedTarget // prevent initial focus
-        ) {
-          var focusable = (0, _getFocusableIn.getFocusableIn)(element);
-          if (event.relatedTarget === focusable[0]) {
-            var _focusable;
-            (_focusable = focusable[focusable.length - 1]) === null || _focusable === void 0 ? void 0 : _focusable.focus();
-          } else {
-            var _focusable$;
-            (_focusable$ = focusable[0]) === null || _focusable$ === void 0 ? void 0 : _focusable$.focus();
-          }
+      var _focusBordersRefs$get, _focusBordersRefs$get2;
+      if (document.activeElement === ((_focusBordersRefs$get = focusBordersRefs.get(element)) === null || _focusBordersRefs$get === void 0 ? void 0 : _focusBordersRefs$get.before) && event.relatedTarget !== ((_focusBordersRefs$get2 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get2 === void 0 ? void 0 : _focusBordersRefs$get2.after) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = (0, _getFocusableIn.getFocusableIn)(element);
+        if (event.relatedTarget === focusable[0]) {
+          var _focusable;
+          (_focusable = focusable[focusable.length - 1]) === null || _focusable === void 0 ? void 0 : _focusable.focus();
+        } else {
+          var _focusable$;
+          (_focusable$ = focusable[0]) === null || _focusable$ === void 0 ? void 0 : _focusable$.focus();
         }
-      });
+      }
     });
     after.setAttribute('tabindex', '0');
     after.style.position = 'fixed';
     after.dataset.id = AFTER_BORDER_ID;
     after.addEventListener('focus', function (event) {
-      Promise.resolve().then(function () {
-        var _focusBordersRefs$get3, _focusBordersRefs$get4;
-        if (document.activeElement === ((_focusBordersRefs$get3 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get3 === void 0 ? void 0 : _focusBordersRefs$get3.after) && event.relatedTarget !== ((_focusBordersRefs$get4 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get4 === void 0 ? void 0 : _focusBordersRefs$get4.before) &&
-        // prevent loop
-        event.relatedTarget // prevent initial focus
-        ) {
-          var focusable = (0, _getFocusableIn.getFocusableIn)(element);
-          if (event.relatedTarget === focusable[focusable.length - 1]) {
-            var _focusable$2;
-            (_focusable$2 = focusable[0]) === null || _focusable$2 === void 0 ? void 0 : _focusable$2.focus();
-          } else {
-            var _focusable2;
-            (_focusable2 = focusable[focusable.length - 1]) === null || _focusable2 === void 0 ? void 0 : _focusable2.focus();
-          }
+      var _focusBordersRefs$get3, _focusBordersRefs$get4;
+      if (document.activeElement === ((_focusBordersRefs$get3 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get3 === void 0 ? void 0 : _focusBordersRefs$get3.after) && event.relatedTarget !== ((_focusBordersRefs$get4 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get4 === void 0 ? void 0 : _focusBordersRefs$get4.before) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = (0, _getFocusableIn.getFocusableIn)(element);
+        if (event.relatedTarget === focusable[focusable.length - 1]) {
+          var _focusable$2;
+          (_focusable$2 = focusable[0]) === null || _focusable$2 === void 0 ? void 0 : _focusable$2.focus();
+        } else {
+          var _focusable2;
+          (_focusable2 = focusable[focusable.length - 1]) === null || _focusable2 === void 0 ? void 0 : _focusable2.focus();
         }
-      });
+      }
     });
     var elementParent = element.parentElement;
     elementParent === null || elementParent === void 0 ? void 0 : elementParent.insertBefore(before, element);

package/utils/lib/focus-lock/focusBorders.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusBorders.js","names":["_getFocusableIn","require","focusBordersRefs","Map","BEFORE_BORDER_ID","exports","AFTER_BORDER_ID","addFocusBorders","element","has","previousSibling","HTMLElement","dataset","id","before","document","createElement","after","set","setAttribute","style","position","addEventListener","event","Promise","resolve","then","_focusBordersRefs$get","_focusBordersRefs$get2","activeElement","get","relatedTarget","focusable","getFocusableIn","_focusable","length","focus","_focusable$","_focusBordersRefs$get3","_focusBordersRefs$get4","_focusable$2","_focusable2","elementParent","parentElement","insertBefore","append","removeFocusBorders","focusRefs","remove"],"sources":["../../src/focus-lock/focusBorders.ts"],"sourcesContent":["import { getFocusableIn } from './getFocusableIn';\n\nconst focusBordersRefs = new Map<HTMLElement, { before: HTMLElement; after: HTMLElement }>();\n\nexport const BEFORE_BORDER_ID = '__intergalactic-focus-border-before';\nexport const AFTER_BORDER_ID = '__intergalactic-focus-border-after';\n\nexport const addFocusBorders = (element: HTMLElement) => {\n  if (\n    !focusBordersRefs.has(element) &&\n    !(\n      element.previousSibling instanceof HTMLElement &&\n      element.previousSibling.dataset.id === BEFORE_BORDER_ID\n    )\n  ) {\n    const before = document.createElement('div');\n    const after = document.createElement('div');\n\n    focusBordersRefs.set(element, { before, after });\n\n    before.setAttribute('tabindex', '0');\n    before.style.position = 'fixed';\n    before.dataset.id = BEFORE_BORDER_ID;\n    before.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === focusBordersRefs.get(element)?.before &&\n          event.relatedTarget !== focusBordersRefs.get(element)?.after && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          const focusable = getFocusableIn(element);\n\n          if (event.relatedTarget === focusable[0]) {\n            focusable[focusable.length - 1]?.focus();\n          } else {\n            focusable[0]?.focus();\n          }\n        }\n      });\n    });\n\n    after.setAttribute('tabindex', '0');\n    after.style.position = 'fixed';\n    after.dataset.id = AFTER_BORDER_ID;\n    after.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === focusBordersRefs.get(element)?.after &&\n          event.relatedTarget !== focusBordersRefs.get(element)?.before && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          const focusable = getFocusableIn(element);\n\n          if (event.relatedTarget === focusable[focusable.length - 1]) {\n            focusable[0]?.focus();\n          } else {\n            focusable[focusable.length - 1]?.focus();\n          }\n        }\n      });\n    });\n\n    const elementParent = element.parentElement;\n\n    elementParent?.insertBefore(before, element);\n    elementParent?.append(after);\n  }\n};\nexport const removeFocusBorders = (element: HTMLElement) => {\n  const focusRefs = focusBordersRefs.get(element);\n  focusRefs?.before.remove();\n  focusRefs?.after.remove();\n  focusBordersRefs.delete(element);\n};\n"],"mappings":"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"}
+{"version":3,"file":"focusBorders.js","names":["_getFocusableIn","require","focusBordersRefs","Map","BEFORE_BORDER_ID","exports","AFTER_BORDER_ID","addFocusBorders","element","has","previousSibling","HTMLElement","dataset","id","before","document","createElement","after","set","setAttribute","style","position","addEventListener","event","_focusBordersRefs$get","_focusBordersRefs$get2","activeElement","get","relatedTarget","focusable","getFocusableIn","_focusable","length","focus","_focusable$","_focusBordersRefs$get3","_focusBordersRefs$get4","_focusable$2","_focusable2","elementParent","parentElement","insertBefore","append","removeFocusBorders","focusRefs","remove"],"sources":["../../src/focus-lock/focusBorders.ts"],"sourcesContent":["import { getFocusableIn } from './getFocusableIn';\n\nconst focusBordersRefs = new Map<HTMLElement, { before: HTMLElement; after: HTMLElement }>();\n\nexport const BEFORE_BORDER_ID = '__intergalactic-focus-border-before';\nexport const AFTER_BORDER_ID = '__intergalactic-focus-border-after';\n\nexport const addFocusBorders = (element: HTMLElement) => {\n  if (\n    !focusBordersRefs.has(element) &&\n    !(\n      element.previousSibling instanceof HTMLElement &&\n      element.previousSibling.dataset.id === BEFORE_BORDER_ID\n    )\n  ) {\n    const before = document.createElement('div');\n    const after = document.createElement('div');\n\n    focusBordersRefs.set(element, { before, after });\n\n    before.setAttribute('tabindex', '0');\n    before.style.position = 'fixed';\n    before.dataset.id = BEFORE_BORDER_ID;\n    before.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.before &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.after && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[0]) {\n          focusable[focusable.length - 1]?.focus();\n        } else {\n          focusable[0]?.focus();\n        }\n      }\n    });\n\n    after.setAttribute('tabindex', '0');\n    after.style.position = 'fixed';\n    after.dataset.id = AFTER_BORDER_ID;\n    after.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.after &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.before && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[focusable.length - 1]) {\n          focusable[0]?.focus();\n        } else {\n          focusable[focusable.length - 1]?.focus();\n        }\n      }\n    });\n\n    const elementParent = element.parentElement;\n\n    elementParent?.insertBefore(before, element);\n    elementParent?.append(after);\n  }\n};\nexport const removeFocusBorders = (element: HTMLElement) => {\n  const focusRefs = focusBordersRefs.get(element);\n  focusRefs?.before.remove();\n  focusRefs?.after.remove();\n  focusBordersRefs.delete(element);\n};\n"],"mappings":"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"}

package/utils/lib/focus-lock/focusBorders.mjs

@@ -14,43 +14,39 @@ export var addFocusBorders = function addFocusBorders(element) {
     before.style.position = 'fixed';
     before.dataset.id = BEFORE_BORDER_ID;
     before.addEventListener('focus', function (event) {
-      Promise.resolve().then(function () {
-        var _focusBordersRefs$get, _focusBordersRefs$get2;
-        if (document.activeElement === ((_focusBordersRefs$get = focusBordersRefs.get(element)) === null || _focusBordersRefs$get === void 0 ? void 0 : _focusBordersRefs$get.before) && event.relatedTarget !== ((_focusBordersRefs$get2 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get2 === void 0 ? void 0 : _focusBordersRefs$get2.after) &&
-        // prevent loop
-        event.relatedTarget // prevent initial focus
-        ) {
-          var focusable = getFocusableIn(element);
-          if (event.relatedTarget === focusable[0]) {
-            var _focusable;
-            (_focusable = focusable[focusable.length - 1]) === null || _focusable === void 0 ? void 0 : _focusable.focus();
-          } else {
-            var _focusable$;
-            (_focusable$ = focusable[0]) === null || _focusable$ === void 0 ? void 0 : _focusable$.focus();
-          }
+      var _focusBordersRefs$get, _focusBordersRefs$get2;
+      if (document.activeElement === ((_focusBordersRefs$get = focusBordersRefs.get(element)) === null || _focusBordersRefs$get === void 0 ? void 0 : _focusBordersRefs$get.before) && event.relatedTarget !== ((_focusBordersRefs$get2 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get2 === void 0 ? void 0 : _focusBordersRefs$get2.after) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = getFocusableIn(element);
+        if (event.relatedTarget === focusable[0]) {
+          var _focusable;
+          (_focusable = focusable[focusable.length - 1]) === null || _focusable === void 0 ? void 0 : _focusable.focus();
+        } else {
+          var _focusable$;
+          (_focusable$ = focusable[0]) === null || _focusable$ === void 0 ? void 0 : _focusable$.focus();
         }
-      });
+      }
     });
     after.setAttribute('tabindex', '0');
     after.style.position = 'fixed';
     after.dataset.id = AFTER_BORDER_ID;
     after.addEventListener('focus', function (event) {
-      Promise.resolve().then(function () {
-        var _focusBordersRefs$get3, _focusBordersRefs$get4;
-        if (document.activeElement === ((_focusBordersRefs$get3 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get3 === void 0 ? void 0 : _focusBordersRefs$get3.after) && event.relatedTarget !== ((_focusBordersRefs$get4 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get4 === void 0 ? void 0 : _focusBordersRefs$get4.before) &&
-        // prevent loop
-        event.relatedTarget // prevent initial focus
-        ) {
-          var focusable = getFocusableIn(element);
-          if (event.relatedTarget === focusable[focusable.length - 1]) {
-            var _focusable$2;
-            (_focusable$2 = focusable[0]) === null || _focusable$2 === void 0 ? void 0 : _focusable$2.focus();
-          } else {
-            var _focusable2;
-            (_focusable2 = focusable[focusable.length - 1]) === null || _focusable2 === void 0 ? void 0 : _focusable2.focus();
-          }
+      var _focusBordersRefs$get3, _focusBordersRefs$get4;
+      if (document.activeElement === ((_focusBordersRefs$get3 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get3 === void 0 ? void 0 : _focusBordersRefs$get3.after) && event.relatedTarget !== ((_focusBordersRefs$get4 = focusBordersRefs.get(element)) === null || _focusBordersRefs$get4 === void 0 ? void 0 : _focusBordersRefs$get4.before) &&
+      // prevent loop
+      event.relatedTarget // prevent initial focus
+      ) {
+        var focusable = getFocusableIn(element);
+        if (event.relatedTarget === focusable[focusable.length - 1]) {
+          var _focusable$2;
+          (_focusable$2 = focusable[0]) === null || _focusable$2 === void 0 ? void 0 : _focusable$2.focus();
+        } else {
+          var _focusable2;
+          (_focusable2 = focusable[focusable.length - 1]) === null || _focusable2 === void 0 ? void 0 : _focusable2.focus();
         }
-      });
+      }
     });
     var elementParent = element.parentElement;
     elementParent === null || elementParent === void 0 ? void 0 : elementParent.insertBefore(before, element);

package/utils/lib/focus-lock/focusBorders.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"focusBorders.mjs","names":["getFocusableIn","focusBordersRefs","Map","BEFORE_BORDER_ID","AFTER_BORDER_ID","addFocusBorders","element","has","previousSibling","HTMLElement","dataset","id","before","document","createElement","after","set","setAttribute","style","position","addEventListener","event","Promise","resolve","then","_focusBordersRefs$get","_focusBordersRefs$get2","activeElement","get","relatedTarget","focusable","_focusable","length","focus","_focusable$","_focusBordersRefs$get3","_focusBordersRefs$get4","_focusable$2","_focusable2","elementParent","parentElement","insertBefore","append","removeFocusBorders","focusRefs","remove"],"sources":["../../src/focus-lock/focusBorders.ts"],"sourcesContent":["import { getFocusableIn } from './getFocusableIn';\n\nconst focusBordersRefs = new Map<HTMLElement, { before: HTMLElement; after: HTMLElement }>();\n\nexport const BEFORE_BORDER_ID = '__intergalactic-focus-border-before';\nexport const AFTER_BORDER_ID = '__intergalactic-focus-border-after';\n\nexport const addFocusBorders = (element: HTMLElement) => {\n  if (\n    !focusBordersRefs.has(element) &&\n    !(\n      element.previousSibling instanceof HTMLElement &&\n      element.previousSibling.dataset.id === BEFORE_BORDER_ID\n    )\n  ) {\n    const before = document.createElement('div');\n    const after = document.createElement('div');\n\n    focusBordersRefs.set(element, { before, after });\n\n    before.setAttribute('tabindex', '0');\n    before.style.position = 'fixed';\n    before.dataset.id = BEFORE_BORDER_ID;\n    before.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === focusBordersRefs.get(element)?.before &&\n          event.relatedTarget !== focusBordersRefs.get(element)?.after && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          const focusable = getFocusableIn(element);\n\n          if (event.relatedTarget === focusable[0]) {\n            focusable[focusable.length - 1]?.focus();\n          } else {\n            focusable[0]?.focus();\n          }\n        }\n      });\n    });\n\n    after.setAttribute('tabindex', '0');\n    after.style.position = 'fixed';\n    after.dataset.id = AFTER_BORDER_ID;\n    after.addEventListener('focus', (event) => {\n      Promise.resolve().then(() => {\n        if (\n          document.activeElement === focusBordersRefs.get(element)?.after &&\n          event.relatedTarget !== focusBordersRefs.get(element)?.before && // prevent loop\n          event.relatedTarget // prevent initial focus\n        ) {\n          const focusable = getFocusableIn(element);\n\n          if (event.relatedTarget === focusable[focusable.length - 1]) {\n            focusable[0]?.focus();\n          } else {\n            focusable[focusable.length - 1]?.focus();\n          }\n        }\n      });\n    });\n\n    const elementParent = element.parentElement;\n\n    elementParent?.insertBefore(before, element);\n    elementParent?.append(after);\n  }\n};\nexport const removeFocusBorders = (element: HTMLElement) => {\n  const focusRefs = focusBordersRefs.get(element);\n  focusRefs?.before.remove();\n  focusRefs?.after.remove();\n  focusBordersRefs.delete(element);\n};\n"],"mappings":"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"}
+{"version":3,"file":"focusBorders.mjs","names":["getFocusableIn","focusBordersRefs","Map","BEFORE_BORDER_ID","AFTER_BORDER_ID","addFocusBorders","element","has","previousSibling","HTMLElement","dataset","id","before","document","createElement","after","set","setAttribute","style","position","addEventListener","event","_focusBordersRefs$get","_focusBordersRefs$get2","activeElement","get","relatedTarget","focusable","_focusable","length","focus","_focusable$","_focusBordersRefs$get3","_focusBordersRefs$get4","_focusable$2","_focusable2","elementParent","parentElement","insertBefore","append","removeFocusBorders","focusRefs","remove"],"sources":["../../src/focus-lock/focusBorders.ts"],"sourcesContent":["import { getFocusableIn } from './getFocusableIn';\n\nconst focusBordersRefs = new Map<HTMLElement, { before: HTMLElement; after: HTMLElement }>();\n\nexport const BEFORE_BORDER_ID = '__intergalactic-focus-border-before';\nexport const AFTER_BORDER_ID = '__intergalactic-focus-border-after';\n\nexport const addFocusBorders = (element: HTMLElement) => {\n  if (\n    !focusBordersRefs.has(element) &&\n    !(\n      element.previousSibling instanceof HTMLElement &&\n      element.previousSibling.dataset.id === BEFORE_BORDER_ID\n    )\n  ) {\n    const before = document.createElement('div');\n    const after = document.createElement('div');\n\n    focusBordersRefs.set(element, { before, after });\n\n    before.setAttribute('tabindex', '0');\n    before.style.position = 'fixed';\n    before.dataset.id = BEFORE_BORDER_ID;\n    before.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.before &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.after && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[0]) {\n          focusable[focusable.length - 1]?.focus();\n        } else {\n          focusable[0]?.focus();\n        }\n      }\n    });\n\n    after.setAttribute('tabindex', '0');\n    after.style.position = 'fixed';\n    after.dataset.id = AFTER_BORDER_ID;\n    after.addEventListener('focus', (event) => {\n      if (\n        document.activeElement === focusBordersRefs.get(element)?.after &&\n        event.relatedTarget !== focusBordersRefs.get(element)?.before && // prevent loop\n        event.relatedTarget // prevent initial focus\n      ) {\n        const focusable = getFocusableIn(element);\n\n        if (event.relatedTarget === focusable[focusable.length - 1]) {\n          focusable[0]?.focus();\n        } else {\n          focusable[focusable.length - 1]?.focus();\n        }\n      }\n    });\n\n    const elementParent = element.parentElement;\n\n    elementParent?.insertBefore(before, element);\n    elementParent?.append(after);\n  }\n};\nexport const removeFocusBorders = (element: HTMLElement) => {\n  const focusRefs = focusBordersRefs.get(element);\n  focusRefs?.before.remove();\n  focusRefs?.after.remove();\n  focusBordersRefs.delete(element);\n};\n"],"mappings":"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"}

package/utils/lib/injectStyle.js

@@ -30,7 +30,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "4.42.0";
+        var version = "4.43.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.42.0";
+        var version = "4.43.0";
         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_1c7aa_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1c7aa_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1c7aa_gg_,.___STitle_1c7aa_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1c7aa_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1c7aa_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1c7aa_gg_+.___SDescription_1c7aa_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1c7aa_gg_+.___SDescription_1c7aa_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1c7aa_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_1c7aa_gg_",
-  "__SImage": "___SImage_1c7aa_gg_",
-  "__STitle": "___STitle_1c7aa_gg_",
-  "__SDescription": "___SDescription_1c7aa_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_5e2az_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_5e2az_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_5e2az_gg_,.___STitle_5e2az_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_5e2az_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_5e2az_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_5e2az_gg_+.___SDescription_5e2az_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_5e2az_gg_+.___SDescription_5e2az_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "5e2az_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_5e2az_gg_",
+  "__SImage": "___SImage_5e2az_gg_",
+  "__STitle": "___STitle_5e2az_gg_",
+  "__SDescription": "___SDescription_5e2az_gg_"
 });
 var getIconPath = function getIconPath(name) {
   return (0, _illustration.getIllustrationPath)(name);