@telia/teddy 0.0.83 → 0.0.87

package/README.md

@@ -8,9 +8,9 @@
   <img src="https://img.shields.io/npm/dm/@telia/teddy?style=flat-square&color=00a8f0" alt="downloads" />
 </p>
 
-Welcome to Teddy, Telia Norway's advanced component library crafted to enhance the development of consistent,
-user-friendly interfaces. Teddy offers a suite of components styled in harmony with Telia's brand guidelines, aiming to
-facilitate UI development and enrich user experience.
+Welcome to Teddy, Telia Norway's component library crafted to enhance the development of consistent, user-friendly
+interfaces. Teddy offers a suite of components styled in harmony with Telia's brand guidelines, aiming to facilitate UI
+development and enrich user experience.
 
 ## Project Philosophy
 
@@ -38,7 +38,7 @@ To contribute to or utilize Teddy:
 2. **Setup**
 
    - Node.js (v20) `nvm install 20 --lts`/`nvm use 20`
-   - PNPM (v8) `npm install -g pnpm@8`
+   - PNPM (v9) `npm install -g pnpm@9`
 
 3. **Install dependencies**:
 

package/dist/components/icon/AllIcons.cjs

@@ -103,6 +103,9 @@ const allIconsHtml = `<?xml version="1.0" encoding="UTF-8"?>
 </symbol>
         <symbol fill="none" viewBox="0 0 24 25" id="share">
   <path fill="currentColor" fill-rule="evenodd" d="M18 4.4a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm-3.9 2.1a3.9 3.9 0 1 1 .892 2.483l-6.188 2.652a3.913 3.913 0 0 1 0 1.73l6.188 2.652a3.9 3.9 0 1 1-.796 1.617l-6.188-2.652a3.9 3.9 0 1 1 0-4.965l6.188-2.652A3.915 3.915 0 0 1 14.1 6.5ZM5 10.4a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm13 6a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z" clip-rule="evenodd"></path>
+</symbol>
+        <symbol viewBox="0 0 24 24" fill="none" id="shortcut">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.36348 5.99998C8.36348 5.50292 8.76642 5.09998 9.26348 5.09998L17.2635 5.09998C17.7605 5.09998 18.1635 5.50292 18.1635 5.99998V14C18.1635 14.497 17.7605 14.9 17.2635 14.9C16.7664 14.9 16.3635 14.497 16.3635 14V8.17276L6.6364 17.8998C6.28493 18.2512 5.71508 18.2512 5.36361 17.8998C5.01214 17.5483 5.01214 16.9784 5.36361 16.627L15.0907 6.89998H9.26348C8.76642 6.89998 8.36348 6.49703 8.36348 5.99998Z" fill="currentColor"></path>
 </symbol>
         <symbol fill="none" viewBox="0 0 24 24" id="shuffle">
   <path fill="currentColor" fill-rule="evenodd" d="M18.844 4.625a.9.9 0 0 1 1.273 0l2.235 2.235a.9.9 0 0 1 0 1.273l-2.235 2.235a.9.9 0 1 1-1.273-1.272l.7-.7h-3.057l-1.98 1.98a.9.9 0 1 1-1.273-1.272l2.244-2.244a.9.9 0 0 1 .636-.263h3.43l-.7-.7a.9.9 0 0 1 0-1.272ZM1.47 7.502a.9.9 0 0 1 .9-.9h4.77a.9.9 0 0 1 .637.264L12.2 11.29a.892.892 0 0 1 .12.12l4.167 4.167h3.056l-.699-.7a.9.9 0 1 1 1.273-1.272l2.235 2.235a.9.9 0 0 1 0 1.273l-2.235 2.235a.9.9 0 1 1-1.273-1.272l.7-.7h-3.43a.9.9 0 0 1-.636-.263l-3.854-3.854-3.848 3.849a.9.9 0 0 1-.636.263H2.37a.9.9 0 0 1 0-1.8h4.397l3.584-3.584-3.584-3.585H2.369a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"></path>

package/dist/components/icon/AllIcons.js

@@ -102,6 +102,9 @@ const allIconsHtml = `<?xml version="1.0" encoding="UTF-8"?>
 </symbol>
         <symbol fill="none" viewBox="0 0 24 25" id="share">
   <path fill="currentColor" fill-rule="evenodd" d="M18 4.4a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm-3.9 2.1a3.9 3.9 0 1 1 .892 2.483l-6.188 2.652a3.913 3.913 0 0 1 0 1.73l6.188 2.652a3.9 3.9 0 1 1-.796 1.617l-6.188-2.652a3.9 3.9 0 1 1 0-4.965l6.188-2.652A3.915 3.915 0 0 1 14.1 6.5ZM5 10.4a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Zm13 6a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z" clip-rule="evenodd"></path>
+</symbol>
+        <symbol viewBox="0 0 24 24" fill="none" id="shortcut">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.36348 5.99998C8.36348 5.50292 8.76642 5.09998 9.26348 5.09998L17.2635 5.09998C17.7605 5.09998 18.1635 5.50292 18.1635 5.99998V14C18.1635 14.497 17.7605 14.9 17.2635 14.9C16.7664 14.9 16.3635 14.497 16.3635 14V8.17276L6.6364 17.8998C6.28493 18.2512 5.71508 18.2512 5.36361 17.8998C5.01214 17.5483 5.01214 16.9784 5.36361 16.627L15.0907 6.89998H9.26348C8.76642 6.89998 8.36348 6.49703 8.36348 5.99998Z" fill="currentColor"></path>
 </symbol>
         <symbol fill="none" viewBox="0 0 24 24" id="shuffle">
   <path fill="currentColor" fill-rule="evenodd" d="M18.844 4.625a.9.9 0 0 1 1.273 0l2.235 2.235a.9.9 0 0 1 0 1.273l-2.235 2.235a.9.9 0 1 1-1.273-1.272l.7-.7h-3.057l-1.98 1.98a.9.9 0 1 1-1.273-1.272l2.244-2.244a.9.9 0 0 1 .636-.263h3.43l-.7-.7a.9.9 0 0 1 0-1.272ZM1.47 7.502a.9.9 0 0 1 .9-.9h4.77a.9.9 0 0 1 .637.264L12.2 11.29a.892.892 0 0 1 .12.12l4.167 4.167h3.056l-.699-.7a.9.9 0 1 1 1.273-1.272l2.235 2.235a.9.9 0 0 1 0 1.273l-2.235 2.235a.9.9 0 1 1-1.273-1.272l.7-.7h-3.43a.9.9 0 0 1-.636-.263l-3.854-3.854-3.848 3.849a.9.9 0 0 1-.636.263H2.37a.9.9 0 0 1 0-1.8h4.397l3.584-3.584-3.584-3.585H2.369a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"></path>

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

@@ -9,4 +9,7 @@ require("../../../utils/useSize.cjs");
 require("../../../utils/generate-styling/index.cjs");
 require("../../../utils/useCallbackRef.cjs");
 require("../../../tokens/motion/variables.cjs");
+require("../../../assets/sprite.269ba410-teddy.svg");
+require("../../icon/icon.cjs");
+require("../../flex/flex.cjs");
 exports.Desktop = components_radioCardGroup_radioCardGroupItemTitle.Desktop;

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

@@ -7,6 +7,9 @@ import "../../../utils/useSize.js";
 import "../../../utils/generate-styling/index.js";
 import "../../../utils/useCallbackRef.js";
 import "../../../tokens/motion/variables.js";
+import "../../../assets/sprite.269ba410-teddy.svg";
+import "../../icon/icon.js";
+import "../../flex/flex.js";
 export {
   D as Desktop
 };

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

@@ -128,6 +128,7 @@ const PRIVATE_LINKS = {
         {
           name: "Se Telia Play",
           link: "https://www.teliaplay.no",
+          icon: "external",
           appKey: APP_KEYS["open-pages"]
         },
         {

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

@@ -176,6 +176,7 @@ export declare const PRIVATE_LINKS: {
         readonly links: [{
             readonly name: "Se Telia Play";
             readonly link: "https://www.teliaplay.no";
+            readonly icon: "external";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Innholdsoversikt";
@@ -410,6 +411,7 @@ export declare const LINKS: [{
         readonly links: [{
             readonly name: "Se Telia Play";
             readonly link: "https://www.teliaplay.no";
+            readonly icon: "external";
             readonly appKey: "open-pages";
         }, {
             readonly name: "Innholdsoversikt";

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

@@ -126,6 +126,7 @@ const PRIVATE_LINKS = {
         {
           name: "Se Telia Play",
           link: "https://www.teliaplay.no",
+          icon: "external",
           appKey: APP_KEYS["open-pages"]
         },
         {

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

@@ -1018,7 +1018,13 @@ const Desktop = React.forwardRef(() => {
                   rootContext.setPathname(subSubLink.link);
                 },
                 variant: "small",
-                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: subSubLink.name }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: subSubLink.name })
+                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", align: "center", gap: "25", children: [
+                  subSubLink.name,
+                  "icon" in subSubLink && /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: subSubLink.icon })
+                ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", align: "center", gap: "25", children: [
+                  subSubLink.name,
+                  "icon" in subSubLink && /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: subSubLink.icon })
+                ] }) })
               }
             ) }, subSubLink.name)) }) })
           ] }, subLink.name);
@@ -1136,14 +1142,12 @@ function Mobile(props) {
                                   (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
                                   rootContext.setPathname(subSubLink.link);
                                 },
-                                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
+                                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
                                   subSubLink.name,
-                                  " ",
-                                  /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
-                                ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "100", children: [
+                                  "icon" in subSubLink ? /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                                ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
                                   subSubLink.name,
-                                  " ",
-                                  /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
+                                  "icon" in subSubLink ? /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "arrow-right" })
                                 ] }) })
                               }
                             ) }, subSubLink.name)) }) })

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

@@ -997,7 +997,13 @@ const Desktop = React__default.forwardRef(() => {
                   rootContext.setPathname(subSubLink.link);
                 },
                 variant: "small",
-                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: subSubLink.name }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: subSubLink.name })
+                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", align: "center", gap: "25", children: [
+                  subSubLink.name,
+                  "icon" in subSubLink && /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon })
+                ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", align: "center", gap: "25", children: [
+                  subSubLink.name,
+                  "icon" in subSubLink && /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon })
+                ] }) })
               }
             ) }, subSubLink.name)) }) })
           ] }, subLink.name);
@@ -1115,14 +1121,12 @@ function Mobile(props) {
                                   (_a3 = drawerRef.current) == null ? void 0 : _a3.click();
                                   rootContext.setPathname(subSubLink.link);
                                 },
-                                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
+                                children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
                                   subSubLink.name,
-                                  " ",
-                                  /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
-                                ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", children: [
+                                  "icon" in subSubLink ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+                                ] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
                                   subSubLink.name,
-                                  " ",
-                                  /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
+                                  "icon" in subSubLink ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
                                 ] }) })
                               }
                             ) }, subSubLink.name)) }) })

package/dist/main.cjs

@@ -107,307 +107,13 @@ exports.VisuallyHidden = components_visuallyHidden_visuallyHidden.VisuallyHidden
 exports.TextSpacing = components_textSpacing_textSpacing.TextSpacing;
 exports.Container = components_container_container.Container;
 exports.Carousel = components_carousel_carouselRoot.Carousel;
-exports.teddyBorderRadiusFull = tokens_border_variables.teddyBorderRadiusFull;
-exports.teddyBorderRadiusLg = tokens_border_variables.teddyBorderRadiusLg;
-exports.teddyBorderRadiusMd = tokens_border_variables.teddyBorderRadiusMd;
-exports.teddyBorderRadiusSm = tokens_border_variables.teddyBorderRadiusSm;
-exports.teddyBorderRadiusXs = tokens_border_variables.teddyBorderRadiusXs;
-exports.teddyBorderWidthLg = tokens_border_variables.teddyBorderWidthLg;
-exports.teddyBorderWidthMd = tokens_border_variables.teddyBorderWidthMd;
-exports.teddyBorderWidthSm = tokens_border_variables.teddyBorderWidthSm;
-exports.teddyBorderWidthXs = tokens_border_variables.teddyBorderWidthXs;
-exports.teddyBreakpointLg = tokens_breakpoint_variables.teddyBreakpointLg;
-exports.teddyBreakpointMd = tokens_breakpoint_variables.teddyBreakpointMd;
-exports.teddyBreakpointSm = tokens_breakpoint_variables.teddyBreakpointSm;
-exports.teddyBreakpointXl = tokens_breakpoint_variables.teddyBreakpointXl;
-exports.teddyColorBackgroundInteractiveDestructive = tokens_color_variables.teddyColorBackgroundInteractiveDestructive;
-exports.teddyColorBackgroundInteractiveDestructiveActive = tokens_color_variables.teddyColorBackgroundInteractiveDestructiveActive;
-exports.teddyColorBackgroundInteractiveDestructiveHover = tokens_color_variables.teddyColorBackgroundInteractiveDestructiveHover;
-exports.teddyColorBackgroundInteractiveDisabled = tokens_color_variables.teddyColorBackgroundInteractiveDisabled;
-exports.teddyColorBackgroundInteractiveDisabledNegative = tokens_color_variables.teddyColorBackgroundInteractiveDisabledNegative;
-exports.teddyColorBackgroundInteractiveExpressive = tokens_color_variables.teddyColorBackgroundInteractiveExpressive;
-exports.teddyColorBackgroundInteractiveExpressiveActive = tokens_color_variables.teddyColorBackgroundInteractiveExpressiveActive;
-exports.teddyColorBackgroundInteractiveExpressiveHover = tokens_color_variables.teddyColorBackgroundInteractiveExpressiveHover;
-exports.teddyColorBackgroundInteractiveExpressiveNegative = tokens_color_variables.teddyColorBackgroundInteractiveExpressiveNegative;
-exports.teddyColorBackgroundInteractiveExpressiveNegativeActive = tokens_color_variables.teddyColorBackgroundInteractiveExpressiveNegativeActive;
-exports.teddyColorBackgroundInteractiveExpressiveNegativeHover = tokens_color_variables.teddyColorBackgroundInteractiveExpressiveNegativeHover;
-exports.teddyColorBackgroundInteractiveInactive = tokens_color_variables.teddyColorBackgroundInteractiveInactive;
-exports.teddyColorBackgroundInteractiveInactiveNegative = tokens_color_variables.teddyColorBackgroundInteractiveInactiveNegative;
-exports.teddyColorBackgroundInteractivePrimary = tokens_color_variables.teddyColorBackgroundInteractivePrimary;
-exports.teddyColorBackgroundInteractivePrimaryActive = tokens_color_variables.teddyColorBackgroundInteractivePrimaryActive;
-exports.teddyColorBackgroundInteractivePrimaryHover = tokens_color_variables.teddyColorBackgroundInteractivePrimaryHover;
-exports.teddyColorBackgroundInteractivePrimaryNegative = tokens_color_variables.teddyColorBackgroundInteractivePrimaryNegative;
-exports.teddyColorBackgroundInteractivePrimaryNegativeActive = tokens_color_variables.teddyColorBackgroundInteractivePrimaryNegativeActive;
-exports.teddyColorBackgroundInteractivePrimaryNegativeHover = tokens_color_variables.teddyColorBackgroundInteractivePrimaryNegativeHover;
-exports.teddyColorBackgroundInteractiveReadOnly = tokens_color_variables.teddyColorBackgroundInteractiveReadOnly;
-exports.teddyColorBackgroundInteractiveTransparent = tokens_color_variables.teddyColorBackgroundInteractiveTransparent;
-exports.teddyColorBackgroundInteractiveTransparentActive = tokens_color_variables.teddyColorBackgroundInteractiveTransparentActive;
-exports.teddyColorBackgroundInteractiveTransparentHover = tokens_color_variables.teddyColorBackgroundInteractiveTransparentHover;
-exports.teddyColorBackgroundInteractiveTransparentNegativeActive = tokens_color_variables.teddyColorBackgroundInteractiveTransparentNegativeActive;
-exports.teddyColorBackgroundInteractiveTransparentNegativeHover = tokens_color_variables.teddyColorBackgroundInteractiveTransparentNegativeHover;
-exports.teddyColorBackgroundPrimary = tokens_color_variables.teddyColorBackgroundPrimary;
-exports.teddyColorBackgroundSecondary = tokens_color_variables.teddyColorBackgroundSecondary;
-exports.teddyColorBackgroundStatusAttention = tokens_color_variables.teddyColorBackgroundStatusAttention;
-exports.teddyColorBackgroundStatusError = tokens_color_variables.teddyColorBackgroundStatusError;
-exports.teddyColorBackgroundStatusErrorStrong = tokens_color_variables.teddyColorBackgroundStatusErrorStrong;
-exports.teddyColorBackgroundStatusInfo = tokens_color_variables.teddyColorBackgroundStatusInfo;
-exports.teddyColorBackgroundStatusInfoStrong = tokens_color_variables.teddyColorBackgroundStatusInfoStrong;
-exports.teddyColorBackgroundStatusNeutral = tokens_color_variables.teddyColorBackgroundStatusNeutral;
-exports.teddyColorBackgroundStatusSpecial = tokens_color_variables.teddyColorBackgroundStatusSpecial;
-exports.teddyColorBackgroundStatusSuccess = tokens_color_variables.teddyColorBackgroundStatusSuccess;
-exports.teddyColorBackgroundStatusSuccessStrong = tokens_color_variables.teddyColorBackgroundStatusSuccessStrong;
-exports.teddyColorBackgroundStatusWarning = tokens_color_variables.teddyColorBackgroundStatusWarning;
-exports.teddyColorBackgroundStatusWarningStrong = tokens_color_variables.teddyColorBackgroundStatusWarningStrong;
-exports.teddyColorBackgroundToneOnTonePrimary = tokens_color_variables.teddyColorBackgroundToneOnTonePrimary;
-exports.teddyColorBackgroundToneOnToneQuaternary = tokens_color_variables.teddyColorBackgroundToneOnToneQuaternary;
-exports.teddyColorBackgroundToneOnToneSecondary = tokens_color_variables.teddyColorBackgroundToneOnToneSecondary;
-exports.teddyColorBackgroundToneOnToneTertiary = tokens_color_variables.teddyColorBackgroundToneOnToneTertiary;
-exports.teddyColorBeige100 = tokens_color_variables.teddyColorBeige100;
-exports.teddyColorBeige200 = tokens_color_variables.teddyColorBeige200;
-exports.teddyColorBeige300 = tokens_color_variables.teddyColorBeige300;
-exports.teddyColorBeige400 = tokens_color_variables.teddyColorBeige400;
-exports.teddyColorBeige50 = tokens_color_variables.teddyColorBeige50;
-exports.teddyColorBeige500 = tokens_color_variables.teddyColorBeige500;
-exports.teddyColorBeige600 = tokens_color_variables.teddyColorBeige600;
-exports.teddyColorBeige700 = tokens_color_variables.teddyColorBeige700;
-exports.teddyColorBeige800 = tokens_color_variables.teddyColorBeige800;
-exports.teddyColorBeige900 = tokens_color_variables.teddyColorBeige900;
-exports.teddyColorBeige950 = tokens_color_variables.teddyColorBeige950;
-exports.teddyColorBlue100 = tokens_color_variables.teddyColorBlue100;
-exports.teddyColorBlue200 = tokens_color_variables.teddyColorBlue200;
-exports.teddyColorBlue300 = tokens_color_variables.teddyColorBlue300;
-exports.teddyColorBlue400 = tokens_color_variables.teddyColorBlue400;
-exports.teddyColorBlue50 = tokens_color_variables.teddyColorBlue50;
-exports.teddyColorBlue500 = tokens_color_variables.teddyColorBlue500;
-exports.teddyColorBlue600 = tokens_color_variables.teddyColorBlue600;
-exports.teddyColorBlue700 = tokens_color_variables.teddyColorBlue700;
-exports.teddyColorBlue800 = tokens_color_variables.teddyColorBlue800;
-exports.teddyColorBlue900 = tokens_color_variables.teddyColorBlue900;
-exports.teddyColorBlue950 = tokens_color_variables.teddyColorBlue950;
-exports.teddyColorBorderInteractiveFocus = tokens_color_variables.teddyColorBorderInteractiveFocus;
-exports.teddyColorBorderInteractivePrimary = tokens_color_variables.teddyColorBorderInteractivePrimary;
-exports.teddyColorBorderInteractivePrimaryActive = tokens_color_variables.teddyColorBorderInteractivePrimaryActive;
-exports.teddyColorBorderInteractivePrimaryHover = tokens_color_variables.teddyColorBorderInteractivePrimaryHover;
-exports.teddyColorBorderInteractivePrimaryNegative = tokens_color_variables.teddyColorBorderInteractivePrimaryNegative;
-exports.teddyColorBorderInteractivePrimaryNegativeActive = tokens_color_variables.teddyColorBorderInteractivePrimaryNegativeActive;
-exports.teddyColorBorderInteractivePrimaryNegativeHover = tokens_color_variables.teddyColorBorderInteractivePrimaryNegativeHover;
-exports.teddyColorBorderInteractiveSelected = tokens_color_variables.teddyColorBorderInteractiveSelected;
-exports.teddyColorBorderInteractiveSubtle = tokens_color_variables.teddyColorBorderInteractiveSubtle;
-exports.teddyColorBorderInteractiveSubtleHover = tokens_color_variables.teddyColorBorderInteractiveSubtleHover;
-exports.teddyColorBorderMedium = tokens_color_variables.teddyColorBorderMedium;
-exports.teddyColorBorderMediumNegative = tokens_color_variables.teddyColorBorderMediumNegative;
-exports.teddyColorBorderStatusError = tokens_color_variables.teddyColorBorderStatusError;
-exports.teddyColorBorderStatusInfo = tokens_color_variables.teddyColorBorderStatusInfo;
-exports.teddyColorBorderStatusSuccess = tokens_color_variables.teddyColorBorderStatusSuccess;
-exports.teddyColorBorderStatusWarning = tokens_color_variables.teddyColorBorderStatusWarning;
-exports.teddyColorBorderStrong = tokens_color_variables.teddyColorBorderStrong;
-exports.teddyColorBorderStrongNegative = tokens_color_variables.teddyColorBorderStrongNegative;
-exports.teddyColorBorderWeak = tokens_color_variables.teddyColorBorderWeak;
-exports.teddyColorBorderWeakNegative = tokens_color_variables.teddyColorBorderWeakNegative;
-exports.teddyColorBrandBeige = tokens_color_variables.teddyColorBrandBeige;
-exports.teddyColorBrandCorePurple = tokens_color_variables.teddyColorBrandCorePurple;
-exports.teddyColorBrandDeepBeige = tokens_color_variables.teddyColorBrandDeepBeige;
-exports.teddyColorBrandDeepPurple = tokens_color_variables.teddyColorBrandDeepPurple;
-exports.teddyColorBrandLightBeige = tokens_color_variables.teddyColorBrandLightBeige;
-exports.teddyColorBrandLightPurple = tokens_color_variables.teddyColorBrandLightPurple;
-exports.teddyColorBrandOffBlack = tokens_color_variables.teddyColorBrandOffBlack;
-exports.teddyColorBrandWhite = tokens_color_variables.teddyColorBrandWhite;
-exports.teddyColorFunctionalBlack = tokens_color_variables.teddyColorFunctionalBlack;
-exports.teddyColorFunctionalTransparent = tokens_color_variables.teddyColorFunctionalTransparent;
-exports.teddyColorFunctionalWhite = tokens_color_variables.teddyColorFunctionalWhite;
-exports.teddyColorGray100 = tokens_color_variables.teddyColorGray100;
-exports.teddyColorGray150 = tokens_color_variables.teddyColorGray150;
-exports.teddyColorGray200 = tokens_color_variables.teddyColorGray200;
-exports.teddyColorGray300 = tokens_color_variables.teddyColorGray300;
-exports.teddyColorGray400 = tokens_color_variables.teddyColorGray400;
-exports.teddyColorGray50 = tokens_color_variables.teddyColorGray50;
-exports.teddyColorGray500 = tokens_color_variables.teddyColorGray500;
-exports.teddyColorGray600 = tokens_color_variables.teddyColorGray600;
-exports.teddyColorGray700 = tokens_color_variables.teddyColorGray700;
-exports.teddyColorGray800 = tokens_color_variables.teddyColorGray800;
-exports.teddyColorGray850 = tokens_color_variables.teddyColorGray850;
-exports.teddyColorGray900 = tokens_color_variables.teddyColorGray900;
-exports.teddyColorGray950 = tokens_color_variables.teddyColorGray950;
-exports.teddyColorGreen100 = tokens_color_variables.teddyColorGreen100;
-exports.teddyColorGreen200 = tokens_color_variables.teddyColorGreen200;
-exports.teddyColorGreen300 = tokens_color_variables.teddyColorGreen300;
-exports.teddyColorGreen400 = tokens_color_variables.teddyColorGreen400;
-exports.teddyColorGreen50 = tokens_color_variables.teddyColorGreen50;
-exports.teddyColorGreen500 = tokens_color_variables.teddyColorGreen500;
-exports.teddyColorGreen600 = tokens_color_variables.teddyColorGreen600;
-exports.teddyColorGreen700 = tokens_color_variables.teddyColorGreen700;
-exports.teddyColorGreen800 = tokens_color_variables.teddyColorGreen800;
-exports.teddyColorGreen900 = tokens_color_variables.teddyColorGreen900;
-exports.teddyColorGreen950 = tokens_color_variables.teddyColorGreen950;
-exports.teddyColorOrange100 = tokens_color_variables.teddyColorOrange100;
-exports.teddyColorOrange200 = tokens_color_variables.teddyColorOrange200;
-exports.teddyColorOrange300 = tokens_color_variables.teddyColorOrange300;
-exports.teddyColorOrange400 = tokens_color_variables.teddyColorOrange400;
-exports.teddyColorOrange50 = tokens_color_variables.teddyColorOrange50;
-exports.teddyColorOrange500 = tokens_color_variables.teddyColorOrange500;
-exports.teddyColorOrange600 = tokens_color_variables.teddyColorOrange600;
-exports.teddyColorOrange700 = tokens_color_variables.teddyColorOrange700;
-exports.teddyColorOrange800 = tokens_color_variables.teddyColorOrange800;
-exports.teddyColorOrange900 = tokens_color_variables.teddyColorOrange900;
-exports.teddyColorOrange950 = tokens_color_variables.teddyColorOrange950;
-exports.teddyColorOverlayDefault = tokens_color_variables.teddyColorOverlayDefault;
-exports.teddyColorPurple100 = tokens_color_variables.teddyColorPurple100;
-exports.teddyColorPurple200 = tokens_color_variables.teddyColorPurple200;
-exports.teddyColorPurple300 = tokens_color_variables.teddyColorPurple300;
-exports.teddyColorPurple400 = tokens_color_variables.teddyColorPurple400;
-exports.teddyColorPurple50 = tokens_color_variables.teddyColorPurple50;
-exports.teddyColorPurple500 = tokens_color_variables.teddyColorPurple500;
-exports.teddyColorPurple550 = tokens_color_variables.teddyColorPurple550;
-exports.teddyColorPurple600 = tokens_color_variables.teddyColorPurple600;
-exports.teddyColorPurple700 = tokens_color_variables.teddyColorPurple700;
-exports.teddyColorPurple800 = tokens_color_variables.teddyColorPurple800;
-exports.teddyColorPurple900 = tokens_color_variables.teddyColorPurple900;
-exports.teddyColorPurple950 = tokens_color_variables.teddyColorPurple950;
-exports.teddyColorRed100 = tokens_color_variables.teddyColorRed100;
-exports.teddyColorRed200 = tokens_color_variables.teddyColorRed200;
-exports.teddyColorRed300 = tokens_color_variables.teddyColorRed300;
-exports.teddyColorRed400 = tokens_color_variables.teddyColorRed400;
-exports.teddyColorRed50 = tokens_color_variables.teddyColorRed50;
-exports.teddyColorRed500 = tokens_color_variables.teddyColorRed500;
-exports.teddyColorRed600 = tokens_color_variables.teddyColorRed600;
-exports.teddyColorRed700 = tokens_color_variables.teddyColorRed700;
-exports.teddyColorRed800 = tokens_color_variables.teddyColorRed800;
-exports.teddyColorRed900 = tokens_color_variables.teddyColorRed900;
-exports.teddyColorRed950 = tokens_color_variables.teddyColorRed950;
-exports.teddyColorTeal100 = tokens_color_variables.teddyColorTeal100;
-exports.teddyColorTeal200 = tokens_color_variables.teddyColorTeal200;
-exports.teddyColorTeal300 = tokens_color_variables.teddyColorTeal300;
-exports.teddyColorTeal400 = tokens_color_variables.teddyColorTeal400;
-exports.teddyColorTeal50 = tokens_color_variables.teddyColorTeal50;
-exports.teddyColorTeal500 = tokens_color_variables.teddyColorTeal500;
-exports.teddyColorTeal600 = tokens_color_variables.teddyColorTeal600;
-exports.teddyColorTeal700 = tokens_color_variables.teddyColorTeal700;
-exports.teddyColorTeal800 = tokens_color_variables.teddyColorTeal800;
-exports.teddyColorTeal900 = tokens_color_variables.teddyColorTeal900;
-exports.teddyColorTeal950 = tokens_color_variables.teddyColorTeal950;
-exports.teddyColorTextDefault = tokens_color_variables.teddyColorTextDefault;
-exports.teddyColorTextDefaultNegative = tokens_color_variables.teddyColorTextDefaultNegative;
-exports.teddyColorTextInteractiveOnDestructive = tokens_color_variables.teddyColorTextInteractiveOnDestructive;
-exports.teddyColorTextInteractiveOnExpressive = tokens_color_variables.teddyColorTextInteractiveOnExpressive;
-exports.teddyColorTextInteractiveOnExpressiveNegative = tokens_color_variables.teddyColorTextInteractiveOnExpressiveNegative;
-exports.teddyColorTextInteractiveOnExpressiveNegativeActive = tokens_color_variables.teddyColorTextInteractiveOnExpressiveNegativeActive;
-exports.teddyColorTextInteractiveOnExpressiveNegativeHover = tokens_color_variables.teddyColorTextInteractiveOnExpressiveNegativeHover;
-exports.teddyColorTextInteractiveOnPrimary = tokens_color_variables.teddyColorTextInteractiveOnPrimary;
-exports.teddyColorTextInteractiveOnPrimaryNegative = tokens_color_variables.teddyColorTextInteractiveOnPrimaryNegative;
-exports.teddyColorTextInteractivePrimary = tokens_color_variables.teddyColorTextInteractivePrimary;
-exports.teddyColorTextInteractivePrimaryActive = tokens_color_variables.teddyColorTextInteractivePrimaryActive;
-exports.teddyColorTextInteractivePrimaryHover = tokens_color_variables.teddyColorTextInteractivePrimaryHover;
-exports.teddyColorTextInteractivePrimaryNegative = tokens_color_variables.teddyColorTextInteractivePrimaryNegative;
-exports.teddyColorTextInteractivePrimaryNegativeActive = tokens_color_variables.teddyColorTextInteractivePrimaryNegativeActive;
-exports.teddyColorTextInteractivePrimaryNegativeHover = tokens_color_variables.teddyColorTextInteractivePrimaryNegativeHover;
-exports.teddyColorTextInteractiveSelected = tokens_color_variables.teddyColorTextInteractiveSelected;
-exports.teddyColorTextMedium = tokens_color_variables.teddyColorTextMedium;
-exports.teddyColorTextMediumNegative = tokens_color_variables.teddyColorTextMediumNegative;
-exports.teddyColorTextStatusAttention = tokens_color_variables.teddyColorTextStatusAttention;
-exports.teddyColorTextStatusDiscount = tokens_color_variables.teddyColorTextStatusDiscount;
-exports.teddyColorTextStatusErrorMedium = tokens_color_variables.teddyColorTextStatusErrorMedium;
-exports.teddyColorTextStatusErrorStrong = tokens_color_variables.teddyColorTextStatusErrorStrong;
-exports.teddyColorTextStatusInfoMedium = tokens_color_variables.teddyColorTextStatusInfoMedium;
-exports.teddyColorTextStatusInfoStrong = tokens_color_variables.teddyColorTextStatusInfoStrong;
-exports.teddyColorTextStatusNeutral = tokens_color_variables.teddyColorTextStatusNeutral;
-exports.teddyColorTextStatusSpecial = tokens_color_variables.teddyColorTextStatusSpecial;
-exports.teddyColorTextStatusSuccessMedium = tokens_color_variables.teddyColorTextStatusSuccessMedium;
-exports.teddyColorTextStatusSuccessStrong = tokens_color_variables.teddyColorTextStatusSuccessStrong;
-exports.teddyColorTextStatusWarningMedium = tokens_color_variables.teddyColorTextStatusWarningMedium;
-exports.teddyColorTextStatusWarningStrong = tokens_color_variables.teddyColorTextStatusWarningStrong;
-exports.teddyColorTextToneOnTonePrimary = tokens_color_variables.teddyColorTextToneOnTonePrimary;
-exports.teddyColorTextToneOnToneSecondary = tokens_color_variables.teddyColorTextToneOnToneSecondary;
-exports.teddyColorTextToneOnToneTertiary = tokens_color_variables.teddyColorTextToneOnToneTertiary;
-exports.teddyColorTextWeak = tokens_color_variables.teddyColorTextWeak;
-exports.teddyColorTextWeakNegative = tokens_color_variables.teddyColorTextWeakNegative;
-exports.teddyColorTransparentBlack100 = tokens_color_variables.teddyColorTransparentBlack100;
-exports.teddyColorTransparentBlack150 = tokens_color_variables.teddyColorTransparentBlack150;
-exports.teddyColorTransparentBlack200 = tokens_color_variables.teddyColorTransparentBlack200;
-exports.teddyColorTransparentBlack300 = tokens_color_variables.teddyColorTransparentBlack300;
-exports.teddyColorTransparentBlack400 = tokens_color_variables.teddyColorTransparentBlack400;
-exports.teddyColorTransparentBlack50 = tokens_color_variables.teddyColorTransparentBlack50;
-exports.teddyColorTransparentBlack500 = tokens_color_variables.teddyColorTransparentBlack500;
-exports.teddyColorTransparentBlack600 = tokens_color_variables.teddyColorTransparentBlack600;
-exports.teddyColorTransparentBlack700 = tokens_color_variables.teddyColorTransparentBlack700;
-exports.teddyColorTransparentBlack800 = tokens_color_variables.teddyColorTransparentBlack800;
-exports.teddyColorTransparentBlack850 = tokens_color_variables.teddyColorTransparentBlack850;
-exports.teddyColorTransparentBlack900 = tokens_color_variables.teddyColorTransparentBlack900;
-exports.teddyColorTransparentBlack950 = tokens_color_variables.teddyColorTransparentBlack950;
-exports.teddyColorTransparentWhite100 = tokens_color_variables.teddyColorTransparentWhite100;
-exports.teddyColorTransparentWhite150 = tokens_color_variables.teddyColorTransparentWhite150;
-exports.teddyColorTransparentWhite200 = tokens_color_variables.teddyColorTransparentWhite200;
-exports.teddyColorTransparentWhite300 = tokens_color_variables.teddyColorTransparentWhite300;
-exports.teddyColorTransparentWhite400 = tokens_color_variables.teddyColorTransparentWhite400;
-exports.teddyColorTransparentWhite50 = tokens_color_variables.teddyColorTransparentWhite50;
-exports.teddyColorTransparentWhite500 = tokens_color_variables.teddyColorTransparentWhite500;
-exports.teddyColorTransparentWhite600 = tokens_color_variables.teddyColorTransparentWhite600;
-exports.teddyColorTransparentWhite700 = tokens_color_variables.teddyColorTransparentWhite700;
-exports.teddyColorTransparentWhite800 = tokens_color_variables.teddyColorTransparentWhite800;
-exports.teddyColorTransparentWhite850 = tokens_color_variables.teddyColorTransparentWhite850;
-exports.teddyColorTransparentWhite900 = tokens_color_variables.teddyColorTransparentWhite900;
-exports.teddyColorTransparentWhite950 = tokens_color_variables.teddyColorTransparentWhite950;
-exports.teddyMotionDuration100 = tokens_motion_variables.teddyMotionDuration100;
-exports.teddyMotionDuration150 = tokens_motion_variables.teddyMotionDuration150;
-exports.teddyMotionDuration1500 = tokens_motion_variables.teddyMotionDuration1500;
-exports.teddyMotionDuration200 = tokens_motion_variables.teddyMotionDuration200;
-exports.teddyMotionDuration2000 = tokens_motion_variables.teddyMotionDuration2000;
-exports.teddyMotionDuration300 = tokens_motion_variables.teddyMotionDuration300;
-exports.teddyMotionDuration400 = tokens_motion_variables.teddyMotionDuration400;
-exports.teddyMotionDuration500 = tokens_motion_variables.teddyMotionDuration500;
-exports.teddyMotionEasingEaseIn = tokens_motion_variables.teddyMotionEasingEaseIn;
-exports.teddyMotionEasingEaseInOut = tokens_motion_variables.teddyMotionEasingEaseInOut;
-exports.teddyMotionEasingEaseOut = tokens_motion_variables.teddyMotionEasingEaseOut;
-exports.teddyShadowLg = tokens_shadow_variables.teddyShadowLg;
-exports.teddyShadowMd = tokens_shadow_variables.teddyShadowMd;
-exports.teddyShadowNone = tokens_shadow_variables.teddyShadowNone;
-exports.teddyShadowSm = tokens_shadow_variables.teddyShadowSm;
-exports.teddySpacing0 = tokens_spacing_variables.teddySpacing0;
-exports.teddySpacing10 = tokens_spacing_variables.teddySpacing10;
-exports.teddySpacing100 = tokens_spacing_variables.teddySpacing100;
-exports.teddySpacing1000 = tokens_spacing_variables.teddySpacing1000;
-exports.teddySpacing1200 = tokens_spacing_variables.teddySpacing1200;
-exports.teddySpacing150 = tokens_spacing_variables.teddySpacing150;
-exports.teddySpacing1600 = tokens_spacing_variables.teddySpacing1600;
-exports.teddySpacing200 = tokens_spacing_variables.teddySpacing200;
-exports.teddySpacing25 = tokens_spacing_variables.teddySpacing25;
-exports.teddySpacing250 = tokens_spacing_variables.teddySpacing250;
-exports.teddySpacing300 = tokens_spacing_variables.teddySpacing300;
-exports.teddySpacing400 = tokens_spacing_variables.teddySpacing400;
-exports.teddySpacing50 = tokens_spacing_variables.teddySpacing50;
-exports.teddySpacing600 = tokens_spacing_variables.teddySpacing600;
-exports.teddySpacing800 = tokens_spacing_variables.teddySpacing800;
-exports.teddySpacingGutterLg = tokens_spacing_variables.teddySpacingGutterLg;
-exports.teddySpacingGutterMd = tokens_spacing_variables.teddySpacingGutterMd;
-exports.teddySpacingGutterSm = tokens_spacing_variables.teddySpacingGutterSm;
-exports.teddySpacingGutterXl = tokens_spacing_variables.teddySpacingGutterXl;
-exports.teddySpacingPagePaddingLg = tokens_spacing_variables.teddySpacingPagePaddingLg;
-exports.teddySpacingPagePaddingMd = tokens_spacing_variables.teddySpacingPagePaddingMd;
-exports.teddySpacingPagePaddingSm = tokens_spacing_variables.teddySpacingPagePaddingSm;
-exports.teddySpacingPagePaddingXl = tokens_spacing_variables.teddySpacingPagePaddingXl;
-exports.teddyTypographyFamilyDefault = tokens_typography_variables.teddyTypographyFamilyDefault;
-exports.teddyTypographyFamilyDisplay = tokens_typography_variables.teddyTypographyFamilyDisplay;
-exports.teddyTypographyLineHeightDefault = tokens_typography_variables.teddyTypographyLineHeightDefault;
-exports.teddyTypographyLineHeightLoose = tokens_typography_variables.teddyTypographyLineHeightLoose;
-exports.teddyTypographyLineHeightLooser = tokens_typography_variables.teddyTypographyLineHeightLooser;
-exports.teddyTypographyLineHeightTight = tokens_typography_variables.teddyTypographyLineHeightTight;
-exports.teddyTypographyScale100 = tokens_typography_variables.teddyTypographyScale100;
-exports.teddyTypographyScale1000 = tokens_typography_variables.teddyTypographyScale1000;
-exports.teddyTypographyScale1100 = tokens_typography_variables.teddyTypographyScale1100;
-exports.teddyTypographyScale150 = tokens_typography_variables.teddyTypographyScale150;
-exports.teddyTypographyScale200 = tokens_typography_variables.teddyTypographyScale200;
-exports.teddyTypographyScale400 = tokens_typography_variables.teddyTypographyScale400;
-exports.teddyTypographyScale50 = tokens_typography_variables.teddyTypographyScale50;
-exports.teddyTypographyScale500 = tokens_typography_variables.teddyTypographyScale500;
-exports.teddyTypographyScale600 = tokens_typography_variables.teddyTypographyScale600;
-exports.teddyTypographyScale650 = tokens_typography_variables.teddyTypographyScale650;
-exports.teddyTypographyScale700 = tokens_typography_variables.teddyTypographyScale700;
-exports.teddyTypographyScale75 = tokens_typography_variables.teddyTypographyScale75;
-exports.teddyTypographyScale800 = tokens_typography_variables.teddyTypographyScale800;
-exports.teddyTypographyScale850 = tokens_typography_variables.teddyTypographyScale850;
-exports.teddyTypographyScale900 = tokens_typography_variables.teddyTypographyScale900;
-exports.teddyTypographyWeightBold = tokens_typography_variables.teddyTypographyWeightBold;
-exports.teddyTypographyWeightMedium = tokens_typography_variables.teddyTypographyWeightMedium;
-exports.teddyTypographyWeightNormal = tokens_typography_variables.teddyTypographyWeightNormal;
+exports.border = tokens_border_variables.variables;
+exports.breakpoint = tokens_breakpoint_variables.variables;
+exports.color = tokens_color_variables.variables;
+exports.motion = tokens_motion_variables.variables;
+exports.shadow = tokens_shadow_variables.variables;
+exports.spacing = tokens_spacing_variables.variables;
+exports.typography = tokens_typography_variables.variables;
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: () => sonner.toast