@amboss/design-system 3.21.1 → 3.22.0

package/build/esm/components/UserHighlightTooltip/-utils.ts/getTopmostElement.js

@@ -0,0 +1 @@
+export function getTopmostElement(elements,pointerEvent){if(0===elements.length)return null;if(1===elements.length)return elements[0];if(pointerEvent&&"clientX"in pointerEvent&&"clientY"in pointerEvent)try{let foundElement=document.elementsFromPoint(pointerEvent.clientX,pointerEvent.clientY).find(elementAtPoint=>!!elements.includes(elementAtPoint)||elements.some(element=>element.contains(elementAtPoint)));if(foundElement){if(elements.includes(foundElement))return foundElement;let containingElements=elements.filter(element=>element.contains(foundElement));if(containingElements.length>0)return containingElements.sort((a,b)=>a.contains(b)?-1:+!!b.contains(a)),containingElements[containingElements.length-1]}}catch{}let topmost=elements?.[0];return elements?.slice(1)?.forEach(element=>{topmost.contains(element)&&!element.contains(topmost)?topmost=element:element.contains(topmost)&&!topmost.contains(element)||(topmost.compareDocumentPosition(element)&Node.DOCUMENT_POSITION_FOLLOWING)!=0&&(topmost=element)}),topmost}

package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -1 +1 @@
-import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(()=>{triggerHovered.current=!0,tooltipVisible||(clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{!tooltipVisible&&triggerHovered.current&&toggleVisibility(!0)},200))},[toggleVisibility,tooltipVisible]),handleTriggerPointerLeave=useCallback(()=>{clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,hideTooltipAfterDelay()},[hideTooltipAfterDelay]);return(useEffect(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),useEffect(()=>(triggerElements.forEach(node=>{node.addEventListener("pointerenter",handleTriggerPointerEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",handleTriggerPointerEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}),[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),useEffect(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?React.createElement(TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,subTheme:"inverted",onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}
+import React,{useCallback,useEffect,useId,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";import{findOverlappingTooltips}from"./-utils.ts/findOverlappingTooltips";import{getTopmostElement}from"./-utils.ts/getTopmostElement";import{TooltipRegistry}from"./-utils.ts/TooltipRegistry";let tooltipRegistry=new TooltipRegistry;export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),instanceId=useId(),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>(tooltipRegistry.set(instanceId,{id:instanceId,triggerElements,setVisible:visible=>{setTooltipVisible(visible),onVisibilityChange&&onVisibilityChange(visible)}}),()=>{tooltipRegistry.delete(instanceId)}),[instanceId,triggerElements,onVisibilityChange]),useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(event=>{triggerHovered.current=!0,clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{if(triggerHovered.current){let overlappingTooltips=findOverlappingTooltips(event?.target||triggerElements[0],instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[...triggerElements];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=getTopmostElement(allOverlappingElements,event);!topmostElement||triggerElements.includes(topmostElement)?(overlappingTooltips.forEach(tooltip=>{tooltip.setVisible(!1)}),tooltipVisible||toggleVisibility(!0)):tooltipVisible&&toggleVisibility(!1)}else tooltipVisible||toggleVisibility(!0)}},200)},[toggleVisibility,tooltipVisible,triggerElements,instanceId]),handleTriggerPointerLeave=useCallback(event=>{if(clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,event&&"clientX"in event&&"clientY"in event)try{let elementUnderPointer=document.elementFromPoint(event.clientX,event.clientY);if(elementUnderPointer){let overlappingTooltips=findOverlappingTooltips(elementUnderPointer,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=getTopmostElement(allOverlappingElements,event);if(topmostElement&&!triggerElements.includes(topmostElement)){toggleVisibility(!1);let enterEvent=new PointerEvent("pointerenter",{bubbles:!0,cancelable:!0,clientX:event.clientX,clientY:event.clientY,pointerId:event.pointerId,pointerType:event.pointerType});topmostElement.dispatchEvent(enterEvent);return}}}}catch{}hideTooltipAfterDelay()},[hideTooltipAfterDelay,instanceId,toggleVisibility,triggerElements]);return(useEffect(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),useEffect(()=>{let wrappedHandleEnter=event=>{handleTriggerPointerEnter(event)};return triggerElements.forEach(node=>{node.addEventListener("pointerenter",wrappedHandleEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",wrappedHandleEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}},[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),useEffect(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?React.createElement(TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,subTheme:"inverted",onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}

package/build/esm/index.d.ts

@@ -85,4 +85,4 @@ export * from "./components/MediaViewerCarousel/MediaViewerCarousel";
 export * from "./components/PromptInput/PromptInput";
 export * from "./components/ColorIndicator/ColorIndicator";
 export * from "./components/ColorPicker/ColorPicker";
-export * from "./components/NavBar/NavBar";
+export * from "./components/NavBar";

package/build/esm/index.js

@@ -1 +1 @@
-import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Toast";export*from"./components/Form/DateInput/DateInput";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/RadioCard/RadioCard";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/CatalogCard/CatalogCard";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/PromptInput/PromptInput";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/NavBar/NavBar";
+import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Toast";export*from"./components/Form/DateInput/DateInput";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/RadioCard/RadioCard";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/CatalogCard/CatalogCard";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/PromptInput/PromptInput";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/NavBar";

package/build/esm/web-tokens/_colors.json

@@ -1092,8 +1092,8 @@
             "name": "background.accentSubtle",
             "description": "Use as background color for selected state of certain UI elements, e.g. segmented control",
             "subState": "default",
-            "darkValue": "#262f36",
-            "darkOriginalValue": "night-brand.dark02",
+            "darkValue": "#223c44",
+            "darkOriginalValue": "night-brand.dark01",
             "lightValue": "#e7f6f8",
             "lightOriginalValue": "brand.light03"
         },

package/build/esm/web-tokens/_subThemeType.d.ts

@@ -1,2 +1,2 @@
-export type SubThemeTypes = "dimmed" | "error" | "info" | "inverted" | "navigationClinicalCare" | "navigationLearning" | "navigationTeaching" | "subNavigationClinicalCare" | "subNavigationLearning" | "subNavigationTeaching" | "success";
-export declare const SUB_THEME_NAMES: readonly ["dimmed", "error", "info", "inverted", "navigationClinicalCare", "navigationLearning", "navigationTeaching", "subNavigationClinicalCare", "subNavigationLearning", "subNavigationTeaching", "success"];
+export type SubThemeTypes = "brand" | "brandSubtle" | "dimmed" | "dimmedSubtle" | "error" | "info" | "inverted" | "success";
+export declare const SUB_THEME_NAMES: readonly ["brand", "brandSubtle", "dimmed", "dimmedSubtle", "error", "info", "inverted", "success"];

package/build/esm/web-tokens/_subThemeType.js

@@ -1 +1 @@
-export const SUB_THEME_NAMES=["dimmed","error","info","inverted","navigationClinicalCare","navigationLearning","navigationTeaching","subNavigationClinicalCare","subNavigationLearning","subNavigationTeaching","success"];
+export const SUB_THEME_NAMES=["brand","brandSubtle","dimmed","dimmedSubtle","error","info","inverted","success"];

package/build/esm/web-tokens/visualConfig.d.ts

@@ -683,104 +683,107 @@ export type AmbossTheme = {
         "focusRing": string;
     };
     "subThemes": {
-        "dimmed": {
+        "brand": {
             "color": {
-                "background": {
+                "text": {
                     "primary": {
                         "default": string;
                     };
                     "secondary": {
                         "default": string;
-                        "hover": string;
                     };
-                    "accent": {
+                    "tertiary": {
                         "default": string;
-                        "hover": string;
-                        "active": string;
-                        "disabled": string;
                     };
-                    "transparent": {
-                        "hover": string;
-                        "active": string;
+                    "accent": {
+                        "default": string;
                     };
-                    "backdrop": {
+                    "error": {
                         "default": string;
                     };
                 };
-                "text": {
+                "background": {
                     "primary": {
                         "default": string;
-                        "hover": string;
                     };
                     "secondary": {
                         "default": string;
-                        "hover": string;
-                    };
-                    "tertiary": {
-                        "default": string;
-                        "hover": string;
                     };
                     "accent": {
                         "default": string;
-                        "hover": string;
-                    };
-                    "onAccent": {
-                        "default": string;
-                    };
-                    "error": {
-                        "default": string;
                     };
-                    "underline": {
+                    "accentSubtle": {
                         "default": string;
-                        "hover": string;
                     };
-                    "dottedUnderline": {
+                    "transparent": {
                         "default": string;
                         "hover": string;
+                        "active": string;
                     };
                 };
                 "icon": {
                     "primary": {
                         "default": string;
-                        "hover": string;
                     };
                     "secondary": {
                         "default": string;
-                        "hover": string;
                     };
                     "tertiary": {
                         "default": string;
-                        "hover": string;
+                    };
+                    "brand": {
+                        "default": string;
                     };
                     "accent": {
                         "default": string;
-                        "hover": string;
+                    };
+                    "error": {
+                        "default": string;
                     };
                     "onAccent": {
                         "default": string;
-                        "hover": string;
                     };
-                    "error": {
+                };
+                "searchInput": {
+                    "background": {
                         "default": string;
+                    };
+                };
+                "divider": {
+                    "primary": string;
+                    "secondary": string;
+                };
+                "colorIndicator": {
+                    "brand": {
+                        "default": string;
+                    };
+                };
+            };
+        };
+        "brandSubtle": {
+            "color": {
+                "background": {
+                    "transparent": {
                         "hover": string;
                     };
+                    "accentSubtle": {
+                        "default": string;
+                    };
                 };
-                "border": {
+                "text": {
                     "primary": {
                         "default": string;
-                        "hover": string;
-                        "active": string;
+                    };
+                    "secondary": {
+                        "default": string;
                     };
                     "accent": {
                         "default": string;
                     };
                 };
-                "divider": {
-                    "primary": string;
-                };
             };
         };
-        "error": {
+        "dimmed": {
             "color": {
                 "background": {
                     "primary": {
@@ -796,7 +799,11 @@ export type AmbossTheme = {
                         "active": string;
                         "disabled": string;
                     };
+                    "accentSubtle": {
+                        "default": string;
+                    };
                     "transparent": {
+                        "default": string;
                         "hover": string;
                         "active": string;
                     };
@@ -849,6 +856,9 @@ export type AmbossTheme = {
                         "default": string;
                         "hover": string;
                     };
+                    "brand": {
+                        "default": string;
+                    };
                     "accent": {
                         "default": string;
                         "hover": string;
@@ -874,10 +884,57 @@ export type AmbossTheme = {
                 };
                 "divider": {
                     "primary": string;
+                    "secondary": string;
+                };
+                "searchInput": {
+                    "background": {
+                        "default": string;
+                    };
+                };
+                "colorIndicator": {
+                    "brand": {
+                        "default": string;
+                    };
                 };
             };
         };
-        "info": {
+        "dimmedSubtle": {
+            "color": {
+                "background": {
+                    "transparent": {
+                        "hover": string;
+                    };
+                    "accentSubtle": {
+                        "default": string;
+                    };
+                };
+                "border": {
+                    "accent": {
+                        "default": string;
+                    };
+                };
+                "divider": {
+                    "secondary": string;
+                };
+                "text": {
+                    "primary": {
+                        "default": string;
+                    };
+                    "accent": {
+                        "default": string;
+                    };
+                    "secondary": {
+                        "default": string;
+                    };
+                };
+                "icon": {
+                    "accent": {
+                        "default": string;
+                    };
+                };
+            };
+        };
+        "error": {
             "color": {
                 "background": {
                     "primary": {
@@ -924,9 +981,6 @@ export type AmbossTheme = {
                     "error": {
                         "default": string;
                     };
-                    "info": {
-                        "default": string;
-                    };
                     "underline": {
                         "default": string;
                         "hover": string;
@@ -961,10 +1015,6 @@ export type AmbossTheme = {
                         "default": string;
                         "hover": string;
                     };
-                    "info": {
-                        "default": string;
-                        "hover": string;
-                    };
                 };
                 "border": {
                     "primary": {
@@ -981,7 +1031,7 @@ export type AmbossTheme = {
                 };
             };
         };
-        "inverted": {
+        "info": {
             "color": {
                 "background": {
                     "primary": {
@@ -1061,11 +1111,11 @@ export type AmbossTheme = {
                         "default": string;
                         "hover": string;
                     };
-                    "info": {
+                    "error": {
                         "default": string;
                         "hover": string;
                     };
-                    "error": {
+                    "info": {
                         "default": string;
                         "hover": string;
                     };
@@ -1085,282 +1135,110 @@ export type AmbossTheme = {
                 };
             };
         };
-        "navigationClinicalCare": {
+        "inverted": {
             "color": {
-                "text": {
+                "background": {
                     "primary": {
                         "default": string;
                     };
                     "secondary": {
                         "default": string;
-                    };
-                    "tertiary": {
-                        "default": string;
+                        "hover": string;
                     };
                     "accent": {
                         "default": string;
-                    };
-                };
-                "background": {
-                    "transparent": {
-                        "default": string;
                         "hover": string;
                         "active": string;
+                        "disabled": string;
                     };
                     "accentSubtle": {
                         "default": string;
                     };
-                    "primary": {
-                        "default": string;
-                    };
-                    "accent": {
-                        "default": string;
-                    };
-                };
-                "icon": {
-                    "primary": {
-                        "default": string;
-                    };
-                    "secondary": {
-                        "default": string;
-                    };
-                    "tertiary": {
-                        "default": string;
-                    };
-                    "brand": {
-                        "default": string;
-                    };
-                    "accent": {
-                        "default": string;
-                    };
-                    "onAccent": {
-                        "default": string;
-                    };
-                };
-                "searchInput": {
-                    "background": {
-                        "default": string;
-                    };
-                };
-                "divider": {
-                    "secondary": string;
-                };
-                "colorIndicator": {
-                    "brand": {
-                        "default": string;
-                    };
-                };
-            };
-        };
-        "navigationLearning": {
-            "color": {
-                "text": {
-                    "primary": {
-                        "default": string;
-                    };
-                    "secondary": {
-                        "default": string;
-                    };
-                    "tertiary": {
-                        "default": string;
-                    };
-                    "accent": {
-                        "default": string;
-                    };
-                };
-                "background": {
                     "transparent": {
-                        "default": string;
                         "hover": string;
                         "active": string;
                     };
-                    "accentSubtle": {
-                        "default": string;
-                    };
-                    "primary": {
-                        "default": string;
-                    };
-                    "accent": {
+                    "backdrop": {
                         "default": string;
                     };
                 };
-                "icon": {
+                "text": {
                     "primary": {
                         "default": string;
+                        "hover": string;
                     };
                     "secondary": {
                         "default": string;
+                        "hover": string;
                     };
                     "tertiary": {
                         "default": string;
-                    };
-                    "brand": {
-                        "default": string;
+                        "hover": string;
                     };
                     "accent": {
                         "default": string;
+                        "hover": string;
                     };
                     "onAccent": {
                         "default": string;
                     };
-                };
-                "searchInput": {
-                    "background": {
-                        "default": string;
-                    };
-                };
-                "divider": {
-                    "secondary": string;
-                };
-                "colorIndicator": {
-                    "brand": {
-                        "default": string;
-                    };
-                };
-            };
-        };
-        "navigationTeaching": {
-            "color": {
-                "text": {
-                    "primary": {
-                        "default": string;
-                    };
-                    "secondary": {
-                        "default": string;
-                    };
-                    "tertiary": {
+                    "error": {
                         "default": string;
                     };
-                    "accent": {
+                    "info": {
                         "default": string;
                     };
-                };
-                "background": {
-                    "transparent": {
+                    "underline": {
                         "default": string;
                         "hover": string;
-                        "active": string;
-                    };
-                    "accentSubtle": {
-                        "default": string;
-                    };
-                    "primary": {
-                        "default": string;
                     };
-                    "accent": {
+                    "dottedUnderline": {
                         "default": string;
+                        "hover": string;
                     };
                 };
                 "icon": {
                     "primary": {
                         "default": string;
+                        "hover": string;
                     };
                     "secondary": {
                         "default": string;
+                        "hover": string;
                     };
                     "tertiary": {
                         "default": string;
-                    };
-                    "brand": {
-                        "default": string;
+                        "hover": string;
                     };
                     "accent": {
                         "default": string;
+                        "hover": string;
                     };
                     "onAccent": {
                         "default": string;
-                    };
-                };
-                "searchInput": {
-                    "background": {
-                        "default": string;
-                    };
-                };
-                "divider": {
-                    "secondary": string;
-                };
-                "colorIndicator": {
-                    "brand": {
-                        "default": string;
-                    };
-                };
-            };
-        };
-        "subNavigationClinicalCare": {
-            "color": {
-                "background": {
-                    "transparent": {
                         "hover": string;
                     };
-                };
-                "border": {
-                    "accent": {
-                        "default": string;
-                    };
-                };
-                "divider": {
-                    "secondary": string;
-                };
-                "text": {
-                    "primary": {
+                    "info": {
                         "default": string;
+                        "hover": string;
                     };
-                    "secondary": {
+                    "error": {
                         "default": string;
-                        "active": string;
-                    };
-                };
-            };
-        };
-        "subNavigationLearning": {
-            "color": {
-                "background": {
-                    "transparent": {
                         "hover": string;
                     };
                 };
                 "border": {
-                    "accent": {
-                        "default": string;
-                    };
-                };
-                "divider": {
-                    "secondary": string;
-                };
-                "text": {
                     "primary": {
                         "default": string;
-                    };
-                    "secondary": {
-                        "default": string;
-                        "active": string;
-                    };
-                };
-            };
-        };
-        "subNavigationTeaching": {
-            "color": {
-                "background": {
-                    "transparent": {
                         "hover": string;
+                        "active": string;
                     };
-                };
-                "border": {
                     "accent": {
                         "default": string;
                     };
                 };
                 "divider": {
-                    "secondary": string;
-                };
-                "text": {
-                    "primary": {
-                        "default": string;
-                    };
-                    "secondary": {
-                        "default": string;
-                        "active": string;
-                    };
+                    "primary": string;
                 };
             };
         };