@telia-ace/widget-ui 1.0.12 → 1.0.15

package/dist/components/index.d.ts

@@ -56,3 +56,4 @@ export { default as Typography } from './typography';
 export type { Props as TypographyProps } from './typography';
 export { default as WidgetLink } from './widget-link';
 export type { Props as WidgetLinkProps } from './widget-link';
+export { WidgetOverlayOutlet } from './widget-overlay-outlet';

package/dist/components/portal.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import { FC } from 'react';
 export declare type Props = {
     elementId?: string;
+    parent?: Element | HTMLElement;
     children?: any;
 };
-declare const Portal: React.FC<Props>;
+declare const Portal: FC<Props>;
 export default Portal;

package/dist/components/widget-overlay-outlet.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+declare type Props = {
+    portalId: string;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const WidgetOverlayOutlet: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { AnchorLink, Button, ButtonProps, Checkbox, CheckboxProps, Confirm, DateFormats, Drawer, DrawerAnimationType, Dropdown, DropdownProps, Empty, EmptyProps, Grid, GridProps, Html, HtmlIconProps, HtmlParseInstruction, HtmlProps, Icon, IconProps, Input, InputProps, ItemList, ItemListProps, ItemRenderer, ItemTree, ItemTreeProps, Lightbox, LightboxProps, Link, LinkProps, List, ListProps, Modal, ModalProps, NotFound, NotFoundProps, Overlay, OverlayProps, Paragraph, ParagraphProps, Portal, PortalProps, RouteLink, RouteLinkProps, Symbol, SymbolBadge, SymbolBadgeProps, TabStop, TabStopProps, Text, TextLink, TextLinkProps, TextProps, Timestamp, TimestampProps, Tooltip, TooltipProps, TransitionComponent, TransitionComponentProps, Typography, TypographyProps, WidgetLink, WidgetLinkProps } from './components';
+import { AnchorLink, Button, ButtonProps, Checkbox, CheckboxProps, Confirm, DateFormats, Drawer, DrawerAnimationType, Dropdown, DropdownProps, Empty, EmptyProps, Grid, GridProps, Html, HtmlIconProps, HtmlParseInstruction, HtmlProps, Icon, IconProps, Input, InputProps, ItemList, ItemListProps, ItemRenderer, ItemTree, ItemTreeProps, Lightbox, LightboxProps, Link, LinkProps, List, ListProps, Modal, ModalProps, NotFound, NotFoundProps, Overlay, OverlayProps, Paragraph, ParagraphProps, Portal, PortalProps, RouteLink, RouteLinkProps, Symbol, SymbolBadge, SymbolBadgeProps, TabStop, TabStopProps, Text, TextLink, TextLinkProps, TextProps, Timestamp, TimestampProps, Tooltip, TooltipProps, TransitionComponent, TransitionComponentProps, Typography, TypographyProps, WidgetLink, WidgetLinkProps, WidgetOverlayOutlet } from './components';
 import { ColumnContext, ComponentNodeContext, ComponentPropertyContext, ContainerContext, RoutingContext } from './contexts';
 import { default as createReactComponent } from './create-react-component';
 import { DispatchAction, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useEventListener, useEvents, useIsMounted, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent } from './hooks';
-import { borderTabStyle, buttonCss, contentBox, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, StyledText } from './styles';
+import { borderTabStyle, buttonCss, contentBox, genericHtml, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, StyledText } from './styles';
 import { browser, Browsers, convertToStringAttributes, createEmptyComponent, defaultRenderInstructions, embeddedLinkMapper, filterCssProps, filterCssPropsStyle, genericHashLink, GenericHashLinkProps, headingElement, processHtmlString, transitionComposer, TransitionStateSettings } from './utils';
-export { AnchorLink, borderTabStyle, Button, buttonCss, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, Confirm, ContainerContext, contentBox, createEmptyComponent, createReactComponent, DateFormats, Drawer, DrawerAnimationType, Dropdown, filterCssProps, filterCssPropsStyle, Grid, headingElement, Html, Icon, Input, invertedHoverButton, ItemList, ItemTree, Lightbox, Link, linkTabStyle, List, paddedBorderTabStyle, RoutingContext, SymbolBadge, Text, TextLink, TransitionComponent, transitionComposer, Typography, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useIsMounted, useLayout, useProperties, useRenderState, useRouteData, useRouter, useScroll, useTransitionEnd, useAction, useEventListener, useEvents, useKeyPress, usePrevious, useSettings, useToggle, useUniqueMenu, useWidgetEvent, Empty, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, TabStop, Timestamp, Tooltip, WidgetLink, itemList, list, StyledText, browser, convertToStringAttributes, defaultRenderInstructions, embeddedLinkMapper, genericHashLink, processHtmlString, };
+export { AnchorLink, borderTabStyle, Button, buttonCss, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, Confirm, ContainerContext, contentBox, createEmptyComponent, createReactComponent, DateFormats, Drawer, DrawerAnimationType, Dropdown, filterCssProps, filterCssPropsStyle, Grid, headingElement, Html, Icon, Input, genericHtml, invertedHoverButton, ItemList, ItemTree, Lightbox, Link, linkTabStyle, List, paddedBorderTabStyle, RoutingContext, SymbolBadge, Text, TextLink, TransitionComponent, transitionComposer, Typography, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useIsMounted, useLayout, useProperties, useRenderState, useRouteData, useRouter, useScroll, useTransitionEnd, useAction, useEventListener, useEvents, useKeyPress, usePrevious, useSettings, useToggle, useUniqueMenu, useWidgetEvent, Empty, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, TabStop, Timestamp, Tooltip, WidgetLink, WidgetOverlayOutlet, itemList, list, StyledText, browser, convertToStringAttributes, defaultRenderInstructions, embeddedLinkMapper, genericHashLink, processHtmlString, };
 export type { ButtonProps, CheckboxProps, DropdownProps, EmptyProps, GridProps, HtmlIconProps, HtmlParseInstruction, HtmlProps, IconProps, InputProps, ItemListProps, ItemRenderer, ItemTreeProps, LightboxProps, LinkProps, ListProps, ModalProps, NotFoundProps, OverlayProps, ParagraphProps, PortalProps, RouteLinkProps, Symbol, SymbolBadgeProps, TabStopProps, TextLinkProps, TextProps, TimestampProps, TooltipProps, TransitionComponentProps, TypographyProps, WidgetLinkProps, Browsers, GenericHashLinkProps, TransitionStateSettings, };
 export type { DispatchAction };

package/dist/index.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import styled, { css } from "styled-components";
 import { kebabCase, appendClassNames, uuid, removeNullAndUndefinedValues } from "@telia-ace/widget-utilities";
-import React, { forwardRef, createContext, useContext as useContext$1, useState, useEffect, useRef, useCallback, useImperativeHandle, Component, lazy } from "react";
+import React, { forwardRef, createContext, useContext as useContext$1, useState, useEffect, useRef, useCallback, useImperativeHandle, Component, useMemo, lazy } from "react";
 import { CSSTransition, Transition } from "react-transition-group";
 import { Container, WidgetState } from "@webprovisions/platform";
 import { ComponentPlatform, asDescriptor, createEventSubscriber, ComponentQuery, WidgetRenderState, extendComponent } from "@telia-ace/widget-core";
@@ -1094,17 +1094,95 @@ const itemList = css`
             }
         `)}
 `;
-const Portal = ({ elementId = "humany-portal-elements", children }) => {
-  const [container] = React.useState(() => {
+const genericHtml = css`
+    font-size: ${(p) => {
+  var _a;
+  return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
+}};
+    font-weight: 300;
+    line-height: 1.5em;
+    color: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.text;
+}};
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        word-break: break-word;
+        &:first-child {
+            margin-top: 0;
+        }
+        &:only-child {
+            margin: 0;
+        }
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    a {
+        color: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.link;
+}};
+        &:focus {
+            ${(p) => {
+  var _a;
+  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && linkTabStyle;
+}};
+        }
+    }
+
+    img {
+        max-width: 100% !important;
+        height: auto !important;
+    }
+
+    p {
+        word-break: break-word;
+        margin: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}} 0;
+    }
+
+    p:first-child {
+        margin: 0 0 ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}};
+    }
+
+    p:last-child {
+        margin: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}} 0 0;
+    }
+
+    p:only-child {
+        margin: 0;
+    }
+`;
+const Portal = ({
+  elementId = "humany-portal-elements",
+  parent = document.body,
+  children
+}) => {
+  const [container] = useState(() => {
     const el = document.getElementById(elementId) || document.createElement("div");
     el.id = elementId;
     return el;
   });
   useEffect(() => {
-    document.body.appendChild(container);
+    parent.appendChild(container);
     return () => {
       if (container.childElementCount <= 1) {
-        document.body.removeChild(container);
+        parent.removeChild(container);
       }
     };
   }, [container]);
@@ -1502,27 +1580,51 @@ const SymbolBadge = (_g) => {
             r: "12",
             fill: "currentColor"
           }), /* @__PURE__ */ React.createElement("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M6.16663 7.33334C6.16663 6.68901 6.68896 6.16667 7.33329 6.16667H10.25C10.8943 6.16667 11.4166 6.68901 11.4166 7.33334V10.25C11.4166 10.8943 10.8943 11.4167 10.25 11.4167H7.33329C6.68896 11.4167 6.16663 10.8943 6.16663 10.25V7.33334ZM7.33329 7.04167H10.25C10.411 7.04167 10.5416 7.17226 10.5416 7.33334V10.25C10.5416 10.4111 10.411 10.5417 10.25 10.5417H7.33329C7.17221 10.5417 7.04163 10.4111 7.04163 10.25V7.33334C7.04163 7.17226 7.17221 7.04167 7.33329 7.04167Z",
             fill: "white"
           }), /* @__PURE__ */ React.createElement("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M6.16663 13.75C6.16663 13.1057 6.68896 12.5833 7.33329 12.5833H10.25C10.8943 12.5833 11.4166 13.1057 11.4166 13.75V16.6667C11.4166 17.311 10.8943 17.8333 10.25 17.8333H7.33329C6.68896 17.8333 6.16663 17.311 6.16663 16.6667V13.75ZM7.33329 13.4583H10.25C10.411 13.4583 10.5416 13.5889 10.5416 13.75V16.6667C10.5416 16.8278 10.411 16.9583 10.25 16.9583H7.33329C7.17221 16.9583 7.04163 16.8278 7.04163 16.6667V13.75C7.04163 13.5889 7.17221 13.4583 7.33329 13.4583Z",
             fill: "white"
           }), /* @__PURE__ */ React.createElement("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M13.75 6.16667C13.1056 6.16667 12.5833 6.68901 12.5833 7.33334V10.25C12.5833 10.8943 13.1056 11.4167 13.75 11.4167H16.6666C17.311 11.4167 17.8333 10.8943 17.8333 10.25V7.33334C17.8333 6.68901 17.311 6.16667 16.6666 6.16667H13.75ZM16.6666 7.04167H13.75C13.5889 7.04167 13.4583 7.17226 13.4583 7.33334V10.25C13.4583 10.4111 13.5889 10.5417 13.75 10.5417H16.6666C16.8277 10.5417 16.9583 10.4111 16.9583 10.25V7.33334C16.9583 7.17226 16.8277 7.04167 16.6666 7.04167Z",
             fill: "white"
           }), /* @__PURE__ */ React.createElement("path", {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M17.8333 15.2083C17.8333 16.6581 16.658 17.8333 15.2083 17.8333C13.7585 17.8333 12.5833 16.6581 12.5833 15.2083C12.5833 13.7586 13.7585 12.5833 15.2083 12.5833C16.658 12.5833 17.8333 13.7586 17.8333 15.2083ZM16.9583 15.2083C16.9583 16.1748 16.1748 16.9583 15.2083 16.9583C14.2418 16.9583 13.4583 16.1748 13.4583 15.2083C13.4583 14.2418 14.2418 13.4583 15.2083 13.4583C16.1748 13.4583 16.9583 14.2418 16.9583 15.2083Z",
             fill: "white"
           }));
         }
+        case "video": {
+          if (style.minWidth && typeof style.minWidth === "number") {
+            style.minWidth = `${style.minWidth}px`;
+          }
+          return /* @__PURE__ */ React.createElement("svg", __spreadProps(__spreadValues({
+            viewBox: "0 0 25 25"
+          }, svgProps), {
+            style
+          }), /* @__PURE__ */ React.createElement("path", {
+            d: "M16.8245 10.0758C18.7392 8.55799 21.3085 7.08973 21.7947 7.61552C22.5982 8.47863 22.5288 16.6929 21.7947 17.4766C21.3482 17.9627 18.7589 16.4945 16.8245 14.9866",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }), /* @__PURE__ */ React.createElement("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M2.61914 12.5385C2.61914 7.12973 4.41578 5.32715 9.80764 5.32715C15.1985 5.32715 16.9952 7.12973 16.9952 12.5385C16.9952 17.9462 15.1985 19.7497 9.80764 19.7497C4.41578 19.7497 2.61914 17.9462 2.61914 12.5385Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }));
+        }
         case "star-empty": {
           return /* @__PURE__ */ React.createElement("svg", __spreadValues({
             viewBox: "0 0 13 12"
@@ -1686,7 +1788,7 @@ const Drawer = ({
     "aria-expanded": visible
   }));
 };
-const Wrapper$4 = styled.div`
+const Wrapper$5 = styled.div`
     font-family: ${(p) => {
   var _a;
   return (_a = p.theme.fonts) == null ? void 0 : _a.type;
@@ -1728,7 +1830,7 @@ const Header$1 = styled(Typography)`
 const AnimationBase = css`
     transition: ${(p) => p.duration}ms;
 `;
-const WrapperWithSlideInBottom = styled(Wrapper$4)`
+const WrapperWithSlideInBottom = styled(Wrapper$5)`
     max-height: 0;
     ${AnimationBase}
 
@@ -1746,7 +1848,7 @@ const WrapperWithSlideInBottom = styled(Wrapper$4)`
         max-height: 0;
     }
 `;
-const WrapperWithSlideInRight = styled(Wrapper$4)`
+const WrapperWithSlideInRight = styled(Wrapper$5)`
     ${AnimationBase}
     transform: translateX(100%);
     height: ${(p) => p.fullScreen ? "100%" : "auto"};
@@ -1765,7 +1867,7 @@ const WrapperWithSlideInRight = styled(Wrapper$4)`
         transform: translateX(100%);
     }
 `;
-const WrapperWithSlideInLeft = styled(Wrapper$4)`
+const WrapperWithSlideInLeft = styled(Wrapper$5)`
     ${AnimationBase}
     transform: translateX(-100%);
     height: ${(p) => p.fullScreen ? "100%" : "auto"};
@@ -1784,7 +1886,7 @@ const WrapperWithSlideInLeft = styled(Wrapper$4)`
         transform: translateX(-100%);
     }
 `;
-const WrapperWithSlideInTop = styled(Wrapper$4)`
+const WrapperWithSlideInTop = styled(Wrapper$5)`
     ${AnimationBase}
     bottom: unset;
     top: 0;
@@ -1937,9 +2039,9 @@ const StyledDropdown = styled.div`
 `;
 const Empty = (_k) => {
   var other = __objRest(_k, []);
-  return /* @__PURE__ */ React.createElement(Wrapper$3, __spreadValues({}, other));
+  return /* @__PURE__ */ React.createElement(Wrapper$4, __spreadValues({}, other));
 };
-const Wrapper$3 = styled.div`
+const Wrapper$4 = styled.div`
     display: none;
 `;
 var grid = forwardRef((_l, ref) => {
@@ -2194,14 +2296,14 @@ const Overlay = (_z) => {
     classNames: "humany-overlay-transition",
     unmountOnExit: true,
     timeout: duration
-  }, /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(Wrapper$2, __spreadValues({
+  }, /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(Wrapper$3, __spreadValues({
     className: "humany-overlay",
     duration,
     ref,
     onClick: onOverlayClick
   }, other), children)));
 };
-const Wrapper$2 = styled.div`
+const Wrapper$3 = styled.div`
     background: rgba(0, 0, 0, 0.6);
     min-width: 100%;
     min-height: 100%;
@@ -2464,7 +2566,7 @@ const Modal = forwardRef((_F, ref) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
     visible,
     onClick: overlayClick
-  }, /* @__PURE__ */ React.createElement(Wrapper$1, __spreadProps(__spreadValues({
+  }, /* @__PURE__ */ React.createElement(Wrapper$2, __spreadProps(__spreadValues({
     className: appendClassNames(className, "humany-modal", `humany-modal-${id.current}`),
     css: css2,
     tabIndex: -1
@@ -2483,7 +2585,7 @@ const Modal = forwardRef((_F, ref) => {
     }
   }));
 });
-const Wrapper$1 = styled.div`
+const Wrapper$2 = styled.div`
     font-family: ${(p) => {
   var _a;
   return (_a = p.theme.fonts) == null ? void 0 : _a.type;
@@ -2618,7 +2720,7 @@ const NotFound = ({
   suggestionHeader = "",
   suggestion = ""
 }) => {
-  return /* @__PURE__ */ React.createElement(Wrapper, null, /* @__PURE__ */ React.createElement(Status, null, /* @__PURE__ */ React.createElement(Typography, {
+  return /* @__PURE__ */ React.createElement(Wrapper$1, null, /* @__PURE__ */ React.createElement(Status, null, /* @__PURE__ */ React.createElement(Typography, {
     variant: "h2"
   }, "404")), /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(Typography, {
     variant: "h3"
@@ -2628,7 +2730,7 @@ const NotFound = ({
     text: link
   })), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement("span", null, suggestionHeader), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", null, suggestion))));
 };
-const Wrapper = styled.div`
+const Wrapper$1 = styled.div`
     display: flex;
     flex-wrap: wrap;
 `;
@@ -2977,6 +3079,38 @@ var WidgetLink = forwardRef((_L, ref) => {
     ref
   }), children);
 });
+const WidgetOverlayOutlet = forwardRef(({ portalId = "humany-widget-overlay-portal", className, children }, ref) => {
+  const container = useContainer();
+  const parentElement = useMemo(() => {
+    if (!container)
+      return null;
+    const widgetDOMElement = container.get("widgetDOMElement");
+    if (!widgetDOMElement || !widgetDOMElement.childElementCount)
+      return null;
+    return widgetDOMElement.children[0];
+  }, [container]);
+  if (!parentElement) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Portal, {
+    elementId: portalId,
+    parent: parentElement
+  }, /* @__PURE__ */ React.createElement(Wrapper, {
+    className: appendClassNames("humany-widget-overlay-outlet", className),
+    ref
+  }, children));
+});
+const Wrapper = styled.div`
+    background-color: #ffffff;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 10;
+    width: 100%;
+    height: 100%;
+`;
 const createReactComponent = (container, type, reactComponent, fn, options) => {
   return container.getAsync("componentResolver").then((componentResolver) => {
     componentResolver.registerComponent(type, lazy(() => reactComponent));
@@ -2984,5 +3118,5 @@ const createReactComponent = (container, type, reactComponent, fn, options) => {
     }), type, options);
   });
 };
-export { AnchorLink, Button, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, Confirm, ContainerContext, DateFormats, Drawer, AnimationType as DrawerAnimationType, Dropdown, Empty, grid as Grid, Html, Icon, input as Input, ItemList, ItemTree, Lightbox, Link, List, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, RoutingContext, StyledText, SymbolBadge, TabStop, Text, TextLink, Timestamp, Tooltip, TransitionComponent, Typography, WidgetLink, borderTabStyle, browser, buttonCss, contentBox, convertToStringAttributes, createEmptyComponent, createReactComponent, defaultRenderInstructions, embeddedLinkMapper, filterCssProps, filterCssPropsStyle, genericHashLink, headingElement, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, parseHtmlString as processHtmlString, transitionComposer, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useEventListener, useEvents, useIsMounted, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent };
+export { AnchorLink, Button, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, Confirm, ContainerContext, DateFormats, Drawer, AnimationType as DrawerAnimationType, Dropdown, Empty, grid as Grid, Html, Icon, input as Input, ItemList, ItemTree, Lightbox, Link, List, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, RoutingContext, StyledText, SymbolBadge, TabStop, Text, TextLink, Timestamp, Tooltip, TransitionComponent, Typography, WidgetLink, WidgetOverlayOutlet, borderTabStyle, browser, buttonCss, contentBox, convertToStringAttributes, createEmptyComponent, createReactComponent, defaultRenderInstructions, embeddedLinkMapper, filterCssProps, filterCssPropsStyle, genericHashLink, genericHtml, headingElement, invertedHoverButton, itemList, linkTabStyle, list, paddedBorderTabStyle, parseHtmlString as processHtmlString, transitionComposer, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useEventListener, useEvents, useIsMounted, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent };
 //# sourceMappingURL=index.js.map