@telia/teddy 0.0.26 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{sprite.5636ec8e-teddy.svg → sprite.269ba410-teddy.svg} +3 -0
- package/dist/components/accordion/accordion-indicator.cjs +14 -3
- package/dist/components/accordion/accordion-indicator.js +15 -4
- package/dist/components/accordion/accordion-item.cjs +6 -1
- package/dist/components/accordion/accordion-item.d.ts +3 -0
- package/dist/components/accordion/accordion-item.js +8 -3
- package/dist/components/accordion/accordion-root.cjs +41 -14
- package/dist/components/accordion/accordion-root.d.ts +9 -5
- package/dist/components/accordion/accordion-root.js +41 -14
- package/dist/components/badge/alert-badge.cjs +19 -0
- package/dist/components/badge/alert-badge.d.ts +10 -0
- package/dist/components/badge/alert-badge.js +19 -0
- package/dist/components/badge/badge.cjs +13 -9
- package/dist/components/badge/badge.d.ts +2 -1
- package/dist/components/badge/badge.js +14 -10
- package/dist/components/badge/counter-badge.cjs +19 -0
- package/dist/components/badge/counter-badge.d.ts +10 -0
- package/dist/components/badge/counter-badge.js +19 -0
- package/dist/components/badge/index.cjs +4 -0
- package/dist/components/badge/index.d.ts +4 -0
- package/dist/components/badge/index.js +5 -1
- package/dist/components/button/button.cjs +27 -25
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/button/button.js +27 -25
- package/dist/components/card/card.d.ts +6 -2
- package/dist/components/chip/chip-indicator.cjs +1 -1
- package/dist/components/chip/chip-indicator.d.ts +2 -2
- package/dist/components/chip/chip-indicator.js +1 -1
- package/dist/components/chip/index.d.ts +2 -2
- package/dist/components/drawer/drawer-close.cjs +2 -2
- package/dist/components/drawer/drawer-close.js +2 -2
- package/dist/components/drawer/drawer-content.cjs +3 -2
- package/dist/components/drawer/drawer-content.d.ts +3 -9
- package/dist/components/drawer/drawer-content.js +3 -2
- package/dist/components/drawer/drawer-description.cjs +1 -1
- package/dist/components/drawer/drawer-description.js +1 -1
- package/dist/components/drawer/drawer-footer.cjs +1 -1
- package/dist/components/drawer/drawer-footer.js +1 -1
- package/dist/components/drawer/drawer-overlay.cjs +1 -1
- package/dist/components/drawer/drawer-overlay.js +1 -1
- package/dist/components/drawer/drawer-title.cjs +1 -1
- package/dist/components/drawer/drawer-title.js +1 -1
- package/dist/components/field-error-text/field-error-text.cjs +1 -1
- package/dist/components/field-error-text/field-error-text.js +1 -1
- package/dist/components/flex/flex.cjs +1 -1
- package/dist/components/flex/flex.js +1 -1
- package/dist/components/icon/icon.cjs +3 -3
- package/dist/components/icon/icon.js +3 -3
- package/dist/components/icon/index.cjs +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/index.cjs +11 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +11 -1
- package/dist/components/input/input-clear-button.cjs +1 -1
- package/dist/components/input/input-clear-button.js +1 -1
- package/dist/components/input/input-group.cjs +11 -11
- package/dist/components/input/input-group.js +11 -11
- package/dist/components/input/input-indicator.cjs +1 -1
- package/dist/components/input/input-indicator.js +1 -1
- package/dist/components/list/index.cjs +16 -0
- package/dist/components/list/index.d.ts +47 -0
- package/dist/components/list/index.js +16 -0
- package/dist/components/list/list-content.cjs +14 -0
- package/dist/components/list/list-content.d.ts +4 -0
- package/dist/components/list/list-content.js +14 -0
- package/dist/components/list/list-illustration.cjs +23 -0
- package/dist/components/list/list-illustration.d.ts +9 -0
- package/dist/components/list/list-illustration.js +23 -0
- package/dist/components/list/list-item.cjs +12 -0
- package/dist/components/list/list-item.d.ts +4 -0
- package/dist/components/list/list-item.js +12 -0
- package/dist/components/list/list.cjs +52 -0
- package/dist/components/list/list.d.ts +43 -0
- package/dist/components/list/list.js +52 -0
- package/dist/components/modal/modal.cjs +6 -1
- package/dist/components/modal/modal.js +6 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +9 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.d.ts +4 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +9 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +21 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +4 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +21 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +369 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.d.ts +8 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +369 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.cjs +12 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +33 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +12 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +37 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.d.ts +10 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +37 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +12 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.d.ts +8 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +12 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.cjs +11 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.d.ts +4 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +11 -0
- package/dist/components/navigation-menu/global-navigation/index.cjs +4 -0
- package/dist/components/navigation-menu/global-navigation/index.d.ts +6 -0
- package/dist/components/navigation-menu/global-navigation/index.js +4 -0
- package/dist/components/navigation-menu/global-navigation/utils.cjs +318 -0
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +496 -0
- package/dist/components/navigation-menu/global-navigation/utils.js +318 -0
- package/dist/components/navigation-menu/index.cjs +2 -0
- package/dist/components/navigation-menu/index.d.ts +1 -0
- package/dist/components/navigation-menu/index.js +2 -0
- package/dist/components/navigation-menu/navigation-menu.cjs +49 -23
- package/dist/components/navigation-menu/navigation-menu.d.ts +6 -1
- package/dist/components/navigation-menu/navigation-menu.js +50 -24
- package/dist/components/notification/notification.cjs +1 -1
- package/dist/components/notification/notification.d.ts +11 -5
- package/dist/components/notification/notification.js +1 -1
- package/dist/components/scroll-area/index.d.ts +6 -2
- package/dist/components/scroll-area/scroll-area-bar.cjs +19 -13
- package/dist/components/scroll-area/scroll-area-bar.js +19 -13
- package/dist/components/scroll-area/scroll-area-button.cjs +1 -1
- package/dist/components/scroll-area/scroll-area-button.d.ts +6 -2
- package/dist/components/scroll-area/scroll-area-button.js +1 -1
- package/dist/components/tabs/index.cjs +6 -0
- package/dist/components/tabs/index.d.ts +8 -4
- package/dist/components/tabs/index.js +6 -0
- package/dist/components/tabs/tabs-root.cjs +5 -4
- package/dist/components/tabs/tabs-root.d.ts +1 -1
- package/dist/components/tabs/tabs-root.js +5 -4
- package/dist/components/tabs/tabs-scroll-button.d.ts +6 -2
- package/dist/components/tabs/tabs-trigger.cjs +2 -1
- package/dist/components/tabs/tabs-trigger.d.ts +1 -1
- package/dist/components/tabs/tabs-trigger.js +2 -1
- package/dist/components/text-field/index.d.ts +6 -2
- package/dist/components/text-field/text-field-button.d.ts +6 -2
- package/dist/components/toggle/toggle.cjs +5 -5
- package/dist/components/toggle/toggle.d.ts +2 -2
- package/dist/components/toggle/toggle.js +5 -5
- package/dist/components/tooltip/index.cjs +22 -0
- package/dist/components/tooltip/index.d.ts +40 -0
- package/dist/components/tooltip/index.js +22 -0
- package/dist/components/tooltip/tooltip-arrow.cjs +33 -0
- package/dist/components/tooltip/tooltip-arrow.d.ts +6 -0
- package/dist/components/tooltip/tooltip-arrow.js +16 -0
- package/dist/components/tooltip/tooltip-content.cjs +46 -0
- package/dist/components/tooltip/tooltip-content.d.ts +80 -0
- package/dist/components/tooltip/tooltip-content.js +29 -0
- package/dist/components/tooltip/tooltip-portal.cjs +26 -0
- package/dist/components/tooltip/tooltip-portal.d.ts +7 -0
- package/dist/components/tooltip/tooltip-portal.js +9 -0
- package/dist/components/tooltip/tooltip-provider.cjs +30 -0
- package/dist/components/tooltip/tooltip-provider.d.ts +9 -0
- package/dist/components/tooltip/tooltip-provider.js +13 -0
- package/dist/components/tooltip/tooltip-root.cjs +36 -0
- package/dist/components/tooltip/tooltip-root.d.ts +25 -0
- package/dist/components/tooltip/tooltip-root.js +19 -0
- package/dist/components/tooltip/tooltip-trigger.cjs +38 -0
- package/dist/components/tooltip/tooltip-trigger.d.ts +6 -0
- package/dist/components/tooltip/tooltip-trigger.js +21 -0
- package/dist/drawer.module-BZV0Appw.js +14 -0
- package/dist/drawer.module-rgUBNOkt.cjs +13 -0
- package/dist/icons/category.cjs +1 -0
- package/dist/icons/category.d.ts +3 -0
- package/dist/icons/category.js +1 -0
- package/dist/icons/name.cjs +1 -0
- package/dist/icons/name.d.ts +1 -1
- package/dist/icons/name.js +1 -0
- package/dist/main.cjs +11 -1
- package/dist/main.js +11 -1
- package/dist/style.css +948 -659
- package/dist/tooltip.module-D_3DOZOn.cjs +15 -0
- package/dist/tooltip.module-DnKU2XS4.js +16 -0
- package/dist/utils/generate-styling/index.cjs +12 -2
- package/dist/utils/generate-styling/index.d.ts +70 -3
- package/dist/utils/generate-styling/index.js +12 -2
- package/package.json +2 -1
- package/dist/drawer.module-BxsrDZFu.js +0 -14
- package/dist/drawer.module-CWDhohQm.cjs +0 -13
|
@@ -4,32 +4,33 @@ import { clsx } from "clsx";
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { Spinner } from "../spinner/spinner.js";
|
|
6
6
|
import { extractProps } from "../../utils/generate-styling/index.js";
|
|
7
|
-
const fadeInAnimation = "
|
|
8
|
-
const scaleInAnimation = "
|
|
7
|
+
const fadeInAnimation = "_fadeInAnimation_aswkh_1";
|
|
8
|
+
const scaleInAnimation = "_scaleInAnimation_aswkh_1";
|
|
9
9
|
const styles = {
|
|
10
|
-
"teddy-button": "_teddy-
|
|
11
|
-
"teddy-button--sm": "_teddy-button--
|
|
12
|
-
"teddy-button--icon-only": "_teddy-button--icon-
|
|
13
|
-
"teddy-button--md": "_teddy-button--
|
|
14
|
-
"teddy-button--lg": "_teddy-button--
|
|
15
|
-
"teddy-button--full-width": "_teddy-button--full-
|
|
16
|
-
"teddy-button--primary": "_teddy-button--
|
|
17
|
-
"teddy-button--disabled": "_teddy-button--
|
|
18
|
-
"teddy-button--primary-negative": "_teddy-button--primary-
|
|
19
|
-
"teddy-button--secondary": "_teddy-button--
|
|
20
|
-
"teddy-button--secondary-negative": "_teddy-button--secondary-
|
|
21
|
-
"teddy-button--expressive": "_teddy-button--
|
|
22
|
-
"teddy-button--expressive-negative": "_teddy-button--expressive-
|
|
23
|
-
"teddy-button--negative": "_teddy-button--
|
|
24
|
-
"teddy-button--destructive": "_teddy-button--
|
|
25
|
-
"teddy-button--destructive-negative": "_teddy-button--destructive-
|
|
26
|
-
"teddy-button--tertiary-purple": "_teddy-button--tertiary-
|
|
27
|
-
"teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-
|
|
28
|
-
"teddy-button--
|
|
29
|
-
"teddy-button--text": "_teddy-button--
|
|
30
|
-
"teddy-
|
|
10
|
+
"teddy-button": "_teddy-button_aswkh_18",
|
|
11
|
+
"teddy-button--sm": "_teddy-button--sm_aswkh_53",
|
|
12
|
+
"teddy-button--icon-only": "_teddy-button--icon-only_aswkh_56",
|
|
13
|
+
"teddy-button--md": "_teddy-button--md_aswkh_59",
|
|
14
|
+
"teddy-button--lg": "_teddy-button--lg_aswkh_65",
|
|
15
|
+
"teddy-button--full-width": "_teddy-button--full-width_aswkh_71",
|
|
16
|
+
"teddy-button--primary": "_teddy-button--primary_aswkh_74",
|
|
17
|
+
"teddy-button--disabled": "_teddy-button--disabled_aswkh_78",
|
|
18
|
+
"teddy-button--primary-negative": "_teddy-button--primary-negative_aswkh_84",
|
|
19
|
+
"teddy-button--secondary": "_teddy-button--secondary_aswkh_96",
|
|
20
|
+
"teddy-button--secondary-negative": "_teddy-button--secondary-negative_aswkh_107",
|
|
21
|
+
"teddy-button--expressive": "_teddy-button--expressive_aswkh_118",
|
|
22
|
+
"teddy-button--expressive-negative": "_teddy-button--expressive-negative_aswkh_128",
|
|
23
|
+
"teddy-button--negative": "_teddy-button--negative_aswkh_140",
|
|
24
|
+
"teddy-button--destructive": "_teddy-button--destructive_aswkh_147",
|
|
25
|
+
"teddy-button--destructive-negative": "_teddy-button--destructive-negative_aswkh_157",
|
|
26
|
+
"teddy-button--tertiary-purple": "_teddy-button--tertiary-purple_aswkh_167",
|
|
27
|
+
"teddy-button--tertiary-purple-negative": "_teddy-button--tertiary-purple-negative_aswkh_180",
|
|
28
|
+
"teddy-button--list-item": "_teddy-button--list-item_aswkh_195",
|
|
29
|
+
"teddy-button--text-negative": "_teddy-button--text-negative_aswkh_214",
|
|
30
|
+
"teddy-button--text": "_teddy-button--text_aswkh_214",
|
|
31
|
+
"teddy-button__loading": "_teddy-button__loading_aswkh_261",
|
|
31
32
|
fadeInAnimation,
|
|
32
|
-
"teddy-button__spinner": "_teddy-
|
|
33
|
+
"teddy-button__spinner": "_teddy-button__spinner_aswkh_272",
|
|
33
34
|
scaleInAnimation
|
|
34
35
|
};
|
|
35
36
|
const rootClassName = "teddy-button";
|
|
@@ -45,7 +46,8 @@ const variants = [
|
|
|
45
46
|
"destructive-negative",
|
|
46
47
|
"tertiary-purple-negative",
|
|
47
48
|
"text-negative",
|
|
48
|
-
"expressive-negative"
|
|
49
|
+
"expressive-negative",
|
|
50
|
+
"list-item"
|
|
49
51
|
];
|
|
50
52
|
const Root = React.forwardRef((args, ref) => {
|
|
51
53
|
const {
|
|
@@ -61,20 +61,24 @@ declare const Card: React.ForwardRefExoticComponent<RootProps & React.RefAttribu
|
|
|
61
61
|
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;
|
|
62
62
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
63
63
|
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 & {
|
|
64
|
+
display?: import('../../utils/generate-styling').DisplayChildren | undefined;
|
|
65
|
+
} & {
|
|
64
66
|
asChild?: boolean | undefined;
|
|
65
67
|
loading?: boolean | undefined;
|
|
66
68
|
fullWidth?: boolean | undefined;
|
|
67
69
|
size?: "sm" | "md" | "lg" | undefined;
|
|
68
|
-
variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
70
|
+
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
69
71
|
} & {
|
|
70
72
|
iconOnly: true;
|
|
71
73
|
"aria-label": string;
|
|
72
74
|
} & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
|
|
75
|
+
display?: import('../../utils/generate-styling').DisplayChildren | undefined;
|
|
76
|
+
} & {
|
|
73
77
|
asChild?: boolean | undefined;
|
|
74
78
|
loading?: boolean | undefined;
|
|
75
79
|
fullWidth?: boolean | undefined;
|
|
76
80
|
size?: "sm" | "md" | "lg" | undefined;
|
|
77
|
-
variant?: "text" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
81
|
+
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
78
82
|
} & {
|
|
79
83
|
iconOnly?: false | undefined;
|
|
80
84
|
"aria-label"?: string | undefined;
|
|
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const components_chip_chip = require("./chip.cjs");
|
|
7
|
-
require("../../assets/sprite.
|
|
7
|
+
require("../../assets/sprite.269ba410-teddy.svg");
|
|
8
8
|
const components_icon_icon = require("../icon/icon.cjs");
|
|
9
9
|
const Indicator = React.forwardRef(
|
|
10
10
|
({ className, ...props }, forwardRef) => {
|
|
@@ -3,7 +3,7 @@ import { Icon } from '../icon';
|
|
|
3
3
|
|
|
4
4
|
export type IndicatorProps = Partial<React.ComponentPropsWithoutRef<typeof Icon>>;
|
|
5
5
|
export declare const Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
|
|
6
|
-
name: "
|
|
7
|
-
size?: ("xxs" | "xs" | "sm" | "md" | "lg" | "xl"
|
|
6
|
+
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";
|
|
7
|
+
size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
}, "ref">> & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { s as styles, rootClassName } from "./chip.js";
|
|
5
|
-
import "../../assets/sprite.
|
|
5
|
+
import "../../assets/sprite.269ba410-teddy.svg";
|
|
6
6
|
import { Icon } from "../icon/icon.js";
|
|
7
7
|
const Indicator = React__default.forwardRef(
|
|
8
8
|
({ className, ...props }, forwardRef) => {
|
|
@@ -5,8 +5,8 @@ import { ItemProps } from './chip-item';
|
|
|
5
5
|
export declare const Chip: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
6
6
|
Item: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
Indicator: import('react').ForwardRefExoticComponent<Partial<Omit<import('react').SVGProps<SVGSVGElement> & {
|
|
8
|
-
name: "
|
|
9
|
-
size?: ("xxs" | "xs" | "sm" | "md" | "lg" | "xl"
|
|
8
|
+
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";
|
|
9
|
+
size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
|
|
10
10
|
children?: import('react').ReactNode;
|
|
11
11
|
}, "ref">> & import('react').RefAttributes<SVGSVGElement>>;
|
|
12
12
|
};
|
|
@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const DrawerPrimitive = require("@radix-ui/react-dialog");
|
|
7
|
-
const drawer_module = require("../../drawer.module-
|
|
7
|
+
const drawer_module = require("../../drawer.module-rgUBNOkt.cjs");
|
|
8
8
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
9
|
-
require("../../assets/sprite.
|
|
9
|
+
require("../../assets/sprite.269ba410-teddy.svg");
|
|
10
10
|
const components_icon_icon = require("../icon/icon.cjs");
|
|
11
11
|
const components_button_button = require("../button/button.cjs");
|
|
12
12
|
function _interopNamespaceDefault(e) {
|
|
@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import * as DrawerPrimitive from "@radix-ui/react-dialog";
|
|
5
|
-
import { s as styles } from "../../drawer.module-
|
|
5
|
+
import { s as styles } from "../../drawer.module-BZV0Appw.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
|
-
import "../../assets/sprite.
|
|
7
|
+
import "../../assets/sprite.269ba410-teddy.svg";
|
|
8
8
|
import { Icon } from "../icon/icon.js";
|
|
9
9
|
import { Button } from "../button/button.js";
|
|
10
10
|
const Close = React__default.forwardRef(
|
|
@@ -4,9 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const DrawerPrimitive = require("@radix-ui/react-dialog");
|
|
7
|
-
const drawer_module = require("../../drawer.module-
|
|
7
|
+
const drawer_module = require("../../drawer.module-rgUBNOkt.cjs");
|
|
8
8
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
9
9
|
const components_drawer_drawerOverlay = require("./drawer-overlay.cjs");
|
|
10
|
+
const components_flex_flex = require("../flex/flex.cjs");
|
|
10
11
|
function _interopNamespaceDefault(e) {
|
|
11
12
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
12
13
|
if (e) {
|
|
@@ -27,7 +28,7 @@ const DrawerPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(Draw
|
|
|
27
28
|
const InnerContent = React.forwardRef(
|
|
28
29
|
function InnerContent2({ children, className, ...props }, forwardedRef) {
|
|
29
30
|
const classes = clsx([drawer_module.styles[`${components_drawer_drawerRoot.rootClassName}__content`]], className);
|
|
30
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Content, { ...props, ref: forwardedRef, className: classes, children });
|
|
31
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DrawerPrimitive__namespace.Content, { ...props, ref: forwardedRef, className: classes, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { children }) });
|
|
31
32
|
}
|
|
32
33
|
);
|
|
33
34
|
const Content = React.forwardRef(
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { Flex } from '../flex';
|
|
2
3
|
|
|
3
4
|
import * as DrawerPrimitive from '@radix-ui/react-dialog';
|
|
4
5
|
export type ContentProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>, 'forceMount' | 'onOpenAutoFocus' | 'onCloseAutoFocus' | 'onEscapeKeyDown' | 'onPointerDownOutside' | 'onInteractOutside'> & {
|
|
@@ -8,12 +9,5 @@ export type ContentProps = Omit<React.ComponentPropsWithoutRef<typeof DrawerPrim
|
|
|
8
9
|
onEscapeKeyDown?: DrawerPrimitive.DialogContentProps['onEscapeKeyDown'];
|
|
9
10
|
onPointerDownOutside?: DrawerPrimitive.DialogContentProps['onPointerDownOutside'];
|
|
10
11
|
onInteractOutside?: DrawerPrimitive.DialogContentProps['onInteractOutside'];
|
|
11
|
-
}
|
|
12
|
-
export declare const Content: React.ForwardRefExoticComponent<
|
|
13
|
-
forceMount?: DrawerPrimitive.DialogContentProps['forceMount'];
|
|
14
|
-
onOpenAutoFocus?: DrawerPrimitive.DialogContentProps['onOpenAutoFocus'];
|
|
15
|
-
onCloseAutoFocus?: DrawerPrimitive.DialogContentProps['onCloseAutoFocus'];
|
|
16
|
-
onEscapeKeyDown?: DrawerPrimitive.DialogContentProps['onEscapeKeyDown'];
|
|
17
|
-
onPointerDownOutside?: DrawerPrimitive.DialogContentProps['onPointerDownOutside'];
|
|
18
|
-
onInteractOutside?: DrawerPrimitive.DialogContentProps['onInteractOutside'];
|
|
19
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
} & React.ComponentPropsWithoutRef<typeof Flex>;
|
|
13
|
+
export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2,13 +2,14 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import * as DrawerPrimitive from "@radix-ui/react-dialog";
|
|
5
|
-
import { s as styles } from "../../drawer.module-
|
|
5
|
+
import { s as styles } from "../../drawer.module-BZV0Appw.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
7
|
import { OverlayContext, Overlay } from "./drawer-overlay.js";
|
|
8
|
+
import { Flex } from "../flex/flex.js";
|
|
8
9
|
const InnerContent = React__default.forwardRef(
|
|
9
10
|
function InnerContent2({ children, className, ...props }, forwardedRef) {
|
|
10
11
|
const classes = clsx([styles[`${rootClassName}__content`]], className);
|
|
11
|
-
return /* @__PURE__ */ jsx(DrawerPrimitive.Content, { ...props, ref: forwardedRef, className: classes, children });
|
|
12
|
+
return /* @__PURE__ */ jsx(DrawerPrimitive.Content, { ...props, ref: forwardedRef, className: classes, asChild: true, children: /* @__PURE__ */ jsx(Flex, { children }) });
|
|
12
13
|
}
|
|
13
14
|
);
|
|
14
15
|
const Content = React__default.forwardRef(
|
|
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const DrawerPrimitive = require("@radix-ui/react-dialog");
|
|
7
|
-
const drawer_module = require("../../drawer.module-
|
|
7
|
+
const drawer_module = require("../../drawer.module-rgUBNOkt.cjs");
|
|
8
8
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
9
9
|
const components_text_text = require("../text/text.cjs");
|
|
10
10
|
function _interopNamespaceDefault(e) {
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import * as DrawerPrimitive from "@radix-ui/react-dialog";
|
|
5
|
-
import { s as styles } from "../../drawer.module-
|
|
5
|
+
import { s as styles } from "../../drawer.module-BZV0Appw.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
7
|
import { Text } from "../text/text.js";
|
|
8
8
|
const DescriptionContext = React__default.createContext(false);
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
|
-
const drawer_module = require("../../drawer.module-
|
|
6
|
+
const drawer_module = require("../../drawer.module-rgUBNOkt.cjs");
|
|
7
7
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
8
8
|
const components_flex_flex = require("../flex/flex.cjs");
|
|
9
9
|
const Footer = React.forwardRef(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import { s as styles } from "../../drawer.module-
|
|
4
|
+
import { s as styles } from "../../drawer.module-BZV0Appw.js";
|
|
5
5
|
import { rootClassName } from "./drawer-root.js";
|
|
6
6
|
import { Flex } from "../flex/flex.js";
|
|
7
7
|
const Footer = React__default.forwardRef(
|
|
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const DrawerPrimitive = require("@radix-ui/react-dialog");
|
|
7
|
-
const drawer_module = require("../../drawer.module-
|
|
7
|
+
const drawer_module = require("../../drawer.module-rgUBNOkt.cjs");
|
|
8
8
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
9
9
|
function _interopNamespaceDefault(e) {
|
|
10
10
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import * as DrawerPrimitive from "@radix-ui/react-dialog";
|
|
5
|
-
import { s as styles } from "../../drawer.module-
|
|
5
|
+
import { s as styles } from "../../drawer.module-BZV0Appw.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
7
|
const OverlayContext = React__default.createContext(false);
|
|
8
8
|
const Overlay = React__default.forwardRef(
|
|
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
4
4
|
const React = require("react");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const DrawerPrimitive = require("@radix-ui/react-dialog");
|
|
7
|
-
const drawer_module = require("../../drawer.module-
|
|
7
|
+
const drawer_module = require("../../drawer.module-rgUBNOkt.cjs");
|
|
8
8
|
const components_drawer_drawerRoot = require("./drawer-root.cjs");
|
|
9
9
|
const components_heading_heading = require("../heading/heading.cjs");
|
|
10
10
|
function _interopNamespaceDefault(e) {
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import * as DrawerPrimitive from "@radix-ui/react-dialog";
|
|
5
|
-
import { s as styles } from "../../drawer.module-
|
|
5
|
+
import { s as styles } from "../../drawer.module-BZV0Appw.js";
|
|
6
6
|
import { rootClassName } from "./drawer-root.js";
|
|
7
7
|
import { Heading } from "../heading/heading.js";
|
|
8
8
|
const Title = React__default.forwardRef(
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const clsx = require("clsx");
|
|
5
5
|
const React = require("react");
|
|
6
|
-
require("../../assets/sprite.
|
|
6
|
+
require("../../assets/sprite.269ba410-teddy.svg");
|
|
7
7
|
const components_icon_icon = require("../icon/icon.cjs");
|
|
8
8
|
const components_text_text = require("../text/text.cjs");
|
|
9
9
|
const styles = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import React__default from "react";
|
|
4
|
-
import "../../assets/sprite.
|
|
4
|
+
import "../../assets/sprite.269ba410-teddy.svg";
|
|
5
5
|
import { Icon } from "../icon/icon.js";
|
|
6
6
|
import { Text } from "../text/text.js";
|
|
7
7
|
const styles = {
|
|
@@ -6,7 +6,7 @@ const clsx = require("clsx");
|
|
|
6
6
|
const reactSlot = require("@radix-ui/react-slot");
|
|
7
7
|
const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
|
|
8
8
|
const styles = {
|
|
9
|
-
"teddy-flex": "_teddy-
|
|
9
|
+
"teddy-flex": "_teddy-flex_1ncy4_1"
|
|
10
10
|
};
|
|
11
11
|
const rootClassName = "teddy-flex";
|
|
12
12
|
const Flex = React.forwardRef((props, forwardRef) => {
|
|
@@ -4,7 +4,7 @@ import clsx from "clsx";
|
|
|
4
4
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
5
|
import { extractProps } from "../../utils/generate-styling/index.js";
|
|
6
6
|
const styles = {
|
|
7
|
-
"teddy-flex": "_teddy-
|
|
7
|
+
"teddy-flex": "_teddy-flex_1ncy4_1"
|
|
8
8
|
};
|
|
9
9
|
const rootClassName = "teddy-flex";
|
|
10
10
|
const Flex = React__default.forwardRef((props, forwardRef) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const iconsHref = require("../../assets/sprite.
|
|
4
|
+
const iconsHref = require("../../assets/sprite.269ba410-teddy.svg");
|
|
5
5
|
const clsx = require("clsx");
|
|
6
6
|
const styles = {
|
|
7
7
|
"teddy-icon": "_teddy-icon_1rwgf_2",
|
|
@@ -17,13 +17,13 @@ const styles = {
|
|
|
17
17
|
const rootClassName = "teddy-icon";
|
|
18
18
|
const rootClassNameWithChildren = `${rootClassName}-with-children`;
|
|
19
19
|
function Icon({ name, size = "font", className, children, ...props }) {
|
|
20
|
+
const classes = clsx([styles[rootClassName], styles[`${rootClassName}--${size}`]], className);
|
|
20
21
|
if (children) {
|
|
21
22
|
return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx([styles[rootClassNameWithChildren]]), children: [
|
|
22
|
-
/* @__PURE__ */ jsxRuntime.jsx(Icon, { name, size, className, ...props }),
|
|
23
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { name, size, className: classes, ...props }),
|
|
23
24
|
children
|
|
24
25
|
] });
|
|
25
26
|
}
|
|
26
|
-
const classes = clsx([styles[rootClassName], styles[`${rootClassName}--${size}`]], className);
|
|
27
27
|
return /* @__PURE__ */ jsxRuntime.jsx("svg", { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx("use", { href: `${iconsHref}#${name}` }) });
|
|
28
28
|
}
|
|
29
29
|
exports.Icon = Icon;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import iconsHref from "../../assets/sprite.
|
|
2
|
+
import iconsHref from "../../assets/sprite.269ba410-teddy.svg";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
const styles = {
|
|
5
5
|
"teddy-icon": "_teddy-icon_1rwgf_2",
|
|
@@ -15,13 +15,13 @@ const styles = {
|
|
|
15
15
|
const rootClassName = "teddy-icon";
|
|
16
16
|
const rootClassNameWithChildren = `${rootClassName}-with-children`;
|
|
17
17
|
function Icon({ name, size = "font", className, children, ...props }) {
|
|
18
|
+
const classes = clsx([styles[rootClassName], styles[`${rootClassName}--${size}`]], className);
|
|
18
19
|
if (children) {
|
|
19
20
|
return /* @__PURE__ */ jsxs("span", { className: clsx([styles[rootClassNameWithChildren]]), children: [
|
|
20
|
-
/* @__PURE__ */ jsx(Icon, { name, size, className, ...props }),
|
|
21
|
+
/* @__PURE__ */ jsx(Icon, { name, size, className: classes, ...props }),
|
|
21
22
|
children
|
|
22
23
|
] });
|
|
23
24
|
}
|
|
24
|
-
const classes = clsx([styles[rootClassName], styles[`${rootClassName}--${size}`]], className);
|
|
25
25
|
return /* @__PURE__ */ jsx("svg", { ...props, className: classes, children: /* @__PURE__ */ jsx("use", { href: `${iconsHref}#${name}` }) });
|
|
26
26
|
}
|
|
27
27
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const iconsHref = require("../../assets/sprite.
|
|
3
|
+
const iconsHref = require("../../assets/sprite.269ba410-teddy.svg");
|
|
4
4
|
const components_icon_icon = require("./icon.cjs");
|
|
5
5
|
const components_icon_AllIcons = require("./AllIcons.cjs");
|
|
6
6
|
exports.iconsHref = iconsHref;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const components_tooltip_index = require("./tooltip/index.cjs");
|
|
4
|
+
const components_list_index = require("./list/index.cjs");
|
|
3
5
|
const components_scrollArea_index = require("./scroll-area/index.cjs");
|
|
4
6
|
const components_tabs_index = require("./tabs/index.cjs");
|
|
5
7
|
const components_drawer_index = require("./drawer/index.cjs");
|
|
@@ -13,14 +15,17 @@ const components_flex_flex = require("./flex/flex.cjs");
|
|
|
13
15
|
const components_card_card = require("./card/card.cjs");
|
|
14
16
|
const components_grid_grid = require("./grid/grid.cjs");
|
|
15
17
|
const components_navigationMenu_navigationMenu = require("./navigation-menu/navigation-menu.cjs");
|
|
18
|
+
const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./navigation-menu/global-navigation/global-navigation-my-pages.cjs");
|
|
16
19
|
const components_toggle_toggle = require("./toggle/toggle.cjs");
|
|
17
20
|
const components_accordion_index = require("./accordion/index.cjs");
|
|
18
21
|
const components_link_link = require("./link/link.cjs");
|
|
19
22
|
const components_badge_badge = require("./badge/badge.cjs");
|
|
23
|
+
const components_badge_alertBadge = require("./badge/alert-badge.cjs");
|
|
24
|
+
const components_badge_counterBadge = require("./badge/counter-badge.cjs");
|
|
20
25
|
const components_button_button = require("./button/button.cjs");
|
|
21
26
|
const components_fieldErrorText_fieldErrorText = require("./field-error-text/field-error-text.cjs");
|
|
22
27
|
const components_helperText_helperText = require("./helper-text/helper-text.cjs");
|
|
23
|
-
const iconsHref = require("../assets/sprite.
|
|
28
|
+
const iconsHref = require("../assets/sprite.269ba410-teddy.svg");
|
|
24
29
|
const components_icon_icon = require("./icon/icon.cjs");
|
|
25
30
|
const components_icon_AllIcons = require("./icon/AllIcons.cjs");
|
|
26
31
|
const components_input_index = require("./input/index.cjs");
|
|
@@ -32,6 +37,8 @@ const components_heading_heading = require("./heading/heading.cjs");
|
|
|
32
37
|
const components_visuallyHidden_visuallyHidden = require("./visually-hidden/visually-hidden.cjs");
|
|
33
38
|
const components_textSpacing_textSpacing = require("./text-spacing/text-spacing.cjs");
|
|
34
39
|
const components_input_inputGroup = require("./input/input-group.cjs");
|
|
40
|
+
exports.Tooltip = components_tooltip_index.Tooltip;
|
|
41
|
+
exports.List = components_list_index.List;
|
|
35
42
|
exports.ScrollArea = components_scrollArea_index.ScrollArea;
|
|
36
43
|
exports.Tabs = components_tabs_index.Tabs;
|
|
37
44
|
exports.Drawer = components_drawer_index.Drawer;
|
|
@@ -45,10 +52,13 @@ exports.Flex = components_flex_flex.Flex;
|
|
|
45
52
|
exports.Card = components_card_card.Card;
|
|
46
53
|
exports.Grid = components_grid_grid.Grid;
|
|
47
54
|
exports.NavigationMenu = components_navigationMenu_navigationMenu.NavigationMenu;
|
|
55
|
+
exports.GlobalNavigation = components_navigationMenu_globalNavigation_globalNavigationMyPages.GlobalNavigation;
|
|
48
56
|
exports.Toggle = components_toggle_toggle.Toggle;
|
|
49
57
|
exports.Accordion = components_accordion_index.Accordion;
|
|
50
58
|
exports.Link = components_link_link.Link;
|
|
51
59
|
exports.Badge = components_badge_badge.Badge;
|
|
60
|
+
exports.AlertBadge = components_badge_alertBadge.AlertBadge;
|
|
61
|
+
exports.CounterBadge = components_badge_counterBadge.CounterBadge;
|
|
52
62
|
exports.Button = components_button_button.Button;
|
|
53
63
|
exports.FieldErrorText = components_fieldErrorText_fieldErrorText.FieldErrorText;
|
|
54
64
|
exports.HelperText = components_helperText_helperText.HelperText;
|
package/dist/components/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { Tooltip } from "./tooltip/index.js";
|
|
2
|
+
import { List } from "./list/index.js";
|
|
1
3
|
import { ScrollArea } from "./scroll-area/index.js";
|
|
2
4
|
import { Tabs } from "./tabs/index.js";
|
|
3
5
|
import { Drawer } from "./drawer/index.js";
|
|
@@ -11,14 +13,17 @@ import { Flex } from "./flex/flex.js";
|
|
|
11
13
|
import { Card } from "./card/card.js";
|
|
12
14
|
import { Grid } from "./grid/grid.js";
|
|
13
15
|
import { NavigationMenu } from "./navigation-menu/navigation-menu.js";
|
|
16
|
+
import { G } from "./navigation-menu/global-navigation/global-navigation-my-pages.js";
|
|
14
17
|
import { Toggle } from "./toggle/toggle.js";
|
|
15
18
|
import { Accordion } from "./accordion/index.js";
|
|
16
19
|
import { Link } from "./link/link.js";
|
|
17
20
|
import { Badge } from "./badge/badge.js";
|
|
21
|
+
import { AlertBadge } from "./badge/alert-badge.js";
|
|
22
|
+
import { CounterBadge } from "./badge/counter-badge.js";
|
|
18
23
|
import { Button } from "./button/button.js";
|
|
19
24
|
import { FieldErrorText } from "./field-error-text/field-error-text.js";
|
|
20
25
|
import { HelperText } from "./helper-text/helper-text.js";
|
|
21
|
-
import { default as default2 } from "../assets/sprite.
|
|
26
|
+
import { default as default2 } from "../assets/sprite.269ba410-teddy.svg";
|
|
22
27
|
import { Icon } from "./icon/icon.js";
|
|
23
28
|
import { default as default3 } from "./icon/AllIcons.js";
|
|
24
29
|
import { InputGroup } from "./input/index.js";
|
|
@@ -32,15 +37,18 @@ import { TextSpacing } from "./text-spacing/text-spacing.js";
|
|
|
32
37
|
import { I } from "./input/input-group.js";
|
|
33
38
|
export {
|
|
34
39
|
Accordion,
|
|
40
|
+
AlertBadge,
|
|
35
41
|
default3 as AllIcons,
|
|
36
42
|
Badge,
|
|
37
43
|
Box,
|
|
38
44
|
Button,
|
|
39
45
|
Card,
|
|
40
46
|
Chip,
|
|
47
|
+
CounterBadge,
|
|
41
48
|
Drawer,
|
|
42
49
|
FieldErrorText,
|
|
43
50
|
Flex,
|
|
51
|
+
G as GlobalNavigation,
|
|
44
52
|
Grid,
|
|
45
53
|
Heading,
|
|
46
54
|
HelperText,
|
|
@@ -50,6 +58,7 @@ export {
|
|
|
50
58
|
InputGroup,
|
|
51
59
|
Label,
|
|
52
60
|
Link,
|
|
61
|
+
List,
|
|
53
62
|
Modal,
|
|
54
63
|
NavigationMenu,
|
|
55
64
|
Notification,
|
|
@@ -61,6 +70,7 @@ export {
|
|
|
61
70
|
TextField,
|
|
62
71
|
TextSpacing,
|
|
63
72
|
Toggle,
|
|
73
|
+
Tooltip,
|
|
64
74
|
VisuallyHidden,
|
|
65
75
|
default2 as iconsHref
|
|
66
76
|
};
|