@telia/teddy 0.0.56 → 0.0.58

package/dist/components/breadcrumbs/breadcrumbs-link.cjs

@@ -18,7 +18,7 @@ const Link = React.forwardRef(({ children, home, className, ...props }, ref) =>
     },
     className
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(components_link_link.Link, { variant: negative ? "standalone-negative" : "standalone", ...props, ref, className: classes, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_link_link.Link, { ...props, variant: negative ? "standalone-negative" : "standalone", ref, className: classes, children: [
     home && /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "home" }),
     /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children })
   ] });

package/dist/components/breadcrumbs/breadcrumbs-link.d.ts

@@ -1,10 +1,15 @@
 import { default as React } from 'react';
+import { Link as LinkPrimitive } from '../link';
 
-export type LinkProps = React.ComponentPropsWithoutRef<'a'> & {
-    asChild?: boolean;
+export type LinkProps = Omit<React.ComponentPropsWithoutRef<typeof LinkPrimitive>, 'variant'> & {
     home?: boolean;
 };
-export declare const Link: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     asChild?: boolean | undefined;
+    disableVisited?: boolean | undefined;
+    ensureTargetArea?: boolean | undefined;
+    silent?: boolean | undefined;
+    variant: "text" | "navigation" | "text-negative" | "standalone" | "standalone-negative" | "navigation-negative";
+} & React.RefAttributes<HTMLAnchorElement>, "ref">, "variant"> & {
     home?: boolean | undefined;
 } & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/breadcrumbs/breadcrumbs-link.js

@@ -16,7 +16,7 @@ const Link = React__default.forwardRef(({ children, home, className, ...props },
     },
     className
   );
-  return /* @__PURE__ */ jsxs(Link$1, { variant: negative ? "standalone-negative" : "standalone", ...props, ref, className: classes, children: [
+  return /* @__PURE__ */ jsxs(Link$1, { ...props, variant: negative ? "standalone-negative" : "standalone", ref, className: classes, children: [
     home && /* @__PURE__ */ jsx(Icon, { name: "home" }),
     /* @__PURE__ */ jsx(Slottable, { children })
   ] });

package/dist/components/breadcrumbs/index.d.ts

@@ -10,8 +10,13 @@ export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<Omit
 } & import('react').RefAttributes<HTMLElement>> & {
     List: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
     Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
-    Link: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    Link: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
         asChild?: boolean | undefined;
+        disableVisited?: boolean | undefined;
+        ensureTargetArea?: boolean | undefined;
+        silent?: boolean | undefined;
+        variant: "text" | "navigation" | "text-negative" | "standalone" | "standalone-negative" | "navigation-negative";
+    } & import('react').RefAttributes<HTMLAnchorElement>, "ref">, "variant"> & {
         home?: boolean | undefined;
     } & import('react').RefAttributes<HTMLAnchorElement>>;
     Page: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs

@@ -95,11 +95,11 @@ function LoggedInContent() {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(components_textSpacing_textSpacing.TextSpacing, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "private", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Privat" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
           (_a = components_navigationMenu_globalNavigation_utils.MY_PAGE_LINKS.links) == null ? void 0 : _a.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs.Content, { value: "business", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedrift" }),
+          /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),
           components_navigationMenu_globalNavigation_utils.LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "logout", children: "Logg ut" }) })
@@ -413,7 +413,7 @@ function Mobile(props) {
               value: rootContext.selectedDomainItem,
               onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
+                /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
                 /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => {
                   var _a;
                   return /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js

@@ -93,11 +93,11 @@ function LoggedInContent() {
       ] }),
       /* @__PURE__ */ jsxs(TextSpacing, { children: [
         /* @__PURE__ */ jsxs(Tabs.Content, { value: "private", children: [
-          /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Privat" }),
+          /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Min Side" }),
           (_a = MY_PAGE_LINKS.links) == null ? void 0 : _a.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsxs(Tabs.Content, { value: "business", children: [
-          /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedrift" }),
+          /* @__PURE__ */ jsx(Heading, { variant: "title-100", as: "h3", mb: "100", mt: "400", children: "Bedriftsportaler" }),
           LOGGED_IN_LINKS_BUSINESS.map((link) => /* @__PURE__ */ jsx(Button, { variant: "list-item", fullWidth: true, asChild: true, children: /* @__PURE__ */ jsx("a", { href: link.link, children: /* @__PURE__ */ jsx(Icon, { name: link.icon, children: link.name }) }) }, link.link))
         ] }),
         /* @__PURE__ */ jsx(Button, { mt: "200", onClick: () => rootContext == null ? void 0 : rootContext.onLogoutClick(), variant: "secondary", children: /* @__PURE__ */ jsx(Icon, { name: "logout", children: "Logg ut" }) })
@@ -411,7 +411,7 @@ function Mobile(props) {
               value: rootContext.selectedDomainItem,
               onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
               children: [
-                /* @__PURE__ */ jsx(Tabs.List, { children: LINKS.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
+                /* @__PURE__ */ jsx(Tabs.List, { children: LINKS.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
                 /* @__PURE__ */ jsx(Box, { mt: "400", children: LINKS.map((link) => {
                   var _a;
                   return /* @__PURE__ */ jsx(Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsx(

package/dist/components/tabs/tabs-trigger.cjs

@@ -26,15 +26,15 @@ function _interopNamespaceDefault(e) {
 }
 const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
 const Trigger = React.forwardRef(
-  ({ className, ...props }, forwardRef) => {
+  ({ className, asChild, children, ...props }, forwardRef) => {
     const classes = clsx([components_tabs_tabsRoot.styles[`${components_tabs_tabsRoot.rootClassName}__trigger`]], className);
     const innerElementRef = React.useRef(null);
+    const ref = utils_composeRefs.useComposedRefs(forwardRef, innerElementRef);
     const context = React.useContext(components_tabs_tabsRoot.RootContext);
     const isFirstRender = React.useRef(true);
     React.useEffect(() => {
       if ((context == null ? void 0 : context.value) === props.value && innerElementRef.current) {
         const newTab = innerElementRef.current;
-        context == null ? void 0 : context.setActiveElement(newTab);
         const tabsContainer = context == null ? void 0 : context.listElement.current;
         if (!newTab || !tabsContainer)
           return;
@@ -47,9 +47,9 @@ const Trigger = React.forwardRef(
       }
     }, [context, props.value]);
     if (context == null ? void 0 : context.snapCenter) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_scrollArea_index.ScrollArea.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, { ...props, ref: utils_composeRefs.composeRefs(forwardRef, innerElementRef), className: classes }) }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(components_scrollArea_index.ScrollArea.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, { ...props, asChild: true, ref, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "primary", asChild, children }) }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, { ...props, ref: utils_composeRefs.composeRefs(forwardRef, innerElementRef), className: classes }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, { ...props, asChild: true, ref, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { variant: "primary", asChild, children }) });
   }
 );
 Trigger.displayName = "Trigger";

package/dist/components/tabs/tabs-trigger.js

@@ -5,17 +5,17 @@ import clsx from "clsx";
 import { s as styles, rootClassName, RootContext } from "./tabs-root.js";
 import { ScrollArea } from "../scroll-area/index.js";
 import { Button } from "../button/button.js";
-import { composeRefs } from "../../utils/composeRefs.js";
+import { useComposedRefs } from "../../utils/composeRefs.js";
 const Trigger = React__default.forwardRef(
-  ({ className, ...props }, forwardRef) => {
+  ({ className, asChild, children, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}__trigger`]], className);
     const innerElementRef = React__default.useRef(null);
+    const ref = useComposedRefs(forwardRef, innerElementRef);
     const context = React__default.useContext(RootContext);
     const isFirstRender = React__default.useRef(true);
     React__default.useEffect(() => {
       if ((context == null ? void 0 : context.value) === props.value && innerElementRef.current) {
         const newTab = innerElementRef.current;
-        context == null ? void 0 : context.setActiveElement(newTab);
         const tabsContainer = context == null ? void 0 : context.listElement.current;
         if (!newTab || !tabsContainer)
           return;
@@ -28,9 +28,9 @@ const Trigger = React__default.forwardRef(
       }
     }, [context, props.value]);
     if (context == null ? void 0 : context.snapCenter) {
-      return /* @__PURE__ */ jsx(ScrollArea.Item, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { ...props, ref: composeRefs(forwardRef, innerElementRef), className: classes }) }) });
+      return /* @__PURE__ */ jsx(ScrollArea.Item, { asChild: true, children: /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { ...props, asChild: true, ref, className: classes, children: /* @__PURE__ */ jsx(Button, { variant: "primary", asChild, children }) }) });
     }
-    return /* @__PURE__ */ jsx(Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { ...props, ref: composeRefs(forwardRef, innerElementRef), className: classes }) });
+    return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { ...props, asChild: true, ref, className: classes, children: /* @__PURE__ */ jsx(Button, { variant: "primary", asChild, children }) });
   }
 );
 Trigger.displayName = "Trigger";

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.56",
+  "version": "0.0.58",
   "sideEffects": [
     "**/*.css"
   ],