@telia/teddy 0.0.10 → 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 (67) hide show
  1. package/dist/assets/badge.css +1 -1
  2. package/dist/assets/main.css +1 -1
  3. package/dist/assets/radio-group.css +1 -1
  4. package/dist/badge-DscsRVHR.js +1825 -0
  5. package/dist/components/accordion/accordion.js +3 -3
  6. package/dist/components/accordion/index.js +1 -1
  7. package/dist/components/badge/badge.js +3 -3
  8. package/dist/components/badge/index.js +1 -1
  9. package/dist/components/box/box.js +8 -8
  10. package/dist/components/button/button.d.ts +2 -1
  11. package/dist/components/button/button.js +59 -60
  12. package/dist/components/card/card.js +3 -3
  13. package/dist/components/card/index.js +1 -1
  14. package/dist/components/flex/flex.js +1 -1
  15. package/dist/components/grid/grid.js +6 -6
  16. package/dist/components/heading/heading.d.ts +3 -2
  17. package/dist/components/heading/heading.js +20 -21
  18. package/dist/components/index.d.ts +1 -0
  19. package/dist/components/index.js +26 -25
  20. package/dist/components/modal/index.d.ts +2 -0
  21. package/dist/components/modal/index.js +4 -0
  22. package/dist/components/modal/modal.d.ts +76 -0
  23. package/dist/components/modal/modal.js +28 -0
  24. package/dist/components/navigation-menu/index.js +1 -1
  25. package/dist/components/navigation-menu/navigation-menu.d.ts +2 -0
  26. package/dist/components/navigation-menu/navigation-menu.js +8 -1032
  27. package/dist/components/notification/index.js +1 -1
  28. package/dist/components/notification/notification.d.ts +3 -3
  29. package/dist/components/notification/notification.js +4 -4
  30. package/dist/components/radio-group/index.js +1 -1
  31. package/dist/components/radio-group/radio-group.js +1 -1
  32. package/dist/components/text-field/text-field.js +15 -15
  33. package/dist/components/toggle/index.js +1 -1
  34. package/dist/components/toggle/toggle.d.ts +2 -2
  35. package/dist/components/toggle/toggle.js +3 -3
  36. package/dist/{index-DPFZO9xk.js → index-FPIZOCcD.js} +27 -28
  37. package/dist/main.js +41 -40
  38. package/dist/navigation-menu-DKuyW8zE.js +1036 -0
  39. package/dist/{radio-group-DN1IYZdr.js → radio-group-B--zT3OL.js} +8 -8
  40. package/dist/tokens/breakpoint/variables.json.d.ts +11 -0
  41. package/dist/utils/component-props-as.d.ts +5 -0
  42. package/dist/utils/component-props-as.js +1 -0
  43. package/dist/utils/layout/align.d.ts +46 -0
  44. package/dist/utils/layout/align.js +31 -0
  45. package/dist/utils/layout/flex.d.ts +281 -10
  46. package/dist/utils/layout/flex.js +44 -8
  47. package/dist/utils/layout/gap.d.ts +340 -0
  48. package/dist/utils/layout/gap.js +21 -0
  49. package/dist/utils/layout/grid.d.ts +313 -0
  50. package/dist/utils/layout/grid.js +116 -0
  51. package/dist/utils/layout/height.d.ts +118 -0
  52. package/dist/utils/layout/height.js +50 -0
  53. package/dist/utils/layout/index.d.ts +63 -111
  54. package/dist/utils/layout/index.js +62 -147
  55. package/dist/utils/layout/justify.d.ts +39 -0
  56. package/dist/utils/layout/justify.js +16 -0
  57. package/dist/utils/layout/margin.d.ts +443 -11
  58. package/dist/utils/layout/margin.js +1 -1
  59. package/dist/utils/layout/padding.d.ts +478 -0
  60. package/dist/utils/layout/padding.js +32 -0
  61. package/dist/utils/layout/util.d.ts +78 -4
  62. package/dist/utils/layout/util.js +30 -31
  63. package/dist/utils/layout/width.d.ts +43 -7
  64. package/dist/utils/layout/width.js +6 -2
  65. package/package.json +2 -1
  66. package/dist/badge-cOFoFJw0.js +0 -798
  67. package/dist/tokens/spacing/variables.json.d.ts +0 -34
@@ -1,4 +1,4 @@
1
- import { N as t } from "../../badge-cOFoFJw0.js";
1
+ import { N as t } from "../../badge-DscsRVHR.js";
2
2
  export {
3
3
  t as Notification
4
4
  };
@@ -30,7 +30,7 @@ type TextProps = React.ComponentPropsWithoutRef<typeof TextPrimitives>;
30
30
  type DismissProps = Omit<React.ComponentPropsWithoutRef<typeof ButtonPrimitives>, 'variant'>;
31
31
  declare const Notification: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
32
32
  asChild?: boolean | undefined;
33
- variant?: "success" | "error" | "warning" | "information" | undefined;
33
+ variant?: "error" | "warning" | "success" | "information" | undefined;
34
34
  open?: boolean | undefined;
35
35
  defaultOpen?: boolean | undefined;
36
36
  onOpenChange?: ((open: boolean) => void) | undefined;
@@ -39,11 +39,11 @@ declare const Notification: React.ForwardRefExoticComponent<Omit<React.DetailedH
39
39
  Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
40
40
  Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
41
41
  Icon: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
42
- name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "error" | "warning" | "alert" | "radio" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "sync" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "email" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "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" | "help" | "info-filled" | "info" | "question-filled" | "question" | "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";
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
43
  /** -------------------------------------------------------------------------------------------------
44
44
  * Root
45
45
  * -----------------------------------------------------------------------------------------------*/
46
- size?: ("sm" | "md" | "lg" | "font" | "xxs" | "xs" | "xl") | undefined;
46
+ size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
47
47
  children?: React.ReactNode;
48
48
  }, "ref">> & React.RefAttributes<SVGSVGElement>>;
49
49
  Dismiss: React.ForwardRefExoticComponent<DismissProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,13 +1,13 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../clsx-DB4S2d7J.js";
4
- import { N as y } from "../../badge-cOFoFJw0.js";
5
- import "../../index-DPFZO9xk.js";
6
- import "../../radio-group-DN1IYZdr.js";
4
+ import { N as y } from "../../badge-DscsRVHR.js";
5
+ import "../../index-FPIZOCcD.js";
6
+ import "../../radio-group-B--zT3OL.js";
7
7
  import "../box/box.js";
8
8
  import "../flex/flex.js";
9
9
  import "../grid/grid.js";
10
- import "../navigation-menu/navigation-menu.js";
10
+ import "../../navigation-menu-DKuyW8zE.js";
11
11
  import "../link/link.js";
12
12
  import "../button/button.js";
13
13
  import "../field-error-text/field-error-text.js";
@@ -1,4 +1,4 @@
1
- import { R as a } from "../../radio-group-DN1IYZdr.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-DN1IYZdr.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-cOFoFJw0.js";
1
+ import { T as g } from "../../badge-DscsRVHR.js";
2
2
  export {
3
3
  g as Toggle
4
4
  };
@@ -29,8 +29,8 @@ 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" | "error" | "warning" | "alert" | "radio" | "x" | "download" | "split" | "alarm-off" | "alarm-on" | "attachment" | "bookmark-filled" | "bookmark" | "copy-filled" | "copy" | "dislike" | "edit" | "heart-filled" | "heart" | "invisible" | "like" | "lock-open" | "lock" | "login" | "logout" | "maximize" | "minimize" | "mute" | "password-invisible" | "password-visible" | "play-filled" | "play" | "remove-filled" | "remove" | "save" | "send" | "settings" | "share" | "shuffle" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "sync" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "email" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "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" | "help" | "info-filled" | "info" | "question-filled" | "question" | "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
- size?: ("sm" | "md" | "lg" | "font" | "xxs" | "xs" | "xl") | undefined;
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
+ size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
34
34
  children?: React.ReactNode;
35
35
  }, "ref">> & React.RefAttributes<SVGSVGElement>>;
36
36
  };
@@ -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-cOFoFJw0.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-DN1IYZdr.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,5 +1,5 @@
1
1
  import * as I from "react";
2
- import v, { createContext as M, useMemo as x, createElement as D, useContext as O, useRef as h, useEffect as T, useCallback as _, useState as y, useLayoutEffect as w, Children as k, cloneElement as B, useReducer as j } from "react";
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
3
  import { flushSync as q } from "react-dom";
4
4
  import { b as P, $ as g } from "./index-DpfSJps6.js";
5
5
  function ee(e, n, { checkForDefaultPrevented: o = !0 } = {}) {
@@ -92,6 +92,20 @@ function z(...e) {
92
92
  };
93
93
  return o.scopeName = n.scopeName, o;
94
94
  }
95
+ const R = globalThis != null && globalThis.document ? w : () => {
96
+ }, G = I.useId || (() => {
97
+ });
98
+ let J = 0;
99
+ function ne(e) {
100
+ const [n, o] = I.useState(G());
101
+ return R(() => {
102
+ e || o(
103
+ (t) => t ?? String(J++)
104
+ );
105
+ }, [
106
+ e
107
+ ]), e || (n ? `radix-${n}` : "");
108
+ }
95
109
  function U(e) {
96
110
  const n = h(e);
97
111
  return T(() => {
@@ -104,9 +118,9 @@ function U(e) {
104
118
  []
105
119
  );
106
120
  }
107
- function ne({ prop: e, defaultProp: n, onChange: o = () => {
121
+ function te({ prop: e, defaultProp: n, onChange: o = () => {
108
122
  } }) {
109
- const [t, c] = G({
123
+ const [t, c] = K({
110
124
  defaultProp: n,
111
125
  onChange: o
112
126
  }), s = e !== void 0, a = s ? e : t, u = U(o), i = _((r) => {
@@ -126,7 +140,7 @@ function ne({ prop: e, defaultProp: n, onChange: o = () => {
126
140
  i
127
141
  ];
128
142
  }
129
- function G({ defaultProp: e, onChange: n }) {
143
+ function K({ defaultProp: e, onChange: n }) {
130
144
  const o = y(e), [t] = o, c = h(t), s = U(n);
131
145
  return T(() => {
132
146
  c.current !== t && (s(t), c.current = t);
@@ -136,25 +150,23 @@ function G({ defaultProp: e, onChange: n }) {
136
150
  s
137
151
  ]), o;
138
152
  }
139
- const R = globalThis != null && globalThis.document ? w : () => {
140
- };
141
- function J(e, n) {
153
+ function Q(e, n) {
142
154
  return j((o, t) => {
143
155
  const c = n[o][t];
144
156
  return c ?? o;
145
157
  }, e);
146
158
  }
147
- const K = (e) => {
148
- const { present: n, children: o } = e, t = Q(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({
149
161
  present: t.isPresent
150
162
  }) : k.only(o), s = P(t.ref, c.ref);
151
163
  return typeof o == "function" || t.isPresent ? /* @__PURE__ */ B(c, {
152
164
  ref: s
153
165
  }) : null;
154
166
  };
155
- K.displayName = "Presence";
156
- function Q(e) {
157
- const [n, o] = y(), t = h({}), c = h(e), s = h("none"), a = e ? "mounted" : "unmounted", [u, i] = J(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, {
158
170
  mounted: {
159
171
  UNMOUNT: "unmounted",
160
172
  ANIMATION_OUT: "unmountSuspended"
@@ -212,19 +224,6 @@ function Q(e) {
212
224
  function A(e) {
213
225
  return (e == null ? void 0 : e.animationName) || "none";
214
226
  }
215
- const V = I.useId || (() => {
216
- });
217
- let W = 0;
218
- function te(e) {
219
- const [n, o] = I.useState(V());
220
- return R(() => {
221
- e || o(
222
- (t) => t ?? String(W++)
223
- );
224
- }, [
225
- e
226
- ]), e || (n ? `radix-${n}` : "");
227
- }
228
227
  function oe(e) {
229
228
  const n = e + "CollectionProvider", [o, t] = F(n), [c, s] = o(n, {
230
229
  collectionRef: {
@@ -296,11 +295,11 @@ export {
296
295
  oe as $,
297
296
  F as a,
298
297
  ce as b,
299
- ne as c,
298
+ te as c,
300
299
  U as d,
301
300
  ee as e,
302
- te as f,
301
+ ne as f,
303
302
  R as g,
304
- K as h,
303
+ V as h,
305
304
  re as i
306
305
  };
package/dist/main.js CHANGED
@@ -1,62 +1,63 @@
1
1
  import './assets/main.css';
2
- import { A as e, B as t, C as p, N as x, T as f } from "./badge-cOFoFJw0.js";
3
- import { R as m } from "./radio-group-DN1IYZdr.js";
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
4
  import { Box as n } from "./components/box/box.js";
5
- import { Flex as d } from "./components/flex/flex.js";
6
- import { Grid as c } from "./components/grid/grid.js";
7
- import { NavigationMenu as u } from "./components/navigation-menu/navigation-menu.js";
8
- import { Link as T } from "./components/link/link.js";
9
- import { Button as H } from "./components/button/button.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
10
  import { FieldErrorText as y } from "./components/field-error-text/field-error-text.js";
11
11
  import { HelperText as G } from "./components/helper-text/helper-text.js";
12
- import { default as N } from "./assets/5161b177f001ea1a.svg";
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 V } from "./components/text/text.js";
18
- import { TextField as q } from "./components/text-field/text-field.js";
19
- import { Heading as D } from "./components/heading/heading.js";
20
- import { VisuallyHidden as K } from "./components/visually-hidden/visually-hidden.js";
21
- import { TextSpacing as P } from "./components/text-spacing/text-spacing.js";
22
- import { v as U } from "./variables-IczXZ5CN.js";
23
- import { v as X } from "./variables-BkY5b0io.js";
24
- import { v as Z } from "./variables-BKiPmtHY.js";
25
- import { v as $ } from "./variables-CMRTN8qo.js";
26
- import { v as ro } from "./variables-Bq0YUbLS.js";
27
- import { v as to } from "./variables-CDK515QX.js";
28
- import { v as xo } 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
30
  e as Accordion,
31
31
  t as Badge,
32
32
  n as Box,
33
- H as Button,
33
+ N as Button,
34
34
  p as Card,
35
35
  y as FieldErrorText,
36
- d as Flex,
37
- c as Grid,
38
- D as Heading,
36
+ l as Flex,
37
+ g as Grid,
38
+ J as Heading,
39
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
- T as Link,
45
- u as NavigationMenu,
46
- x as Notification,
47
- m as RadioGroup,
44
+ B as Link,
45
+ x as Modal,
46
+ v as NavigationMenu,
47
+ a as Notification,
48
+ i as RadioGroup,
48
49
  E as Spinner,
49
- V as Text,
50
- q as TextField,
51
- P as TextSpacing,
50
+ j as Text,
51
+ z as TextField,
52
+ Q as TextSpacing,
52
53
  f as Toggle,
53
- K as VisuallyHidden,
54
- U as border,
55
- X as breakpoint,
56
- Z as color,
57
- N as iconsHref,
58
- $ as motion,
59
- ro as shadow,
60
- to as spacing,
61
- xo as typography
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
62
63
  };