@telia/teddy 0.1.15 → 0.1.17

package/dist/components/button/button.cjs

@@ -23,33 +23,34 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const fadeInAnimation = "_fadeInAnimation_aswkh_1";
-const scaleInAnimation = "_scaleInAnimation_aswkh_1";
+const fadeInAnimation = "_fadeInAnimation_1k5uy_1";
+const scaleInAnimation = "_scaleInAnimation_1k5uy_1";
 const styles = {
-  "teddy-button": "_teddy-button_aswkh_18",
-  "teddy-button--sm": "_teddy-button--sm_aswkh_53",
-  "teddy-button--icon-only": "_teddy-button--icon-only_aswkh_56",
-  "teddy-button--md": "_teddy-button--md_aswkh_59",
-  "teddy-button--lg": "_teddy-button--lg_aswkh_65",
-  "teddy-button--full-width": "_teddy-button--full-width_aswkh_71",
-  "teddy-button--primary": "_teddy-button--primary_aswkh_74",
-  "teddy-button--disabled": "_teddy-button--disabled_aswkh_78",
-  "teddy-button--primary-negative": "_teddy-button--primary-negative_aswkh_84",
-  "teddy-button--secondary": "_teddy-button--secondary_aswkh_96",
-  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_aswkh_107",
-  "teddy-button--expressive": "_teddy-button--expressive_aswkh_118",
-  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_aswkh_128",
-  "teddy-button--negative": "_teddy-button--negative_aswkh_140",
-  "teddy-button--destructive": "_teddy-button--destructive_aswkh_147",
-  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_aswkh_157",
-  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_aswkh_167",
-  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_aswkh_180",
-  "teddy-button--list-item": "_teddy-button--list-item_aswkh_195",
-  "teddy-button--text-negative": "_teddy-button--text-negative_aswkh_214",
-  "teddy-button--text": "_teddy-button--text_aswkh_214",
-  "teddy-button__loading": "_teddy-button__loading_aswkh_261",
+  "teddy-button": "_teddy-button_1k5uy_18",
+  "teddy-button--sm": "_teddy-button--sm_1k5uy_53",
+  "teddy-button--icon-only": "_teddy-button--icon-only_1k5uy_56",
+  "teddy-button--md": "_teddy-button--md_1k5uy_59",
+  "teddy-button--lg": "_teddy-button--lg_1k5uy_65",
+  "teddy-button--full-width": "_teddy-button--full-width_1k5uy_71",
+  "teddy-button--primary": "_teddy-button--primary_1k5uy_74",
+  "teddy-button--disabled": "_teddy-button--disabled_1k5uy_78",
+  "teddy-button--primary-negative": "_teddy-button--primary-negative_1k5uy_84",
+  "teddy-button--secondary": "_teddy-button--secondary_1k5uy_96",
+  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_1k5uy_107",
+  "teddy-button--expressive": "_teddy-button--expressive_1k5uy_118",
+  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_1k5uy_128",
+  "teddy-button--negative": "_teddy-button--negative_1k5uy_140",
+  "teddy-button--destructive": "_teddy-button--destructive_1k5uy_147",
+  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_1k5uy_157",
+  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_1k5uy_167",
+  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_1k5uy_180",
+  "teddy-button--list-item": "_teddy-button--list-item_1k5uy_195",
+  "teddy-button--text-negative": "_teddy-button--text-negative_1k5uy_214",
+  "teddy-button--text": "_teddy-button--text_1k5uy_214",
+  "teddy-button--dashed-border": "_teddy-button--dashed-border_1k5uy_261",
+  "teddy-button__loading": "_teddy-button__loading_1k5uy_265",
   fadeInAnimation,
-  "teddy-button__spinner": "_teddy-button__spinner_aswkh_272",
+  "teddy-button__spinner": "_teddy-button__spinner_1k5uy_276",
   scaleInAnimation
 };
 const rootClassName = "teddy-button";
@@ -74,6 +75,7 @@ const Root = React__namespace.forwardRef((args, ref) => {
     variant = "primary",
     size = "md",
     iconOnly,
+    borderStyle,
     fullWidth,
     disabled = false,
     loading = false,
@@ -89,7 +91,8 @@ const Root = React__namespace.forwardRef((args, ref) => {
       [styles[`${rootClassName}--icon-only`]]: iconOnly,
       [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
       [styles[`${rootClassName}--full-width`]]: fullWidth,
-      [styles[`${rootClassName}--disabled`]]: disabled || loading
+      [styles[`${rootClassName}--disabled`]]: disabled || loading,
+      [styles[`${rootClassName}--dashed-border`]]: borderStyle === "dashed"
     },
     className
   );

package/dist/components/button/button.d.ts

@@ -4,12 +4,14 @@ declare const variants: readonly ["primary", "secondary", "destructive", "tertia
 export type Variant = (typeof variants)[number];
 declare const sizes: readonly ["sm", "md", "lg"];
 export type Size = (typeof sizes)[number];
+type BorderStyle = 'default' | 'dashed';
 type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'> & ChildrenLayoutProps & {
     asChild?: boolean;
     loading?: boolean;
     fullWidth?: boolean;
     size?: Size;
     variant?: Variant;
+    borderStyle?: BorderStyle;
 } & ({
     iconOnly: true;
     ['aria-label']: string;

package/dist/components/button/button.js

@@ -4,33 +4,34 @@ import { clsx } from "clsx";
 import * as React from "react";
 import { Spinner } from "../spinner/spinner.js";
 import { extractProps } from "../../utils/generate-styling/index.js";
-const fadeInAnimation = "_fadeInAnimation_aswkh_1";
-const scaleInAnimation = "_scaleInAnimation_aswkh_1";
+const fadeInAnimation = "_fadeInAnimation_1k5uy_1";
+const scaleInAnimation = "_scaleInAnimation_1k5uy_1";
 const styles = {
-  "teddy-button": "_teddy-button_aswkh_18",
-  "teddy-button--sm": "_teddy-button--sm_aswkh_53",
-  "teddy-button--icon-only": "_teddy-button--icon-only_aswkh_56",
-  "teddy-button--md": "_teddy-button--md_aswkh_59",
-  "teddy-button--lg": "_teddy-button--lg_aswkh_65",
-  "teddy-button--full-width": "_teddy-button--full-width_aswkh_71",
-  "teddy-button--primary": "_teddy-button--primary_aswkh_74",
-  "teddy-button--disabled": "_teddy-button--disabled_aswkh_78",
-  "teddy-button--primary-negative": "_teddy-button--primary-negative_aswkh_84",
-  "teddy-button--secondary": "_teddy-button--secondary_aswkh_96",
-  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_aswkh_107",
-  "teddy-button--expressive": "_teddy-button--expressive_aswkh_118",
-  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_aswkh_128",
-  "teddy-button--negative": "_teddy-button--negative_aswkh_140",
-  "teddy-button--destructive": "_teddy-button--destructive_aswkh_147",
-  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_aswkh_157",
-  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_aswkh_167",
-  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_aswkh_180",
-  "teddy-button--list-item": "_teddy-button--list-item_aswkh_195",
-  "teddy-button--text-negative": "_teddy-button--text-negative_aswkh_214",
-  "teddy-button--text": "_teddy-button--text_aswkh_214",
-  "teddy-button__loading": "_teddy-button__loading_aswkh_261",
+  "teddy-button": "_teddy-button_1k5uy_18",
+  "teddy-button--sm": "_teddy-button--sm_1k5uy_53",
+  "teddy-button--icon-only": "_teddy-button--icon-only_1k5uy_56",
+  "teddy-button--md": "_teddy-button--md_1k5uy_59",
+  "teddy-button--lg": "_teddy-button--lg_1k5uy_65",
+  "teddy-button--full-width": "_teddy-button--full-width_1k5uy_71",
+  "teddy-button--primary": "_teddy-button--primary_1k5uy_74",
+  "teddy-button--disabled": "_teddy-button--disabled_1k5uy_78",
+  "teddy-button--primary-negative": "_teddy-button--primary-negative_1k5uy_84",
+  "teddy-button--secondary": "_teddy-button--secondary_1k5uy_96",
+  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_1k5uy_107",
+  "teddy-button--expressive": "_teddy-button--expressive_1k5uy_118",
+  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_1k5uy_128",
+  "teddy-button--negative": "_teddy-button--negative_1k5uy_140",
+  "teddy-button--destructive": "_teddy-button--destructive_1k5uy_147",
+  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_1k5uy_157",
+  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_1k5uy_167",
+  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_1k5uy_180",
+  "teddy-button--list-item": "_teddy-button--list-item_1k5uy_195",
+  "teddy-button--text-negative": "_teddy-button--text-negative_1k5uy_214",
+  "teddy-button--text": "_teddy-button--text_1k5uy_214",
+  "teddy-button--dashed-border": "_teddy-button--dashed-border_1k5uy_261",
+  "teddy-button__loading": "_teddy-button__loading_1k5uy_265",
   fadeInAnimation,
-  "teddy-button__spinner": "_teddy-button__spinner_aswkh_272",
+  "teddy-button__spinner": "_teddy-button__spinner_1k5uy_276",
   scaleInAnimation
 };
 const rootClassName = "teddy-button";
@@ -55,6 +56,7 @@ const Root = React.forwardRef((args, ref) => {
     variant = "primary",
     size = "md",
     iconOnly,
+    borderStyle,
     fullWidth,
     disabled = false,
     loading = false,
@@ -70,7 +72,8 @@ const Root = React.forwardRef((args, ref) => {
       [styles[`${rootClassName}--icon-only`]]: iconOnly,
       [styles[`${rootClassName}--negative`]]: variant.endsWith("negative"),
       [styles[`${rootClassName}--full-width`]]: fullWidth,
-      [styles[`${rootClassName}--disabled`]]: disabled || loading
+      [styles[`${rootClassName}--disabled`]]: disabled || loading,
+      [styles[`${rootClassName}--dashed-border`]]: borderStyle === "dashed"
     },
     className
   );

package/dist/components/expandable-card/expandable-card-button.d.ts

@@ -13,6 +13,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -24,6 +25,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

package/dist/components/expandable-card/index.d.ts

@@ -28,6 +28,7 @@ export declare const ExpandableCard: import('react').ForwardRefExoticComponent<R
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
@@ -39,6 +40,7 @@ export declare const ExpandableCard: import('react').ForwardRefExoticComponent<R
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

package/dist/components/icon/index.cjs

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const iconsHref = require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("./icon.cjs");
+const components_icon_utils = require("./utils.cjs");
 const components_icon_AllIcons = require("./AllIcons.cjs");
 exports.iconsHref = iconsHref;
 exports.Icon = components_icon_icon.Icon;
+exports.isIconName = components_icon_utils.isIconName;
 exports.AllIcons = components_icon_AllIcons;

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

@@ -1,6 +1,7 @@
 import { default as iconsHref } from '../../icons/sprite.svg';
 
 export { Icon } from './icon';
+export { isIconName } from './utils';
 export { default as AllIcons } from './AllIcons';
 export type { IconName, IconProps } from './icon';
 export { iconsHref };

package/dist/components/icon/index.js

@@ -1,8 +1,10 @@
 import { default as default2 } from "../../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "./icon.js";
+import { isIconName } from "./utils.js";
 import { default as default3 } from "./AllIcons.js";
 export {
   default3 as AllIcons,
   Icon,
-  default2 as iconsHref
+  default2 as iconsHref,
+  isIconName
 };

package/dist/components/icon/utils.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const icons_name = require("../../icons/name.cjs");
+const isIconName = (value) => {
+  return value !== null && icons_name.iconNames.includes(value);
+};
+exports.isIconName = isIconName;

package/dist/components/icon/utils.d.ts

@@ -0,0 +1 @@
+export declare const isIconName: (value: string | null) => value is "key" | "search" | "split" | "link" | "add" | "reverse" | "infinite" | "radio" | "visible" | "copy" | "help" | "zoom-out" | "filter" | "x" | "zoom" | "menu" | "map" | "summary" | "time" | "video" | "image" | "stop" | "download" | "alert" | "email" | "close" | "error" | "focus" | "play" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "volume" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "food" | "fraud" | "getting-started" | "home-care" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "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" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";

package/dist/components/icon/utils.js

@@ -0,0 +1,7 @@
+import { iconNames } from "../../icons/name.js";
+const isIconName = (value) => {
+  return value !== null && iconNames.includes(value);
+};
+export {
+  isIconName
+};

package/dist/components/index.cjs

@@ -37,6 +37,7 @@ const components_fieldErrorText_fieldErrorText = require("./field-error-text/fie
 const components_helperText_helperText = require("./helper-text/helper-text.cjs");
 const iconsHref = require("../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("./icon/icon.cjs");
+const components_icon_utils = require("./icon/utils.cjs");
 const components_icon_AllIcons = require("./icon/AllIcons.cjs");
 const components_input_index = require("./input/index.cjs");
 const components_label_label = require("./label/label.cjs");
@@ -92,6 +93,7 @@ exports.FieldErrorText = components_fieldErrorText_fieldErrorText.FieldErrorText
 exports.HelperText = components_helperText_helperText.HelperText;
 exports.iconsHref = iconsHref;
 exports.Icon = components_icon_icon.Icon;
+exports.isIconName = components_icon_utils.isIconName;
 exports.AllIcons = components_icon_AllIcons;
 exports.InputGroup = components_input_index.InputGroup;
 exports.Label = components_label_label.Label;

package/dist/components/index.js

@@ -35,6 +35,7 @@ import { FieldErrorText } from "./field-error-text/field-error-text.js";
 import { HelperText } from "./helper-text/helper-text.js";
 import { default as default2 } from "../assets/sprite.269ba410-teddy.svg";
 import { Icon } from "./icon/icon.js";
+import { isIconName } from "./icon/utils.js";
 import { default as default3 } from "./icon/AllIcons.js";
 import { InputGroup } from "./input/index.js";
 import { Label } from "./label/label.js";
@@ -104,5 +105,6 @@ export {
   Tooltip,
   VisuallyHidden,
   default2 as iconsHref,
+  isIconName,
   toast
 };

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

@@ -20,6 +20,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
@@ -31,6 +32,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

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

@@ -15,9 +15,10 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
 } & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
-    fullWidth?: boolean | undefined; /** Hidden will fade the button out. Used when the scrollbar is at the end */
+    fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -26,9 +27,10 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
 } & {
     asChild?: boolean | undefined;
     loading?: boolean | undefined;
-    fullWidth?: boolean | undefined; /** Hidden will fade the button out. Used when the scrollbar is at the end */
+    fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

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

@@ -35,6 +35,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
@@ -46,6 +47,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

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

@@ -11,6 +11,7 @@ export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -22,6 +23,7 @@ export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<Omit<Omi
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

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

@@ -35,6 +35,7 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<i
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly: true;
         "aria-label": string;
@@ -46,6 +47,7 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<i
         fullWidth?: boolean | undefined;
         size?: "sm" | "md" | "lg" | 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;
+        borderStyle?: ("dashed" | "default") | undefined;
     } & {
         iconOnly?: false | undefined;
         "aria-label"?: string | undefined;

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

@@ -12,6 +12,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly: true;
     "aria-label": string;
@@ -23,6 +24,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
     fullWidth?: boolean | undefined;
     size?: "sm" | "md" | "lg" | 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;
+    borderStyle?: ("dashed" | "default") | undefined;
 } & {
     iconOnly?: false | undefined;
     "aria-label"?: string | undefined;

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

@@ -6,81 +6,82 @@ const sonner = require("sonner");
 require("../../assets/sprite.269ba410-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_spinner_spinner = require("../spinner/spinner.cjs");
-const fadeInAnimation = "_fadeInAnimation_r0i1g_1";
-const scaleInAnimation = "_scaleInAnimation_r0i1g_1";
+const fadeInAnimation = "_fadeInAnimation_mi6fm_1";
+const scaleInAnimation = "_scaleInAnimation_mi6fm_1";
 const styles = {
-  "teddy-button": "_teddy-button_r0i1g_18",
-  "teddy-button--sm": "_teddy-button--sm_r0i1g_53",
-  "teddy-button--icon-only": "_teddy-button--icon-only_r0i1g_56",
-  "teddy-button--md": "_teddy-button--md_r0i1g_59",
-  "teddy-button--lg": "_teddy-button--lg_r0i1g_65",
-  "teddy-button--full-width": "_teddy-button--full-width_r0i1g_71",
-  "teddy-button--primary": "_teddy-button--primary_r0i1g_74",
-  "teddy-button--disabled": "_teddy-button--disabled_r0i1g_78",
-  "teddy-button--primary-negative": "_teddy-button--primary-negative_r0i1g_84",
-  "teddy-button--secondary": "_teddy-button--secondary_r0i1g_96",
-  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_r0i1g_107",
-  "teddy-button--expressive": "_teddy-button--expressive_r0i1g_118",
-  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_r0i1g_128",
-  "teddy-button--negative": "_teddy-button--negative_r0i1g_140",
-  "teddy-button--destructive": "_teddy-button--destructive_r0i1g_147",
-  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_r0i1g_157",
-  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_r0i1g_167",
-  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_r0i1g_180",
-  "teddy-button--list-item": "_teddy-button--list-item_r0i1g_195",
-  "teddy-button--text-negative": "_teddy-button--text-negative_r0i1g_214",
-  "teddy-button--text": "_teddy-button--text_r0i1g_214",
-  "teddy-button__loading": "_teddy-button__loading_r0i1g_261",
+  "teddy-button": "_teddy-button_mi6fm_18",
+  "teddy-button--sm": "_teddy-button--sm_mi6fm_53",
+  "teddy-button--icon-only": "_teddy-button--icon-only_mi6fm_56",
+  "teddy-button--md": "_teddy-button--md_mi6fm_59",
+  "teddy-button--lg": "_teddy-button--lg_mi6fm_65",
+  "teddy-button--full-width": "_teddy-button--full-width_mi6fm_71",
+  "teddy-button--primary": "_teddy-button--primary_mi6fm_74",
+  "teddy-button--disabled": "_teddy-button--disabled_mi6fm_78",
+  "teddy-button--primary-negative": "_teddy-button--primary-negative_mi6fm_84",
+  "teddy-button--secondary": "_teddy-button--secondary_mi6fm_96",
+  "teddy-button--secondary-negative": "_teddy-button--secondary-negative_mi6fm_107",
+  "teddy-button--expressive": "_teddy-button--expressive_mi6fm_118",
+  "teddy-button--expressive-negative": "_teddy-button--expressive-negative_mi6fm_128",
+  "teddy-button--negative": "_teddy-button--negative_mi6fm_140",
+  "teddy-button--destructive": "_teddy-button--destructive_mi6fm_147",
+  "teddy-button--destructive-negative": "_teddy-button--destructive-negative_mi6fm_157",
+  "teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_mi6fm_167",
+  "teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_mi6fm_180",
+  "teddy-button--list-item": "_teddy-button--list-item_mi6fm_195",
+  "teddy-button--text-negative": "_teddy-button--text-negative_mi6fm_214",
+  "teddy-button--text": "_teddy-button--text_mi6fm_214",
+  "teddy-button--dashed-border": "_teddy-button--dashed-border_mi6fm_261",
+  "teddy-button__loading": "_teddy-button__loading_mi6fm_265",
   fadeInAnimation,
-  "teddy-button__spinner": "_teddy-button__spinner_r0i1g_272",
-  "teddy-toast": "_teddy-toast_r0i1g_279",
-  "teddy-toast__title": "_teddy-toast__title_r0i1g_291",
-  "teddy-toast__description": "_teddy-toast__description_r0i1g_295",
-  "teddy-toast__icon": "_teddy-toast__icon_r0i1g_300",
-  "teddy-toast__close-button": "_teddy-toast__close-button_r0i1g_309",
-  "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_r0i1g_356",
-  "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_r0i1g_359",
-  "teddy-toast__close-button--md": "_teddy-toast__close-button--md_r0i1g_362",
-  "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_r0i1g_368",
-  "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_r0i1g_374",
-  "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_r0i1g_377",
-  "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_r0i1g_381",
-  "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_r0i1g_387",
-  "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_r0i1g_399",
-  "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_r0i1g_410",
-  "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_r0i1g_421",
-  "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_r0i1g_431",
-  "teddy-toast--disabled": "_teddy-toast--disabled_r0i1g_443",
-  "teddy-toast__content": "_teddy-toast__content_r0i1g_456",
-  "teddy-toast__loading": "_teddy-toast__loading_r0i1g_459",
-  "teddy-toast--success": "_teddy-toast--success_r0i1g_463",
-  "teddy-toast--info": "_teddy-toast--info_r0i1g_475",
-  "teddy-toast--warning": "_teddy-toast--warning_r0i1g_487",
-  "teddy-toast--error": "_teddy-toast--error_r0i1g_499",
-  "teddy-toast__action-button": "_teddy-toast__action-button_r0i1g_511",
-  "teddy-toast__cancel-button": "_teddy-toast__cancel-button_r0i1g_512",
-  "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_r0i1g_559",
-  "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_r0i1g_560",
-  "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_r0i1g_563",
-  "teddy-toast__action-button--md": "_teddy-toast__action-button--md_r0i1g_568",
-  "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_r0i1g_569",
-  "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_r0i1g_577",
-  "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_r0i1g_578",
-  "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_r0i1g_586",
-  "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_r0i1g_587",
-  "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_r0i1g_590",
-  "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_r0i1g_591",
-  "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_r0i1g_595",
-  "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_r0i1g_603",
-  "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_r0i1g_604",
-  "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_r0i1g_618",
-  "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_r0i1g_619",
-  "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_r0i1g_632",
-  "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_r0i1g_633",
-  "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_r0i1g_646",
-  "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_r0i1g_647",
-  "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_r0i1g_659",
-  "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_r0i1g_660",
+  "teddy-button__spinner": "_teddy-button__spinner_mi6fm_276",
+  "teddy-toast": "_teddy-toast_mi6fm_283",
+  "teddy-toast__title": "_teddy-toast__title_mi6fm_295",
+  "teddy-toast__description": "_teddy-toast__description_mi6fm_299",
+  "teddy-toast__icon": "_teddy-toast__icon_mi6fm_304",
+  "teddy-toast__close-button": "_teddy-toast__close-button_mi6fm_313",
+  "teddy-toast__close-button--sm": "_teddy-toast__close-button--sm_mi6fm_360",
+  "teddy-toast__close-button--icon-only": "_teddy-toast__close-button--icon-only_mi6fm_363",
+  "teddy-toast__close-button--md": "_teddy-toast__close-button--md_mi6fm_366",
+  "teddy-toast__close-button--lg": "_teddy-toast__close-button--lg_mi6fm_372",
+  "teddy-toast__close-button--full-width": "_teddy-toast__close-button--full-width_mi6fm_378",
+  "teddy-toast__close-button--primary": "_teddy-toast__close-button--primary_mi6fm_381",
+  "teddy-toast__close-button--disabled": "_teddy-toast__close-button--disabled_mi6fm_385",
+  "teddy-toast__close-button--primary-negative": "_teddy-toast__close-button--primary-negative_mi6fm_391",
+  "teddy-toast__close-button--secondary": "_teddy-toast__close-button--secondary_mi6fm_403",
+  "teddy-toast__close-button--secondary-negative": "_teddy-toast__close-button--secondary-negative_mi6fm_414",
+  "teddy-toast__close-button--expressive": "_teddy-toast__close-button--expressive_mi6fm_425",
+  "teddy-toast__close-button--expressive-negative": "_teddy-toast__close-button--expressive-negative_mi6fm_435",
+  "teddy-toast--disabled": "_teddy-toast--disabled_mi6fm_447",
+  "teddy-toast__content": "_teddy-toast__content_mi6fm_460",
+  "teddy-toast__loading": "_teddy-toast__loading_mi6fm_463",
+  "teddy-toast--success": "_teddy-toast--success_mi6fm_467",
+  "teddy-toast--info": "_teddy-toast--info_mi6fm_479",
+  "teddy-toast--warning": "_teddy-toast--warning_mi6fm_491",
+  "teddy-toast--error": "_teddy-toast--error_mi6fm_503",
+  "teddy-toast__action-button": "_teddy-toast__action-button_mi6fm_515",
+  "teddy-toast__cancel-button": "_teddy-toast__cancel-button_mi6fm_516",
+  "teddy-toast__action-button--sm": "_teddy-toast__action-button--sm_mi6fm_563",
+  "teddy-toast__cancel-button--sm": "_teddy-toast__cancel-button--sm_mi6fm_564",
+  "teddy-toast__cancel-button--icon-only": "_teddy-toast__cancel-button--icon-only_mi6fm_567",
+  "teddy-toast__action-button--md": "_teddy-toast__action-button--md_mi6fm_572",
+  "teddy-toast__cancel-button--md": "_teddy-toast__cancel-button--md_mi6fm_573",
+  "teddy-toast__action-button--lg": "_teddy-toast__action-button--lg_mi6fm_581",
+  "teddy-toast__cancel-button--lg": "_teddy-toast__cancel-button--lg_mi6fm_582",
+  "teddy-toast__action-button--full-width": "_teddy-toast__action-button--full-width_mi6fm_590",
+  "teddy-toast__cancel-button--full-width": "_teddy-toast__cancel-button--full-width_mi6fm_591",
+  "teddy-toast__action-button--primary": "_teddy-toast__action-button--primary_mi6fm_594",
+  "teddy-toast__cancel-button--primary": "_teddy-toast__cancel-button--primary_mi6fm_595",
+  "teddy-toast__cancel-button--disabled": "_teddy-toast__cancel-button--disabled_mi6fm_599",
+  "teddy-toast__action-button--primary-negative": "_teddy-toast__action-button--primary-negative_mi6fm_607",
+  "teddy-toast__cancel-button--primary-negative": "_teddy-toast__cancel-button--primary-negative_mi6fm_608",
+  "teddy-toast__action-button--secondary": "_teddy-toast__action-button--secondary_mi6fm_622",
+  "teddy-toast__cancel-button--secondary": "_teddy-toast__cancel-button--secondary_mi6fm_623",
+  "teddy-toast__action-button--secondary-negative": "_teddy-toast__action-button--secondary-negative_mi6fm_636",
+  "teddy-toast__cancel-button--secondary-negative": "_teddy-toast__cancel-button--secondary-negative_mi6fm_637",
+  "teddy-toast__action-button--expressive": "_teddy-toast__action-button--expressive_mi6fm_650",
+  "teddy-toast__cancel-button--expressive": "_teddy-toast__cancel-button--expressive_mi6fm_651",
+  "teddy-toast__action-button--expressive-negative": "_teddy-toast__action-button--expressive-negative_mi6fm_663",
+  "teddy-toast__cancel-button--expressive-negative": "_teddy-toast__cancel-button--expressive-negative_mi6fm_664",
   scaleInAnimation
 };
 const rootClassName = "teddy-toast";