@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.
Files changed (102) hide show
  1. package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  2. package/dist/components/breadcrumbs/index.d.ts +1 -1
  3. package/dist/components/card/card-illustration.d.ts +1 -1
  4. package/dist/components/card/card-link.d.ts +1 -1
  5. package/dist/components/card/index.d.ts +2 -2
  6. package/dist/components/chip/chip-indicator.d.ts +1 -1
  7. package/dist/components/chip/index.d.ts +1 -1
  8. package/dist/components/expandable-card/expandable-card-button.d.ts +3 -3
  9. package/dist/components/expandable-card/index.d.ts +4 -4
  10. package/dist/components/index.cjs +11 -4
  11. package/dist/components/index.d.ts +2 -0
  12. package/dist/components/index.js +9 -5
  13. package/dist/components/modal/modal.cjs +3 -2
  14. package/dist/components/modal/modal.js +3 -2
  15. package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.cjs +2 -3
  16. package/dist/components/navigation-menu/global-navigation/global-navigation-desktop-simplified.js +2 -3
  17. package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +2 -3
  18. package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +1 -2
  19. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.cjs +2 -3
  20. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile-simplified.js +2 -3
  21. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +2 -3
  22. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +2 -3
  23. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +12 -682
  24. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +12 -682
  25. package/dist/components/navigation-menu/global-navigation/global-navigation-root.cjs +4 -5
  26. package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +4 -5
  27. package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +2 -2
  28. package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +2 -2
  29. package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +2 -3
  30. package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +2 -3
  31. package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.cjs +2 -3
  32. package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +2 -3
  33. package/dist/components/navigation-menu/global-navigation/index.cjs +2 -2
  34. package/dist/components/navigation-menu/global-navigation/index.js +1 -1
  35. package/dist/components/navigation-menu/index.cjs +3 -4
  36. package/dist/components/navigation-menu/index.js +2 -3
  37. package/dist/components/navigation-menu/navigation-menu.cjs +55 -436
  38. package/dist/components/navigation-menu/navigation-menu.d.ts +9 -1
  39. package/dist/components/navigation-menu/navigation-menu.js +55 -419
  40. package/dist/components/notabene/notabene-icon.d.ts +1 -1
  41. package/dist/components/notification/notification.d.ts +1 -1
  42. package/dist/components/radio-card-group/radio-card-group-content.cjs +3 -2
  43. package/dist/components/radio-card-group/radio-card-group-content.js +3 -2
  44. package/dist/components/radio-card-group/radio-card-group-item-body.cjs +3 -2
  45. package/dist/components/radio-card-group/radio-card-group-item-body.js +3 -2
  46. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1137 -51
  47. package/dist/components/radio-card-group/radio-card-group-item-title.js +1148 -63
  48. package/dist/components/radio-card-group/radio-card-group-item.cjs +3 -2
  49. package/dist/components/radio-card-group/radio-card-group-item.js +3 -2
  50. package/dist/components/scroll-area/index.d.ts +3 -3
  51. package/dist/components/scroll-area/scroll-area-button.d.ts +3 -3
  52. package/dist/components/tabs/index.d.ts +3 -3
  53. package/dist/components/tabs/tabs-scroll-button.d.ts +3 -3
  54. package/dist/components/text-field/index.d.ts +2 -2
  55. package/dist/components/text-field/text-field-button.d.ts +2 -2
  56. package/dist/components/toast/index.cjs +10 -0
  57. package/dist/components/toast/index.d.ts +9 -0
  58. package/dist/components/toast/index.js +7 -0
  59. package/dist/components/toast/toast-root.cjs +121 -0
  60. package/dist/components/toast/toast-root.d.ts +9 -0
  61. package/dist/components/toast/toast-root.js +121 -0
  62. package/dist/components/toggle/toggle.d.ts +1 -1
  63. package/dist/components/toggletip/index.cjs +31 -0
  64. package/dist/components/toggletip/index.d.ts +33 -0
  65. package/dist/components/toggletip/index.js +31 -0
  66. package/dist/components/toggletip/toggletip-anchor.cjs +33 -0
  67. package/dist/components/toggletip/toggletip-anchor.d.ts +6 -0
  68. package/dist/components/toggletip/toggletip-anchor.js +16 -0
  69. package/dist/components/toggletip/toggletip-arrow.cjs +38 -0
  70. package/dist/components/toggletip/toggletip-arrow.d.ts +6 -0
  71. package/dist/components/toggletip/toggletip-arrow.js +21 -0
  72. package/dist/components/toggletip/toggletip-close.cjs +48 -0
  73. package/dist/components/toggletip/toggletip-close.d.ts +10 -0
  74. package/dist/components/toggletip/toggletip-close.js +31 -0
  75. package/dist/components/toggletip/toggletip-content.cjs +80 -0
  76. package/dist/components/toggletip/toggletip-content.d.ts +16 -0
  77. package/dist/components/toggletip/toggletip-content.js +63 -0
  78. package/dist/components/toggletip/toggletip-footer.cjs +10 -0
  79. package/dist/components/toggletip/toggletip-footer.d.ts +6 -0
  80. package/dist/components/toggletip/toggletip-footer.js +10 -0
  81. package/dist/components/toggletip/toggletip-heading.cjs +25 -0
  82. package/dist/components/toggletip/toggletip-heading.d.ts +6 -0
  83. package/dist/components/toggletip/toggletip-heading.js +25 -0
  84. package/dist/components/toggletip/toggletip-portal.cjs +31 -0
  85. package/dist/components/toggletip/toggletip-portal.d.ts +11 -0
  86. package/dist/components/toggletip/toggletip-portal.js +14 -0
  87. package/dist/components/toggletip/toggletip-root.cjs +36 -0
  88. package/dist/components/toggletip/toggletip-root.d.ts +26 -0
  89. package/dist/components/toggletip/toggletip-root.js +19 -0
  90. package/dist/components/toggletip/toggletip-trigger.cjs +33 -0
  91. package/dist/components/toggletip/toggletip-trigger.d.ts +10 -0
  92. package/dist/components/toggletip/toggletip-trigger.js +16 -0
  93. package/dist/components/tooltip/index.d.ts +3 -3
  94. package/dist/main.cjs +11 -4
  95. package/dist/main.js +9 -5
  96. package/dist/style.css +3458 -2751
  97. package/dist/toggletip.module-A6XIfaD_.cjs +10 -0
  98. package/dist/toggletip.module-BUx6_4pv.js +11 -0
  99. package/dist/utils/generate-styling/grid.d.ts +24 -24
  100. package/dist/utils/generate-styling/index.d.ts +16 -16
  101. package/dist/utils/generate-styling/util.d.ts +2 -2
  102. 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" | "right" | "left" | undefined;
18
+ side?: "top" | "bottom" | "left" | "right" | undefined;
19
19
  sideOffset?: number | undefined;
20
- align?: "center" | "end" | "start" | undefined;
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" | "right" | "left", number>> | undefined;
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
  };