@telia/teddy 0.0.9 → 0.0.11

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 (73) hide show
  1. package/dist/assets/badge.css +1 -1
  2. package/dist/assets/heading.css +1 -1
  3. package/dist/assets/main.css +1 -1
  4. package/dist/assets/navigation-menu.css +1 -1
  5. package/dist/assets/radio-group.css +1 -1
  6. package/dist/badge-DscsRVHR.js +1825 -0
  7. package/dist/components/accordion/accordion.d.ts +1 -1
  8. package/dist/components/accordion/accordion.js +3 -3
  9. package/dist/components/accordion/index.js +1 -1
  10. package/dist/components/badge/badge.js +3 -3
  11. package/dist/components/badge/index.js +1 -1
  12. package/dist/components/box/box.js +8 -8
  13. package/dist/components/button/button.d.ts +2 -1
  14. package/dist/components/button/button.js +59 -60
  15. package/dist/components/card/card.js +3 -3
  16. package/dist/components/card/index.js +1 -1
  17. package/dist/components/flex/flex.js +1 -1
  18. package/dist/components/grid/grid.js +6 -6
  19. package/dist/components/heading/heading.d.ts +9 -36
  20. package/dist/components/heading/heading.js +36 -37
  21. package/dist/components/index.d.ts +2 -0
  22. package/dist/components/index.js +35 -33
  23. package/dist/components/modal/index.d.ts +2 -0
  24. package/dist/components/modal/index.js +4 -0
  25. package/dist/components/modal/modal.d.ts +76 -0
  26. package/dist/components/modal/modal.js +28 -0
  27. package/dist/components/navigation-menu/index.js +1 -1
  28. package/dist/components/navigation-menu/navigation-menu.d.ts +2 -0
  29. package/dist/components/navigation-menu/navigation-menu.js +8 -1032
  30. package/dist/components/notification/index.d.ts +2 -0
  31. package/dist/components/notification/index.js +4 -0
  32. package/dist/components/notification/notification.d.ts +59 -0
  33. package/dist/components/notification/notification.js +27 -0
  34. package/dist/components/radio-group/index.js +1 -1
  35. package/dist/components/radio-group/radio-group.js +1 -1
  36. package/dist/components/text-field/text-field.js +15 -15
  37. package/dist/components/toggle/index.js +1 -1
  38. package/dist/components/toggle/toggle.d.ts +1 -1
  39. package/dist/components/toggle/toggle.js +3 -3
  40. package/dist/{index-0Eg2mucA.js → index-FPIZOCcD.js} +80 -80
  41. package/dist/main.js +51 -49
  42. package/dist/navigation-menu-DKuyW8zE.js +1036 -0
  43. package/dist/{radio-group-BR5SMJXJ.js → radio-group-B--zT3OL.js} +8 -8
  44. package/dist/tokens/breakpoint/variables.json.d.ts +11 -0
  45. package/dist/utils/component-props-as.d.ts +5 -0
  46. package/dist/utils/component-props-as.js +1 -0
  47. package/dist/utils/layout/align.d.ts +46 -0
  48. package/dist/utils/layout/align.js +31 -0
  49. package/dist/utils/layout/flex.d.ts +294 -0
  50. package/dist/utils/layout/flex.js +60 -0
  51. package/dist/utils/layout/gap.d.ts +340 -0
  52. package/dist/utils/layout/gap.js +21 -0
  53. package/dist/utils/layout/grid.d.ts +313 -0
  54. package/dist/utils/layout/grid.js +116 -0
  55. package/dist/utils/layout/height.d.ts +118 -0
  56. package/dist/utils/layout/height.js +50 -0
  57. package/dist/utils/layout/index.d.ts +70 -0
  58. package/dist/utils/layout/index.js +71 -0
  59. package/dist/utils/layout/justify.d.ts +39 -0
  60. package/dist/utils/layout/justify.js +16 -0
  61. package/dist/utils/layout/margin.d.ts +478 -0
  62. package/dist/utils/layout/margin.js +32 -0
  63. package/dist/utils/layout/padding.d.ts +478 -0
  64. package/dist/utils/layout/padding.js +32 -0
  65. package/dist/utils/layout/util.d.ts +82 -0
  66. package/dist/utils/layout/util.js +32 -0
  67. package/dist/utils/layout/width.d.ts +69 -0
  68. package/dist/utils/layout/width.js +25 -0
  69. package/package.json +5 -1
  70. package/dist/badge-9vHb0-Jo.js +0 -721
  71. package/dist/tokens/spacing/variables.json.d.ts +0 -34
  72. package/dist/utils/layout.d.ts +0 -150
  73. package/dist/utils/layout.js +0 -221
@@ -0,0 +1,2 @@
1
+ export { Notification } from './notification';
2
+ export type { NotificationProps } from './notification';
@@ -0,0 +1,4 @@
1
+ import { N as t } from "../../badge-DscsRVHR.js";
2
+ export {
3
+ t as Notification
4
+ };
@@ -0,0 +1,59 @@
1
+ import { Text as TextPrimitives, Heading as HeadingPrimitives, Icon as IconPrimitives, Button as ButtonPrimitives } from '..';
2
+ import { default as React } from 'react';
3
+
4
+ /** -------------------------------------------------------------------------------------------------
5
+ * Root
6
+ * -----------------------------------------------------------------------------------------------*/
7
+ type RootProps = React.ComponentPropsWithoutRef<'div'> & {
8
+ asChild?: boolean;
9
+ variant?: 'success' | 'error' | 'warning' | 'information';
10
+ open?: boolean;
11
+ defaultOpen?: boolean;
12
+ onOpenChange?: (open: boolean) => void;
13
+ role?: 'alert';
14
+ };
15
+ /** -------------------------------------------------------------------------------------------------
16
+ * Icon
17
+ * -----------------------------------------------------------------------------------------------*/
18
+ type IconProps = Partial<React.ComponentPropsWithoutRef<typeof IconPrimitives>>;
19
+ /** -------------------------------------------------------------------------------------------------
20
+ * Heading
21
+ * -----------------------------------------------------------------------------------------------*/
22
+ type HeadingProps = Omit<React.ComponentPropsWithoutRef<typeof HeadingPrimitives>, 'asChild' | 'variant'>;
23
+ /** -------------------------------------------------------------------------------------------------
24
+ * Text
25
+ * -----------------------------------------------------------------------------------------------*/
26
+ type TextProps = React.ComponentPropsWithoutRef<typeof TextPrimitives>;
27
+ /** -------------------------------------------------------------------------------------------------
28
+ * Dismiss
29
+ * -----------------------------------------------------------------------------------------------*/
30
+ type DismissProps = Omit<React.ComponentPropsWithoutRef<typeof ButtonPrimitives>, 'variant'>;
31
+ declare const Notification: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
32
+ asChild?: boolean | undefined;
33
+ variant?: "error" | "warning" | "success" | "information" | undefined;
34
+ open?: boolean | undefined;
35
+ defaultOpen?: boolean | undefined;
36
+ onOpenChange?: ((open: boolean) => void) | undefined;
37
+ role?: "alert" | undefined;
38
+ } & React.RefAttributes<HTMLDivElement>> & {
39
+ Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
40
+ Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
41
+ Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
42
+ name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "sync" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "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" | "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" | "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" | "facebook" | "instagram" | "linkedin" | "snapchat" | "whatsapp" | "windows" | "youtube" | "alert-filled" | "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";
43
+ /** -------------------------------------------------------------------------------------------------
44
+ * Root
45
+ * -----------------------------------------------------------------------------------------------*/
46
+ size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
47
+ children?: React.ReactNode;
48
+ }, "ref">> & React.RefAttributes<SVGSVGElement>>;
49
+ Dismiss: React.ForwardRefExoticComponent<DismissProps & React.RefAttributes<HTMLButtonElement>>;
50
+ };
51
+ type NotificationProps = {
52
+ Root: RootProps;
53
+ Text: TextProps;
54
+ Heading: HeadingProps;
55
+ Icon: IconProps;
56
+ Dismiss: DismissProps;
57
+ };
58
+ export { Notification };
59
+ export type { NotificationProps };
@@ -0,0 +1,27 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import "../../clsx-DB4S2d7J.js";
4
+ import { N as y } from "../../badge-DscsRVHR.js";
5
+ import "../../index-FPIZOCcD.js";
6
+ import "../../radio-group-B--zT3OL.js";
7
+ import "../box/box.js";
8
+ import "../flex/flex.js";
9
+ import "../grid/grid.js";
10
+ import "../../navigation-menu-DKuyW8zE.js";
11
+ import "../link/link.js";
12
+ import "../button/button.js";
13
+ import "../field-error-text/field-error-text.js";
14
+ import "../helper-text/helper-text.js";
15
+ import "../../assets/5161b177f001ea1a.svg";
16
+ import "../icon/icon.js";
17
+ import "../input/input.js";
18
+ import "../label/label.js";
19
+ import "../spinner/spinner.js";
20
+ import "../text/text.js";
21
+ import "../text-field/text-field.js";
22
+ import "../heading/heading.js";
23
+ import "../visually-hidden/visually-hidden.js";
24
+ import "../text-spacing/text-spacing.js";
25
+ export {
26
+ y as Notification
27
+ };
@@ -1,4 +1,4 @@
1
- import { R as a } from "../../radio-group-BR5SMJXJ.js";
1
+ import { R as a } from "../../radio-group-B--zT3OL.js";
2
2
  export {
3
3
  a as RadioGroup
4
4
  };
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../clsx-DB4S2d7J.js";
4
- import { R as d } from "../../radio-group-BR5SMJXJ.js";
4
+ import { R as d } from "../../radio-group-B--zT3OL.js";
5
5
  import "../label/label.js";
6
6
  import "../../utils/composeRefs.js";
7
7
  import "../../index-DpfSJps6.js";
@@ -12,14 +12,14 @@ const q = "_fadeInAnimation_1i091_1", G = "_scaleInAnimation_1i091_1", p = {
12
12
  fadeInAnimation: q,
13
13
  scaleInAnimation: G
14
14
  }, m = "teddy-text-field", f = i.createContext(void 0), _ = i.forwardRef(
15
- ({ className: t, children: d, readOnly: e, disabled: r, errors: a, isValid: s, isLoading: l, isRequired: n, ...c }, N) => {
16
- const R = i.useId(), h = c.id || R, C = u([p[m]], t), [E, g] = i.useState(void 0), [w, A] = i.useState(void 0);
17
- return /* @__PURE__ */ o("div", { ...c, ref: N, className: C, children: /* @__PURE__ */ o(
15
+ ({ className: t, children: d, readOnly: e, disabled: r, errors: a, isValid: s, isLoading: l, isRequired: n, ...c }, R) => {
16
+ const h = i.useId(), L = c.id || h, C = u([p[m]], t), [E, g] = i.useState(void 0), [w, A] = i.useState(void 0);
17
+ return /* @__PURE__ */ o("div", { ...c, ref: R, className: C, children: /* @__PURE__ */ o(
18
18
  f.Provider,
19
19
  {
20
20
  value: {
21
21
  errors: a,
22
- id: h,
22
+ id: L,
23
23
  errorId: w,
24
24
  setErrorId: A,
25
25
  helperTextId: E,
@@ -36,7 +36,7 @@ const q = "_fadeInAnimation_1i091_1", G = "_scaleInAnimation_1i091_1", p = {
36
36
  }
37
37
  );
38
38
  _.displayName = "TextField";
39
- const y = i.forwardRef((t, d) => {
39
+ const F = i.forwardRef((t, d) => {
40
40
  var a;
41
41
  const e = i.useContext(f), r = e == null ? void 0 : e.id;
42
42
  return /* @__PURE__ */ o(
@@ -54,9 +54,9 @@ const y = i.forwardRef((t, d) => {
54
54
  }
55
55
  );
56
56
  });
57
- y.displayName = "TextField.Input";
58
- const F = i.forwardRef((t, d) => /* @__PURE__ */ o(I, { ...t, ref: d }));
59
- F.displayName = "TextField.InputGroup";
57
+ F.displayName = "TextField.Input";
58
+ const y = i.forwardRef((t, d) => /* @__PURE__ */ o(I, { ...t, ref: d }));
59
+ y.displayName = "TextField.InputGroup";
60
60
  const b = i.forwardRef(
61
61
  (t, d) => {
62
62
  const e = i.useContext(f);
@@ -84,16 +84,16 @@ v.displayName = "TextField.Label";
84
84
  const x = i.forwardRef(
85
85
  ({ className: t, ...d }, e) => {
86
86
  const r = i.useContext(f), a = u([p[`${m}__help-text`]], t);
87
- return i.useLayoutEffect(() => {
87
+ return i.useEffect(() => {
88
88
  r == null || r.setHelperTextId(`${r.id}-helper-text`);
89
89
  }, [r]), /* @__PURE__ */ o($, { id: r == null ? void 0 : r.helperTextId, ...d, ref: e, className: a });
90
90
  }
91
91
  );
92
92
  x.displayName = "TextField.HelperText";
93
- const L = i.forwardRef(
93
+ const N = i.forwardRef(
94
94
  ({ className: t, children: d, ...e }, r) => {
95
95
  const a = u([p[`${m}__error-list`]], t), s = i.useContext(f), l = s == null ? void 0 : s.errors;
96
- return i.useLayoutEffect(() => {
96
+ return i.useEffect(() => {
97
97
  if (!s)
98
98
  return;
99
99
  const n = l != null && l.length ? `${s.id}-error` : void 0;
@@ -104,13 +104,13 @@ const L = i.forwardRef(
104
104
  ] }) }, n))) });
105
105
  }
106
106
  );
107
- L.displayName = "TextField.ErrorList";
107
+ N.displayName = "TextField.ErrorList";
108
108
  const D = Object.assign(_, {
109
- Input: y,
109
+ Input: F,
110
110
  Label: v,
111
- InputGroup: F,
111
+ InputGroup: y,
112
112
  HelperText: x,
113
- ErrorList: L,
113
+ ErrorList: N,
114
114
  Indicator: b
115
115
  });
116
116
  export {
@@ -1,4 +1,4 @@
1
- import { T as g } from "../../badge-9vHb0-Jo.js";
1
+ import { T as g } from "../../badge-DscsRVHR.js";
2
2
  export {
3
3
  g as Toggle
4
4
  };
@@ -29,7 +29,7 @@ declare const Toggle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHT
29
29
  Input: React.ForwardRefExoticComponent<ToggleInputProps & React.RefAttributes<HTMLButtonElement>>;
30
30
  Thumb: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchThumbProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
31
31
  Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
32
- name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "reverse" | "add" | "infinite" | "visible" | "help" | "zoom-out" | "zoom" | "sync" | "close" | "error" | "focus" | "play" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "volume" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "food" | "fraud" | "getting-started" | "home-care" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "recycle" | "reservation" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid" | "facebook" | "instagram" | "linkedin" | "snapchat" | "whatsapp" | "windows" | "youtube" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
32
+ name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "alert" | "radio" | "email" | "copy" | "sync" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "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" | "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" | "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" | "facebook" | "instagram" | "linkedin" | "snapchat" | "whatsapp" | "windows" | "youtube" | "alert-filled" | "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";
33
33
  size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
34
34
  children?: React.ReactNode;
35
35
  }, "ref">> & React.RefAttributes<SVGSVGElement>>;
@@ -1,14 +1,14 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../clsx-DB4S2d7J.js";
4
- import { T as w } from "../../badge-9vHb0-Jo.js";
4
+ import { T as w } from "../../badge-DscsRVHR.js";
5
5
  import "../../assets/5161b177f001ea1a.svg";
6
6
  import "../icon/icon.js";
7
- import "../../radio-group-BR5SMJXJ.js";
7
+ import "../../radio-group-B--zT3OL.js";
8
8
  import "../box/box.js";
9
9
  import "../flex/flex.js";
10
10
  import "../grid/grid.js";
11
- import "../navigation-menu/navigation-menu.js";
11
+ import "../../navigation-menu-DKuyW8zE.js";
12
12
  import "../link/link.js";
13
13
  import "../button/button.js";
14
14
  import "../field-error-text/field-error-text.js";
@@ -1,7 +1,7 @@
1
1
  import * as I from "react";
2
2
  import v, { createContext as M, useMemo as x, createElement as D, useContext as O, useLayoutEffect as w, useRef as h, useEffect as T, useCallback as _, useState as y, Children as k, cloneElement as B, useReducer as j } from "react";
3
- import { b as P, $ as g } from "./index-DpfSJps6.js";
4
3
  import { flushSync as q } from "react-dom";
4
+ import { b as P, $ as g } from "./index-DpfSJps6.js";
5
5
  function ee(e, n, { checkForDefaultPrevented: o = !0 } = {}) {
6
6
  return function(c) {
7
7
  if (e == null || e(c), o === !1 || !c.defaultPrevented)
@@ -92,64 +92,11 @@ function z(...e) {
92
92
  };
93
93
  return o.scopeName = n.scopeName, o;
94
94
  }
95
- function ne(e) {
96
- const n = e + "CollectionProvider", [o, t] = F(n), [c, s] = o(n, {
97
- collectionRef: {
98
- current: null
99
- },
100
- itemMap: /* @__PURE__ */ new Map()
101
- }), a = (f) => {
102
- const { scope: l, children: b } = f, p = v.useRef(null), N = v.useRef(/* @__PURE__ */ new Map()).current;
103
- return /* @__PURE__ */ v.createElement(c, {
104
- scope: l,
105
- itemMap: N,
106
- collectionRef: p
107
- }, b);
108
- }, u = e + "CollectionSlot", i = /* @__PURE__ */ v.forwardRef((f, l) => {
109
- const { scope: b, children: p } = f, N = s(u, b), C = P(l, N.collectionRef);
110
- return /* @__PURE__ */ v.createElement(g, {
111
- ref: C
112
- }, p);
113
- }), r = e + "CollectionItemSlot", m = "data-radix-collection-item", d = /* @__PURE__ */ v.forwardRef((f, l) => {
114
- const { scope: b, children: p, ...N } = f, C = v.useRef(null), E = P(l, C), S = s(r, b);
115
- return v.useEffect(() => (S.itemMap.set(C, {
116
- ref: C,
117
- ...N
118
- }), () => void S.itemMap.delete(C))), /* @__PURE__ */ v.createElement(g, {
119
- [m]: "",
120
- ref: E
121
- }, p);
122
- });
123
- function $(f) {
124
- const l = s(e + "CollectionConsumer", f);
125
- return v.useCallback(() => {
126
- const p = l.collectionRef.current;
127
- if (!p)
128
- return [];
129
- const N = Array.from(p.querySelectorAll(`[${m}]`));
130
- return Array.from(l.itemMap.values()).sort(
131
- (S, L) => N.indexOf(S.ref.current) - N.indexOf(L.ref.current)
132
- );
133
- }, [
134
- l.collectionRef,
135
- l.itemMap
136
- ]);
137
- }
138
- return [
139
- {
140
- Provider: a,
141
- Slot: i,
142
- ItemSlot: d
143
- },
144
- $,
145
- t
146
- ];
147
- }
148
95
  const R = globalThis != null && globalThis.document ? w : () => {
149
96
  }, G = I.useId || (() => {
150
97
  });
151
98
  let J = 0;
152
- function te(e) {
99
+ function ne(e) {
153
100
  const [n, o] = I.useState(G());
154
101
  return R(() => {
155
102
  e || o(
@@ -171,7 +118,7 @@ function U(e) {
171
118
  []
172
119
  );
173
120
  }
174
- function oe({ prop: e, defaultProp: n, onChange: o = () => {
121
+ function te({ prop: e, defaultProp: n, onChange: o = () => {
175
122
  } }) {
176
123
  const [t, c] = K({
177
124
  defaultProp: n,
@@ -203,37 +150,23 @@ function K({ defaultProp: e, onChange: n }) {
203
150
  s
204
151
  ]), o;
205
152
  }
206
- const Q = /* @__PURE__ */ M(void 0);
207
- function ce(e) {
208
- const n = O(Q);
209
- return e || n || "ltr";
210
- }
211
- function re(e) {
212
- const n = h({
213
- value: e,
214
- previous: e
215
- });
216
- return x(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
217
- e
218
- ]);
219
- }
220
- function V(e, n) {
153
+ function Q(e, n) {
221
154
  return j((o, t) => {
222
155
  const c = n[o][t];
223
156
  return c ?? o;
224
157
  }, e);
225
158
  }
226
- const W = (e) => {
227
- const { present: n, children: o } = e, t = X(n), c = typeof o == "function" ? o({
159
+ const V = (e) => {
160
+ const { present: n, children: o } = e, t = W(n), c = typeof o == "function" ? o({
228
161
  present: t.isPresent
229
162
  }) : k.only(o), s = P(t.ref, c.ref);
230
163
  return typeof o == "function" || t.isPresent ? /* @__PURE__ */ B(c, {
231
164
  ref: s
232
165
  }) : null;
233
166
  };
234
- W.displayName = "Presence";
235
- function X(e) {
236
- const [n, o] = y(), t = h({}), c = h(e), s = h("none"), a = e ? "mounted" : "unmounted", [u, i] = V(a, {
167
+ V.displayName = "Presence";
168
+ function W(e) {
169
+ const [n, o] = y(), t = h({}), c = h(e), s = h("none"), a = e ? "mounted" : "unmounted", [u, i] = Q(a, {
237
170
  mounted: {
238
171
  UNMOUNT: "unmounted",
239
172
  ANIMATION_OUT: "unmountSuspended"
@@ -291,15 +224,82 @@ function X(e) {
291
224
  function A(e) {
292
225
  return (e == null ? void 0 : e.animationName) || "none";
293
226
  }
227
+ function oe(e) {
228
+ const n = e + "CollectionProvider", [o, t] = F(n), [c, s] = o(n, {
229
+ collectionRef: {
230
+ current: null
231
+ },
232
+ itemMap: /* @__PURE__ */ new Map()
233
+ }), a = (f) => {
234
+ const { scope: l, children: b } = f, p = v.useRef(null), N = v.useRef(/* @__PURE__ */ new Map()).current;
235
+ return /* @__PURE__ */ v.createElement(c, {
236
+ scope: l,
237
+ itemMap: N,
238
+ collectionRef: p
239
+ }, b);
240
+ }, u = e + "CollectionSlot", i = /* @__PURE__ */ v.forwardRef((f, l) => {
241
+ const { scope: b, children: p } = f, N = s(u, b), C = P(l, N.collectionRef);
242
+ return /* @__PURE__ */ v.createElement(g, {
243
+ ref: C
244
+ }, p);
245
+ }), r = e + "CollectionItemSlot", m = "data-radix-collection-item", d = /* @__PURE__ */ v.forwardRef((f, l) => {
246
+ const { scope: b, children: p, ...N } = f, C = v.useRef(null), E = P(l, C), S = s(r, b);
247
+ return v.useEffect(() => (S.itemMap.set(C, {
248
+ ref: C,
249
+ ...N
250
+ }), () => void S.itemMap.delete(C))), /* @__PURE__ */ v.createElement(g, {
251
+ [m]: "",
252
+ ref: E
253
+ }, p);
254
+ });
255
+ function $(f) {
256
+ const l = s(e + "CollectionConsumer", f);
257
+ return v.useCallback(() => {
258
+ const p = l.collectionRef.current;
259
+ if (!p)
260
+ return [];
261
+ const N = Array.from(p.querySelectorAll(`[${m}]`));
262
+ return Array.from(l.itemMap.values()).sort(
263
+ (S, L) => N.indexOf(S.ref.current) - N.indexOf(L.ref.current)
264
+ );
265
+ }, [
266
+ l.collectionRef,
267
+ l.itemMap
268
+ ]);
269
+ }
270
+ return [
271
+ {
272
+ Provider: a,
273
+ Slot: i,
274
+ ItemSlot: d
275
+ },
276
+ $,
277
+ t
278
+ ];
279
+ }
280
+ const X = /* @__PURE__ */ M(void 0);
281
+ function ce(e) {
282
+ const n = O(X);
283
+ return e || n || "ltr";
284
+ }
285
+ function re(e) {
286
+ const n = h({
287
+ value: e,
288
+ previous: e
289
+ });
290
+ return x(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
291
+ e
292
+ ]);
293
+ }
294
294
  export {
295
- ne as $,
295
+ oe as $,
296
296
  F as a,
297
297
  ce as b,
298
- oe as c,
298
+ te as c,
299
299
  U as d,
300
300
  ee as e,
301
- te as f,
301
+ ne as f,
302
302
  R as g,
303
- W as h,
303
+ V as h,
304
304
  re as i
305
305
  };
package/dist/main.js CHANGED
@@ -1,61 +1,63 @@
1
1
  import './assets/main.css';
2
- import { R as e } from "./radio-group-BR5SMJXJ.js";
3
- import { Box as p } from "./components/box/box.js";
4
- import { Flex as f } from "./components/flex/flex.js";
5
- import { A as a, B as i, C as n, T as s } from "./badge-9vHb0-Jo.js";
6
- import { Grid as l } from "./components/grid/grid.js";
7
- import { NavigationMenu as u } from "./components/navigation-menu/navigation-menu.js";
8
- import { Link as c } from "./components/link/link.js";
9
- import { Button as B } from "./components/button/button.js";
10
- import { FieldErrorText as b } from "./components/field-error-text/field-error-text.js";
11
- import { HelperText as F } from "./components/helper-text/helper-text.js";
12
- import { default as I } from "./assets/5161b177f001ea1a.svg";
2
+ import { A as e, B as t, C as p, M as x, N as a, T as f } from "./badge-DscsRVHR.js";
3
+ import { R as i } from "./radio-group-B--zT3OL.js";
4
+ import { Box as n } from "./components/box/box.js";
5
+ import { Flex as l } from "./components/flex/flex.js";
6
+ import { Grid as g } from "./components/grid/grid.js";
7
+ import { N as v } from "./navigation-menu-DKuyW8zE.js";
8
+ import { Link as B } from "./components/link/link.js";
9
+ import { Button as N } from "./components/button/button.js";
10
+ import { FieldErrorText as y } from "./components/field-error-text/field-error-text.js";
11
+ import { HelperText as G } from "./components/helper-text/helper-text.js";
12
+ import { default as M } from "./assets/5161b177f001ea1a.svg";
13
13
  import { Icon as k } from "./components/icon/icon.js";
14
14
  import { Input as C, InputGroup as L } from "./components/input/input.js";
15
15
  import { Label as S } from "./components/label/label.js";
16
16
  import { Spinner as E } from "./components/spinner/spinner.js";
17
- import { Text as N } from "./components/text/text.js";
18
- import { TextField as j } from "./components/text-field/text-field.js";
19
- import { Heading as z } from "./components/heading/heading.js";
20
- import { VisuallyHidden as J } from "./components/visually-hidden/visually-hidden.js";
21
- import { TextSpacing as O } from "./components/text-spacing/text-spacing.js";
22
- import { v as Q } from "./variables-IczXZ5CN.js";
23
- import { v as W } from "./variables-BkY5b0io.js";
24
- import { v as Y } from "./variables-BKiPmtHY.js";
25
- import { v as _ } from "./variables-CMRTN8qo.js";
26
- import { v as oo } from "./variables-Bq0YUbLS.js";
27
- import { v as eo } from "./variables-CDK515QX.js";
28
- import { v as po } from "./variables-Dmoh9YtD.js";
17
+ import { Text as j } from "./components/text/text.js";
18
+ import { TextField as z } from "./components/text-field/text-field.js";
19
+ import { Heading as J } from "./components/heading/heading.js";
20
+ import { VisuallyHidden as O } from "./components/visually-hidden/visually-hidden.js";
21
+ import { TextSpacing as Q } from "./components/text-spacing/text-spacing.js";
22
+ import { v as W } from "./variables-IczXZ5CN.js";
23
+ import { v as Y } from "./variables-BkY5b0io.js";
24
+ import { v as _ } from "./variables-BKiPmtHY.js";
25
+ import { v as oo } from "./variables-CMRTN8qo.js";
26
+ import { v as eo } from "./variables-Bq0YUbLS.js";
27
+ import { v as po } from "./variables-CDK515QX.js";
28
+ import { v as ao } from "./variables-Dmoh9YtD.js";
29
29
  export {
30
- a as Accordion,
31
- i as Badge,
32
- p as Box,
33
- B as Button,
34
- n as Card,
35
- b as FieldErrorText,
36
- f as Flex,
37
- l as Grid,
38
- z as Heading,
39
- F as HelperText,
30
+ e as Accordion,
31
+ t as Badge,
32
+ n as Box,
33
+ N as Button,
34
+ p as Card,
35
+ y as FieldErrorText,
36
+ l as Flex,
37
+ g as Grid,
38
+ J as Heading,
39
+ G as HelperText,
40
40
  k as Icon,
41
41
  C as Input,
42
42
  L as InputGroup,
43
43
  S as Label,
44
- c as Link,
45
- u as NavigationMenu,
46
- e as RadioGroup,
44
+ B as Link,
45
+ x as Modal,
46
+ v as NavigationMenu,
47
+ a as Notification,
48
+ i as RadioGroup,
47
49
  E as Spinner,
48
- N as Text,
49
- j as TextField,
50
- O as TextSpacing,
51
- s as Toggle,
52
- J as VisuallyHidden,
53
- Q as border,
54
- W as breakpoint,
55
- Y as color,
56
- I as iconsHref,
57
- _ as motion,
58
- oo as shadow,
59
- eo as spacing,
60
- po as typography
50
+ j as Text,
51
+ z as TextField,
52
+ Q as TextSpacing,
53
+ f as Toggle,
54
+ O as VisuallyHidden,
55
+ W as border,
56
+ Y as breakpoint,
57
+ _ as color,
58
+ M as iconsHref,
59
+ oo as motion,
60
+ eo as shadow,
61
+ po as spacing,
62
+ ao as typography
61
63
  };