@telia/teddy 0.0.63 → 0.0.64

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const components_checkbox_checkboxLabel = require("./checkbox-label.cjs");
+const components_checkbox_checkboxRoot = require("./checkbox-root.cjs");
 const components_checkbox_checkboxTrigger = require("./checkbox-trigger.cjs");
 const components_checkbox_checkboxGroup = require("./checkbox-group.cjs");
 const components_flex_flex = require("../flex/flex.cjs");
@@ -30,7 +30,7 @@ const Item = React.forwardRef(
         isRegistered.current = true;
       }
     }, [listContext.parentValue, value, rootContext, id]);
-    return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", ml: `calc(${listContext.level - 1} * ${tokens_spacing_variables.teddySpacing250})`, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(components_checkbox_checkboxLabel.Label, { ref: forwardedRef, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { direction: "column", ml: `calc(${listContext.level - 1} * ${tokens_spacing_variables.teddySpacing250})`, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(components_checkbox_checkboxRoot.Root, { ref: forwardedRef, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         components_checkbox_checkboxTrigger.Trigger,
         {

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { LabelProps } from './checkbox-label';
+import { LabelProps } from './checkbox-root';
 
 export type ItemProps = Omit<LabelProps, 'checked' | 'defaultChecked' | 'onCheckedChange'> & {
     value: string;

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useId, useEffect } from "react";
-import { Label } from "./checkbox-label.js";
+import { Root } from "./checkbox-root.js";
 import { Trigger } from "./checkbox-trigger.js";
 import { CheckboxGroupContext } from "./checkbox-group.js";
 import { Flex } from "../flex/flex.js";
@@ -28,7 +28,7 @@ const Item = React__default.forwardRef(
         isRegistered.current = true;
       }
     }, [listContext.parentValue, value, rootContext, id]);
-    return /* @__PURE__ */ jsx(Flex, { direction: "column", ml: `calc(${listContext.level - 1} * ${teddySpacing250})`, asChild: true, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Label, { ref: forwardedRef, ...props, children: [
+    return /* @__PURE__ */ jsx(Flex, { direction: "column", ml: `calc(${listContext.level - 1} * ${teddySpacing250})`, asChild: true, children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Root, { ref: forwardedRef, ...props, children: [
       /* @__PURE__ */ jsx(
         Trigger,
         {

package/dist/components/checkbox/checkbox-group-label.cjs

@@ -4,14 +4,14 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const components_checkbox_checkboxGroup = require("./checkbox-group.cjs");
 const clsx = require("clsx");
-const components_checkbox_checkboxLabel = require("./checkbox-label.cjs");
+const components_checkbox_checkboxRoot = require("./checkbox-root.cjs");
 const components_label_label = require("../label/label.cjs");
 const components_text_text = require("../text/text.cjs");
 const GroupLabel = React.forwardRef((props, forwardedRef) => {
   const rootContext = React.useContext(components_checkbox_checkboxGroup.CheckboxGroupContext);
   const fallbackId = React.useId();
   const id = props.id || fallbackId;
-  const classes = clsx([components_checkbox_checkboxLabel.styles[`${components_checkbox_checkboxLabel.rootClassName}__label`]], props.className);
+  const classes = clsx([components_checkbox_checkboxRoot.styles[`${components_checkbox_checkboxRoot.rootClassName}__label`]], props.className);
   React.useEffect(() => {
     rootContext == null ? void 0 : rootContext.setLabelId(id);
   }, [id, rootContext]);

package/dist/components/checkbox/checkbox-group-label.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default, { useId } from "react";
 import { CheckboxGroupContext } from "./checkbox-group.js";
 import clsx from "clsx";
-import { s as styles, rootClassName } from "./checkbox-label.js";
+import { s as styles, rootClassName } from "./checkbox-root.js";
 import { Label } from "../label/label.js";
 import { Text } from "../text/text.js";
 const GroupLabel = React__default.forwardRef((props, forwardedRef) => {

package/dist/components/checkbox/checkbox-group.cjs

@@ -120,6 +120,6 @@ const Group = React.forwardRef(
   }
 );
 const CheckboxGroupContext = React.createContext(void 0);
-Group.displayName = "CheckboxGroup";
+Group.displayName = "Group";
 exports.CheckboxGroupContext = CheckboxGroupContext;
 exports.Group = Group;

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

@@ -118,7 +118,7 @@ const Group = React__default.forwardRef(
   }
 );
 const CheckboxGroupContext = createContext(void 0);
-Group.displayName = "CheckboxGroup";
+Group.displayName = "Group";
 export {
   CheckboxGroupContext,
   Group

package/dist/components/checkbox/checkbox-indicator.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
-const components_checkbox_checkboxLabel = require("./checkbox-label.cjs");
+const components_checkbox_checkboxRoot = require("./checkbox-root.cjs");
 const CheckboxPrimitive = require("@radix-ui/react-checkbox");
 require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
@@ -26,10 +26,10 @@ function _interopNamespaceDefault(e) {
 const CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
 const Indicator = React.forwardRef(
   ({ className, ...props }, forwardRef) => {
-    const classes = clsx([components_checkbox_checkboxLabel.styles[`${components_checkbox_checkboxLabel.rootClassName}__indicator`]], className);
+    const classes = clsx([components_checkbox_checkboxRoot.styles[`${components_checkbox_checkboxRoot.rootClassName}__indicator`]], className);
     return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxPrimitive__namespace.Indicator, { ...props, ref: forwardRef, className: classes, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "checkmark-bold", className: clsx(components_checkbox_checkboxLabel.styles[`${components_checkbox_checkboxLabel.rootClassName}__indicator-icon-checked`]) }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "minus-bold", className: clsx(components_checkbox_checkboxLabel.styles[`${components_checkbox_checkboxLabel.rootClassName}__indicator-icon-indeterminate`]) })
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "checkmark-bold", className: clsx(components_checkbox_checkboxRoot.styles[`${components_checkbox_checkboxRoot.rootClassName}__indicator-icon-checked`]) }),
+      /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "minus-bold", className: clsx(components_checkbox_checkboxRoot.styles[`${components_checkbox_checkboxRoot.rootClassName}__indicator-icon-indeterminate`]) })
     ] });
   }
 );

package/dist/components/checkbox/checkbox-indicator.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
-import { s as styles, rootClassName } from "./checkbox-label.js";
+import { s as styles, rootClassName } from "./checkbox-root.js";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";

package/dist/components/checkbox/{checkbox-label.cjs → checkbox-root.cjs}

@@ -13,7 +13,7 @@ const styles = {
   "teddy-checkbox--error": "_teddy-checkbox--error_1tihh_89"
 };
 const rootClassName = "teddy-checkbox";
-const Label = React.forwardRef(
+const Root = React.forwardRef(
   ({ className, isError, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}`]], className, {
       [styles[`${rootClassName}--error`]]: isError
@@ -21,7 +21,7 @@ const Label = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx("label", { className: classes, ...props, ref: forwardRef });
   }
 );
-Label.displayName = "Label";
-exports.Label = Label;
+Root.displayName = "Root";
+exports.Root = Root;
 exports.rootClassName = rootClassName;
 exports.styles = styles;

package/dist/components/checkbox/{checkbox-label.d.ts → checkbox-root.d.ts}

@@ -4,7 +4,7 @@ export declare const rootClassName = "teddy-checkbox";
 export type LabelProps = React.ComponentPropsWithoutRef<'label'> & {
     isError?: boolean;
 };
-/** */
-export declare const Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+/** The root element of the checkbox component is based on the label component. */
+export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
     isError?: boolean | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/{checkbox-label.js → checkbox-root.js}

@@ -11,7 +11,7 @@ const styles = {
   "teddy-checkbox--error": "_teddy-checkbox--error_1tihh_89"
 };
 const rootClassName = "teddy-checkbox";
-const Label = React__default.forwardRef(
+const Root = React__default.forwardRef(
   ({ className, isError, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}`]], className, {
       [styles[`${rootClassName}--error`]]: isError
@@ -19,9 +19,9 @@ const Label = React__default.forwardRef(
     return /* @__PURE__ */ jsx("label", { className: classes, ...props, ref: forwardRef });
   }
 );
-Label.displayName = "Label";
+Root.displayName = "Root";
 export {
-  Label,
+  Root,
   rootClassName,
   styles as s
 };

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

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const CheckboxPrimitive = require("@radix-ui/react-checkbox");
-const components_checkbox_checkboxLabel = require("./checkbox-label.cjs");
+const components_checkbox_checkboxRoot = require("./checkbox-root.cjs");
 const components_checkbox_checkboxIndicator = require("./checkbox-indicator.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -25,7 +25,7 @@ function _interopNamespaceDefault(e) {
 const CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
 const Trigger = React.forwardRef(
   ({ className, ...props }, forwardRef) => {
-    const classes = clsx([components_checkbox_checkboxLabel.styles[`${components_checkbox_checkboxLabel.rootClassName}__trigger`]], className);
+    const classes = clsx([components_checkbox_checkboxRoot.styles[`${components_checkbox_checkboxRoot.rootClassName}__trigger`]], className);
     return /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Root, { ...props, ref: forwardRef, className: classes, children: props.children || /* @__PURE__ */ jsxRuntime.jsx(components_checkbox_checkboxIndicator.Indicator, {}) });
   }
 );

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { s as styles, rootClassName } from "./checkbox-label.js";
+import { s as styles, rootClassName } from "./checkbox-root.js";
 import { Indicator } from "./checkbox-indicator.js";
 const Trigger = React__default.forwardRef(
   ({ className, ...props }, forwardRef) => {

package/dist/components/checkbox/index.cjs

@@ -1,26 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_checkbox_checkboxLabel = require("./checkbox-label.cjs");
+const components_checkbox_checkboxRoot = require("./checkbox-root.cjs");
 const components_checkbox_checkboxTrigger = require("./checkbox-trigger.cjs");
 const components_checkbox_checkboxIndicator = require("./checkbox-indicator.cjs");
 const components_checkbox_checkboxGroup = require("./checkbox-group.cjs");
 const components_checkbox_checkboxGroupItem = require("./checkbox-group-item.cjs");
 const components_checkbox_checkboxGroupList = require("./checkbox-group-list.cjs");
 const components_checkbox_checkboxGroupLabel = require("./checkbox-group-label.cjs");
-components_checkbox_checkboxLabel.Label.displayName = "Checkbox";
+components_checkbox_checkboxRoot.Root.displayName = "Checkbox";
 components_checkbox_checkboxIndicator.Indicator.displayName = "Checkbox.Indicator";
 components_checkbox_checkboxTrigger.Trigger.displayName = "Checkbox.Trigger";
 components_checkbox_checkboxGroup.Group.displayName = "CheckboxGroup";
 components_checkbox_checkboxGroupList.List.displayName = "CheckboxGroup.List";
 components_checkbox_checkboxGroupLabel.GroupLabel.displayName = "CheckboxGroup.GroupLabel";
-const Checkbox = Object.assign(components_checkbox_checkboxLabel.Label, {
+const Checkbox = Object.assign(components_checkbox_checkboxRoot.Root, {
   Indicator: components_checkbox_checkboxIndicator.Indicator,
   Trigger: components_checkbox_checkboxTrigger.Trigger
 });
+Checkbox.displayName = "Checkbox";
 const CheckboxGroup = Object.assign(components_checkbox_checkboxGroup.Group, {
   Item: components_checkbox_checkboxGroupItem.Item,
   List: components_checkbox_checkboxGroupList.List,
   GroupLabel: components_checkbox_checkboxGroupLabel.GroupLabel
 });
+CheckboxGroup.displayName = "CheckboxGroup";
 exports.Checkbox = Checkbox;
 exports.CheckboxGroup = CheckboxGroup;

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

@@ -1,4 +1,4 @@
-import { LabelProps } from './checkbox-label';
+import { LabelProps } from './checkbox-root.tsx';
 import { TriggerProps } from './checkbox-trigger';
 import { IndicatorProps } from './checkbox-indicator';
 import { GroupProps } from './checkbox-group';

package/dist/components/checkbox/index.js

@@ -1,25 +1,27 @@
-import { Label } from "./checkbox-label.js";
+import { Root } from "./checkbox-root.js";
 import { Trigger } from "./checkbox-trigger.js";
 import { Indicator } from "./checkbox-indicator.js";
 import { Group } from "./checkbox-group.js";
 import { Item } from "./checkbox-group-item.js";
 import { List } from "./checkbox-group-list.js";
 import { GroupLabel } from "./checkbox-group-label.js";
-Label.displayName = "Checkbox";
+Root.displayName = "Checkbox";
 Indicator.displayName = "Checkbox.Indicator";
 Trigger.displayName = "Checkbox.Trigger";
 Group.displayName = "CheckboxGroup";
 List.displayName = "CheckboxGroup.List";
 GroupLabel.displayName = "CheckboxGroup.GroupLabel";
-const Checkbox = Object.assign(Label, {
+const Checkbox = Object.assign(Root, {
   Indicator,
   Trigger
 });
+Checkbox.displayName = "Checkbox";
 const CheckboxGroup = Object.assign(Group, {
   Item,
   List,
   GroupLabel
 });
+CheckboxGroup.displayName = "CheckboxGroup";
 export {
   Checkbox,
   CheckboxGroup

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

@@ -135,21 +135,21 @@ const PRIVATE_LINKS = {
           link: "/tv/innholdsoversikt/",
           appKey: APP_KEYS["open-pages"]
         },
-        // {
-        //   name: 'Strømmetjenester',
-        //   link: '/tv/strommetjenester/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
+        {
+          name: "Strømmetjenester",
+          link: "/tv/innholdsoversikt/strommetjenester/",
+          appKey: APP_KEYS["open-pages"]
+        },
         // {
         //   name: 'TV-kanaler',
         //   link: '/tv/tv-kanaler-og-kanalpakker/',
         //   appKey: APP_KEYS['open-pages'],
         // },
-        // {
-        //   name: 'Premiumtjenester',
-        //   link: '/tv/premiumtjenester/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
+        {
+          name: "Premiumtjenester",
+          link: "/tv/innholdsoversikt/premiumtjenester/",
+          appKey: APP_KEYS["open-pages"]
+        },
         // {
         //   name: 'Filmer',
         //   link: '/tv/filmleie-og-filmkjop/',

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

@@ -181,6 +181,14 @@ export declare const PRIVATE_LINKS: {
             readonly name: "Innholdsoversikt";
             readonly link: "/tv/innholdsoversikt/";
             readonly appKey: "open-pages";
+        }, {
+            readonly name: "Strømmetjenester";
+            readonly link: "/tv/innholdsoversikt/strommetjenester/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Premiumtjenester";
+            readonly link: "/tv/innholdsoversikt/premiumtjenester/";
+            readonly appKey: "open-pages";
         }, {
             readonly name: "TV-bokser";
             readonly link: "/tv/tv-bokser/";
@@ -382,6 +390,14 @@ export declare const LINKS: [{
             readonly name: "Innholdsoversikt";
             readonly link: "/tv/innholdsoversikt/";
             readonly appKey: "open-pages";
+        }, {
+            readonly name: "Strømmetjenester";
+            readonly link: "/tv/innholdsoversikt/strommetjenester/";
+            readonly appKey: "open-pages";
+        }, {
+            readonly name: "Premiumtjenester";
+            readonly link: "/tv/innholdsoversikt/premiumtjenester/";
+            readonly appKey: "open-pages";
         }, {
             readonly name: "TV-bokser";
             readonly link: "/tv/tv-bokser/";

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

@@ -133,21 +133,21 @@ const PRIVATE_LINKS = {
           link: "/tv/innholdsoversikt/",
           appKey: APP_KEYS["open-pages"]
         },
-        // {
-        //   name: 'Strømmetjenester',
-        //   link: '/tv/strommetjenester/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
+        {
+          name: "Strømmetjenester",
+          link: "/tv/innholdsoversikt/strommetjenester/",
+          appKey: APP_KEYS["open-pages"]
+        },
         // {
         //   name: 'TV-kanaler',
         //   link: '/tv/tv-kanaler-og-kanalpakker/',
         //   appKey: APP_KEYS['open-pages'],
         // },
-        // {
-        //   name: 'Premiumtjenester',
-        //   link: '/tv/premiumtjenester/',
-        //   appKey: APP_KEYS['open-pages'],
-        // },
+        {
+          name: "Premiumtjenester",
+          link: "/tv/innholdsoversikt/premiumtjenester/",
+          appKey: APP_KEYS["open-pages"]
+        },
         // {
         //   name: 'Filmer',
         //   link: '/tv/filmleie-og-filmkjop/',

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

@@ -6,79 +6,81 @@ const sonner = require("sonner");
 require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_spinner_spinner = require("../spinner/spinner.cjs");
-const fadeInAnimation = "_fadeInAnimation_qzrlq_1";
-const scaleInAnimation = "_scaleInAnimation_qzrlq_1";
+const fadeInAnimation = "_fadeInAnimation_r0i1g_1";
+const scaleInAnimation = "_scaleInAnimation_r0i1g_1";
 const styles = {
-  "teddy-button": "_teddy-button_qzrlq_18",
-  "teddy-button--sm": "_teddy-button--sm_qzrlq_53",
-  "teddy-button--icon-only": "_teddy-button--icon-only_qzrlq_56",
-  "teddy-button--md": "_teddy-button--md_qzrlq_59",
-  "teddy-button--lg": "_teddy-button--lg_qzrlq_65",
-  "teddy-button--full-width": "_teddy-button--full-width_qzrlq_71",
-  "teddy-button--primary": "_teddy-button--primary_qzrlq_74",
-  "teddy-button--disabled": "_teddy-button--disabled_qzrlq_78",
-  "teddy-button--primary-negative": "_teddy-button--primary-negative_qzrlq_84",
-  "teddy-button--secondary": "_teddy-button--secondary_qzrlq_96",
-  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_qzrlq_107",
-  "teddy-button--expressive": "_teddy-button--expressive_qzrlq_118",
-  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_qzrlq_128",
-  "teddy-button--negative": "_teddy-button--negative_qzrlq_140",
-  "teddy-button--destructive": "_teddy-button--destructive_qzrlq_147",
-  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_qzrlq_157",
-  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_qzrlq_167",
-  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_qzrlq_180",
-  "teddy-button--list-item": "_teddy-button--list-item_qzrlq_195",
-  "teddy-button--text-negative": "_teddy-button--text-negative_qzrlq_214",
-  "teddy-button--text": "_teddy-button--text_qzrlq_214",
-  "teddy-button__loading": "_teddy-button__loading_qzrlq_261",
+  "teddy-button": "_teddy-button_r0i1g_18",
+  "teddy-button--sm": "_teddy-button--sm_r0i1g_53",
+  "teddy-button--icon-only": "_teddy-button--icon-only_r0i1g_56",
+  "teddy-button--md": "_teddy-button--md_r0i1g_59",
+  "teddy-button--lg": "_teddy-button--lg_r0i1g_65",
+  "teddy-button--full-width": "_teddy-button--full-width_r0i1g_71",
+  "teddy-button--primary": "_teddy-button--primary_r0i1g_74",
+  "teddy-button--disabled": "_teddy-button--disabled_r0i1g_78",
+  "teddy-button--primary-negative": "_teddy-button--primary-negative_r0i1g_84",
+  "teddy-button--secondary": "_teddy-button--secondary_r0i1g_96",
+  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_r0i1g_107",
+  "teddy-button--expressive": "_teddy-button--expressive_r0i1g_118",
+  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_r0i1g_128",
+  "teddy-button--negative": "_teddy-button--negative_r0i1g_140",
+  "teddy-button--destructive": "_teddy-button--destructive_r0i1g_147",
+  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_r0i1g_157",
+  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_r0i1g_167",
+  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_r0i1g_180",
+  "teddy-button--list-item": "_teddy-button--list-item_r0i1g_195",
+  "teddy-button--text-negative": "_teddy-button--text-negative_r0i1g_214",
+  "teddy-button--text": "_teddy-button--text_r0i1g_214",
+  "teddy-button__loading": "_teddy-button__loading_r0i1g_261",
   fadeInAnimation,
-  "teddy-button__spinner": "_teddy-button__spinner_qzrlq_272",
-  "teddy-toast": "_teddy-toast_qzrlq_279",
-  "teddy-toast__title": "_teddy-toast__title_qzrlq_285",
-  "teddy-toast__description": "_teddy-toast__description_qzrlq_288",
-  "teddy-toast__close-button": "_teddy-toast__close-button_qzrlq_292",
-  "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_qzrlq_339",
-  "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_qzrlq_342",
-  "teddy-toast__close-button--md": "_teddy-toast__close-button--md_qzrlq_345",
-  "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_qzrlq_351",
-  "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_qzrlq_357",
-  "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_qzrlq_360",
-  "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_qzrlq_364",
-  "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_qzrlq_370",
-  "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_qzrlq_382",
-  "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_qzrlq_393",
-  "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_qzrlq_404",
-  "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_qzrlq_414",
-  "teddy-toast--disabled": "_teddy-toast--disabled_qzrlq_426",
-  "teddy-toast--success": "_teddy-toast--success_qzrlq_439",
-  "teddy-toast__icon": "_teddy-toast__icon_qzrlq_444",
-  "teddy-toast--info": "_teddy-toast--info_qzrlq_451",
-  "teddy-toast--warning": "_teddy-toast--warning_qzrlq_463",
-  "teddy-toast--error": "_teddy-toast--error_qzrlq_475",
-  "teddy-toast__action-button": "_teddy-toast__action-button_qzrlq_487",
-  "teddy-toast__cancel-button": "_teddy-toast__cancel-button_qzrlq_488",
-  "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_qzrlq_534",
-  "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_qzrlq_535",
-  "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_qzrlq_538",
-  "teddy-toast__action-button--md": "_teddy-toast__action-button--md_qzrlq_543",
-  "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_qzrlq_544",
-  "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_qzrlq_552",
-  "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_qzrlq_553",
-  "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_qzrlq_561",
-  "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_qzrlq_562",
-  "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_qzrlq_565",
-  "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_qzrlq_566",
-  "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_qzrlq_570",
-  "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_qzrlq_578",
-  "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_qzrlq_579",
-  "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_qzrlq_593",
-  "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_qzrlq_594",
-  "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_qzrlq_607",
-  "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_qzrlq_608",
-  "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_qzrlq_621",
-  "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_qzrlq_622",
-  "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_qzrlq_634",
-  "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_qzrlq_635",
+  "teddy-button__spinner": "_teddy-button__spinner_r0i1g_272",
+  "teddy-toast": "_teddy-toast_r0i1g_279",
+  "teddy-toast__title": "_teddy-toast__title_r0i1g_291",
+  "teddy-toast__description": "_teddy-toast__description_r0i1g_295",
+  "teddy-toast__icon": "_teddy-toast__icon_r0i1g_300",
+  "teddy-toast__close-button": "_teddy-toast__close-button_r0i1g_309",
+  "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_r0i1g_356",
+  "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_r0i1g_359",
+  "teddy-toast__close-button--md": "_teddy-toast__close-button--md_r0i1g_362",
+  "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_r0i1g_368",
+  "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_r0i1g_374",
+  "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_r0i1g_377",
+  "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_r0i1g_381",
+  "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_r0i1g_387",
+  "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_r0i1g_399",
+  "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_r0i1g_410",
+  "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_r0i1g_421",
+  "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_r0i1g_431",
+  "teddy-toast--disabled": "_teddy-toast--disabled_r0i1g_443",
+  "teddy-toast__content": "_teddy-toast__content_r0i1g_456",
+  "teddy-toast__loading": "_teddy-toast__loading_r0i1g_459",
+  "teddy-toast--success": "_teddy-toast--success_r0i1g_463",
+  "teddy-toast--info": "_teddy-toast--info_r0i1g_475",
+  "teddy-toast--warning": "_teddy-toast--warning_r0i1g_487",
+  "teddy-toast--error": "_teddy-toast--error_r0i1g_499",
+  "teddy-toast__action-button": "_teddy-toast__action-button_r0i1g_511",
+  "teddy-toast__cancel-button": "_teddy-toast__cancel-button_r0i1g_512",
+  "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_r0i1g_559",
+  "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_r0i1g_560",
+  "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_r0i1g_563",
+  "teddy-toast__action-button--md": "_teddy-toast__action-button--md_r0i1g_568",
+  "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_r0i1g_569",
+  "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_r0i1g_577",
+  "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_r0i1g_578",
+  "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_r0i1g_586",
+  "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_r0i1g_587",
+  "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_r0i1g_590",
+  "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_r0i1g_591",
+  "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_r0i1g_595",
+  "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_r0i1g_603",
+  "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_r0i1g_604",
+  "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_r0i1g_618",
+  "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_r0i1g_619",
+  "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_r0i1g_632",
+  "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_r0i1g_633",
+  "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_r0i1g_646",
+  "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_r0i1g_647",
+  "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_r0i1g_659",
+  "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_r0i1g_660",
   scaleInAnimation
 };
 const rootClassName = "teddy-toast";
@@ -98,7 +100,6 @@ const Root = ({ className, ...props }) => {
       },
       closeButton: true,
       toastOptions: {
-        // unstyled: true,
         className: classes,
         classNames: {
           error: clsx(styles[`${rootClassName}--error`], (_b = (_a = props.toastOptions) == null ? void 0 : _a.classNames) == null ? void 0 : _b.error),
@@ -110,7 +111,8 @@ const Root = ({ className, ...props }) => {
           title: styles[`${rootClassName}__title`],
           closeButton: styles[`${rootClassName}__close-button`],
           actionButton: styles[`${rootClassName}__action-button`],
-          cancelButton: styles[`${rootClassName}__cancel-button`]
+          cancelButton: styles[`${rootClassName}__cancel-button`],
+          content: styles[`${rootClassName}__content`]
         }
       },
       ...props