@telia/teddy 0.0.32 → 0.0.34

package/dist/components/notabene/index.cjs

@@ -1,4 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_notabene_notabene = require("./notabene.cjs");
-exports.Notabene = components_notabene_notabene.Notabene;
+const components_notabene_notabene_content = 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
+});
+exports.Notabene = Notabene;

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

@@ -1 +1,16 @@
-export { Notabene } from './notabene';
+import { Content, ContentProps } from './notabene.content';
+import { Heading, HeadingProps } from './notabene-heading';
+import { Icon, IconProps } from './notabene-icon';
+import { Root, RootProps } from './notabene-root';
+
+export declare const Notabene: typeof Root & {
+    Content: typeof Content;
+    Heading: typeof Heading;
+    Icon: typeof Icon;
+};
+export type NotabeneProps = {
+    Content: ContentProps;
+    Heading: HeadingProps;
+    Icon: IconProps;
+    Root: RootProps;
+};

package/dist/components/notabene/index.js

@@ -1,4 +1,16 @@
-import { Notabene } from "./notabene.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
+});
 export {
   Notabene
 };

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_notabene_notabeneRoot = require("./notabene-root.cjs");
+const Heading = React.forwardRef(
+  ({ className, as = "h2", variant = "title-200", mb = "150", ...props }, forwardRef) => {
+    const classes = clsx([components_notabene_notabeneRoot.styles[`${components_notabene_notabeneRoot.rootClassName}__heading`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_heading_heading.Heading,
+      {
+        ...props,
+        ...!props.asChild ? { as, asChild: false } : { as: void 0, asChild: true },
+        variant,
+        ref: forwardRef,
+        className: classes,
+        mb
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+exports.Heading = Heading;

package/dist/components/notabene/notabene-heading.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { Heading as PrimitiveHeading } from '../heading';
+
+export type HeadingProps = Partial<React.ComponentPropsWithoutRef<typeof PrimitiveHeading>>;
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { Heading as Heading$1 } from "../heading/heading.js";
+import { s as styles, rootClassName } from "./notabene-root.js";
+const Heading = React__default.forwardRef(
+  ({ className, as = "h2", variant = "title-200", mb = "150", ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__heading`]], className);
+    return /* @__PURE__ */ jsx(
+      Heading$1,
+      {
+        ...props,
+        ...!props.asChild ? { as, asChild: false } : { as: void 0, asChild: true },
+        variant,
+        ref: forwardRef,
+        className: classes,
+        mb
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+require("../../assets/sprite.269ba410-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_notabene_notabeneRoot = require("./notabene-root.cjs");
+const Icon = React.forwardRef(
+  ({ className, name, ...props }, forwardRef) => {
+    const classes = clsx([components_notabene_notabeneRoot.styles[`${components_notabene_notabeneRoot.rootClassName}__icon`]], className);
+    if (!name)
+      return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", ...props, name, ref: forwardRef, className: classes });
+  }
+);
+Icon.displayName = "Notabene.Icon";
+exports.Icon = Icon;

package/dist/components/notabene/notabene-icon.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Icon as PrimitiveIcon } from '../icon';
+
+export type IconProps = Partial<React.ComponentPropsWithoutRef<typeof PrimitiveIcon>>;
+export declare const Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
+    name: "key" | "search" | "split" | "link" | "add" | "reverse" | "infinite" | "radio" | "visible" | "copy" | "help" | "zoom-out" | "filter" | "x" | "zoom" | "menu" | "map" | "summary" | "time" | "video" | "image" | "stop" | "download" | "alert" | "email" | "close" | "error" | "focus" | "play" | "present" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "volume" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "food" | "fraud" | "getting-started" | "home-care" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "press-button" | "price" | "pulse" | "recycle" | "reservation" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
+    size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
+    children?: React.ReactNode;
+}, "ref">> & React.RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import "../../assets/sprite.269ba410-teddy.svg";
+import { Icon as Icon$1 } from "../icon/icon.js";
+import { s as styles, rootClassName } from "./notabene-root.js";
+const Icon = React__default.forwardRef(
+  ({ className, name, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__icon`]], className);
+    if (!name)
+      return null;
+    return /* @__PURE__ */ jsx(Icon$1, { size: "lg", ...props, name, ref: forwardRef, className: classes });
+  }
+);
+Icon.displayName = "Notabene.Icon";
+export {
+  Icon
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const components_box_box = require("../box/box.cjs");
+const styles = {
+  "teddy-notabene": "_teddy-notabene_1dybk_1",
+  "teddy-notabene__icon": "_teddy-notabene__icon_1dybk_9",
+  "teddy-notabene__heading": "_teddy-notabene__heading_1dybk_9"
+};
+const rootClassName = "teddy-notabene";
+const Root = React.forwardRef(
+  ({ children, className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Root.displayName = "Root";
+exports.Root = Root;
+exports.rootClassName = rootClassName;
+exports.styles = styles;

package/dist/components/notabene/notabene-root.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Box as PrimitiveBox } from '../box';
+
+export declare const rootClassName = "teddy-notabene";
+export type RootProps = Partial<React.ComponentPropsWithoutRef<typeof PrimitiveBox>>;
+export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { Box } from "../box/box.js";
+const styles = {
+  "teddy-notabene": "_teddy-notabene_1dybk_1",
+  "teddy-notabene__icon": "_teddy-notabene__icon_1dybk_9",
+  "teddy-notabene__heading": "_teddy-notabene__heading_1dybk_9"
+};
+const rootClassName = "teddy-notabene";
+const Root = React__default.forwardRef(
+  ({ children, className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsx(Box, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Root.displayName = "Root";
+export {
+  Root,
+  rootClassName,
+  styles as s
+};

package/dist/components/notabene/notabene.content.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const components_box_box = require("../box/box.cjs");
+const components_notabene_notabeneRoot = require("./notabene-root.cjs");
+const Content = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([components_notabene_notabeneRoot.styles[`${components_notabene_notabeneRoot.rootClassName}__header`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content.displayName = "Content";
+exports.Content = Content;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { Box as PrimitiveBox } from '../box';
+
+export type ContentProps = Partial<React.ComponentPropsWithoutRef<typeof PrimitiveBox>>;
+export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/notabene/notabene.content.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { Box } from "../box/box.js";
+import { s as styles, rootClassName } from "./notabene-root.js";
+const Content = React__default.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__header`]], className);
+    return /* @__PURE__ */ jsx(Box, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+Content.displayName = "Content";
+export {
+  Content
+};

package/dist/components/notification/notification.d.ts

@@ -86,8 +86,8 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
     Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
     Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
-        name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "email" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "radio" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "alert" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
-        size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
+        name: "key" | "search" | "split" | "link" | "add" | "reverse" | "infinite" | "radio" | "visible" | "copy" | "help" | "zoom-out" | "filter" | "x" | "zoom" | "menu" | "map" | "summary" | "time" | "video" | "image" | "stop" | "download" | "alert" | "email" | "close" | "error" | "focus" | "play" | "present" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "volume" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "food" | "fraud" | "getting-started" | "home-care" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "press-button" | "price" | "pulse" | "recycle" | "reservation" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
+        size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
         children?: React.ReactNode;
     }, "ref">> & React.RefAttributes<SVGSVGElement>>;
     Dismiss: React.ForwardRefExoticComponent<DismissProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/progress-bar/progress-bar.d.ts

@@ -7,6 +7,6 @@ export type ProgressBarProps = React.ComponentPropsWithoutRef<typeof ProgressPri
 };
 declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     progress: number;
-    colorTheme?: "light" | "dark" | undefined;
+    colorTheme?: "dark" | "light" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ProgressBar };

package/dist/components/radio-group/index.cjs

@@ -1,4 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_radioGroup_radioGroup = require("./radio-group.cjs");
-exports.RadioGroup = components_radioGroup_radioGroup.RadioGroup;
+const components_radioGroup_radioGroupRoot = require("./radio-group-root.cjs");
+const components_radioGroup_radioGroupItem = require("./radio-group-item.cjs");
+const components_radioGroup_radioGroupTrigger = require("./radio-group-trigger.cjs");
+const components_radioGroup_radioGroupIndicator = require("./radio-group-indicator.cjs");
+const components_radioGroup_radioGroupItemLabel = require("./radio-group-item-label.cjs");
+const components_radioGroup_radioGroupLabel = require("./radio-group-label.cjs");
+components_radioGroup_radioGroupRoot.Root.displayName = "RadioGroup";
+components_radioGroup_radioGroupItem.Item.displayName = "RadioGroup.Name";
+components_radioGroup_radioGroupTrigger.Trigger.displayName = "RadioGroup.Trigger";
+components_radioGroup_radioGroupIndicator.Indicator.displayName = "RadioGroup.Indicator";
+components_radioGroup_radioGroupItemLabel.Label.displayName = "RadioGroup.Label";
+components_radioGroup_radioGroupLabel.GroupLabel.displayName = "RadioGroup.GroupLabel";
+const RadioGroup = Object.assign(components_radioGroup_radioGroupRoot.Root, {
+  Item: components_radioGroup_radioGroupItem.Item,
+  Trigger: components_radioGroup_radioGroupTrigger.Trigger,
+  Indicator: components_radioGroup_radioGroupIndicator.Indicator,
+  Label: components_radioGroup_radioGroupItemLabel.Label,
+  GroupLabel: components_radioGroup_radioGroupLabel.GroupLabel
+});
+exports.RadioGroup = RadioGroup;

package/dist/components/radio-group/index.d.ts

@@ -1,2 +1,70 @@
-export { RadioGroup } from './radio-group';
-export type { RadioGroupProps } from './radio-group';
+import { RootProps } from './radio-group-root';
+import { ItemProps } from './radio-group-item';
+import { TriggerProps } from './radio-group-trigger';
+import { IndicatorProps } from './radio-group-indicator';
+import { LabelProps } from './radio-group-item-label';
+import { GroupLabelProps } from './radio-group-label';
+
+export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-radio-group').RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    defaultValue?: string | undefined;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    required?: boolean | undefined;
+    value?: string | undefined;
+    onValueChange?: ((value: string) => void) | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    dir?: "ltr" | "rtl" | undefined;
+    loop?: boolean | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-radio-group').RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+        id?: string | undefined;
+        value: string;
+    } & import('react').RefAttributes<HTMLButtonElement>>;
+    Indicator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-radio-group').RadioGroupIndicatorProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-label').LabelProps & import('react').RefAttributes<HTMLLabelElement>, "ref"> & {
+        disabled?: boolean | undefined;
+        isRequired?: boolean | undefined;
+    } & import('react').RefAttributes<HTMLLabelElement>, "ref"> & {
+        htmlFor?: string | undefined;
+    } & import('react').RefAttributes<HTMLLabelElement>>;
+    GroupLabel: import('react').ForwardRefExoticComponent<(({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h2" | undefined;
+        asChild?: false | undefined;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h3" | undefined;
+        asChild?: false | undefined;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h4" | undefined;
+        asChild?: false | undefined;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h5" | undefined;
+        asChild?: false | undefined;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h6" | undefined;
+        asChild?: false | undefined;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">)) & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export type RadioGroupProps = {
+    Root: RootProps;
+    Item: ItemProps;
+    Trigger: TriggerProps;
+    Indicator: IndicatorProps;
+    Label: LabelProps;
+    GroupLabel: GroupLabelProps;
+};

package/dist/components/radio-group/index.js

@@ -1,4 +1,22 @@
-import { RadioGroup } from "./radio-group.js";
+import { Root } from "./radio-group-root.js";
+import { Item } from "./radio-group-item.js";
+import { Trigger } from "./radio-group-trigger.js";
+import { Indicator } from "./radio-group-indicator.js";
+import { Label } from "./radio-group-item-label.js";
+import { GroupLabel } from "./radio-group-label.js";
+Root.displayName = "RadioGroup";
+Item.displayName = "RadioGroup.Name";
+Trigger.displayName = "RadioGroup.Trigger";
+Indicator.displayName = "RadioGroup.Indicator";
+Label.displayName = "RadioGroup.Label";
+GroupLabel.displayName = "RadioGroup.GroupLabel";
+const RadioGroup = Object.assign(Root, {
+  Item,
+  Trigger,
+  Indicator,
+  Label,
+  GroupLabel
+});
 export {
   RadioGroup
 };

package/dist/components/radio-group/radio-group-indicator.cjs

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const RadioGroupPrimitive = require("@radix-ui/react-radio-group");
+const components_radioGroup_radioGroupRoot = require("./radio-group-root.cjs");
+const React = require("react");
+const clsx = require("clsx");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const RadioGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadioGroupPrimitive);
+const Indicator = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([components_radioGroup_radioGroupRoot.styles[`${components_radioGroup_radioGroupRoot.rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Indicator.displayName = "Indicator";
+exports.Indicator = Indicator;

package/dist/components/radio-group/radio-group-indicator.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export type IndicatorProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Indicator> & {};
+/** Indicator is the element for selecting an option. An input will also render when used within a form to ensure events propagate correctly. */
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/radio-group/radio-group-indicator.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { s as styles, rootClassName } from "./radio-group-root.js";
+import React__default from "react";
+import clsx from "clsx";
+const Indicator = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { ...props, ref: forwardRef, className: classes });
+  }
+);
+Indicator.displayName = "Indicator";
+export {
+  Indicator
+};

package/dist/components/radio-group/radio-group-item-label.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const components_label_label = require("../label/label.cjs");
+const clsx = require("clsx");
+const components_radioGroup_radioGroupRoot = require("./radio-group-root.cjs");
+const components_radioGroup_radioGroupItem = require("./radio-group-item.cjs");
+const Label = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([components_radioGroup_radioGroupRoot.styles[`${components_radioGroup_radioGroupRoot.rootClassName}__label`]], className);
+    const context = React.useContext(components_radioGroup_radioGroupItem.ItemContext);
+    const htmlFor = props.htmlFor || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_label_label.Label, { ...props, htmlFor, ref: forwardRef, className: classes });
+  }
+);
+Label.displayName = "Label";
+exports.Label = Label;

package/dist/components/radio-group/radio-group-item-label.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Label as LabelPrimitive } from '../label';
+
+export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive> & {
+    /** This is used to connect label and trigger. The connection is made automatically, but if you override the id in the trigger, you will need to provide the id here as well. */
+    htmlFor?: string;
+};
+/** Label for the radio button */
+export declare const Label: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    disabled?: boolean | undefined;
+    isRequired?: boolean | undefined;
+} & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    /** This is used to connect label and trigger. The connection is made automatically, but if you override the id in the trigger, you will need to provide the id here as well. */
+    htmlFor?: string | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/radio-group/radio-group-item-label.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Label as Label$1 } from "../label/label.js";
+import clsx from "clsx";
+import { s as styles, rootClassName } from "./radio-group-root.js";
+import { ItemContext } from "./radio-group-item.js";
+const Label = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__label`]], className);
+    const context = React__default.useContext(ItemContext);
+    const htmlFor = props.htmlFor || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsx(Label$1, { ...props, htmlFor, ref: forwardRef, className: classes });
+  }
+);
+Label.displayName = "Label";
+export {
+  Label
+};

package/dist/components/radio-group/radio-group-item.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_radioGroup_radioGroupRoot = require("./radio-group-root.cjs");
+const ItemContext = React.createContext(void 0);
+const Item = React.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx([components_radioGroup_radioGroupRoot.styles[`${components_radioGroup_radioGroupRoot.rootClassName}__item`]], className);
+  const triggerRef = React.useRef(null);
+  const triggerId = `${React.useId()}-trigger`;
+  return /* @__PURE__ */ jsxRuntime.jsx(ItemContext.Provider, { value: { triggerRef, id: triggerId }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes }) });
+});
+Item.displayName = "Item";
+exports.Item = Item;
+exports.ItemContext = ItemContext;

package/dist/components/radio-group/radio-group-item.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export type ItemProps = React.ComponentPropsWithoutRef<'div'>;
+export declare const ItemContext: React.Context<{
+    triggerRef: React.RefObject<HTMLButtonElement>;
+    id?: string | undefined;
+} | undefined>;
+/** Item is used to group a radio button */
+export declare const Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/radio-group/radio-group-item.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default, { useRef } from "react";
+import { s as styles, rootClassName } from "./radio-group-root.js";
+const ItemContext = React__default.createContext(void 0);
+const Item = React__default.forwardRef(({ className, ...props }, forwardRef) => {
+  const classes = clsx([styles[`${rootClassName}__item`]], className);
+  const triggerRef = useRef(null);
+  const triggerId = `${React__default.useId()}-trigger`;
+  return /* @__PURE__ */ jsx(ItemContext.Provider, { value: { triggerRef, id: triggerId }, children: /* @__PURE__ */ jsx("div", { ...props, ref: forwardRef, className: classes }) });
+});
+Item.displayName = "Item";
+export {
+  Item,
+  ItemContext
+};