@telia/teddy 0.2.17 → 0.3.1

package/dist/components/index.cjs

@@ -22,7 +22,7 @@ const components_image_image = require("./image/image.cjs");
 const components_chip_index = require("./chip/index.cjs");
 const components_datePicker_datePicker = require("./date-picker/date-picker.cjs");
 const components_metricmeter_metricmeter = require("./metricmeter/metricmeter.cjs");
-const components_notification_notification = require("./notification/notification.cjs");
+const components_notification_index = require("./notification/index.cjs");
 const components_radioGroup_index = require("./radio-group/index.cjs");
 const components_box_box = require("./box/box.cjs");
 const components_flex_flex = require("./flex/flex.cjs");
@@ -80,7 +80,7 @@ exports.Image = components_image_image.Image;
 exports.Chip = components_chip_index.Chip;
 exports.DatePicker = components_datePicker_datePicker.DatePicker;
 exports.MetricMeter = components_metricmeter_metricmeter.MetricMeter;
-exports.Notification = components_notification_notification.Notification;
+exports.Notification = components_notification_index.Notification;
 exports.RadioGroup = components_radioGroup_index.RadioGroup;
 exports.Box = components_box_box.Box;
 exports.Flex = components_flex_flex.Flex;

package/dist/components/index.js

@@ -20,7 +20,7 @@ import { Image } from "./image/image.js";
 import { Chip } from "./chip/index.js";
 import { DatePicker } from "./date-picker/date-picker.js";
 import { MetricMeter } from "./metricmeter/metricmeter.js";
-import { Notification } from "./notification/notification.js";
+import { Notification } from "./notification/index.js";
 import { RadioGroup } from "./radio-group/index.js";
 import { Box } from "./box/box.js";
 import { Flex } from "./flex/flex.js";

package/dist/components/modal/modal.cjs

@@ -27,7 +27,7 @@ require("../chip/index.cjs");
 require("../../assets/sprite.1321fab0-teddy.svg");
 require("../icon/icon.cjs");
 require("clsx");
-require("../notification/notification.cjs");
+require("../notification/index.cjs");
 require("../radio-group/index.cjs");
 require("../box/box.cjs");
 require("../flex/flex.cjs");

package/dist/components/modal/modal.js

@@ -25,7 +25,7 @@ import "../chip/index.js";
 import "../../assets/sprite.1321fab0-teddy.svg";
 import "../icon/icon.js";
 import "clsx";
-import "../notification/notification.js";
+import "../notification/index.js";
 import "../radio-group/index.js";
 import "../box/box.js";
 import "../flex/flex.js";

package/dist/components/navigation-menu/global-navigation/utils.cjs

@@ -203,19 +203,19 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp mobil",
-          link: "/mobil/hjelp/",
+          link: "/mobilabonnement/hjelp/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
     },
     {
       name: "Mobilabonnement",
-      link: "/mobil/mobilabonnement/",
+      link: "/mobilabonnement/",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
           name: "Fyll på kontantkort",
-          link: "/mobil/mobilabonnement/kontantkort/lade/",
+          link: "/mobilabonnement/kontantkort/lade/",
           appKey: APP_KEYS["web-shop"]
         },
         {
@@ -225,7 +225,7 @@ const PRIVATE_LINKS = {
         },
         {
           name: "SIM, PIN og PUK",
-          link: "/mobil/mobilabonnement/sim-kort/",
+          link: "/mobilabonnement/sim-kort/",
           appKey: APP_KEYS["open-pages"]
         },
         {
@@ -235,12 +235,12 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Alt om utland",
-          link: "/mobil/mobilabonnement/utland/",
+          link: "/mobilabonnement/utland/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Data og datapakker",
-          link: "/mobil/mobilabonnement/data-og-datapakker/",
+          link: "/mobilabonnement/data-og-datapakker/",
           appKey: APP_KEYS["web-shop"]
         },
         {
@@ -250,7 +250,7 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Bytte eier",
-          link: "/mobil/hjelp/bytte-eier/",
+          link: "/mobilabonnement/hjelp/bytte-eier/",
           appKey: APP_KEYS["open-pages"]
         }
       ],
@@ -287,12 +287,12 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp mobil",
-          link: "/mobil/hjelp/",
+          link: "/mobilabonnement/hjelp/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Alt om mobilabonnement",
-          link: "/mobil/mobilabonnement/",
+          link: "/mobilabonnement/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -546,7 +546,7 @@ const PRIVATE_LINKS = {
       highlightedLinks: [
         {
           name: "SIM, PIN og PUK",
-          link: "/mobil/mobilabonnement/sim-kort/",
+          link: "/mobilabonnement/sim-kort/",
           appKey: APP_KEYS["open-pages"]
         },
         {
@@ -578,7 +578,7 @@ const PRIVATE_LINKS = {
       links: [
         {
           name: "Hjelp mobil",
-          link: "/mobil/hjelp/",
+          link: "/mobilabonnement/hjelp/",
           appKey: APP_KEYS["open-pages"]
         },
         {

package/dist/components/navigation-menu/global-navigation/utils.d.ts

@@ -249,16 +249,16 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "web-shop";
         }, {
             readonly name: "Hjelp mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/mobilabonnement/hjelp/";
             readonly appKey: "open-pages";
         }];
     }, {
         readonly name: "Mobilabonnement";
-        readonly link: "/mobil/mobilabonnement/";
+        readonly link: "/mobilabonnement/";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Fyll på kontantkort";
-            readonly link: "/mobil/mobilabonnement/kontantkort/lade/";
+            readonly link: "/mobilabonnement/kontantkort/lade/";
             readonly appKey: "web-shop";
         }, {
             readonly name: "Kampanjer";
@@ -266,7 +266,7 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "open-pages";
         }, {
             readonly name: "SIM, PIN og PUK";
-            readonly link: "/mobil/mobilabonnement/sim-kort/";
+            readonly link: "/mobilabonnement/sim-kort/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp til faktura";
@@ -274,11 +274,11 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "open-pages";
         }, {
             readonly name: "Alt om utland";
-            readonly link: "/mobil/mobilabonnement/utland/";
+            readonly link: "/mobilabonnement/utland/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Data og datapakker";
-            readonly link: "/mobil/mobilabonnement/data-og-datapakker/";
+            readonly link: "/mobilabonnement/data-og-datapakker/";
             readonly appKey: "web-shop";
         }, {
             readonly name: "Trygghetstjenester";
@@ -286,7 +286,7 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "open-pages";
         }, {
             readonly name: "Bytte eier";
-            readonly link: "/mobil/hjelp/bytte-eier/";
+            readonly link: "/mobilabonnement/hjelp/bytte-eier/";
             readonly appKey: "open-pages";
         }];
         readonly links: [{
@@ -315,11 +315,11 @@ export declare const PRIVATE_LINKS: {
             readonly appKey: "web-shop";
         }, {
             readonly name: "Hjelp mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/mobilabonnement/hjelp/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Alt om mobilabonnement";
-            readonly link: "/mobil/mobilabonnement/";
+            readonly link: "/mobilabonnement/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -518,7 +518,7 @@ export declare const PRIVATE_LINKS: {
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "SIM, PIN og PUK";
-            readonly link: "/mobil/mobilabonnement/sim-kort/";
+            readonly link: "/mobilabonnement/sim-kort/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Driftsmeldinger";
@@ -543,7 +543,7 @@ export declare const PRIVATE_LINKS: {
         }];
         readonly links: [{
             readonly name: "Hjelp mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/mobilabonnement/hjelp/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp TV";
@@ -783,16 +783,16 @@ export declare const getLinks: (ukko?: boolean) => [{
             readonly appKey: "web-shop";
         }, {
             readonly name: "Hjelp mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/mobilabonnement/hjelp/";
             readonly appKey: "open-pages";
         }];
     }, {
         readonly name: "Mobilabonnement";
-        readonly link: "/mobil/mobilabonnement/";
+        readonly link: "/mobilabonnement/";
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "Fyll på kontantkort";
-            readonly link: "/mobil/mobilabonnement/kontantkort/lade/";
+            readonly link: "/mobilabonnement/kontantkort/lade/";
             readonly appKey: "web-shop";
         }, {
             readonly name: "Kampanjer";
@@ -800,7 +800,7 @@ export declare const getLinks: (ukko?: boolean) => [{
             readonly appKey: "open-pages";
         }, {
             readonly name: "SIM, PIN og PUK";
-            readonly link: "/mobil/mobilabonnement/sim-kort/";
+            readonly link: "/mobilabonnement/sim-kort/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp til faktura";
@@ -808,11 +808,11 @@ export declare const getLinks: (ukko?: boolean) => [{
             readonly appKey: "open-pages";
         }, {
             readonly name: "Alt om utland";
-            readonly link: "/mobil/mobilabonnement/utland/";
+            readonly link: "/mobilabonnement/utland/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Data og datapakker";
-            readonly link: "/mobil/mobilabonnement/data-og-datapakker/";
+            readonly link: "/mobilabonnement/data-og-datapakker/";
             readonly appKey: "web-shop";
         }, {
             readonly name: "Trygghetstjenester";
@@ -820,7 +820,7 @@ export declare const getLinks: (ukko?: boolean) => [{
             readonly appKey: "open-pages";
         }, {
             readonly name: "Bytte eier";
-            readonly link: "/mobil/hjelp/bytte-eier/";
+            readonly link: "/mobilabonnement/hjelp/bytte-eier/";
             readonly appKey: "open-pages";
         }];
         readonly links: [{
@@ -849,11 +849,11 @@ export declare const getLinks: (ukko?: boolean) => [{
             readonly appKey: "web-shop";
         }, {
             readonly name: "Hjelp mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/mobilabonnement/hjelp/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Alt om mobilabonnement";
-            readonly link: "/mobil/mobilabonnement/";
+            readonly link: "/mobilabonnement/";
             readonly appKey: "open-pages";
         }];
     }, {
@@ -1052,7 +1052,7 @@ export declare const getLinks: (ukko?: boolean) => [{
         readonly appKey: "open-pages";
         readonly highlightedLinks: [{
             readonly name: "SIM, PIN og PUK";
-            readonly link: "/mobil/mobilabonnement/sim-kort/";
+            readonly link: "/mobilabonnement/sim-kort/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Driftsmeldinger";
@@ -1077,7 +1077,7 @@ export declare const getLinks: (ukko?: boolean) => [{
         }];
         readonly links: [{
             readonly name: "Hjelp mobil";
-            readonly link: "/mobil/hjelp/";
+            readonly link: "/mobilabonnement/hjelp/";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Hjelp TV";

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -201,19 +201,19 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp mobil",
-          link: "/mobil/hjelp/",
+          link: "/mobilabonnement/hjelp/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
     },
     {
       name: "Mobilabonnement",
-      link: "/mobil/mobilabonnement/",
+      link: "/mobilabonnement/",
       appKey: APP_KEYS["open-pages"],
       highlightedLinks: [
         {
           name: "Fyll på kontantkort",
-          link: "/mobil/mobilabonnement/kontantkort/lade/",
+          link: "/mobilabonnement/kontantkort/lade/",
           appKey: APP_KEYS["web-shop"]
         },
         {
@@ -223,7 +223,7 @@ const PRIVATE_LINKS = {
         },
         {
           name: "SIM, PIN og PUK",
-          link: "/mobil/mobilabonnement/sim-kort/",
+          link: "/mobilabonnement/sim-kort/",
           appKey: APP_KEYS["open-pages"]
         },
         {
@@ -233,12 +233,12 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Alt om utland",
-          link: "/mobil/mobilabonnement/utland/",
+          link: "/mobilabonnement/utland/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Data og datapakker",
-          link: "/mobil/mobilabonnement/data-og-datapakker/",
+          link: "/mobilabonnement/data-og-datapakker/",
           appKey: APP_KEYS["web-shop"]
         },
         {
@@ -248,7 +248,7 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Bytte eier",
-          link: "/mobil/hjelp/bytte-eier/",
+          link: "/mobilabonnement/hjelp/bytte-eier/",
           appKey: APP_KEYS["open-pages"]
         }
       ],
@@ -285,12 +285,12 @@ const PRIVATE_LINKS = {
         },
         {
           name: "Hjelp mobil",
-          link: "/mobil/hjelp/",
+          link: "/mobilabonnement/hjelp/",
           appKey: APP_KEYS["open-pages"]
         },
         {
           name: "Alt om mobilabonnement",
-          link: "/mobil/mobilabonnement/",
+          link: "/mobilabonnement/",
           appKey: APP_KEYS["open-pages"]
         }
       ]
@@ -544,7 +544,7 @@ const PRIVATE_LINKS = {
       highlightedLinks: [
         {
           name: "SIM, PIN og PUK",
-          link: "/mobil/mobilabonnement/sim-kort/",
+          link: "/mobilabonnement/sim-kort/",
           appKey: APP_KEYS["open-pages"]
         },
         {
@@ -576,7 +576,7 @@ const PRIVATE_LINKS = {
       links: [
         {
           name: "Hjelp mobil",
-          link: "/mobil/hjelp/",
+          link: "/mobilabonnement/hjelp/",
           appKey: APP_KEYS["open-pages"]
         },
         {

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -33,7 +33,7 @@ require("../drawer/index.cjs");
 require("../image/image.cjs");
 require("../chip/index.cjs");
 require("../../assets/sprite.1321fab0-teddy.svg");
-require("../notification/notification.cjs");
+require("../notification/index.cjs");
 require("../radio-group/index.cjs");
 require("../box/box.cjs");
 require("../flex/flex.cjs");

package/dist/components/navigation-menu/navigation-menu.js

@@ -31,7 +31,7 @@ import "../drawer/index.js";
 import "../image/image.js";
 import "../chip/index.js";
 import "../../assets/sprite.1321fab0-teddy.svg";
-import "../notification/notification.js";
+import "../notification/index.js";
 import "../radio-group/index.js";
 import "../box/box.js";
 import "../flex/flex.js";

package/dist/components/notabene/index.cjs

@@ -1,16 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_notabene_notabene_content = require("./notabene.content.cjs");
+const components_notabene_notabeneContent = require("./notabene-content.cjs");
 const components_notabene_notabeneHeading = require("./notabene-heading.cjs");
 const components_notabene_notabeneIcon = require("./notabene-icon.cjs");
 const components_notabene_notabeneRoot = require("./notabene-root.cjs");
-components_notabene_notabene_content.Content.displayName = "Notabene.Content";
-components_notabene_notabeneHeading.Heading.displayName = "Notabene.Heading";
-components_notabene_notabeneIcon.Icon.displayName = "Notabene.Icon";
-components_notabene_notabeneRoot.Root.displayName = "Notabene";
-const Notabene = Object.assign(components_notabene_notabeneRoot.Root, {
-  Content: components_notabene_notabene_content.Content,
-  Heading: components_notabene_notabeneHeading.Heading,
-  Icon: components_notabene_notabeneIcon.Icon
-});
+const Notabene = components_notabene_notabeneRoot.Root;
+Notabene.Content = components_notabene_notabeneContent.Content;
+Notabene.Heading = components_notabene_notabeneHeading.Heading;
+Notabene.Icon = components_notabene_notabeneIcon.Icon;
 exports.Notabene = Notabene;

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

@@ -1,16 +1,59 @@
-import { Content, ContentProps } from './notabene.content';
+import { Content, ContentProps } from './notabene-content';
 import { Heading, HeadingProps } from './notabene-heading';
 import { Icon, IconProps } from './notabene-icon';
-import { Root, RootProps } from './notabene-root';
+import { RootProps } from './notabene-root';
 
-export declare const Notabene: typeof Root & {
-    Content: typeof Content;
-    Heading: typeof Heading;
-    Icon: typeof Icon;
-};
-export type NotabeneProps = {
+type NotabeneProps = {
+    Root: RootProps;
     Content: ContentProps;
     Heading: HeadingProps;
     Icon: IconProps;
-    Root: RootProps;
 };
+/**
+ * The Notabene Card is a component that is used to attract special attention to a message, where it would otherwise be lost in neighbouring content.
+ *
+ * @component
+ *
+ * @example
+ * <Notabene>
+ *   <Notabene.Icon name="bulb" />
+ *   <Notabene.Content>
+ *     <Notabene.Heading>Good to know!</Notabene.Heading>
+ *     <Text mb="50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur, provident!</Text>
+ *     <Link variant="standalone" href="https://www.example.com" target="_blank">
+ *       Do not click me <Icon name="arrow-right" />
+ *     </Link>
+ *   </Notabene.Content>
+ * </Notabene>
+ */
+declare const Notabene: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    /**
+     * Content component displays the detailed message.
+     *
+     * @component
+     *
+     * @example
+     * <Notabene.Content>This is the detailed message of the notabene.</Notabene.Content>
+     */
+    Content: typeof Content;
+    /**
+     * Heading component displays the title of the notabene.
+     *
+     * @component
+     *
+     * @example
+     * <Notabene.Heading as="h3">Notabene Title</Notabene.Heading>
+     */
+    Heading: typeof Heading;
+    /**
+     * Icon component displays an icon in the notabene.
+     *
+     * @component
+     *
+     * @example
+     * <Notabene.Icon name="info" />
+     */
+    Icon: typeof Icon;
+};
+export { Notabene };
+export type { NotabeneProps };

package/dist/components/notabene/index.js

@@ -1,16 +1,11 @@
-import { Content } from "./notabene.content.js";
+import { Content } from "./notabene-content.js";
 import { Heading } from "./notabene-heading.js";
 import { Icon } from "./notabene-icon.js";
 import { Root } from "./notabene-root.js";
-Content.displayName = "Notabene.Content";
-Heading.displayName = "Notabene.Heading";
-Icon.displayName = "Notabene.Icon";
-Root.displayName = "Notabene";
-const Notabene = Object.assign(Root, {
-  Content,
-  Heading,
-  Icon
-});
+const Notabene = Root;
+Notabene.Content = Content;
+Notabene.Heading = Heading;
+Notabene.Icon = Icon;
 export {
   Notabene
 };

package/dist/components/notabene/notabene-icon.cjs

@@ -14,5 +14,5 @@ const Icon = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", ...props, name, ref: forwardRef, className: classes });
   }
 );
-Icon.displayName = "Notabene.Icon";
+Icon.displayName = "Icon";
 exports.Icon = Icon;

package/dist/components/notabene/notabene-icon.js

@@ -12,7 +12,7 @@ const Icon = React__default.forwardRef(
     return /* @__PURE__ */ jsx(Icon$1, { size: "lg", ...props, name, ref: forwardRef, className: classes });
   }
 );
-Icon.displayName = "Notabene.Icon";
+Icon.displayName = "Icon";
 export {
   Icon
 };

package/dist/components/notification/index.cjs

@@ -1,4 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_notification_notification = require("./notification.cjs");
-exports.Notification = components_notification_notification.Notification;
+const components_notification_notificationDismiss = require("./notification-dismiss.cjs");
+const components_notification_notificationHeading = require("./notification-heading.cjs");
+const components_notification_notificationIcon = require("./notification-icon.cjs");
+const components_notification_notificationRoot = require("./notification-root.cjs");
+const components_notification_notificationText = require("./notification-text.cjs");
+const components_notification_notificationFooter = require("./notification-footer.cjs");
+const Notification = components_notification_notificationRoot.Root;
+Notification.Text = components_notification_notificationText.Text;
+Notification.Heading = components_notification_notificationHeading.Heading;
+Notification.Footer = components_notification_notificationFooter.Footer;
+Notification.Icon = components_notification_notificationIcon.Icon;
+Notification.Dismiss = components_notification_notificationDismiss.Dismiss;
+exports.Notification = Notification;