@telia-ace/widget-ui 1.0.28-experimental.12 → 1.0.28-experimental.14

package/dist/index.d.ts

@@ -5,11 +5,11 @@ import { default as createWebComponent } from './create-web-component';
 import { DispatchAction, useAction, useChildren, useColumns, useComponent, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useConversation, useDispatch, useEventListener, useEvents, useIsMounted, useIsTabbing, useKeyPress, useLayout, usePrevious, useProperties, useRenderState, useRouteData, useRouter, useScroll, useSettings, useToggle, useTransitionEnd, useUniqueMenu, useWidgetEvent } from './hooks';
 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, imageLightboxRenderer, processHtmlString, transitionComposer, TransitionStateSettings } from './utils';
-import { Typography as TypographyUi } from './components/ui-typography';
+export { Typography as TypographyUi } from './components/ui-typography';
 export * from './controllers';
 export { DataProvider } from './data-provider';
 export * from './mixins';
-export { TypographyUi };
+export type { WidgetComponentConstructor, _LitElement } from './mixins/widget-component';
 export { AnchorLink, borderTabStyle, Button, buttonCss, Checkbox, ColumnContext, ComponentNodeContext, ComponentPropertyContext, ConversationContext, 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, useIsTabbing, useComponentDescriptor, useComponentNode, useComponentPlatform, useContainer, useContext, useDispatch, useIsMounted, useLayout, useProperties, useRenderState, useRouteData, useRouter, useScroll, useTransitionEnd, useAction, useEventListener, useEvents, useKeyPress, usePrevious, useSettings, useToggle, useConversation, useUniqueMenu, useWidgetEvent, Empty, Modal, NotFound, Overlay, Paragraph, Portal, RouteLink, TabStop, Timestamp, Tooltip, WidgetLink, WidgetOverlayOutlet, itemList, list, StyledText, browser, convertToStringAttributes, defaultRenderInstructions, embeddedLinkMapper, genericHashLink, processHtmlString, imageLightboxRenderer, };
 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

@@ -3426,25 +3426,25 @@ const Tr = (e) => `w-${e}`, Ds = (e) => {
     }
     render() {
       const o = super.render(), r = this._getContextStyles(), i = Ne`
-        <style>
-          :host {
-            ${Object.entries(r).map(([a, l]) => qe`
-              ${Dt(`${a}: ${l};`)}
-            `)}
-          }
-        </style>
-      `;
+                <style>
+                    :host {
+                      ${Object.entries(r).map(([a, l]) => qe`
+                            ${Dt(`${a}: ${l};`)}
+                        `)}
+                    }
+                </style>
+            `;
       return Ne`
-        <style>
-          :host {
-            --size: ${this._layout.size || "full"};
-            --width: ${(this._layout.size || "full") === "full" ? "var(--columns)" : `min(var(--columns), ${this._layout.size})`};
-            grid-column: span var(--width);
-          }
-        </style>
+                <style>
+                    :host {
+                        --size: ${this._layout.size || "full"};
+                        --width: ${(this._layout.size || "full") === "full" ? "var(--columns)" : `min(var(--columns), ${this._layout.size})`};
+                        grid-column: span var(--width);
+                    }
+                </style>
 
-        ${i} ${o}
-      `;
+                ${i} ${o}
+            `;
     }
   }
   return P([