@telia/teddy 0.0.25 → 0.0.27

package/dist/components/scroll-area/scroll-area-button.d.ts

@@ -11,20 +11,24 @@ export type ButtonProps = Omit<React.ComponentPropsWithoutRef<typeof PrimitiveBu
     hidden?: boolean;
 };
 export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
 } & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

package/dist/components/scroll-area/scroll-area-button.js

@@ -4,7 +4,7 @@ import "clsx";
 import { B } from "./scroll-area-bar.js";
 import "../button/button.js";
 import "../../utils/composeEventHandlers.js";
-import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../../assets/sprite.269ba410-teddy.svg";
 import "../icon/icon.js";
 export {
   B as Button

package/dist/components/tabs/index.cjs

@@ -6,6 +6,12 @@ const components_tabs_tabsTrigger = require("./tabs-trigger.cjs");
 const components_tabs_tabsContent = require("./tabs-content.cjs");
 const components_tabs_tabsScroll = require("./tabs-scroll.cjs");
 const components_tabs_tabsScrollButton = require("./tabs-scroll-button.cjs");
+components_tabs_tabsRoot.Root.displayName = "Tabs";
+components_tabs_tabsList.List.displayName = "Tabs.List";
+components_tabs_tabsTrigger.Trigger.displayName = "Tabs.Trigger";
+components_tabs_tabsContent.Content.displayName = "Tabs.Content";
+components_tabs_tabsScroll.Scroll.displayName = "Tabs.Scroll";
+components_tabs_tabsScrollButton.ScrollButton.displayName = "Tabs.ScrollButton";
 const Tabs = Object.assign(components_tabs_tabsRoot.Root, {
   List: components_tabs_tabsList.List,
   Trigger: components_tabs_tabsTrigger.Trigger,

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

@@ -5,7 +5,7 @@ import { ContentProps } from './tabs-content';
 import { ScrollProps } from './tabs-scroll';
 import { ScrollButtonProps } from './tabs-scroll-button';
 
-export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
+export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "value" | "defaultValue" | "onValueChange" | "activationMode"> & {
     value?: string | undefined;
     onValueChange?: ((value: string) => void) | undefined;
     defaultValue?: string | undefined;
@@ -27,20 +27,24 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
         variant?: ("button" | "scrollbar") | undefined;
     } & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     ScrollButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+        display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    } & {
         asChild?: boolean | undefined;
         loading?: boolean | undefined;
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
     } & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+        display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    } & {
         asChild?: boolean | undefined;
         loading?: boolean | undefined;
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

package/dist/components/tabs/index.js

@@ -4,6 +4,12 @@ import { Trigger } from "./tabs-trigger.js";
 import { Content } from "./tabs-content.js";
 import { Scroll } from "./tabs-scroll.js";
 import { ScrollButton } from "./tabs-scroll-button.js";
+Root.displayName = "Tabs";
+List.displayName = "Tabs.List";
+Trigger.displayName = "Tabs.Trigger";
+Content.displayName = "Tabs.Content";
+Scroll.displayName = "Tabs.Scroll";
+ScrollButton.displayName = "Tabs.ScrollButton";
 const Tabs = Object.assign(Root, {
   List,
   Trigger,

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

@@ -24,10 +24,11 @@ function _interopNamespaceDefault(e) {
 }
 const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
 const styles = {
-  "teddy-tabs__list": "_teddy-tabs__list_1finq_3",
-  "teddy-tabs--full-width": "_teddy-tabs--full-width_1finq_30",
-  "teddy-tabs__trigger": "_teddy-tabs__trigger_1finq_33",
-  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1finq_48"
+  "teddy-tabs__list": "_teddy-tabs__list_1a33o_3",
+  "teddy-tabs--full-width": "_teddy-tabs--full-width_1a33o_30",
+  "teddy-tabs__content": "_teddy-tabs__content_1a33o_33",
+  "teddy-tabs__trigger": "_teddy-tabs__trigger_1a33o_37",
+  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1a33o_52"
 };
 const rootClassName = "teddy-tabs";
 const RootContext = React.createContext(void 0);

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

@@ -25,7 +25,7 @@ type RootContextType = {
     value: string | undefined;
 };
 export declare const RootContext: React.Context<RootContextType | undefined>;
-export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref">, "value" | "defaultValue" | "onValueChange" | "activationMode"> & {
     /** The controlled value of the tab to activate. Should be used in conjunction with onValueChange. */
     value?: TabsPrimitive.TabsProps['value'];
     /** Event handler called when the value changes. */

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

@@ -5,10 +5,11 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
 const styles = {
-  "teddy-tabs__list": "_teddy-tabs__list_1finq_3",
-  "teddy-tabs--full-width": "_teddy-tabs--full-width_1finq_30",
-  "teddy-tabs__trigger": "_teddy-tabs__trigger_1finq_33",
-  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1finq_48"
+  "teddy-tabs__list": "_teddy-tabs__list_1a33o_3",
+  "teddy-tabs--full-width": "_teddy-tabs--full-width_1a33o_30",
+  "teddy-tabs__content": "_teddy-tabs__content_1a33o_33",
+  "teddy-tabs__trigger": "_teddy-tabs__trigger_1a33o_37",
+  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1a33o_52"
 };
 const rootClassName = "teddy-tabs";
 const RootContext = React__default.createContext(void 0);

package/dist/components/tabs/tabs-scroll-button.d.ts

@@ -4,20 +4,24 @@ import { ScrollArea } from '../scroll-area';
 export type ScrollButtonProps = React.ComponentPropsWithoutRef<typeof ScrollArea.Button>;
 /** */
 export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
 } & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

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

@@ -40,7 +40,8 @@ const Trigger = React.forwardRef(
           return;
         const newTabWidth = newTab.offsetWidth / tabsContainer.offsetWidth;
         context == null ? void 0 : context.setActiveElement(innerElementRef.current);
-        tabsContainer.style.setProperty("--_width", newTabWidth.toFixed(3));
+        const width = newTabWidth.toFixed(3);
+        tabsContainer.style.setProperty("--_width", width);
         tabsContainer.style.setProperty("--_left", newTab.offsetLeft + "px");
         tabsContainer.style.setProperty("--_duration", tokens_motion_variables.teddyMotionDuration200);
       }

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

@@ -21,7 +21,8 @@ const Trigger = React__default.forwardRef(
           return;
         const newTabWidth = newTab.offsetWidth / tabsContainer.offsetWidth;
         context == null ? void 0 : context.setActiveElement(innerElementRef.current);
-        tabsContainer.style.setProperty("--_width", newTabWidth.toFixed(3));
+        const width = newTabWidth.toFixed(3);
+        tabsContainer.style.setProperty("--_width", width);
         tabsContainer.style.setProperty("--_left", newTab.offsetLeft + "px");
         tabsContainer.style.setProperty("--_duration", teddyMotionDuration200);
       }

package/dist/components/text-field/index.d.ts

@@ -28,20 +28,24 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<i
     } & import('react').RefAttributes<HTMLUListElement>>;
     Indicator: import('react').ForwardRefExoticComponent<TextFieldIndicatorProps & import('react').RefAttributes<SVGSVGElement>>;
     Button: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+        display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    } & {
         asChild?: boolean | undefined;
         loading?: boolean | undefined;
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
     } & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+        display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    } & {
         asChild?: boolean | undefined;
         loading?: boolean | undefined;
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+        variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

package/dist/components/text-field/text-field-button.d.ts

@@ -5,20 +5,24 @@ export type TextFieldButtonProps = Omit<React.ComponentPropsWithoutRef<typeof Pr
     variant?: 'attached' | 'separated';
 };
 export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
 } & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
+    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+} & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
+    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

package/dist/components/toggle/toggle.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const SwitchPrimitive = require("@radix-ui/react-switch");
-require("../../assets/sprite.5636ec8e-teddy.svg");
+require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_label_label = require("../label/label.cjs");
 function _interopNamespaceDefault(e) {
@@ -25,10 +25,10 @@ function _interopNamespaceDefault(e) {
 }
 const SwitchPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SwitchPrimitive);
 const styles = {
-  "teddy-toggle": "_teddy-toggle_1rp8d_3",
-  "teddy-toggle__input": "_teddy-toggle__input_1rp8d_10",
-  "teddy-toggle__thumb": "_teddy-toggle__thumb_1rp8d_78",
-  "teddy-toggle__indicator": "_teddy-toggle__indicator_1rp8d_104"
+  "teddy-toggle__input": "_teddy-toggle__input_m5h3g_2",
+  "teddy-toggle": "_teddy-toggle_m5h3g_2",
+  "teddy-toggle__thumb": "_teddy-toggle__thumb_m5h3g_81",
+  "teddy-toggle__indicator": "_teddy-toggle__indicator_m5h3g_107"
 };
 const rootClassName = "teddy-toggle";
 const ToggleContext = React.createContext(void 0);

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

@@ -29,8 +29,8 @@ declare const Toggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHT
     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" | "add" | "reverse" | "infinite" | "visible" | "help" | "zoom-out" | "zoom" | "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" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "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" | "focus" | "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-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "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?: ("xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "font") | 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" | "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" | "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" | "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" | "focus" | "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-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "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?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
         children?: React.ReactNode;
     }, "ref">> & React.RefAttributes<SVGSVGElement>>;
 };

package/dist/components/toggle/toggle.js

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import "../../assets/sprite.5636ec8e-teddy.svg";
+import "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Label } from "../label/label.js";
 const styles = {
-  "teddy-toggle": "_teddy-toggle_1rp8d_3",
-  "teddy-toggle__input": "_teddy-toggle__input_1rp8d_10",
-  "teddy-toggle__thumb": "_teddy-toggle__thumb_1rp8d_78",
-  "teddy-toggle__indicator": "_teddy-toggle__indicator_1rp8d_104"
+  "teddy-toggle__input": "_teddy-toggle__input_m5h3g_2",
+  "teddy-toggle": "_teddy-toggle_m5h3g_2",
+  "teddy-toggle__thumb": "_teddy-toggle__thumb_m5h3g_81",
+  "teddy-toggle__indicator": "_teddy-toggle__indicator_m5h3g_107"
 };
 const rootClassName = "teddy-toggle";
 const ToggleContext = React__default.createContext(void 0);

package/dist/drawer.module-BZV0Appw.js

@@ -0,0 +1,14 @@
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_uo1cy_26",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_uo1cy_1",
+  "teddy-fade-in": "_teddy-fade-in_uo1cy_1",
+  "teddy-fade-out": "_teddy-fade-out_uo1cy_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_uo1cy_56",
+  "teddy-drawer__content": "_teddy-drawer__content_uo1cy_62",
+  "drawer-content-show": "_drawer-content-show_uo1cy_1",
+  "drawer-content-hide": "_drawer-content-hide_uo1cy_1",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_uo1cy_87"
+};
+export {
+  styles as s
+};

package/dist/drawer.module-rgUBNOkt.cjs

@@ -0,0 +1,13 @@
+"use strict";
+const styles = {
+  "teddy-drawer__overlay": "_teddy-drawer__overlay_uo1cy_26",
+  "teddy-overlay-no-op": "_teddy-overlay-no-op_uo1cy_1",
+  "teddy-fade-in": "_teddy-fade-in_uo1cy_1",
+  "teddy-fade-out": "_teddy-fade-out_uo1cy_1",
+  "teddy-drawer__overlay--container": "_teddy-drawer__overlay--container_uo1cy_56",
+  "teddy-drawer__content": "_teddy-drawer__content_uo1cy_62",
+  "drawer-content-show": "_drawer-content-show_uo1cy_1",
+  "drawer-content-hide": "_drawer-content-hide_uo1cy_1",
+  "teddy-drawer__close--floating": "_teddy-drawer__close--floating_uo1cy_87"
+};
+exports.styles = styles;

package/dist/icons/category.cjs

@@ -33,6 +33,7 @@ const iconCategories = [
   { category: "action", name: "send" },
   { category: "action", name: "settings" },
   { category: "action", name: "share" },
+  { category: "action", name: "shortcut" },
   { category: "action", name: "shuffle" },
   { category: "action", name: "sync" },
   { category: "action", name: "skip-back-10sec" },

package/dist/icons/category.d.ts

@@ -94,6 +94,9 @@ export declare const iconCategories: readonly [{
 }, {
     readonly category: "action";
     readonly name: "share";
+}, {
+    readonly category: "action";
+    readonly name: "shortcut";
 }, {
     readonly category: "action";
     readonly name: "shuffle";

package/dist/icons/category.js

@@ -31,6 +31,7 @@ const iconCategories = [
   { category: "action", name: "send" },
   { category: "action", name: "settings" },
   { category: "action", name: "share" },
+  { category: "action", name: "shortcut" },
   { category: "action", name: "shuffle" },
   { category: "action", name: "sync" },
   { category: "action", name: "skip-back-10sec" },

package/dist/icons/name.cjs

@@ -33,6 +33,7 @@ const iconNames = [
   "send",
   "settings",
   "share",
+  "shortcut",
   "shuffle",
   "sync",
   "skip-back-10sec",

package/dist/icons/name.d.ts

@@ -1,2 +1,2 @@
-export declare const iconNames: readonly ["alarm-off", "alarm-on", "attachment", "bookmark-filled", "bookmark", "copy-filled", "copy", "dislike", "download", "edit", "filter", "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", "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", "summary", "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", "image", "link", "megaphone", "microphone", "music", "player-settings", "record", "stream", "trailer", "video-conference", "video", "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", "key", "layers", "map", "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", "split", "stop", "suitcase", "sustainability", "tag", "temperature", "thinking", "time", "train", "transfer", "undo", "wavelength", "weather", "world", "android", "apple", "bankid-norway", "bankid", "facebook", "instagram", "youtube", "linkedin", "snapchat", "telia-logo", "whatsapp", "windows", "x", "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", "menu", "minus-bold", "minus", "more-horizontal", "more-vertical", "plus", "search", "services", "sorter", "table-view"];
+export declare const iconNames: readonly ["alarm-off", "alarm-on", "attachment", "bookmark-filled", "bookmark", "copy-filled", "copy", "dislike", "download", "edit", "filter", "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", "summary", "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", "image", "link", "megaphone", "microphone", "music", "player-settings", "record", "stream", "trailer", "video-conference", "video", "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", "key", "layers", "map", "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", "split", "stop", "suitcase", "sustainability", "tag", "temperature", "thinking", "time", "train", "transfer", "undo", "wavelength", "weather", "world", "android", "apple", "bankid-norway", "bankid", "facebook", "instagram", "youtube", "linkedin", "snapchat", "telia-logo", "whatsapp", "windows", "x", "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", "menu", "minus-bold", "minus", "more-horizontal", "more-vertical", "plus", "search", "services", "sorter", "table-view"];
 export type IconName = (typeof iconNames)[number];

package/dist/icons/name.js

@@ -31,6 +31,7 @@ const iconNames = [
   "send",
   "settings",
   "share",
+  "shortcut",
   "shuffle",
   "sync",
   "skip-back-10sec",

package/dist/main.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_list_index = require("./components/list/index.cjs");
 const components_scrollArea_index = require("./components/scroll-area/index.cjs");
 const components_tabs_index = require("./components/tabs/index.cjs");
 const components_drawer_index = require("./components/drawer/index.cjs");
@@ -17,10 +18,12 @@ const components_toggle_toggle = require("./components/toggle/toggle.cjs");
 const components_accordion_index = require("./components/accordion/index.cjs");
 const components_link_link = require("./components/link/link.cjs");
 const components_badge_badge = require("./components/badge/badge.cjs");
+const components_badge_alertBadge = require("./components/badge/alert-badge.cjs");
+const components_badge_counterBadge = require("./components/badge/counter-badge.cjs");
 const components_button_button = require("./components/button/button.cjs");
 const components_fieldErrorText_fieldErrorText = require("./components/field-error-text/field-error-text.cjs");
 const components_helperText_helperText = require("./components/helper-text/helper-text.cjs");
-const iconsHref = require("./assets/sprite.5636ec8e-teddy.svg");
+const iconsHref = require("./assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("./components/icon/icon.cjs");
 const components_icon_AllIcons = require("./components/icon/AllIcons.cjs");
 const components_input_index = require("./components/input/index.cjs");
@@ -39,6 +42,7 @@ const tokens_shadow_variables = require("./tokens/shadow/variables.cjs");
 const tokens_spacing_variables = require("./tokens/spacing/variables.cjs");
 const tokens_typography_variables = require("./tokens/typography/variables.cjs");
 const components_input_inputGroup = require("./components/input/input-group.cjs");
+exports.List = components_list_index.List;
 exports.ScrollArea = components_scrollArea_index.ScrollArea;
 exports.Tabs = components_tabs_index.Tabs;
 exports.Drawer = components_drawer_index.Drawer;
@@ -56,6 +60,8 @@ exports.Toggle = components_toggle_toggle.Toggle;
 exports.Accordion = components_accordion_index.Accordion;
 exports.Link = components_link_link.Link;
 exports.Badge = components_badge_badge.Badge;
+exports.AlertBadge = components_badge_alertBadge.AlertBadge;
+exports.CounterBadge = components_badge_counterBadge.CounterBadge;
 exports.Button = components_button_button.Button;
 exports.FieldErrorText = components_fieldErrorText_fieldErrorText.FieldErrorText;
 exports.HelperText = components_helperText_helperText.HelperText;

package/dist/main.js

@@ -1,3 +1,4 @@
+import { List } from "./components/list/index.js";
 import { ScrollArea } from "./components/scroll-area/index.js";
 import { Tabs } from "./components/tabs/index.js";
 import { Drawer } from "./components/drawer/index.js";
@@ -15,10 +16,12 @@ import { Toggle } from "./components/toggle/toggle.js";
 import { Accordion } from "./components/accordion/index.js";
 import { Link } from "./components/link/link.js";
 import { Badge } from "./components/badge/badge.js";
+import { AlertBadge } from "./components/badge/alert-badge.js";
+import { CounterBadge } from "./components/badge/counter-badge.js";
 import { Button } from "./components/button/button.js";
 import { FieldErrorText } from "./components/field-error-text/field-error-text.js";
 import { HelperText } from "./components/helper-text/helper-text.js";
-import { default as default2 } from "./assets/sprite.5636ec8e-teddy.svg";
+import { default as default2 } from "./assets/sprite.269ba410-teddy.svg";
 import { Icon } from "./components/icon/icon.js";
 import { default as default3 } from "./components/icon/AllIcons.js";
 import { InputGroup } from "./components/input/index.js";
@@ -39,12 +42,14 @@ import { teddyTypographyFamilyDefault, teddyTypographyFamilyDisplay, teddyTypogr
 import { I } from "./components/input/input-group.js";
 export {
   Accordion,
+  AlertBadge,
   default3 as AllIcons,
   Badge,
   Box,
   Button,
   Card,
   Chip,
+  CounterBadge,
   Drawer,
   FieldErrorText,
   Flex,
@@ -57,6 +62,7 @@ export {
   InputGroup,
   Label,
   Link,
+  List,
   Modal,
   NavigationMenu,
   Notification,