@telia/teddy 0.0.31 → 0.0.33

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 (53) hide show
  1. package/dist/components/card/card.cjs +1 -1
  2. package/dist/components/card/card.js +1 -1
  3. package/dist/components/chip/chip-indicator.d.ts +2 -2
  4. package/dist/components/chip/chip.cjs +3 -3
  5. package/dist/components/chip/chip.js +3 -3
  6. package/dist/components/chip/index.d.ts +2 -2
  7. package/dist/components/index.cjs +2 -2
  8. package/dist/components/index.js +1 -1
  9. package/dist/components/modal/modal.cjs +1 -1
  10. package/dist/components/modal/modal.js +1 -1
  11. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +0 -1
  12. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +4 -1
  13. package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +0 -1
  14. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +45 -8
  15. package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +46 -9
  16. package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +3 -1
  17. package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +2 -2
  18. package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +7 -34
  19. package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +7 -34
  20. package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +0 -1
  21. package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +2 -3
  22. package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +2 -2
  23. package/dist/components/notabene/index.cjs +14 -2
  24. package/dist/components/notabene/index.d.ts +16 -1
  25. package/dist/components/notabene/index.js +13 -1
  26. package/dist/components/notabene/notabene-heading.cjs +25 -0
  27. package/dist/components/notabene/notabene-heading.d.ts +5 -0
  28. package/dist/components/notabene/notabene-heading.js +25 -0
  29. package/dist/components/notabene/notabene-icon.cjs +18 -0
  30. package/dist/components/notabene/notabene-icon.d.ts +9 -0
  31. package/dist/components/notabene/notabene-icon.js +18 -0
  32. package/dist/components/notabene/notabene-root.cjs +22 -0
  33. package/dist/components/notabene/notabene-root.d.ts +6 -0
  34. package/dist/components/notabene/notabene-root.js +22 -0
  35. package/dist/components/notabene/notabene.content.cjs +15 -0
  36. package/dist/components/notabene/notabene.content.d.ts +5 -0
  37. package/dist/components/notabene/notabene.content.js +15 -0
  38. package/dist/components/notification/notification.d.ts +2 -2
  39. package/dist/components/tabs/tabs-list.cjs +11 -0
  40. package/dist/components/tabs/tabs-list.js +11 -0
  41. package/dist/components/tabs/tabs-trigger.cjs +2 -2
  42. package/dist/components/tabs/tabs-trigger.js +2 -2
  43. package/dist/components/toggle/toggle.d.ts +2 -2
  44. package/dist/main.cjs +2 -2
  45. package/dist/main.js +1 -1
  46. package/dist/style.css +158 -156
  47. package/dist/utils/generate-styling/grid.d.ts +24 -24
  48. package/dist/utils/generate-styling/index.d.ts +16 -16
  49. package/dist/utils/generate-styling/util.d.ts +2 -2
  50. package/package.json +1 -1
  51. package/dist/components/notabene/notabene.cjs +0 -35
  52. package/dist/components/notabene/notabene.d.ts +0 -15
  53. package/dist/components/notabene/notabene.js +0 -35
@@ -67,7 +67,7 @@ const Root = React.forwardRef(
67
67
  {
68
68
  ...props,
69
69
  className: classes,
70
- style: backgroundImageSrc ? { background: `url(${backgroundImageSrc})`, ...props.style } : props.style,
70
+ style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})`, ...props.style } : props.style,
71
71
  onClick: utils_composeEventHandlers.composeEventHandlers(props.onClick, (e) => {
72
72
  var _a;
73
73
  if (e.isDefaultPrevented())
@@ -65,7 +65,7 @@ const Root = React__default.forwardRef(
65
65
  {
66
66
  ...props,
67
67
  className: classes,
68
- style: backgroundImageSrc ? { background: `url(${backgroundImageSrc})`, ...props.style } : props.style,
68
+ style: backgroundImageSrc ? { backgroundImage: `url(${backgroundImageSrc})`, ...props.style } : props.style,
69
69
  onClick: composeEventHandlers(props.onClick, (e) => {
70
70
  var _a;
71
71
  if (e.isDefaultPrevented())
@@ -3,7 +3,7 @@ import { Icon } from '../icon';
3
3
 
4
4
  export type IndicatorProps = Partial<React.ComponentPropsWithoutRef<typeof Icon>>;
5
5
  export declare const Indicator: React.ForwardRefExoticComponent<Partial<Omit<React.SVGProps<SVGSVGElement> & {
6
- name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "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" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "email" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "radio" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "alert" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
7
- size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
6
+ name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "add" | "reverse" | "infinite" | "radio" | "visible" | "copy" | "help" | "zoom-out" | "zoom" | "alert" | "email" | "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" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "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" | "focus" | "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-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
7
+ size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
8
8
  children?: React.ReactNode;
9
9
  }, "ref">> & React.RefAttributes<SVGSVGElement>>;
@@ -23,9 +23,9 @@ function _interopNamespaceDefault(e) {
23
23
  }
24
24
  const ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
25
25
  const styles = {
26
- "teddy-chip__item": "_teddy-chip__item_1er2j_1",
27
- "teddy-chip__item--unavailable": "_teddy-chip__item--unavailable_1er2j_33",
28
- "teddy-chip__indicator": "_teddy-chip__indicator_1er2j_82"
26
+ "teddy-chip__item": "_teddy-chip__item_69tae_1",
27
+ "teddy-chip__item--unavailable": "_teddy-chip__item--unavailable_69tae_33",
28
+ "teddy-chip__indicator": "_teddy-chip__indicator_69tae_83"
29
29
  };
30
30
  const rootClassName = "teddy-chip";
31
31
  const RootContext = React.createContext(void 0);
@@ -4,9 +4,9 @@ import clsx from "clsx";
4
4
  import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
5
5
  import { Flex } from "../flex/flex.js";
6
6
  const styles = {
7
- "teddy-chip__item": "_teddy-chip__item_1er2j_1",
8
- "teddy-chip__item--unavailable": "_teddy-chip__item--unavailable_1er2j_33",
9
- "teddy-chip__indicator": "_teddy-chip__indicator_1er2j_82"
7
+ "teddy-chip__item": "_teddy-chip__item_69tae_1",
8
+ "teddy-chip__item--unavailable": "_teddy-chip__item--unavailable_69tae_33",
9
+ "teddy-chip__indicator": "_teddy-chip__indicator_69tae_83"
10
10
  };
11
11
  const rootClassName = "teddy-chip";
12
12
  const RootContext = React__default.createContext(void 0);
@@ -5,8 +5,8 @@ import { ItemProps } from './chip-item';
5
5
  export declare const Chip: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
6
6
  Item: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLButtonElement>>;
7
7
  Indicator: import('react').ForwardRefExoticComponent<Partial<Omit<import('react').SVGProps<SVGSVGElement> & {
8
- name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "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" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "visible" | "volume" | "zoom-out" | "zoom" | "connected-building" | "home" | "hospital" | "industry" | "premises-datacenter" | "premises-large" | "premises-medium" | "premises-small" | "premises" | "store" | "address-book" | "b2b-customer" | "care" | "chat-robot" | "chat" | "child-1" | "child-2" | "conversation" | "customer-dialogue" | "dsl-hub" | "email" | "end-user" | "handshake" | "headphones" | "letter" | "mms" | "new-contact" | "new-group" | "news" | "parental-guide" | "people-hub" | "people" | "portal" | "signature" | "smiley-happy" | "smiley-sad" | "sms" | "support" | "user-admin" | "vcard" | "voicemail" | "battery" | "bluetooth" | "broadband" | "broken-phone" | "cast" | "cloud-connect" | "connected" | "core-router" | "daas-device" | "data-transfer" | "desktop" | "devices" | "esim-simcard" | "esim" | "face-id" | "fiber" | "fingerprint" | "fiveg" | "fourg" | "home-installation" | "industrial-iot" | "internet" | "it-service" | "laptop" | "mobile-broadband" | "network" | "phone-recycling" | "phone-ringing" | "phone" | "rack" | "refill-card" | "remote-control" | "repair" | "roaming" | "router" | "secure-device" | "sense-car" | "server" | "service-device" | "service-supervision" | "slow-wifi" | "smart-wifi" | "smartphone" | "smartwatch" | "tablet" | "trade-phone" | "tv" | "usb" | "voice-switch" | "wallplug" | "wireless-off" | "wireless-weak" | "wireless" | "world-alert" | "world-off" | "world-question" | "bar-chart" | "doc" | "document-doc" | "document-edit" | "document-pdf" | "document-ppt" | "excel" | "folder-copy" | "folder-new" | "folder" | "gif" | "graph" | "media-content" | "org-chart" | "pie-chart" | "print" | "register" | "report" | "simcard" | "spell-check" | "credit-card" | "euro" | "invoice" | "kontantkort" | "kr" | "late-payment" | "money-back-euro" | "money-back-kr" | "money-euro" | "money-kr" | "pay-monthly-euro" | "pay-monthly-kr" | "pay-once-euro" | "pay-once-kr" | "payment-success" | "savings" | "wallet" | "airplay" | "camera" | "entertainment" | "external" | "film" | "games" | "megaphone" | "microphone" | "music" | "player-settings" | "record" | "stream" | "trailer" | "video-conference" | "activity-level" | "add" | "ai-robot" | "bag" | "basketball" | "blood-pressure" | "bulb" | "business-continuity" | "business-intelligence" | "calendar" | "cart" | "close-circle" | "cloud" | "coffee" | "compass" | "construction" | "cookie" | "delivery" | "drone" | "education" | "efficiency" | "environment" | "facemask" | "flag" | "focus" | "food" | "fraud" | "getting-started" | "home-care" | "infinite" | "job-search" | "layers" | "measuring-health" | "moisture" | "offering" | "offshore" | "optimization" | "pebble" | "pet-dog" | "pin" | "plane" | "plus-minus" | "police" | "power-grid" | "present" | "press-button" | "price" | "pulse" | "radio" | "recycle" | "reservation" | "reverse" | "route" | "ruler" | "satellite" | "secured-1" | "secured-2" | "security-camera" | "shopping" | "snowflake" | "speedometer" | "spyware" | "suitcase" | "sustainability" | "tag" | "temperature" | "thinking" | "train" | "transfer" | "undo" | "wavelength" | "weather" | "world" | "android" | "apple" | "bankid-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "alert" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "help" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
9
- size?: ("font" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl") | undefined;
8
+ name: "link" | "map" | "menu" | "search" | "summary" | "time" | "video" | "filter" | "image" | "stop" | "key" | "x" | "download" | "split" | "add" | "reverse" | "infinite" | "radio" | "visible" | "copy" | "help" | "zoom-out" | "zoom" | "alert" | "email" | "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" | "shortcut" | "shuffle" | "sync" | "skip-back-10sec" | "skip-back-30sec" | "skip-forward-10sec" | "skip-forward-30sec" | "star-filled" | "star" | "switch-arrows" | "tv-next" | "tv-pause" | "tv-previous" | "tv-stop" | "upload" | "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" | "focus" | "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-norway" | "bankid" | "facebook" | "instagram" | "youtube" | "linkedin" | "snapchat" | "telia-logo" | "whatsapp" | "windows" | "alert-filled" | "check-circle-filled" | "check-circle" | "error-filled" | "error" | "info-filled" | "info" | "question-filled" | "question" | "warning" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-subdirectory" | "arrow-up" | "card-view" | "checkmark-bold" | "checkmark" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "grid-view" | "list-view" | "minus-bold" | "minus" | "more-horizontal" | "more-vertical" | "plus" | "services" | "sorter" | "table-view";
9
+ size?: ("sm" | "md" | "lg" | "xl" | "font" | "xxs" | "xs") | undefined;
10
10
  children?: import('react').ReactNode;
11
11
  }, "ref">> & import('react').RefAttributes<SVGSVGElement>>;
12
12
  };
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const components_progressBar_progressBar = require("./progress-bar/progress-bar.cjs");
4
- const components_notabene_notabene = require("./notabene/notabene.cjs");
4
+ const components_notabene_index = require("./notabene/index.cjs");
5
5
  const components_tooltip_index = require("./tooltip/index.cjs");
6
6
  const components_list_index = require("./list/index.cjs");
7
7
  const components_scrollArea_index = require("./scroll-area/index.cjs");
@@ -40,7 +40,7 @@ const components_visuallyHidden_visuallyHidden = require("./visually-hidden/visu
40
40
  const components_textSpacing_textSpacing = require("./text-spacing/text-spacing.cjs");
41
41
  const components_input_inputGroup = require("./input/input-group.cjs");
42
42
  exports.ProgressBar = components_progressBar_progressBar.ProgressBar;
43
- exports.Notabene = components_notabene_notabene.Notabene;
43
+ exports.Notabene = components_notabene_index.Notabene;
44
44
  exports.Tooltip = components_tooltip_index.Tooltip;
45
45
  exports.List = components_list_index.List;
46
46
  exports.ScrollArea = components_scrollArea_index.ScrollArea;
@@ -1,5 +1,5 @@
1
1
  import { ProgressBar } from "./progress-bar/progress-bar.js";
2
- import { Notabene } from "./notabene/notabene.js";
2
+ import { Notabene } from "./notabene/index.js";
3
3
  import { Tooltip } from "./tooltip/index.js";
4
4
  import { List } from "./list/index.js";
5
5
  import { ScrollArea } from "./scroll-area/index.js";
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const DrawerPrimitive = require("@radix-ui/react-dialog");
6
6
  require("../progress-bar/progress-bar.cjs");
7
- require("../notabene/notabene.cjs");
7
+ require("../notabene/index.cjs");
8
8
  require("../tooltip/index.cjs");
9
9
  require("../list/index.cjs");
10
10
  require("../scroll-area/index.cjs");
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default, { useEffect } from "react";
3
3
  import * as DrawerPrimitive from "@radix-ui/react-dialog";
4
4
  import "../progress-bar/progress-bar.js";
5
- import "../notabene/notabene.js";
5
+ import "../notabene/index.js";
6
6
  import "../tooltip/index.js";
7
7
  import "../list/index.js";
8
8
  import "../scroll-area/index.js";
@@ -11,7 +11,6 @@ require("../../drawer/index.cjs");
11
11
  require("../../button/button.cjs");
12
12
  require("../../../assets/sprite.269ba410-teddy.svg");
13
13
  require("../../icon/icon.cjs");
14
- require("./global-navigation-search-field.cjs");
15
14
  require("../../tabs/index.cjs");
16
15
  require("./utils.cjs");
17
16
  require("../../accordion/index.cjs");
@@ -1,4 +1,7 @@
1
1
  import { default as React } from 'react';
2
2
 
3
3
  export type MobileProps = React.ComponentPropsWithoutRef<'div'>;
4
- export declare const Mobile: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export declare function Mobile(props: MobileProps): import("react/jsx-runtime").JSX.Element | null;
5
+ export declare namespace Mobile {
6
+ var displayName: string;
7
+ }
@@ -9,7 +9,6 @@ import "../../drawer/index.js";
9
9
  import "../../button/button.js";
10
10
  import "../../../assets/sprite.269ba410-teddy.svg";
11
11
  import "../../icon/icon.js";
12
- import "./global-navigation-search-field.js";
13
12
  import "../../tabs/index.js";
14
13
  import "./utils.js";
15
14
  import "../../accordion/index.js";
@@ -14,7 +14,8 @@ const components_grid_grid = require("../../grid/grid.cjs");
14
14
  const components_heading_heading = require("../../heading/heading.cjs");
15
15
  const components_textSpacing_textSpacing = require("../../text-spacing/text-spacing.cjs");
16
16
  const components_tabs_index = require("../../tabs/index.cjs");
17
- const components_navigationMenu_globalNavigation_globalNavigationSearchField = require("./global-navigation-search-field.cjs");
17
+ const components_textField_index = require("../../text-field/index.cjs");
18
+ const utils_composeRefs = require("../../../utils/composeRefs.cjs");
18
19
  const components_flex_flex = require("../../flex/flex.cjs");
19
20
  const components_accordion_index = require("../../accordion/index.cjs");
20
21
  const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/visually-hidden.cjs");
@@ -89,6 +90,39 @@ function LoggedInContent() {
89
90
  ] });
90
91
  }
91
92
  MyPages.displayName = "MyPages";
93
+ const SearchField = React.forwardRef(
94
+ (props, forwardRef) => {
95
+ const ref = React.useRef(null);
96
+ const context = React.useContext(RootContext);
97
+ const composedRef = utils_composeRefs.useComposedRefs(forwardRef, ref);
98
+ return /* @__PURE__ */ jsxRuntime.jsx(
99
+ "form",
100
+ {
101
+ onSubmit: (e) => {
102
+ var _a;
103
+ console.log("Search submitted,111");
104
+ if (context == null ? void 0 : context.onSearchSubmit) {
105
+ context.onSearchSubmit(e);
106
+ }
107
+ if (!window || e.isDefaultPrevented())
108
+ return;
109
+ e.preventDefault();
110
+ window.location.href = `/sok?q=${encodeURIComponent(((_a = ref.current) == null ? void 0 : _a.value) || "")}`;
111
+ },
112
+ children: /* @__PURE__ */ jsxRuntime.jsxs(components_textField_index.TextField, { ...props, children: [
113
+ /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Label, { children: "Søk i innhold" }),
114
+ /* @__PURE__ */ jsxRuntime.jsxs(components_textField_index.TextField.InputGroup, { children: [
115
+ /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "search" }),
116
+ /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
117
+ /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, {})
118
+ ] }),
119
+ /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Button, { variant: "separated", children: "Søk" })
120
+ ] })
121
+ }
122
+ );
123
+ }
124
+ );
125
+ SearchField.displayName = "SearchField";
92
126
  function Search(props) {
93
127
  const searchFieldRef = React.useRef(null);
94
128
  return /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer, { ...props, children: [
@@ -107,7 +141,7 @@ function Search(props) {
107
141
  children: [
108
142
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "floating", "aria-label": "Lukk" }),
109
143
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Hva leter du etter?" }),
110
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_globalNavigation_globalNavigationSearchField.SearchField, { ref: searchFieldRef }),
144
+ /* @__PURE__ */ jsxRuntime.jsx(SearchField, { ref: searchFieldRef }),
111
145
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsxRuntime.jsx(components_button_button.Button, { children: "Lukk" }) }) })
112
146
  ]
113
147
  }
@@ -189,16 +223,16 @@ const Desktop = React.forwardRef(() => {
189
223
  ] });
190
224
  });
191
225
  Desktop.displayName = "Desktop";
192
- const Mobile = React.forwardRef(({ className }) => {
226
+ function Mobile(props) {
193
227
  const rootContext = React.useContext(RootContext);
194
228
  const drawerRef = React.useRef(null);
195
229
  if (!rootContext)
196
230
  return null;
197
231
  const { linkComponent: NavLink } = rootContext;
198
- const classes = clsx([styles[`${rootClassName}__mobile`]], className);
232
+ const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
199
233
  const linkClasses = clsx([styles[`${rootClassName}__link`]]);
200
234
  const currentLocation = rootContext.pathname;
201
- return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
235
+ return /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
202
236
  /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { flexShrink: "0", children: /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_navigationMenu.NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
203
237
  /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: [
204
238
  /* @__PURE__ */ jsxRuntime.jsx(ShoppingCart, {}),
@@ -211,7 +245,7 @@ const Mobile = React.forwardRef(({ className }) => {
211
245
  /* @__PURE__ */ jsxRuntime.jsxs(components_drawer_index.Drawer.Content, { gap: "400", children: [
212
246
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
213
247
  /* @__PURE__ */ jsxRuntime.jsx(components_drawer_index.Drawer.Title, { children: "Meny" }),
214
- /* @__PURE__ */ jsxRuntime.jsx(components_navigationMenu_globalNavigation_globalNavigationSearchField.SearchField, {}),
248
+ /* @__PURE__ */ jsxRuntime.jsx(SearchField, {}),
215
249
  /* @__PURE__ */ jsxRuntime.jsxs(components_tabs_index.Tabs, { value: rootContext.selectedDomainItem, onValueChange: rootContext.setSelectedDomainItem, children: [
216
250
  /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.List, { children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Trigger, { value: link.name, children: link.name }, link.name)) }),
217
251
  /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { mt: "400", children: components_navigationMenu_globalNavigation_utils.LINKS.map((link) => /* @__PURE__ */ jsxRuntime.jsx(components_tabs_index.Tabs.Content, { value: link.name, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -275,7 +309,7 @@ const Mobile = React.forwardRef(({ className }) => {
275
309
  ] })
276
310
  ] })
277
311
  ] }) });
278
- });
312
+ }
279
313
  Mobile.displayName = "Mobile";
280
314
  const rootClassName = "teddy-global-navigation";
281
315
  const RootContext = React.createContext(null);
@@ -286,6 +320,7 @@ function Root({
286
320
  linkComponent,
287
321
  onLogoutClick,
288
322
  shoppingCart,
323
+ onSearchSubmit,
289
324
  ...props
290
325
  }) {
291
326
  const [selectedMenuItem, setSelectedMenuItem] = React.useState(getInitialMenuItem());
@@ -306,7 +341,8 @@ function Root({
306
341
  pathname,
307
342
  setPathname,
308
343
  onLogoutClick,
309
- shoppingCart
344
+ shoppingCart,
345
+ onSearchSubmit
310
346
  },
311
347
  children: /* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { ...props, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
312
348
  components_navigationMenu_navigationMenu.NavigationMenu,
@@ -365,5 +401,6 @@ exports.MyPages = MyPages;
365
401
  exports.Root = Root;
366
402
  exports.RootContext = RootContext;
367
403
  exports.Search = Search;
404
+ exports.SearchField = SearchField;
368
405
  exports.ShoppingCart = ShoppingCart;
369
406
  exports.rootClassName = rootClassName;
@@ -12,7 +12,8 @@ import { Grid } from "../../grid/grid.js";
12
12
  import { Heading } from "../../heading/heading.js";
13
13
  import { TextSpacing } from "../../text-spacing/text-spacing.js";
14
14
  import { Tabs } from "../../tabs/index.js";
15
- import { SearchField } from "./global-navigation-search-field.js";
15
+ import { TextField } from "../../text-field/index.js";
16
+ import { useComposedRefs } from "../../../utils/composeRefs.js";
16
17
  import { Flex } from "../../flex/flex.js";
17
18
  import { Accordion } from "../../accordion/index.js";
18
19
  import { VisuallyHidden } from "../../visually-hidden/visually-hidden.js";
@@ -87,6 +88,39 @@ function LoggedInContent() {
87
88
  ] });
88
89
  }
89
90
  MyPages.displayName = "MyPages";
91
+ const SearchField = React__default.forwardRef(
92
+ (props, forwardRef) => {
93
+ const ref = React__default.useRef(null);
94
+ const context = React__default.useContext(RootContext);
95
+ const composedRef = useComposedRefs(forwardRef, ref);
96
+ return /* @__PURE__ */ jsx(
97
+ "form",
98
+ {
99
+ onSubmit: (e) => {
100
+ var _a;
101
+ console.log("Search submitted,111");
102
+ if (context == null ? void 0 : context.onSearchSubmit) {
103
+ context.onSearchSubmit(e);
104
+ }
105
+ if (!window || e.isDefaultPrevented())
106
+ return;
107
+ e.preventDefault();
108
+ window.location.href = `/sok?q=${encodeURIComponent(((_a = ref.current) == null ? void 0 : _a.value) || "")}`;
109
+ },
110
+ children: /* @__PURE__ */ jsxs(TextField, { ...props, children: [
111
+ /* @__PURE__ */ jsx(TextField.Label, { children: "Søk i innhold" }),
112
+ /* @__PURE__ */ jsxs(TextField.InputGroup, { children: [
113
+ /* @__PURE__ */ jsx(Icon, { name: "search" }),
114
+ /* @__PURE__ */ jsx(TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
115
+ /* @__PURE__ */ jsx(TextField.ClearButton, {})
116
+ ] }),
117
+ /* @__PURE__ */ jsx(TextField.Button, { variant: "separated", children: "Søk" })
118
+ ] })
119
+ }
120
+ );
121
+ }
122
+ );
123
+ SearchField.displayName = "SearchField";
90
124
  function Search(props) {
91
125
  const searchFieldRef = React__default.useRef(null);
92
126
  return /* @__PURE__ */ jsxs(Drawer, { ...props, children: [
@@ -187,16 +221,16 @@ const Desktop = React__default.forwardRef(() => {
187
221
  ] });
188
222
  });
189
223
  Desktop.displayName = "Desktop";
190
- const Mobile = React__default.forwardRef(({ className }) => {
224
+ function Mobile(props) {
191
225
  const rootContext = React__default.useContext(RootContext);
192
226
  const drawerRef = React__default.useRef(null);
193
227
  if (!rootContext)
194
228
  return null;
195
229
  const { linkComponent: NavLink } = rootContext;
196
- const classes = clsx([styles[`${rootClassName}__mobile`]], className);
230
+ const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
197
231
  const linkClasses = clsx([styles[`${rootClassName}__link`]]);
198
232
  const currentLocation = rootContext.pathname;
199
- return /* @__PURE__ */ jsx(Flex, { className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
233
+ return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
200
234
  /* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
201
235
  /* @__PURE__ */ jsxs(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: [
202
236
  /* @__PURE__ */ jsx(ShoppingCart, {}),
@@ -273,7 +307,7 @@ const Mobile = React__default.forwardRef(({ className }) => {
273
307
  ] })
274
308
  ] })
275
309
  ] }) });
276
- });
310
+ }
277
311
  Mobile.displayName = "Mobile";
278
312
  const rootClassName = "teddy-global-navigation";
279
313
  const RootContext = React__default.createContext(null);
@@ -284,6 +318,7 @@ function Root({
284
318
  linkComponent,
285
319
  onLogoutClick,
286
320
  shoppingCart,
321
+ onSearchSubmit,
287
322
  ...props
288
323
  }) {
289
324
  const [selectedMenuItem, setSelectedMenuItem] = React__default.useState(getInitialMenuItem());
@@ -304,7 +339,8 @@ function Root({
304
339
  pathname,
305
340
  setPathname,
306
341
  onLogoutClick,
307
- shoppingCart
342
+ shoppingCart,
343
+ onSearchSubmit
308
344
  },
309
345
  children: /* @__PURE__ */ jsx(Box, { ...props, className: classes, children: /* @__PURE__ */ jsxs(
310
346
  NavigationMenu,
@@ -362,8 +398,9 @@ export {
362
398
  Mobile as M,
363
399
  MyPages,
364
400
  RootContext as R,
365
- Search as S,
366
- ShoppingCart as a,
367
- Root as b,
401
+ SearchField as S,
402
+ Search as a,
403
+ ShoppingCart as b,
404
+ Root as c,
368
405
  rootClassName as r
369
406
  };
@@ -11,6 +11,7 @@ export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
11
11
  linkComponent: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
12
12
  onLogoutClick(): void;
13
13
  shoppingCart?: React.ReactNode;
14
+ onSearchSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
14
15
  };
15
16
  type RootContext = {
16
17
  appKey: RootProps['appKey'];
@@ -24,9 +25,10 @@ type RootContext = {
24
25
  setPathname: (v: string) => void;
25
26
  onLogoutClick: RootProps['onLogoutClick'];
26
27
  shoppingCart?: React.ReactNode;
28
+ onSearchSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
27
29
  };
28
30
  export declare const RootContext: React.Context<RootContext | null>;
29
- export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
31
+ export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, onSearchSubmit, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
30
32
  export declare namespace Root {
31
33
  var displayName: string;
32
34
  }
@@ -1,12 +1,12 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "clsx";
4
- import { b, R, r } from "./global-navigation-my-pages.js";
4
+ import { c, R, r } from "./global-navigation-my-pages.js";
5
5
  import "./utils.js";
6
6
  import "../../box/box.js";
7
7
  import "../navigation-menu.js";
8
8
  export {
9
- b as Root,
9
+ c as Root,
10
10
  R as RootContext,
11
11
  r as rootClassName
12
12
  };
@@ -1,37 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const React = require("react");
3
+ require("react/jsx-runtime");
4
+ require("react");
5
5
  require("../../../assets/sprite.269ba410-teddy.svg");
6
- const components_icon_icon = require("../../icon/icon.cjs");
7
- const components_textField_index = require("../../text-field/index.cjs");
8
- const utils_composeRefs = require("../../../utils/composeRefs.cjs");
9
- const SearchField = React.forwardRef(
10
- (props, forwardRef) => {
11
- const ref = React.useRef(null);
12
- const composedRef = utils_composeRefs.useComposedRefs(forwardRef, ref);
13
- return /* @__PURE__ */ jsxRuntime.jsx(
14
- "form",
15
- {
16
- onSubmit: (e) => {
17
- var _a;
18
- if (!window || e.isDefaultPrevented())
19
- return;
20
- e.preventDefault();
21
- window.location.href = `/sok?q=${encodeURIComponent(((_a = ref.current) == null ? void 0 : _a.value) || "")}`;
22
- },
23
- children: /* @__PURE__ */ jsxRuntime.jsxs(components_textField_index.TextField, { ...props, children: [
24
- /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Label, { children: "Søk i innhold" }),
25
- /* @__PURE__ */ jsxRuntime.jsxs(components_textField_index.TextField.InputGroup, { children: [
26
- /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "search" }),
27
- /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
28
- /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.ClearButton, {})
29
- ] }),
30
- /* @__PURE__ */ jsxRuntime.jsx(components_textField_index.TextField.Button, { variant: "separated", children: "Søk" })
31
- ] })
32
- }
33
- );
34
- }
35
- );
36
- SearchField.displayName = "SearchField";
37
- exports.SearchField = SearchField;
6
+ require("../../icon/icon.cjs");
7
+ require("../../text-field/index.cjs");
8
+ require("../../../utils/composeRefs.cjs");
9
+ const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./global-navigation-my-pages.cjs");
10
+ exports.SearchField = components_navigationMenu_globalNavigation_globalNavigationMyPages.SearchField;
@@ -1,37 +1,10 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import React__default from "react";
1
+ import "react/jsx-runtime";
2
+ import "react";
3
3
  import "../../../assets/sprite.269ba410-teddy.svg";
4
- import { Icon } from "../../icon/icon.js";
5
- import { TextField } from "../../text-field/index.js";
6
- import { useComposedRefs } from "../../../utils/composeRefs.js";
7
- const SearchField = React__default.forwardRef(
8
- (props, forwardRef) => {
9
- const ref = React__default.useRef(null);
10
- const composedRef = useComposedRefs(forwardRef, ref);
11
- return /* @__PURE__ */ jsx(
12
- "form",
13
- {
14
- onSubmit: (e) => {
15
- var _a;
16
- if (!window || e.isDefaultPrevented())
17
- return;
18
- e.preventDefault();
19
- window.location.href = `/sok?q=${encodeURIComponent(((_a = ref.current) == null ? void 0 : _a.value) || "")}`;
20
- },
21
- children: /* @__PURE__ */ jsxs(TextField, { ...props, children: [
22
- /* @__PURE__ */ jsx(TextField.Label, { children: "Søk i innhold" }),
23
- /* @__PURE__ */ jsxs(TextField.InputGroup, { children: [
24
- /* @__PURE__ */ jsx(Icon, { name: "search" }),
25
- /* @__PURE__ */ jsx(TextField.Input, { ref: composedRef, placeholder: "Søk her" }),
26
- /* @__PURE__ */ jsx(TextField.ClearButton, {})
27
- ] }),
28
- /* @__PURE__ */ jsx(TextField.Button, { variant: "separated", children: "Søk" })
29
- ] })
30
- }
31
- );
32
- }
33
- );
34
- SearchField.displayName = "SearchField";
4
+ import "../../icon/icon.js";
5
+ import "../../text-field/index.js";
6
+ import "../../../utils/composeRefs.js";
7
+ import { S } from "./global-navigation-my-pages.js";
35
8
  export {
36
- SearchField
9
+ S as SearchField
37
10
  };
@@ -7,6 +7,5 @@ require("../navigation-menu.cjs");
7
7
  const components_navigationMenu_globalNavigation_globalNavigationMyPages = require("./global-navigation-my-pages.cjs");
8
8
  require("../../../assets/sprite.269ba410-teddy.svg");
9
9
  require("../../icon/icon.cjs");
10
- require("./global-navigation-search-field.cjs");
11
10
  require("../../button/button.cjs");
12
11
  exports.Search = components_navigationMenu_globalNavigation_globalNavigationMyPages.Search;
@@ -2,11 +2,10 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../drawer/index.js";
4
4
  import "../navigation-menu.js";
5
- import { S } from "./global-navigation-my-pages.js";
5
+ import { a } from "./global-navigation-my-pages.js";
6
6
  import "../../../assets/sprite.269ba410-teddy.svg";
7
7
  import "../../icon/icon.js";
8
- import "./global-navigation-search-field.js";
9
8
  import "../../button/button.js";
10
9
  export {
11
- S as Search
10
+ a as Search
12
11
  };
@@ -2,10 +2,10 @@ import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../drawer/index.js";
4
4
  import "../navigation-menu.js";
5
- import { a } from "./global-navigation-my-pages.js";
5
+ import { b } from "./global-navigation-my-pages.js";
6
6
  import "../../../assets/sprite.269ba410-teddy.svg";
7
7
  import "../../icon/icon.js";
8
8
  import "../../button/button.js";
9
9
  export {
10
- a as ShoppingCart
10
+ b as ShoppingCart
11
11
  };