@telia/teddy 0.0.28 → 0.0.30

package/dist/components/card/card.d.ts

@@ -58,7 +58,7 @@ declare const Card: React.ForwardRefExoticComponent<RootProps & React.RefAttribu
     Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
     Illustration: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         /** The inset allows make the image bleed out to the edges */
-        inset?: "all" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-right-left" | "bottom-left-right" | "top-bottom" | "left-right" | undefined;
+        inset?: "top" | "bottom" | "left" | "right" | "all" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-right-left" | "bottom-left-right" | "top-bottom" | "left-right" | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     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;

package/dist/components/chip/chip-indicator.d.ts

@@ -3,7 +3,7 @@ import { Icon } from '../icon';
 
 export type IndicatorProps = Partial<React.ComponentPropsWithoutRef<typeof Icon>>;
 export declare const Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
-    name: "search" | "split" | "link" | "map" | "menu" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "download" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
+    name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "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" | "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" | "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" | "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" | "layers" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
     size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
     children?: React.ReactNode;
 }, "ref">> & React.RefAttributes<SVGSVGElement>>;

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

@@ -5,7 +5,7 @@ import { ItemProps } from './chip-item';
 export declare const Chip: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLButtonElement>>;
     Indicator: import('react').ForwardRefExoticComponent<Partial<Omit<import('react').SVGProps<SVGSVGElement> & {
-        name: "search" | "split" | "link" | "map" | "menu" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "download" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
+        name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "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" | "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" | "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" | "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" | "layers" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
         size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
         children?: import('react').ReactNode;
     }, "ref">> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/components/index.cjs

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_progressBar_progressBar = require("./progress-bar/progress-bar.cjs");
+const components_notabene_notabene = require("./notabene/notabene.cjs");
 const components_tooltip_index = require("./tooltip/index.cjs");
 const components_list_index = require("./list/index.cjs");
 const components_scrollArea_index = require("./scroll-area/index.cjs");
@@ -37,6 +39,8 @@ const components_heading_heading = require("./heading/heading.cjs");
 const components_visuallyHidden_visuallyHidden = require("./visually-hidden/visually-hidden.cjs");
 const components_textSpacing_textSpacing = require("./text-spacing/text-spacing.cjs");
 const components_input_inputGroup = require("./input/input-group.cjs");
+exports.ProgressBar = components_progressBar_progressBar.ProgressBar;
+exports.Notabene = components_notabene_notabene.Notabene;
 exports.Tooltip = components_tooltip_index.Tooltip;
 exports.List = components_list_index.List;
 exports.ScrollArea = components_scrollArea_index.ScrollArea;

package/dist/components/index.d.ts

@@ -1,3 +1,5 @@
+export * from './progress-bar';
+export * from './notabene';
 export * from './tooltip';
 export * from './list';
 export * from './scroll-area';

package/dist/components/index.js

@@ -1,3 +1,5 @@
+import { ProgressBar } from "./progress-bar/progress-bar.js";
+import { Notabene } from "./notabene/notabene.js";
 import { Tooltip } from "./tooltip/index.js";
 import { List } from "./list/index.js";
 import { ScrollArea } from "./scroll-area/index.js";
@@ -61,7 +63,9 @@ export {
   List,
   Modal,
   NavigationMenu,
+  Notabene,
   Notification,
+  ProgressBar,
   RadioGroup,
   ScrollArea,
   Spinner,

package/dist/components/modal/modal.cjs

@@ -3,6 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const DrawerPrimitive = require("@radix-ui/react-dialog");
+require("../progress-bar/progress-bar.cjs");
+require("../notabene/notabene.cjs");
 require("../tooltip/index.cjs");
 require("../list/index.cjs");
 require("../scroll-area/index.cjs");

package/dist/components/modal/modal.js

@@ -1,6 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import * as DrawerPrimitive from "@radix-ui/react-dialog";
+import "../progress-bar/progress-bar.js";
+import "../notabene/notabene.js";
 import "../tooltip/index.js";
 import "../list/index.js";
 import "../scroll-area/index.js";

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

@@ -106,7 +106,7 @@ declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMen
         variant?: "default" | "float" | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     Link: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & {
-        variant?: "small" | "button" | "default" | undefined;
+        variant?: "button" | "small" | "default" | undefined;
     } & React.RefAttributes<HTMLAnchorElement>>;
     Indicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Viewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/notabene/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_notabene_notabene = require("./notabene.cjs");
+exports.Notabene = components_notabene_notabene.Notabene;

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

@@ -0,0 +1 @@
+export { Notabene } from './notabene';

package/dist/components/notabene/index.js

@@ -0,0 +1,4 @@
+import { Notabene } from "./notabene.js";
+export {
+  Notabene
+};

package/dist/components/notabene/notabene.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const reactSlot = require("@radix-ui/react-slot");
+require("../../assets/sprite.269ba410-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_text_text = require("../text/text.cjs");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_box_box = require("../box/box.cjs");
+const styles = {
+  "teddy-notabene": "_teddy-notabene_waflr_1",
+  "teddy-notabene__icon": "_teddy-notabene__icon_waflr_9",
+  "teddy-notabene__heading": "_teddy-notabene__heading_waflr_9"
+};
+const rootClassName = "teddy-notabene";
+const defaultTitle = "Good to know";
+const defaultText = "It could be anything, and also bullet points.";
+const Root = React.forwardRef(
+  ({ asChild, children, className, heading = defaultTitle, headingAs = "h2", text = defaultText, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    const Comp = asChild ? reactSlot.Slot : "div";
+    return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { ...props, ref: forwardRef, className: classes, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "bulb", size: "lg", className: styles[`${rootClassName}__icon`] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { as: headingAs, variant: "title-200", mb: "150", className: styles[`${rootClassName}__heading`], children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100", mb: "50", children: text }),
+        children
+      ] })
+    ] });
+  }
+);
+Root.displayName = "Notabene";
+exports.Notabene = Root;

package/dist/components/notabene/notabene.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
+    heading: string;
+    text: string;
+    headingAs: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    asChild?: boolean;
+};
+declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    heading: string;
+    text: string;
+    headingAs: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    asChild?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Root as Notabene };

package/dist/components/notabene/notabene.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import { Slot } from "@radix-ui/react-slot";
+import "../../assets/sprite.269ba410-teddy.svg";
+import { Icon } from "../icon/icon.js";
+import { Text } from "../text/text.js";
+import { Heading } from "../heading/heading.js";
+import { Box } from "../box/box.js";
+const styles = {
+  "teddy-notabene": "_teddy-notabene_waflr_1",
+  "teddy-notabene__icon": "_teddy-notabene__icon_waflr_9",
+  "teddy-notabene__heading": "_teddy-notabene__heading_waflr_9"
+};
+const rootClassName = "teddy-notabene";
+const defaultTitle = "Good to know";
+const defaultText = "It could be anything, and also bullet points.";
+const Root = React__default.forwardRef(
+  ({ asChild, children, className, heading = defaultTitle, headingAs = "h2", text = defaultText, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsxs(Comp, { ...props, ref: forwardRef, className: classes, children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Icon, { name: "bulb", size: "lg", className: styles[`${rootClassName}__icon`] }) }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Heading, { as: headingAs, variant: "title-200", mb: "150", className: styles[`${rootClassName}__heading`], children: heading }),
+        /* @__PURE__ */ jsx(Text, { variant: "paragraph-100", mb: "50", children: text }),
+        children
+      ] })
+    ] });
+  }
+);
+Root.displayName = "Notabene";
+export {
+  Root as Notabene
+};

package/dist/components/notification/notification.d.ts

@@ -86,7 +86,7 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<
     Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
     Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
     Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
-        name: "search" | "split" | "link" | "map" | "menu" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "download" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
+        name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "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" | "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" | "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" | "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" | "layers" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
         size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
         children?: React.ReactNode;
     }, "ref">> & React.RefAttributes<SVGSVGElement>>;

package/dist/components/progress-bar/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_progressBar_progressBar = require("./progress-bar.cjs");
+exports.ProgressBar = components_progressBar_progressBar.ProgressBar;

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from './progress-bar';
+export type { ProgressBarProps } from './progress-bar';

package/dist/components/progress-bar/index.js

@@ -0,0 +1,4 @@
+import { ProgressBar } from "./progress-bar.js";
+export {
+  ProgressBar
+};

package/dist/components/progress-bar/progress-bar.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const ProgressPrimitive = require("@radix-ui/react-progress");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const ProgressPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ProgressPrimitive);
+const styles = {
+  "teddy-progress-bar": "_teddy-progress-bar_q44sc_1",
+  "teddy-progress-bar__indicator": "_teddy-progress-bar__indicator_q44sc_10",
+  "teddy-progress-bar--dark": "_teddy-progress-bar--dark_q44sc_16"
+};
+const rootClassName = "teddy-progress-bar";
+const ProgressBar = React.forwardRef(
+  ({ progress, colorTheme = "light" }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], [styles[`${rootClassName}--${colorTheme}`]]);
+    return /* @__PURE__ */ jsxRuntime.jsx(ProgressPrimitive__namespace.Root, { className: classes, value: progress, ref: forwardRef, title: "ProgressBar", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressPrimitive__namespace.Indicator,
+      {
+        className: styles[`${rootClassName}__indicator`],
+        style: { transform: `translateX(-${100 - progress}%)` }
+      }
+    ) });
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+exports.ProgressBar = ProgressBar;

package/dist/components/progress-bar/progress-bar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+export type ProgressBarProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
+    progress: number;
+    colorTheme?: 'light' | 'dark';
+};
+declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    progress: number;
+    colorTheme?: "light" | "dark" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { ProgressBar };

package/dist/components/progress-bar/progress-bar.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import clsx from "clsx";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+const styles = {
+  "teddy-progress-bar": "_teddy-progress-bar_q44sc_1",
+  "teddy-progress-bar__indicator": "_teddy-progress-bar__indicator_q44sc_10",
+  "teddy-progress-bar--dark": "_teddy-progress-bar--dark_q44sc_16"
+};
+const rootClassName = "teddy-progress-bar";
+const ProgressBar = React__default.forwardRef(
+  ({ progress, colorTheme = "light" }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], [styles[`${rootClassName}--${colorTheme}`]]);
+    return /* @__PURE__ */ jsx(ProgressPrimitive.Root, { className: classes, value: progress, ref: forwardRef, title: "ProgressBar", children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: styles[`${rootClassName}__indicator`],
+        style: { transform: `translateX(-${100 - progress}%)` }
+      }
+    ) });
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+export {
+  ProgressBar
+};

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">, "value" | "defaultValue" | "onValueChange" | "activationMode"> & {
+export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
     value?: string | undefined;
     onValueChange?: ((value: string) => void) | undefined;
     defaultValue?: string | undefined;

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">, "value" | "defaultValue" | "onValueChange" | "activationMode"> & {
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "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/toggle/toggle.d.ts

@@ -29,7 +29,7 @@ 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: "search" | "split" | "link" | "map" | "menu" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "download" | "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" | "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" | "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" | "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" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
+        name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "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" | "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" | "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" | "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" | "layers" | "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" | "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" | "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" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
         size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
         children?: React.ReactNode;
     }, "ref">> & React.RefAttributes<SVGSVGElement>>;

package/dist/main.cjs

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_progressBar_progressBar = require("./components/progress-bar/progress-bar.cjs");
+const components_notabene_notabene = require("./components/notabene/notabene.cjs");
 const components_tooltip_index = require("./components/tooltip/index.cjs");
 const components_list_index = require("./components/list/index.cjs");
 const components_scrollArea_index = require("./components/scroll-area/index.cjs");
@@ -44,6 +46,8 @@ 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.ProgressBar = components_progressBar_progressBar.ProgressBar;
+exports.Notabene = components_notabene_notabene.Notabene;
 exports.Tooltip = components_tooltip_index.Tooltip;
 exports.List = components_list_index.List;
 exports.ScrollArea = components_scrollArea_index.ScrollArea;

package/dist/main.js

@@ -1,3 +1,5 @@
+import { ProgressBar } from "./components/progress-bar/progress-bar.js";
+import { Notabene } from "./components/notabene/notabene.js";
 import { Tooltip } from "./components/tooltip/index.js";
 import { List } from "./components/list/index.js";
 import { ScrollArea } from "./components/scroll-area/index.js";
@@ -68,7 +70,9 @@ export {
   List,
   Modal,
   NavigationMenu,
+  Notabene,
   Notification,
+  ProgressBar,
   RadioGroup,
   ScrollArea,
   Spinner,

package/dist/style.css

@@ -1,4 +1,242 @@
-._teddy-tooltip__content_14d9w_1 {
+._teddy-progress-bar_q44sc_1 {
+  background: var(--teddy-color-transparent-black-100);
+  overflow: hidden;
+  border-radius: 99999px;
+  height: 6px;
+  /* Fix overflow clipping in Safari */
+  /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
+  transform: translateZ(0);
+}
+._teddy-progress-bar_q44sc_1 ._teddy-progress-bar__indicator_q44sc_10 {
+  background-color: var(--teddy-color-purple-500);
+  width: 100%;
+  height: 100%;
+  transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
+}
+._teddy-progress-bar--dark_q44sc_16 {
+  background: var(--teddy-color-transparent-white-100);
+}
+._teddy-progress-bar--dark_q44sc_16 ._teddy-progress-bar__indicator_q44sc_10 {
+  background-color: var(--teddy-color-purple-300);
+}@layer icon {
+  ._teddy-icon_1rwgf_2 {
+    display: inline;
+    align-self: center;
+    fill: currentColor;
+  }
+  ._teddy-icon--font_1rwgf_7 {
+    width: 1em;
+    height: 1em;
+  }
+  ._teddy-icon--xxs_1rwgf_11 {
+    width: var(--teddy-spacing-150);
+    height: var(--teddy-spacing-150);
+  }
+  ._teddy-icon--xs_1rwgf_15 {
+    width: var(--teddy-spacing-200);
+    height: var(--teddy-spacing-200);
+  }
+  ._teddy-icon--sm_1rwgf_19 {
+    width: var(--teddy-spacing-250);
+    height: var(--teddy-spacing-250);
+  }
+  ._teddy-icon--md_1rwgf_23 {
+    width: var(--teddy-spacing-300);
+    height: var(--teddy-spacing-300);
+  }
+  ._teddy-icon--lg_1rwgf_27 {
+    width: var(--teddy-spacing-400);
+    height: var(--teddy-spacing-400);
+  }
+  ._teddy-icon--xl_1rwgf_31 {
+    width: var(--teddy-spacing-600);
+    height: var(--teddy-spacing-600);
+  }
+  ._teddy-icon-with-children_1rwgf_35 {
+    display: inline-flex;
+    align-items: center;
+    font-family: var(--teddy-typography-family-default);
+    gap: var(--teddy-spacing-100);
+  }
+}@layer text {
+  ._teddy-text_15w9u_2 {
+    color: inherit;
+    display: block;
+    margin: 0;
+    hyphens: none;
+  }
+  ._teddy-text--disabled_15w9u_8 {
+    color: var(--teddy-color-text-weak);
+  }
+  ._teddy-text--hyphens_15w9u_11 {
+    hyphens: auto;
+  }
+  ._teddy-text--paragraph-100_15w9u_14 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--paragraph-100-medium_15w9u_20 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-medium);
+  }
+  ._teddy-text--paragraph-100-bold_15w9u_27 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-bold);
+  }
+  ._teddy-text--paragraph-200_15w9u_34 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-looser);
+  }
+  ._teddy-text--preamble-100_15w9u_40 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-200);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--preamble-200_15w9u_46 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--additional-100_15w9u_52 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
+  }
+  ._teddy-text--additional-100-medium_15w9u_58 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-normal);
+    font-size: var(--teddy-typography-scale-75);
+    line-height: var(--teddy-typography-line-height-loose);
+    font-weight: var(--teddy-typography-weight-medium);
+  }
+  ._teddy-text--overline-100_15w9u_65 {
+    font-family: var(--teddy-typography-family-default);
+    font-size: var(--teddy-typography-scale-75);
+    letter-spacing: var(--teddy-spacing-10);
+    line-height: var(--teddy-typography-line-height-tight);
+    text-transform: uppercase;
+  }
+  ._teddy-text--overline-200_15w9u_72 {
+    font-family: var(--teddy-typography-family-default);
+    font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
+    letter-spacing: var(--teddy-spacing-10);
+    line-height: var(--teddy-typography-line-height-tight);
+    text-transform: uppercase;
+  }
+}@layer heading {
+  ._teddy-heading_r8os0_2 {
+    color: var(--teddy-color-text-default);
+    display: block;
+    hyphens: none;
+    margin: 0;
+    max-width: 60ch;
+  }
+  ._teddy-heading--hyphens_r8os0_9 {
+    hyphens: auto;
+  }
+  ._teddy-heading--subsection-100_r8os0_12 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: var(--teddy-typography-scale-100);
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-100_r8os0_18 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-200_r8os0_24 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-300_r8os0_30 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-400_r8os0_36 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
+    line-height: var(--teddy-typography-line-height-default);
+  }
+  ._teddy-heading--title-500_r8os0_42 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--title-600_r8os0_48 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--title-700_r8os0_54 {
+    font-family: var(--teddy-typography-family-default);
+    font-weight: var(--teddy-typography-weight-bold);
+    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-25_r8os0_60 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-50_r8os0_66 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-100_r8os0_72 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+  ._teddy-heading--display-200_r8os0_78 {
+    font-family: var(--teddy-typography-family-display);
+    font-weight: var(--teddy-typography-weight-medium);
+    font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
+    line-height: var(--teddy-typography-line-height-tight);
+  }
+}._teddy-notabene_waflr_1 {
+  padding: var(--teddy-spacing-300);
+  display: flex;
+  flex-direction: column;
+  gap: var(--teddy-spacing-150);
+  background-color: var(--teddy-color-background-status-warning);
+  color: var(--teddy-color-text-default);
+}
+._teddy-notabene__icon_waflr_9, ._teddy-notabene__heading_waflr_9 {
+  color: var(--teddy-color-orange-600);
+}
+@media (min-width: 600px) {
+  ._teddy-notabene_waflr_1 {
+    padding: var(--teddy-spacing-400);
+    flex-direction: row;
+    gap: var(--teddy-spacing-300);
+  }
+}._teddy-tooltip__content_14d9w_1 {
   box-sizing: border-box;
   max-width: calc(17rem * var(--teddy-rescale));
   border-radius: var(--teddy-border-radius-md);
@@ -78,46 +316,6 @@
     opacity: 1;
     transform: translateX(0);
   }
-}@layer icon {
-  ._teddy-icon_1rwgf_2 {
-    display: inline;
-    align-self: center;
-    fill: currentColor;
-  }
-  ._teddy-icon--font_1rwgf_7 {
-    width: 1em;
-    height: 1em;
-  }
-  ._teddy-icon--xxs_1rwgf_11 {
-    width: var(--teddy-spacing-150);
-    height: var(--teddy-spacing-150);
-  }
-  ._teddy-icon--xs_1rwgf_15 {
-    width: var(--teddy-spacing-200);
-    height: var(--teddy-spacing-200);
-  }
-  ._teddy-icon--sm_1rwgf_19 {
-    width: var(--teddy-spacing-250);
-    height: var(--teddy-spacing-250);
-  }
-  ._teddy-icon--md_1rwgf_23 {
-    width: var(--teddy-spacing-300);
-    height: var(--teddy-spacing-300);
-  }
-  ._teddy-icon--lg_1rwgf_27 {
-    width: var(--teddy-spacing-400);
-    height: var(--teddy-spacing-400);
-  }
-  ._teddy-icon--xl_1rwgf_31 {
-    width: var(--teddy-spacing-600);
-    height: var(--teddy-spacing-600);
-  }
-  ._teddy-icon-with-children_1rwgf_35 {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--teddy-typography-family-default);
-    gap: var(--teddy-spacing-100);
-  }
 }._teddy-spinner--xxs_ywden_1 {
   height: var(--teddy-spacing-250);
   width: var(--teddy-spacing-250);
@@ -804,167 +1002,6 @@
   to {
     transform: translateX(100%);
   }
-}@layer text {
-  ._teddy-text_15w9u_2 {
-    color: inherit;
-    display: block;
-    margin: 0;
-    hyphens: none;
-  }
-  ._teddy-text--disabled_15w9u_8 {
-    color: var(--teddy-color-text-weak);
-  }
-  ._teddy-text--hyphens_15w9u_11 {
-    hyphens: auto;
-  }
-  ._teddy-text--paragraph-100_15w9u_14 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--paragraph-100-medium_15w9u_20 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-medium);
-  }
-  ._teddy-text--paragraph-100-bold_15w9u_27 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-bold);
-  }
-  ._teddy-text--paragraph-200_15w9u_34 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-looser);
-  }
-  ._teddy-text--preamble-100_15w9u_40 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-200);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--preamble-200_15w9u_46 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--additional-100_15w9u_52 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-75);
-    line-height: var(--teddy-typography-line-height-loose);
-  }
-  ._teddy-text--additional-100-medium_15w9u_58 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-normal);
-    font-size: var(--teddy-typography-scale-75);
-    line-height: var(--teddy-typography-line-height-loose);
-    font-weight: var(--teddy-typography-weight-medium);
-  }
-  ._teddy-text--overline-100_15w9u_65 {
-    font-family: var(--teddy-typography-family-default);
-    font-size: var(--teddy-typography-scale-75);
-    letter-spacing: var(--teddy-spacing-10);
-    line-height: var(--teddy-typography-line-height-tight);
-    text-transform: uppercase;
-  }
-  ._teddy-text--overline-200_15w9u_72 {
-    font-family: var(--teddy-typography-family-default);
-    font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
-    letter-spacing: var(--teddy-spacing-10);
-    line-height: var(--teddy-typography-line-height-tight);
-    text-transform: uppercase;
-  }
-}@layer heading {
-  ._teddy-heading_r8os0_2 {
-    color: var(--teddy-color-text-default);
-    display: block;
-    hyphens: none;
-    margin: 0;
-    max-width: 60ch;
-  }
-  ._teddy-heading--hyphens_r8os0_9 {
-    hyphens: auto;
-  }
-  ._teddy-heading--subsection-100_r8os0_12 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: var(--teddy-typography-scale-100);
-    line-height: var(--teddy-typography-line-height-default);
-  }
-  ._teddy-heading--title-100_r8os0_18 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
-    line-height: var(--teddy-typography-line-height-default);
-  }
-  ._teddy-heading--title-200_r8os0_24 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
-    line-height: var(--teddy-typography-line-height-default);
-  }
-  ._teddy-heading--title-300_r8os0_30 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
-    line-height: var(--teddy-typography-line-height-default);
-  }
-  ._teddy-heading--title-400_r8os0_36 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
-    line-height: var(--teddy-typography-line-height-default);
-  }
-  ._teddy-heading--title-500_r8os0_42 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
-  ._teddy-heading--title-600_r8os0_48 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
-  ._teddy-heading--title-700_r8os0_54 {
-    font-family: var(--teddy-typography-family-default);
-    font-weight: var(--teddy-typography-weight-bold);
-    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
-  ._teddy-heading--display-25_r8os0_60 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
-  ._teddy-heading--display-50_r8os0_66 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
-  ._teddy-heading--display-100_r8os0_72 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
-  ._teddy-heading--display-200_r8os0_78 {
-    font-family: var(--teddy-typography-family-display);
-    font-weight: var(--teddy-typography-weight-medium);
-    font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
-    line-height: var(--teddy-typography-line-height-tight);
-  }
 }._teddy-image_oyxp8_1 {
   width: 100%;
   max-width: 100%;

package/dist/utils/generate-styling/grid.d.ts

@@ -1,22 +1,22 @@
 import { Responsive, numberIterator } from './util';
 
 export declare const gridTemplateRowsValues: readonly [...{
-    key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[], {
     readonly key: "none";
     readonly value: "none";
 }];
 export declare const gridTemplateColumnsValues: readonly [...{
-    readonly key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+    readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
 }[], {
     readonly key: "none";
     readonly value: "none";
 }];
 declare const gridColumnValues: readonly [...{
-    key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[], {
     readonly key: "span-2";
     readonly value: "span 2";
@@ -52,8 +52,8 @@ declare const gridColumnValues: readonly [...{
     readonly value: "span 12";
 }];
 declare const gridRowValues: readonly [...{
-    key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[], {
     readonly key: "span-2";
     readonly value: "span 2";
@@ -131,8 +131,8 @@ export declare const gridLayout: readonly [{
     readonly key: "rows";
     readonly className: "teddy-gtr";
     readonly values: readonly [...{
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -141,8 +141,8 @@ export declare const gridLayout: readonly [{
     readonly key: "columns";
     readonly className: "teddy-gtc";
     readonly values: readonly [...{
-        readonly key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+        readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -171,36 +171,36 @@ export declare const gridChildren: readonly [{
     readonly key: "gridColumnStart";
     readonly className: "teddy-gcs";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumnEnd";
     readonly className: "teddy-gce";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowStart";
     readonly className: "teddy-grs";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowEnd";
     readonly className: "teddy-gre";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumn";
     readonly className: "teddy-gc";
     readonly values: readonly [...{
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";
@@ -239,8 +239,8 @@ export declare const gridChildren: readonly [{
     readonly key: "gridRow";
     readonly className: "teddy-gr";
     readonly values: readonly [...{
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";

package/dist/utils/generate-styling/index.d.ts

@@ -1867,8 +1867,8 @@ export declare const stylings: readonly [{
     readonly key: "rows";
     readonly className: "teddy-gtr";
     readonly values: readonly [...{
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -1877,8 +1877,8 @@ export declare const stylings: readonly [{
     readonly key: "columns";
     readonly className: "teddy-gtc";
     readonly values: readonly [...{
-        readonly key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
+        readonly key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        readonly value: "repeat(1, minmax(0, 1fr))" | "repeat(10, minmax(0, 1fr))" | "repeat(2, minmax(0, 1fr))" | "repeat(3, minmax(0, 1fr))" | "repeat(4, minmax(0, 1fr))" | "repeat(5, minmax(0, 1fr))" | "repeat(6, minmax(0, 1fr))" | "repeat(7, minmax(0, 1fr))" | "repeat(8, minmax(0, 1fr))" | "repeat(9, minmax(0, 1fr))" | "repeat(11, minmax(0, 1fr))" | "repeat(12, minmax(0, 1fr))";
     }[], {
         readonly key: "none";
         readonly value: "none";
@@ -1906,36 +1906,36 @@ export declare const stylings: readonly [{
     readonly key: "gridColumnStart";
     readonly className: "teddy-gcs";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumnEnd";
     readonly className: "teddy-gce";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowStart";
     readonly className: "teddy-grs";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridRowEnd";
     readonly className: "teddy-gre";
     readonly values: {
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[];
 }, {
     readonly key: "gridColumn";
     readonly className: "teddy-gc";
     readonly values: readonly [...{
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";
@@ -1974,8 +1974,8 @@ export declare const stylings: readonly [{
     readonly key: "gridRow";
     readonly className: "teddy-gr";
     readonly values: readonly [...{
-        key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-        value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+        value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
     }[], {
         readonly key: "span-2";
         readonly value: "span 2";

package/dist/utils/generate-styling/util.d.ts

@@ -76,7 +76,7 @@ export type Responsive<T> = {
     [key in Breakpoint]?: T | AnyCssValue;
 } | (T | AnyCssValue);
 export declare const numberIterator: {
-    key: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
-    value: "1" | "2" | "10" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    key: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
+    value: "1" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | "12";
 }[];
 export {};

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.28",
+  "version": "0.0.30",
   "sideEffects": [
     "**/*.css"
   ],
@@ -85,6 +85,7 @@
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-navigation-menu": "^1.1.4",
+    "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-radio-group": "^1.1.3",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-slot": "^1.0.2",