@telia/teddy 0.0.60 → 0.0.62
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/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
- package/dist/components/breadcrumbs/index.d.ts +1 -1
- package/dist/components/card/card-illustration.d.ts +1 -1
- package/dist/components/card/card-link.d.ts +1 -1
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/chip/chip-indicator.d.ts +1 -1
- package/dist/components/chip/index.d.ts +1 -1
- package/dist/components/expandable-card/expandable-card-button.d.ts +3 -3
- package/dist/components/expandable-card/index.d.ts +4 -4
- package/dist/components/index.cjs +11 -4
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +9 -5
- package/dist/components/modal/modal.cjs +3 -2
- package/dist/components/modal/modal.js +3 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.js +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +1 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +12 -682
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +12 -682
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.cjs +4 -5
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +4 -5
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +2 -3
- package/dist/components/navigation-menu/global-navigation/index.cjs +2 -2
- package/dist/components/navigation-menu/global-navigation/index.js +1 -1
- package/dist/components/navigation-menu/index.cjs +3 -4
- package/dist/components/navigation-menu/index.js +2 -3
- package/dist/components/navigation-menu/navigation-menu.cjs +55 -436
- package/dist/components/navigation-menu/navigation-menu.d.ts +9 -1
- package/dist/components/navigation-menu/navigation-menu.js +55 -419
- package/dist/components/notabene/notabene-icon.d.ts +1 -1
- package/dist/components/notification/notification.d.ts +1 -1
- package/dist/components/radio-card-group/radio-card-group-content.cjs +3 -2
- package/dist/components/radio-card-group/radio-card-group-content.js +3 -2
- package/dist/components/radio-card-group/radio-card-group-item-body.cjs +3 -2
- package/dist/components/radio-card-group/radio-card-group-item-body.js +3 -2
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1137 -51
- package/dist/components/radio-card-group/radio-card-group-item-title.js +1148 -63
- package/dist/components/radio-card-group/radio-card-group-item.cjs +3 -2
- package/dist/components/radio-card-group/radio-card-group-item.js +3 -2
- package/dist/components/scroll-area/index.d.ts +3 -3
- package/dist/components/scroll-area/scroll-area-button.d.ts +3 -3
- package/dist/components/tabs/index.d.ts +3 -3
- package/dist/components/tabs/tabs-scroll-button.d.ts +3 -3
- package/dist/components/text-field/index.d.ts +2 -2
- package/dist/components/text-field/text-field-button.d.ts +2 -2
- package/dist/components/toast/index.cjs +10 -0
- package/dist/components/toast/index.d.ts +9 -0
- package/dist/components/toast/index.js +7 -0
- package/dist/components/toast/toast-root.cjs +121 -0
- package/dist/components/toast/toast-root.d.ts +9 -0
- package/dist/components/toast/toast-root.js +121 -0
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/toggletip/index.cjs +31 -0
- package/dist/components/toggletip/index.d.ts +33 -0
- package/dist/components/toggletip/index.js +31 -0
- package/dist/components/toggletip/toggletip-anchor.cjs +33 -0
- package/dist/components/toggletip/toggletip-anchor.d.ts +6 -0
- package/dist/components/toggletip/toggletip-anchor.js +16 -0
- package/dist/components/toggletip/toggletip-arrow.cjs +38 -0
- package/dist/components/toggletip/toggletip-arrow.d.ts +6 -0
- package/dist/components/toggletip/toggletip-arrow.js +21 -0
- package/dist/components/toggletip/toggletip-close.cjs +48 -0
- package/dist/components/toggletip/toggletip-close.d.ts +10 -0
- package/dist/components/toggletip/toggletip-close.js +31 -0
- package/dist/components/toggletip/toggletip-content.cjs +80 -0
- package/dist/components/toggletip/toggletip-content.d.ts +16 -0
- package/dist/components/toggletip/toggletip-content.js +63 -0
- package/dist/components/toggletip/toggletip-footer.cjs +10 -0
- package/dist/components/toggletip/toggletip-footer.d.ts +6 -0
- package/dist/components/toggletip/toggletip-footer.js +10 -0
- package/dist/components/toggletip/toggletip-heading.cjs +25 -0
- package/dist/components/toggletip/toggletip-heading.d.ts +6 -0
- package/dist/components/toggletip/toggletip-heading.js +25 -0
- package/dist/components/toggletip/toggletip-portal.cjs +31 -0
- package/dist/components/toggletip/toggletip-portal.d.ts +11 -0
- package/dist/components/toggletip/toggletip-portal.js +14 -0
- package/dist/components/toggletip/toggletip-root.cjs +36 -0
- package/dist/components/toggletip/toggletip-root.d.ts +26 -0
- package/dist/components/toggletip/toggletip-root.js +19 -0
- package/dist/components/toggletip/toggletip-trigger.cjs +33 -0
- package/dist/components/toggletip/toggletip-trigger.d.ts +10 -0
- package/dist/components/toggletip/toggletip-trigger.js +16 -0
- package/dist/components/tooltip/index.d.ts +3 -3
- package/dist/main.cjs +11 -4
- package/dist/main.js +9 -5
- package/dist/style.css +3458 -2751
- package/dist/toggletip.module-A6XIfaD_.cjs +10 -0
- package/dist/toggletip.module-BUx6_4pv.js +11 -0
- package/dist/utils/generate-styling/grid.d.ts +24 -24
- package/dist/utils/generate-styling/index.d.ts +16 -16
- package/dist/utils/generate-styling/util.d.ts +2 -2
- package/package.json +17 -15
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
4
|
+
export type TriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> & {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
/** The button that toggles the popover. By default, the Popover.Content will position itself against the trigger. */
|
|
8
|
+
export declare const Trigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import React__default from "react";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { s as styles } from "../../toggletip.module-BUx6_4pv.js";
|
|
5
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
6
|
+
import { rootClassName } from "./toggletip-root.js";
|
|
7
|
+
const Trigger = React__default.forwardRef(
|
|
8
|
+
({ className, ...props }, forwardRef) => {
|
|
9
|
+
const classes = clsx([styles[`${rootClassName}__trigger`]], className);
|
|
10
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { ...props, ref: forwardRef, className: classes });
|
|
11
|
+
}
|
|
12
|
+
);
|
|
13
|
+
Trigger.displayName = "Trigger";
|
|
14
|
+
export {
|
|
15
|
+
Trigger
|
|
16
|
+
};
|
|
@@ -15,14 +15,14 @@ export declare const Tooltip: typeof Root & {
|
|
|
15
15
|
onPointerDownOutside?: ((event: CustomEvent<{
|
|
16
16
|
originalEvent: PointerEvent;
|
|
17
17
|
}>) => void) | undefined;
|
|
18
|
-
side?: "top" | "bottom" | "
|
|
18
|
+
side?: "top" | "bottom" | "left" | "right" | undefined;
|
|
19
19
|
sideOffset?: number | undefined;
|
|
20
|
-
align?: "
|
|
20
|
+
align?: "end" | "center" | "start" | undefined;
|
|
21
21
|
alignOffset?: number | undefined;
|
|
22
22
|
arrowPadding?: number | undefined;
|
|
23
23
|
avoidCollisions?: boolean | undefined;
|
|
24
24
|
collisionBoundary?: (Element | null) | (Element | null)[] | undefined;
|
|
25
|
-
collisionPadding?: number | Partial<Record<"top" | "bottom" | "
|
|
25
|
+
collisionPadding?: number | Partial<Record<"top" | "bottom" | "left" | "right", number>> | undefined;
|
|
26
26
|
sticky?: "always" | "partial" | undefined;
|
|
27
27
|
hideWhenDetached?: boolean | undefined;
|
|
28
28
|
updatePositionStrategy?: "always" | "optimized" | undefined;
|
package/dist/main.cjs
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const components_toast_index = require("./components/toast/index.cjs");
|
|
4
|
+
const components_toggletip_index = require("./components/toggletip/index.cjs");
|
|
3
5
|
const components_breadcrumbs_index = require("./components/breadcrumbs/index.cjs");
|
|
4
6
|
const components_radioCardGroup_radioCardGroupItemTitle = require("./components/radio-card-group/radio-card-group-item-title.cjs");
|
|
5
7
|
const components_ribbon_index = require("./components/ribbon/index.cjs");
|
|
@@ -21,8 +23,6 @@ const components_box_box = require("./components/box/box.cjs");
|
|
|
21
23
|
const components_flex_flex = require("./components/flex/flex.cjs");
|
|
22
24
|
const components_card_index = require("./components/card/index.cjs");
|
|
23
25
|
const components_grid_grid = require("./components/grid/grid.cjs");
|
|
24
|
-
const components_navigationMenu_navigationMenu = require("./components/navigation-menu/navigation-menu.cjs");
|
|
25
|
-
const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./components/navigation-menu/global-navigation/global-navigation-my-pages.cjs");
|
|
26
26
|
const components_toggle_toggle = require("./components/toggle/toggle.cjs");
|
|
27
27
|
const components_accordion_index = require("./components/accordion/index.cjs");
|
|
28
28
|
const components_link_link = require("./components/link/link.cjs");
|
|
@@ -51,9 +51,14 @@ const tokens_motion_variables = require("./tokens/motion/variables.cjs");
|
|
|
51
51
|
const tokens_shadow_variables = require("./tokens/shadow/variables.cjs");
|
|
52
52
|
const tokens_spacing_variables = require("./tokens/spacing/variables.cjs");
|
|
53
53
|
const tokens_typography_variables = require("./tokens/typography/variables.cjs");
|
|
54
|
+
const sonner = require("sonner");
|
|
54
55
|
const components_input_inputGroup = require("./components/input/input-group.cjs");
|
|
56
|
+
exports.Toast = components_toast_index.Toast;
|
|
57
|
+
exports.Toggletip = components_toggletip_index.Toggletip;
|
|
55
58
|
exports.Breadcrumbs = components_breadcrumbs_index.Breadcrumbs;
|
|
59
|
+
exports.GlobalNavigation = components_radioCardGroup_radioCardGroupItemTitle.GlobalNavigation;
|
|
56
60
|
exports.Modal = components_radioCardGroup_radioCardGroupItemTitle.Modal;
|
|
61
|
+
exports.NavigationMenu = components_radioCardGroup_radioCardGroupItemTitle.NavigationMenu;
|
|
57
62
|
exports.RadioCardGroup = components_radioCardGroup_radioCardGroupItemTitle.RadioCardGroup;
|
|
58
63
|
exports.Ribbon = components_ribbon_index.Ribbon;
|
|
59
64
|
exports.ExpandableCard = components_expandableCard_index.ExpandableCard;
|
|
@@ -74,8 +79,6 @@ exports.Box = components_box_box.Box;
|
|
|
74
79
|
exports.Flex = components_flex_flex.Flex;
|
|
75
80
|
exports.Card = components_card_index.Card;
|
|
76
81
|
exports.Grid = components_grid_grid.Grid;
|
|
77
|
-
exports.NavigationMenu = components_navigationMenu_navigationMenu.NavigationMenu;
|
|
78
|
-
exports.GlobalNavigation = components_navigationMenu_globalNavigation_globalNavigationMyPages.GlobalNavigation;
|
|
79
82
|
exports.Toggle = components_toggle_toggle.Toggle;
|
|
80
83
|
exports.Accordion = components_accordion_index.Accordion;
|
|
81
84
|
exports.Link = components_link_link.Link;
|
|
@@ -398,4 +401,8 @@ exports.teddyTypographyScale900 = tokens_typography_variables.teddyTypographySca
|
|
|
398
401
|
exports.teddyTypographyWeightBold = tokens_typography_variables.teddyTypographyWeightBold;
|
|
399
402
|
exports.teddyTypographyWeightMedium = tokens_typography_variables.teddyTypographyWeightMedium;
|
|
400
403
|
exports.teddyTypographyWeightNormal = tokens_typography_variables.teddyTypographyWeightNormal;
|
|
404
|
+
Object.defineProperty(exports, "toast", {
|
|
405
|
+
enumerable: true,
|
|
406
|
+
get: () => sonner.toast
|
|
407
|
+
});
|
|
401
408
|
exports.Input = components_input_inputGroup.Input;
|
package/dist/main.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
import { Toast } from "./components/toast/index.js";
|
|
2
|
+
import { Toggletip } from "./components/toggletip/index.js";
|
|
1
3
|
import { Breadcrumbs } from "./components/breadcrumbs/index.js";
|
|
2
|
-
import { M, R } from "./components/radio-card-group/radio-card-group-item-title.js";
|
|
4
|
+
import { G, M, N, R } from "./components/radio-card-group/radio-card-group-item-title.js";
|
|
3
5
|
import { Ribbon } from "./components/ribbon/index.js";
|
|
4
6
|
import { ExpandableCard } from "./components/expandable-card/index.js";
|
|
5
7
|
import { ColorDot } from "./components/color-dot/index.js";
|
|
@@ -19,8 +21,6 @@ import { Box } from "./components/box/box.js";
|
|
|
19
21
|
import { Flex } from "./components/flex/flex.js";
|
|
20
22
|
import { Card } from "./components/card/index.js";
|
|
21
23
|
import { Grid } from "./components/grid/grid.js";
|
|
22
|
-
import { NavigationMenu } from "./components/navigation-menu/navigation-menu.js";
|
|
23
|
-
import { G } from "./components/navigation-menu/global-navigation/global-navigation-my-pages.js";
|
|
24
24
|
import { Toggle } from "./components/toggle/toggle.js";
|
|
25
25
|
import { Accordion } from "./components/accordion/index.js";
|
|
26
26
|
import { Link } from "./components/link/link.js";
|
|
@@ -49,6 +49,7 @@ import { teddyMotionDuration100, teddyMotionDuration150, teddyMotionDuration1500
|
|
|
49
49
|
import { teddyShadowLg, teddyShadowMd, teddyShadowNone, teddyShadowSm } from "./tokens/shadow/variables.js";
|
|
50
50
|
import { teddySpacing0, teddySpacing10, teddySpacing100, teddySpacing1000, teddySpacing1200, teddySpacing150, teddySpacing1600, teddySpacing200, teddySpacing25, teddySpacing250, teddySpacing300, teddySpacing400, teddySpacing50, teddySpacing600, teddySpacing800, teddySpacingGutterLg, teddySpacingGutterMd, teddySpacingGutterSm, teddySpacingGutterXl, teddySpacingPagePaddingLg, teddySpacingPagePaddingMd, teddySpacingPagePaddingSm, teddySpacingPagePaddingXl } from "./tokens/spacing/variables.js";
|
|
51
51
|
import { teddyTypographyFamilyDefault, teddyTypographyFamilyDisplay, teddyTypographyLineHeightDefault, teddyTypographyLineHeightLoose, teddyTypographyLineHeightLooser, teddyTypographyLineHeightTight, teddyTypographyScale100, teddyTypographyScale1000, teddyTypographyScale1100, teddyTypographyScale150, teddyTypographyScale200, teddyTypographyScale400, teddyTypographyScale50, teddyTypographyScale500, teddyTypographyScale600, teddyTypographyScale650, teddyTypographyScale700, teddyTypographyScale75, teddyTypographyScale800, teddyTypographyScale850, teddyTypographyScale900, teddyTypographyWeightBold, teddyTypographyWeightMedium, teddyTypographyWeightNormal } from "./tokens/typography/variables.js";
|
|
52
|
+
import { toast } from "sonner";
|
|
52
53
|
import { I } from "./components/input/input-group.js";
|
|
53
54
|
export {
|
|
54
55
|
Accordion,
|
|
@@ -80,7 +81,7 @@ export {
|
|
|
80
81
|
Link,
|
|
81
82
|
List,
|
|
82
83
|
M as Modal,
|
|
83
|
-
NavigationMenu,
|
|
84
|
+
N as NavigationMenu,
|
|
84
85
|
Notabene,
|
|
85
86
|
Notification,
|
|
86
87
|
ProgressBar,
|
|
@@ -93,7 +94,9 @@ export {
|
|
|
93
94
|
Text,
|
|
94
95
|
TextField,
|
|
95
96
|
TextSpacing,
|
|
97
|
+
Toast,
|
|
96
98
|
Toggle,
|
|
99
|
+
Toggletip,
|
|
97
100
|
Tooltip,
|
|
98
101
|
VisuallyHidden,
|
|
99
102
|
default2 as iconsHref,
|
|
@@ -397,5 +400,6 @@ export {
|
|
|
397
400
|
teddyTypographyScale900,
|
|
398
401
|
teddyTypographyWeightBold,
|
|
399
402
|
teddyTypographyWeightMedium,
|
|
400
|
-
teddyTypographyWeightNormal
|
|
403
|
+
teddyTypographyWeightNormal,
|
|
404
|
+
toast
|
|
401
405
|
};
|