@telia/teddy 0.0.6 → 0.0.9

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

@@ -1,4 +1,4 @@
-import { R as a } from "../../radio-group-0Oc9WTDf.js";
+import { R as a } from "../../radio-group-BR5SMJXJ.js";
 export {
   a as RadioGroup
 };

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

@@ -2,19 +2,73 @@ import { Label as LabelPrimitive } from '../label';
 import { default as React } from 'react';
 
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-/** -------------------------------------------------------------------------------------------------
- * Root
- * -----------------------------------------------------------------------------------------------*/
-type RootProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {};
+type RootProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    /** The value of the radio item that should be checked when initially rendered. Use when you do not need to control the state of the radio items. */
+    defaultValue?: string;
+    /** When `true`, prevents the user from interacting with radio items. */
+    disabled?: boolean;
+    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
+    name?: string;
+    /** When `true`, indicates that the user must check a radio item before the owning form can be submitted. */
+    required?: boolean;
+    /** The controlled value of the radio item to check. Should be used in conjunction with onValueChange. */
+    value?: string;
+    /** Event handler called when the value changes. */
+    onValueChange?: (value: string) => void;
+    /** The orientation of the component. */
+    orientation?: 'horizontal' | 'vertical';
+    /** The reading direction of the radio group. If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode. */
+    dir?: 'ltr' | 'rtl';
+    /** When true, keyboard navigation will loop from last item to first, and vice versa.
+     * @default true
+     */
+    loop?: boolean;
+};
 /** -------------------------------------------------------------------------------------------------
  * Item
  * -----------------------------------------------------------------------------------------------*/
 type ItemProps = React.ComponentPropsWithoutRef<'div'>;
+/** -------------------------------------------------------------------------------------------------
+ * GroupLabel
+ * -----------------------------------------------------------------------------------------------*/
+type GroupLabelProps = {
+    id?: string;
+    asChild?: false;
+} & (AsChildProps | H2Props | H3Props | H4Props | H5Props | H6Props);
+type AsChildProps = {
+    /**
+     * If `true`, the children element will be cloned and used instead of the heading element.
+     */
+    asChild: true;
+    as?: never;
+} & React.ComponentPropsWithoutRef<'h1'>;
+type H2Props = {
+    as?: 'h2';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h2'>;
+type H3Props = {
+    as?: 'h3';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h3'>;
+type H4Props = {
+    as?: 'h4';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h4'>;
+type H5Props = {
+    as?: 'h5';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h5'>;
+type H6Props = {
+    as?: 'h6';
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'h6'>;
 /** -------------------------------------------------------------------------------------------------
  * Trigger
  * -----------------------------------------------------------------------------------------------*/
 type TriggerProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
     id?: string;
+    /** The value given as data when submitted with a name. This is used to determine which radio button is selected. */
+    value: string;
 };
 /** -------------------------------------------------------------------------------------------------
  * Indicator
@@ -27,10 +81,33 @@ 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;
 };
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** The value of the radio item that should be checked when initially rendered. Use when you do not need to control the state of the radio items. */
+    defaultValue?: string | undefined;
+    /** When `true`, prevents the user from interacting with radio items. */
+    disabled?: boolean | undefined;
+    /** The name of the group. Submitted with its owning form as part of a name/value pair. */
+    name?: string | undefined;
+    /** When `true`, indicates that the user must check a radio item before the owning form can be submitted. */
+    required?: boolean | undefined;
+    /** The controlled value of the radio item to check. Should be used in conjunction with onValueChange. */
+    value?: string | undefined;
+    /** Event handler called when the value changes. */
+    onValueChange?: ((value: string) => void) | undefined;
+    /** The orientation of the component. */
+    orientation?: "horizontal" | "vertical" | undefined;
+    /** The reading direction of the radio group. If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode. */
+    dir?: "ltr" | "rtl" | undefined;
+    /** When true, keyboard navigation will loop from last item to first, and vice versa.
+     * @default true
+     */
+    loop?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
     Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Trigger: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
         id?: string | undefined;
+        /** The value given as data when submitted with a name. This is used to determine which radio button is selected. */
+        value: string;
     } & React.RefAttributes<HTMLButtonElement>>;
     Indicator: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Label: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
@@ -40,6 +117,37 @@ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimiti
         /** 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>>;
+    GroupLabel: React.ForwardRefExoticComponent<(({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h2" | undefined;
+        asChild?: false | undefined;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h3" | undefined;
+        asChild?: false | undefined;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h4" | undefined;
+        asChild?: false | undefined;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h5" | undefined;
+        asChild?: false | undefined;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">) | ({
+        id?: string | undefined;
+        asChild?: false | undefined;
+    } & {
+        as?: "h6" | undefined;
+        asChild?: false | undefined;
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">)) & React.RefAttributes<HTMLButtonElement>>;
 };
 type RadioGroupProps = {
     Root: RootProps;
@@ -47,6 +155,7 @@ type RadioGroupProps = {
     Trigger: TriggerProps;
     Indicator: IndicatorProps;
     Label: LabelProps;
+    GroupLabel: GroupLabelProps;
 };
 export { RadioGroup };
 export type { RadioGroupProps };

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

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
-import { R } from "../../radio-group-0Oc9WTDf.js";
+import { R as d } from "../../radio-group-BR5SMJXJ.js";
 import "../label/label.js";
 import "../../utils/composeRefs.js";
+import "../../index-DpfSJps6.js";
 export {
-  R as RadioGroup
+  d as RadioGroup
 };

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

@@ -0,0 +1,2 @@
+export { Toggle } from './toggle';
+export type { ToggleProps } from './toggle';

package/dist/components/toggle/index.js

@@ -0,0 +1,4 @@
+import { T as g } from "../../badge-9vHb0-Jo.js";
+export {
+  g as Toggle
+};

package/dist/components/{switch/switch.d.ts → toggle/toggle.d.ts}

@@ -3,30 +3,30 @@ import { default as React } from 'react';
 
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 /** -------------------------------------------------------------------------------------------------
- * SwitchRoot
+ * ToggleRoot
  * -----------------------------------------------------------------------------------------------*/
-type SwitchRootProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'id'> & {
-    /** The id you want to use to connect the label to the switch. If not provided, it will be generated */
+type ToggleRootProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'id'> & {
+    /** The id you want to use to connect the label to the toggle. If not provided, it will be generated */
     id?: string;
 };
 /** -------------------------------------------------------------------------------------------------
- * SwitchLabel
+ * ToggleLabel
  * -----------------------------------------------------------------------------------------------*/
-type SwitchLabelProps = Omit<React.ComponentPropsWithoutRef<typeof Label>, 'id'>;
+type ToggleLabelProps = Omit<React.ComponentPropsWithoutRef<typeof Label>, 'id'>;
 /** -------------------------------------------------------------------------------------------------
- * SwitchInput
+ * ToggleInput
  * -----------------------------------------------------------------------------------------------*/
-type SwitchInputProps = Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'id'>;
+type ToggleInputProps = Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'id'>;
 /** -------------------------------------------------------------------------------------------------
- * SwitchThumb
+ * ToggleThumb
  * -----------------------------------------------------------------------------------------------*/
-type SwitchThumbProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb>;
-declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id"> & {
-    /** The id you want to use to connect the label to the switch. If not provided, it will be generated */
+type ToggleThumbProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb>;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "id"> & {
+    /** The id you want to use to connect the label to the toggle. If not provided, it will be generated */
     id?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Label: React.ForwardRefExoticComponent<SwitchLabelProps & React.RefAttributes<HTMLLabelElement>>;
-    Input: React.ForwardRefExoticComponent<SwitchInputProps & React.RefAttributes<HTMLButtonElement>>;
+    Label: React.ForwardRefExoticComponent<ToggleLabelProps & React.RefAttributes<HTMLLabelElement>>;
+    Input: React.ForwardRefExoticComponent<ToggleInputProps & React.RefAttributes<HTMLButtonElement>>;
     Thumb: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchThumbProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
         name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "reverse" | "add" | "infinite" | "visible" | "help" | "zoom-out" | "zoom" | "sync" | "close" | "error" | "focus" | "play" | "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" | "shuffle" | "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" | "present" | "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" | "facebook" | "instagram" | "linkedin" | "snapchat" | "whatsapp" | "windows" | "youtube" | "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";
@@ -34,11 +34,11 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHT
         children?: React.ReactNode;
     }, "ref">> & React.RefAttributes<SVGSVGElement>>;
 };
-type SwitchProps = {
-    Root: SwitchRootProps;
-    Label: SwitchLabelProps;
-    Input: SwitchInputProps;
-    Thumb: SwitchThumbProps;
+type ToggleProps = {
+    Root: ToggleRootProps;
+    Label: ToggleLabelProps;
+    Input: ToggleInputProps;
+    Thumb: ToggleThumbProps;
 };
-export { Switch };
-export type { SwitchProps };
+export { Toggle };
+export type { ToggleProps };

package/dist/components/{switch/switch.js → toggle/toggle.js}

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
-import { S as v } from "../../badge-tBBi5HpV.js";
+import { T as w } from "../../badge-9vHb0-Jo.js";
 import "../../assets/5161b177f001ea1a.svg";
 import "../icon/icon.js";
-import "../../radio-group-0Oc9WTDf.js";
+import "../../radio-group-BR5SMJXJ.js";
 import "../box/box.js";
 import "../flex/flex.js";
 import "../grid/grid.js";
@@ -22,5 +22,5 @@ import "../heading/heading.js";
 import "../visually-hidden/visually-hidden.js";
 import "../text-spacing/text-spacing.js";
 export {
-  v as Switch
+  w as Toggle
 };

package/dist/main.js

@@ -1,18 +1,18 @@
 import './assets/main.css';
-import { R as e } from "./radio-group-0Oc9WTDf.js";
+import { R as e } from "./radio-group-BR5SMJXJ.js";
 import { Box as p } from "./components/box/box.js";
 import { Flex as f } from "./components/flex/flex.js";
-import { A as a, B as i, C as n, S as s } from "./badge-tBBi5HpV.js";
+import { A as a, B as i, C as n, T as s } from "./badge-9vHb0-Jo.js";
 import { Grid as l } from "./components/grid/grid.js";
 import { NavigationMenu as u } from "./components/navigation-menu/navigation-menu.js";
-import { Link as g } from "./components/link/link.js";
+import { Link as c } from "./components/link/link.js";
 import { Button as B } from "./components/button/button.js";
-import { FieldErrorText as S } from "./components/field-error-text/field-error-text.js";
-import { HelperText as h } from "./components/helper-text/helper-text.js";
-import { default as F } from "./assets/5161b177f001ea1a.svg";
-import { Icon as I } from "./components/icon/icon.js";
-import { Input as w, InputGroup as A } from "./components/input/input.js";
-import { Label as L } from "./components/label/label.js";
+import { FieldErrorText as b } from "./components/field-error-text/field-error-text.js";
+import { HelperText as F } from "./components/helper-text/helper-text.js";
+import { default as I } from "./assets/5161b177f001ea1a.svg";
+import { Icon as k } from "./components/icon/icon.js";
+import { Input as C, InputGroup as L } from "./components/input/input.js";
+import { Label as S } from "./components/label/label.js";
 import { Spinner as E } from "./components/spinner/spinner.js";
 import { Text as N } from "./components/text/text.js";
 import { TextField as j } from "./components/text-field/text-field.js";
@@ -32,28 +32,28 @@ export {
   p as Box,
   B as Button,
   n as Card,
-  S as FieldErrorText,
+  b as FieldErrorText,
   f as Flex,
   l as Grid,
   z as Heading,
-  h as HelperText,
-  I as Icon,
-  w as Input,
-  A as InputGroup,
-  L as Label,
-  g as Link,
+  F as HelperText,
+  k as Icon,
+  C as Input,
+  L as InputGroup,
+  S as Label,
+  c as Link,
   u as NavigationMenu,
   e as RadioGroup,
   E as Spinner,
-  s as Switch,
   N as Text,
   j as TextField,
   O as TextSpacing,
+  s as Toggle,
   J as VisuallyHidden,
   Q as border,
   W as breakpoint,
   Y as color,
-  F as iconsHref,
+  I as iconsHref,
   _ as motion,
   oo as shadow,
   eo as spacing,