npm - @amboss/design-system - Versions diffs - 4.2.5 → 4.3.0 - Mend

@amboss/design-system 4.2.5 → 4.3.0

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 (78) hide show

package/build/cjs/web-tokens/visualConfig.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xxs:"10px",xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px",full:"9999px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{timingFunction:"ease-in-out",duration:{slow:"300ms",medium:"200ms",fast:"100ms"},modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}},navBarTabButton:{open:{duration:"150ms",delay:"150ms",timingFunction:"ease-out"},close:{duration:"150ms",delay:"150ms",timingFunction:"ease-in"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}},animatedBorder:{rotation:{duration:"1200ms",timingFunction:"cubic-bezier(0.4, 0, 0.5, 1)"},pause:{duration:"100ms"},fadeOut:{duration:"300ms",timingFunction:"ease-in"}}},breakpoint:{s:576,m:768,l:1024,xl:1280,xxl:1536},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},layout:{content:{width:{default:"var(--ds-layout-content-width, auto)"}},rightPanel:{width:{default:"var(--ds-layout-rightPanel-width, 0px)"}},subnav:{offset:{default:"var(--ds-layout-subnav-offset, 0px)"}},float:{width:{default:"var(--ds-layout-float-width, 378px)"},height:{default:"var(--ds-layout-float-height, 480px)"}}},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{base:0,dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#471a95",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},avatar:{border:{default:"#1a1c1c"}},colorIndicator:{brand:{default:"#1d6670"},gray:{default:"#5b5f67"},purple:{default:"#6d37c8"},blue:{default:"#2f538a"},green:{default:"#28816b"},yellow:{default:"#a4792d"},red:{default:"#a45355"},neonBlue:{default:"#015e7d"},neonGreen:{default:"#347832"},neonPink:{default:"#bf2c9a"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#9369ff",hover:"#c1acff"},toggle:{background:{default:"#7b8e9d",highlight:"#b2ab39"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},aiFloatingButton:{background:{primary:{default:"#ffffff"}}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d",customGreen:"#347832",customPink:"#bf2c9a"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},ai:{default:"#6d37c8",hover:"rgba(109, 55, 200, 0.3)",active:"rgba(109, 55, 200, 0.3)",disabled:"rgba(109, 55, 200, 0.3)",transparent:{hover:"rgba(109, 55, 200, 0.3)",active:"rgba(109, 55, 200, 0.3)"}},aiSubtle:{default:"#2f1c4f"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"},ai:{default:"#c1acff"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"},ai:{default:"#9369ff",hover:"#c1acff"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"},infoSubtle:{default:"#2f538a"},warningSubtle:{default:"#a4792d"},ai:{default:"#9369ff",hover:"#c1acff",active:"#ddd7fd",disabled:"rgba(109, 55, 200, 0.3)"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"},content:{icon:{physician:{default:"#6e95cf",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},text:{physician:{default:"#99c1fa",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#93979f",hover:"#b9bcc3"}},textUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},textDottedUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#b9bcc3",hover:"#ced1d6"}},referenceButton:{background:{primary:{default:"#262f36",hover:"#223c44",active:"#1d6670"},secondary:{default:"#32363e",hover:"#393e47",active:"#40454f"}},foreground:{primary:{default:"#80dfea",hover:"#80dfea",active:"#e1fbfe"},secondary:{default:"#d8dade",hover:"#d8dade",active:"#ffffff"}},border:{primary:{default:"rgba(29, 102, 112, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}}},dosageButton:{background:{default:"#471a95",hover:"#6d37c8"},text:{default:"#ddd7fd",hover:"#ffffff"}},table:{row:{hover:"rgba(29, 102, 112, 0.2)"}},checkbox:{background:{default:"#5b5f67",hover:"#757a84"}}},splashCard:{text:{accent:{default:"#2db5c6"}},background:{hover:"#1d6670"}}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#ddd7fd"}},background:{accent:{default:"#471a95",hover:"#6d37c8",active:"#471a95",disabled:"rgba(109, 55, 200, 0.3)"},accentSubtle:{default:"#2f1c4f"}},icon:{accent:{default:"#9369ff"}},border:{accent:{default:"#9369ff"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#80dfea"},error:{default:"#fee7e7"},info:{default:"#e7effe"},onAccent:{default:"#1d6670"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"}},background:{primary:{default:"#1d6670"},secondary:{default:"#223c44"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#223c44"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"}},icon:{primary:{default:"#ced1d6"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},brand:{default:"#ced1d6"},accent:{default:"#2db5c6"},error:{default:"#d07c7c"},onAccent:{default:"#1a1c1c"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"#223c44"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#80dfea"}},toggle:{background:{default:"#223c44"},thumb:{background:{off:"#ffffff",on:"#1d6670"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#223c44"}},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},secondary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#2db5c6"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#282c34"},secondary:{default:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#40454f"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#d8dade"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#e7effe"},success:{default:"#e2fef7"},warning:{default:"#fef3e1",hover:"#fef3e1"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#eef2f5"},brand:{default:"#ced1d6"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},onAccent:{default:"#1a1c1c",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbac76",hover:"#cbac76"}},border:{primary:{default:"#a3b2bd",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"#111111"}},colorIndicator:{brand:{default:"#2db5c6"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#5b5f67"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#40454f"}},border:{accent:{default:"#a3b2bd"}},divider:{secondary:"rgba(255, 255, 255, 0.3)"},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"rgba(255, 255, 255, 0.8)"},secondary:{default:"rgba(255, 255, 255, 0.65)"}},icon:{accent:{default:"rgba(255, 255, 255, 0.8)"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#4d3237",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#4d3237"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#a45355"}}}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#282e39",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},accentSubtle:{default:"#282e39"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#29364c"}}}}},inverted:{color:{background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#e7f6f8"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#c02725"},info:{default:"#1c427d"},warning:{default:"#314554",hover:"#314554"},success:{default:"#0a5c45"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#295dae",hover:"#282e39"},error:{default:"#dd3637",hover:"#312b31"},warning:{default:"#df9411",hover:"#df9411"},success:{default:"#0b8363"},ai:{default:"#5325a2"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"},searchInput:{background:{default:"#eef2f5"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}},avatar:{border:{default:"#ffffff"}}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"rgba(0, 0, 0, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#99c1fa"},success:{default:"#a6f2dd"},warning:{default:"#fae0b3",hover:"#fae0b3"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#28816b"}}}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#edeafd",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#6934c4",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#8a61f1",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#ddd7fd",red:"#fad1d1",gray:"#e0e6eb"}},avatar:{border:{default:"#ffffff"}},colorIndicator:{brand:{default:"#0aa6b8"},gray:{default:"#5a7183"},purple:{default:"#8a61f1"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#df9411"},red:{default:"#ed5554"},neonBlue:{default:"#99e6ff"},neonGreen:{default:"#a7ffa1"},neonPink:{default:"#feb2ea"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#8a61f1",hover:"#6934c4"},toggle:{background:{default:"#7b8e9d",highlight:"#f3eb75"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},aiFloatingButton:{background:{primary:{default:"#ffffff"}}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff",customGreen:"#a7ffa1",customPink:"#feb2ea"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},ai:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(109, 55, 200, 0.3)",transparent:{hover:"rgba(138, 97, 241, 0.15)",active:"rgba(138, 97, 241, 0.15)"}},aiSubtle:{default:"#edeafd"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"},ai:{default:"#5325a2"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"},ai:{default:"#6934c4",hover:"#5325a2"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"},infoSubtle:{default:"#6e95cf"},warningSubtle:{default:"#f6c66f"},ai:{default:"#8a61f1",hover:"#6934c4",active:"#5325a2",disabled:"rgba(138, 97, 241, 0.3)"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"},content:{icon:{physician:{default:"#295dae",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},text:{physician:{default:"#1c427d",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#1a1c1c"}},textUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},textDottedUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#40515e"}},referenceButton:{background:{primary:{default:"#e7f6f8",hover:"#ceedf1",active:"#85d3dc"},secondary:{default:"#eef2f5",hover:"#e0e6eb",active:"#a3b2bd"}},foreground:{primary:{default:"#054f57",hover:"#1a1c1c",active:"#1a1c1c"},secondary:{default:"#314554",hover:"#1a1c1c",active:"#1a1c1c"}},border:{primary:{default:"#ceedf1"},secondary:{default:"#e0e6eb"}}},dosageButton:{background:{default:"#edeafd",hover:"#ddd7fd"},text:{default:"#6934c4",hover:"#6934c4"}},table:{row:{hover:"rgba(10, 166, 184, 0.05)"}},checkbox:{background:{default:"#40515e",hover:"#314554"}}},splashCard:{text:{accent:{default:"#054f57"}},background:{hover:"#054f57"}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#5325a2"}},background:{accent:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(105, 52, 196, 0.3)"},accentSubtle:{default:"#edeafd"}},icon:{accent:{default:"#6934c4"}},border:{accent:{default:"#6934c4"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#85d3dc"},onAccent:{default:"#054f57"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},background:{primary:{default:"#054f57"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#047a88"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"}},icon:{primary:{default:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)"},brand:{default:"#ffffff"},accent:{default:"#85d3dc"},error:{default:"#f07575"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"},onAccent:{default:"#ffffff"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#054f57"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"rgba(0, 0, 0, 0.3)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#262f36"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#a3b2bd"},brand:{default:"#ffffff"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#40515e"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#ffffff"}},border:{accent:{default:"#314554"}},divider:{secondary:"rgba(163, 178, 189, 0.3)"},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#314554"}},icon:{accent:{default:"#314554"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#c02725",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#c02725"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#dd3637"}}}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"#1c427d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#1c427d"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ffffff"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ffffff",hover:"#dd3637"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#1c427d"},thumb:{background:{off:"#ffffff",on:"#295dae"}}}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#262f36"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.65)"}},text:{primary:{default:"#ced1d6",hover:"#ced1d6"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#b9bcc3",hover:"#ced1d6"},accent:{default:"#2db5c6",hover:"#1d6670"},onAccent:{default:"#ffffff"},error:{default:"#f49a9a"},info:{default:"#99c1fa"},warning:{default:"#fae0b3",hover:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a"},ai:{default:"#c1acff"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3"},accent:{default:"#223c44"}},divider:{primary:"rgba(163, 178, 189, 0.3)"},searchInput:{background:{default:"#32363e"}},colorIndicator:{brand:{default:"#1d6670"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}},avatar:{border:{default:"#1a1c1c"}}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#0a5c45"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#0a5c45"},thumb:{background:{off:"#ffffff",on:"#0b8363"}}}}}}}}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xxs:"10px",xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px",full:"9999px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{timingFunction:"ease-in-out",duration:{slow:"300ms",medium:"200ms",fast:"100ms"},modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}},navBarTabButton:{open:{duration:"150ms",delay:"150ms",timingFunction:"ease-out"},close:{duration:"150ms",delay:"150ms",timingFunction:"ease-in"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}},animatedBorder:{rotation:{duration:"1200ms",timingFunction:"cubic-bezier(0.4, 0, 0.5, 1)"},pause:{duration:"100ms"},fadeOut:{duration:"300ms",timingFunction:"ease-in"}}},breakpoint:{s:576,m:768,l:1024,xl:1280,xxl:1536},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},layout:{content:{width:{default:"var(--ds-layout-content-width, auto)"}},rightPanel:{width:{default:"var(--ds-layout-rightPanel-width, 0px)"}},subnav:{offset:{default:"var(--ds-layout-subnav-offset, 0px)"}},float:{width:{default:"var(--ds-layout-float-width, 378px)"},height:{default:"var(--ds-layout-float-height, 480px)"}}},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{base:0,dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#471a95",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},avatar:{border:{default:"#1a1c1c"}},colorIndicator:{brand:{default:"#1d6670"},gray:{default:"#5b5f67"},purple:{default:"#6d37c8"},blue:{default:"#2f538a"},green:{default:"#28816b"},yellow:{default:"#a4792d"},red:{default:"#a45355"},neonBlue:{default:"#015e7d"},neonGreen:{default:"#347832"},neonPink:{default:"#bf2c9a"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#9369ff",hover:"#c1acff"},toggle:{background:{default:"#7b8e9d",highlight:"#b2ab39"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},aiFloatingButton:{background:{primary:{default:"#ffffff"}}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d",customGreen:"#347832",customPink:"#bf2c9a"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},ai:{default:"#6d37c8",hover:"rgba(109, 55, 200, 0.3)",active:"rgba(109, 55, 200, 0.3)",disabled:"rgba(109, 55, 200, 0.3)",transparent:{hover:"rgba(109, 55, 200, 0.3)",active:"rgba(109, 55, 200, 0.3)"}},aiSubtle:{default:"#2f1c4f"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"},ai:{default:"#c1acff"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"},ai:{default:"#9369ff",hover:"#c1acff"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"},infoSubtle:{default:"#2f538a"},warningSubtle:{default:"#a4792d"},ai:{default:"#9369ff",hover:"#c1acff",active:"#ddd7fd",disabled:"rgba(109, 55, 200, 0.3)"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"},content:{icon:{physician:{default:"#6e95cf",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},text:{physician:{default:"#99c1fa",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#93979f",hover:"#b9bcc3"}},textUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},textDottedUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#b9bcc3",hover:"#ced1d6"}},referenceButton:{background:{primary:{default:"#262f36",hover:"#223c44",active:"#1d6670"},secondary:{default:"#32363e",hover:"#393e47",active:"#40454f"}},foreground:{primary:{default:"#80dfea",hover:"#80dfea",active:"#e1fbfe"},secondary:{default:"#d8dade",hover:"#d8dade",active:"#ffffff"}},border:{primary:{default:"rgba(29, 102, 112, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}}},dosageButton:{background:{default:"#471a95",hover:"#6d37c8"},text:{default:"#ddd7fd",hover:"#ffffff"}},table:{row:{hover:"rgba(29, 102, 112, 0.2)"}},checkbox:{background:{default:"#5b5f67",hover:"#757a84"}},badge:{background:{default:"#1a1c1c",green:"#233d3d",blue:"#29364c",orange:"#4d412c",purple:"#471a95",red:"#4d3237",gray:"#40454f"},foreground:{default:"#ffffff",green:"#a6f2dd",blue:"#99c1fa",orange:"#d8dade",purple:"#ddd7fd",red:"#f49a9a",gray:"#d8dade"},border:{default:"#b9bcc3",green:"#41a48a",blue:"#6e95cf",orange:"#cbac76",purple:"#c1acff",red:"#d07c7c",gray:"#b9bcc3"}}},splashCard:{text:{accent:{default:"#2db5c6"}},background:{hover:"#1d6670"}}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#ddd7fd"}},background:{accent:{default:"#471a95",hover:"#6d37c8",active:"#471a95",disabled:"rgba(109, 55, 200, 0.3)"},accentSubtle:{default:"#2f1c4f"}},icon:{accent:{default:"#9369ff"}},border:{accent:{default:"#9369ff"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#80dfea"},error:{default:"#fee7e7"},info:{default:"#e7effe"},onAccent:{default:"#1d6670"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"}},background:{primary:{default:"#1d6670"},secondary:{default:"#223c44"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#223c44"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"}},icon:{primary:{default:"#ced1d6"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},brand:{default:"#ced1d6"},accent:{default:"#2db5c6"},error:{default:"#d07c7c"},onAccent:{default:"#1a1c1c"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"#223c44"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#80dfea"}},toggle:{background:{default:"#223c44"},thumb:{background:{off:"#ffffff",on:"#1d6670"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#223c44"}},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},secondary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#2db5c6"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#282c34"},secondary:{default:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#40454f"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#d8dade"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#e7effe"},success:{default:"#e2fef7"},warning:{default:"#fef3e1",hover:"#fef3e1"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#eef2f5"},brand:{default:"#ced1d6"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},onAccent:{default:"#1a1c1c",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbac76",hover:"#cbac76"}},border:{primary:{default:"#a3b2bd",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"#111111"}},colorIndicator:{brand:{default:"#2db5c6"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#5b5f67"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#40454f"}},border:{accent:{default:"#a3b2bd"}},divider:{secondary:"rgba(255, 255, 255, 0.3)"},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"rgba(255, 255, 255, 0.8)"},secondary:{default:"rgba(255, 255, 255, 0.65)"}},icon:{accent:{default:"rgba(255, 255, 255, 0.8)"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#4d3237",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#4d3237"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#a45355"}}}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#282e39",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},accentSubtle:{default:"#282e39"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#29364c"}}}}},inverted:{color:{background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#e7f6f8"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#c02725"},info:{default:"#1c427d"},warning:{default:"#314554",hover:"#314554"},success:{default:"#0a5c45"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#295dae",hover:"#282e39"},error:{default:"#dd3637",hover:"#312b31"},warning:{default:"#df9411",hover:"#df9411"},success:{default:"#0b8363"},ai:{default:"#5325a2"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"},searchInput:{background:{default:"#eef2f5"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}},avatar:{border:{default:"#ffffff"}}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"rgba(0, 0, 0, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#99c1fa"},success:{default:"#a6f2dd"},warning:{default:"#fae0b3",hover:"#fae0b3"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#28816b"}}}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#edeafd",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#6934c4",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#8a61f1",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#ddd7fd",red:"#fad1d1",gray:"#e0e6eb"}},avatar:{border:{default:"#ffffff"}},colorIndicator:{brand:{default:"#0aa6b8"},gray:{default:"#5a7183"},purple:{default:"#8a61f1"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#df9411"},red:{default:"#ed5554"},neonBlue:{default:"#99e6ff"},neonGreen:{default:"#a7ffa1"},neonPink:{default:"#feb2ea"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#8a61f1",hover:"#6934c4"},toggle:{background:{default:"#7b8e9d",highlight:"#f3eb75"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},aiFloatingButton:{background:{primary:{default:"#ffffff"}}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff",customGreen:"#a7ffa1",customPink:"#feb2ea"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},ai:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(109, 55, 200, 0.3)",transparent:{hover:"rgba(138, 97, 241, 0.15)",active:"rgba(138, 97, 241, 0.15)"}},aiSubtle:{default:"#edeafd"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"},ai:{default:"#5325a2"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"},ai:{default:"#6934c4",hover:"#5325a2"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"},infoSubtle:{default:"#6e95cf"},warningSubtle:{default:"#f6c66f"},ai:{default:"#8a61f1",hover:"#6934c4",active:"#5325a2",disabled:"rgba(138, 97, 241, 0.3)"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"},content:{icon:{physician:{default:"#295dae",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},text:{physician:{default:"#1c427d",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#1a1c1c"}},textUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},textDottedUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#40515e"}},referenceButton:{background:{primary:{default:"#e7f6f8",hover:"#ceedf1",active:"#85d3dc"},secondary:{default:"#eef2f5",hover:"#e0e6eb",active:"#a3b2bd"}},foreground:{primary:{default:"#054f57",hover:"#1a1c1c",active:"#1a1c1c"},secondary:{default:"#314554",hover:"#1a1c1c",active:"#1a1c1c"}},border:{primary:{default:"#ceedf1"},secondary:{default:"#e0e6eb"}}},dosageButton:{background:{default:"#edeafd",hover:"#ddd7fd"},text:{default:"#6934c4",hover:"#6934c4"}},table:{row:{hover:"rgba(10, 166, 184, 0.05)"}},checkbox:{background:{default:"#40515e",hover:"#314554"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",orange:"#fef3e1",purple:"#edeafd",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#1c427d",orange:"#40515e",purple:"#5325a2",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",orange:"#df9411",purple:"#8a61f1",red:"#dd3637",gray:"#40515e"}}},splashCard:{text:{accent:{default:"#054f57"}},background:{hover:"#054f57"}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#5325a2"}},background:{accent:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(105, 52, 196, 0.3)"},accentSubtle:{default:"#edeafd"}},icon:{accent:{default:"#6934c4"}},border:{accent:{default:"#6934c4"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#85d3dc"},onAccent:{default:"#054f57"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},background:{primary:{default:"#054f57"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#047a88"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"}},icon:{primary:{default:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)"},brand:{default:"#ffffff"},accent:{default:"#85d3dc"},error:{default:"#f07575"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"},onAccent:{default:"#ffffff"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#054f57"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"rgba(0, 0, 0, 0.3)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#262f36"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#a3b2bd"},brand:{default:"#ffffff"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#40515e"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#ffffff"}},border:{accent:{default:"#314554"}},divider:{secondary:"rgba(163, 178, 189, 0.3)"},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#314554"}},icon:{accent:{default:"#314554"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#c02725",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#c02725"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#dd3637"}}}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"#1c427d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#1c427d"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ffffff"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ffffff",hover:"#dd3637"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#1c427d"},thumb:{background:{off:"#ffffff",on:"#295dae"}}}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#262f36"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.65)"}},text:{primary:{default:"#ced1d6",hover:"#ced1d6"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#b9bcc3",hover:"#ced1d6"},accent:{default:"#2db5c6",hover:"#1d6670"},onAccent:{default:"#ffffff"},error:{default:"#f49a9a"},info:{default:"#99c1fa"},warning:{default:"#fae0b3",hover:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a"},ai:{default:"#c1acff"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3"},accent:{default:"#223c44"}},divider:{primary:"rgba(163, 178, 189, 0.3)"},searchInput:{background:{default:"#32363e"}},colorIndicator:{brand:{default:"#1d6670"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}},avatar:{border:{default:"#1a1c1c"}}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#0a5c45"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#0a5c45"},thumb:{background:{off:"#ffffff",on:"#0b8363"}}}}}}}}};

package/build/esm/components/Content/ContentBadge/ContentBadge.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React from "react";
+export type ContentBadgeColor = "green" | "blue" | "orange" | "purple" | "red" | "gray";
+export type ContentBadgeProps = {
+    /** Label rendered inside the badge. Uppercased by the component. */
+    text: string;
+    /** Decorative colour variant. Carries no meaning on its own, so keep the meaning in `text`. */
+    color?: ContentBadgeColor;
+    /** If true, the badge will not have any left margin. */
+    noLeadingSpace?: boolean;
+    "data-e2e-test-id"?: string;
+} & React.HTMLAttributes<HTMLSpanElement>;
+export declare function ContentBadge({ text, color, "data-e2e-test-id": dataE2eTestId, ...rest }: ContentBadgeProps): React.ReactElement;

package/build/esm/components/Content/ContentBadge/ContentBadge.js ADDED Viewed

@@ -0,0 +1 @@

+ import React,{useContext}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{FontSizeOffsetContext}from"../ContentFontResizer/FontSizeOffsetContext";import{ContentTableContext}from"../ContentTable/ContentTableContext";let StyledBadge=styled("span",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop,target:"egpyfcy0",label:"StyledBadge"})(({theme,color,fontSizeOffset,noLeadingSpace})=>{let{background,border,foreground}=theme.values.color.content.badge,fontSize=theme.variables.size.font.xxs,colorValue=color??"default";return{margin:`${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.xxs}`,padding:`${theme.variables.size.spacing.xxxs} ${theme.variables.size.spacing.xxs}`,border:`1px solid ${border[colorValue]}`,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:background[colorValue],color:foreground[colorValue],fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:1,letterSpacing:theme.variables.size.letterSpacing.s,textTransform:"uppercase",whiteSpace:"nowrap",...noLeadingSpace&&{marginInlineStart:theme.variables.size.spacing.zero}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50QmFkZ2UvQ29udGVudEJhZGdlLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50QmFkZ2UvQ29udGVudEJhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB7XG4gIEZvbnRTaXplT2Zmc2V0Q29udGV4dCxcbiAgdHlwZSBGb250U2l6ZU9mZnNldCxcbn0gZnJvbSBcIi4uL0NvbnRlbnRGb250UmVzaXplci9Gb250U2l6ZU9mZnNldENvbnRleHRcIjtcbmltcG9ydCB7IENvbnRlbnRUYWJsZUNvbnRleHQgfSBmcm9tIFwiLi4vQ29udGVudFRhYmxlL0NvbnRlbnRUYWJsZUNvbnRleHRcIjtcblxuZXhwb3J0IHR5cGUgQ29udGVudEJhZGdlQ29sb3IgPVxuICB8IFwiZ3JlZW5cIlxuICB8IFwiYmx1ZVwiXG4gIHwgXCJvcmFuZ2VcIlxuICB8IFwicHVycGxlXCJcbiAgfCBcInJlZFwiXG4gIHwgXCJncmF5XCI7XG5cbmV4cG9ydCB0eXBlIENvbnRlbnRCYWRnZVByb3BzID0ge1xuICAvKiogTGFiZWwgcmVuZGVyZWQgaW5zaWRlIHRoZSBiYWRnZS4gVXBwZXJjYXNlZCBieSB0aGUgY29tcG9uZW50LiAqL1xuICB0ZXh0OiBzdHJpbmc7XG4gIC8qKiBEZWNvcmF0aXZlIGNvbG91ciB2YXJpYW50LiBDYXJyaWVzIG5vIG1lYW5pbmcgb24gaXRzIG93biwgc28ga2VlcCB0aGUgbWVhbmluZyBpbiBgdGV4dGAuICovXG4gIGNvbG9yPzogQ29udGVudEJhZGdlQ29sb3I7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYmFkZ2Ugd2lsbCBub3QgaGF2ZSBhbnkgbGVmdCBtYXJnaW4uICovXG4gIG5vTGVhZGluZ1NwYWNlPzogYm9vbGVhbjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59ICYgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFNwYW5FbGVtZW50PjtcblxudHlwZSBTdHlsZWRCYWRnZVByb3BzID0ge1xuICBjb2xvcjogQ29udGVudEJhZGdlQ29sb3I7XG4gIGZvbnRTaXplT2Zmc2V0OiBGb250U2l6ZU9mZnNldDtcbn07XG5cbmNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkKFwic3BhblwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJjb2xvclwiLFxufSk8U3R5bGVkQmFkZ2VQcm9wcyAmIHsgbm9MZWFkaW5nU3BhY2U/OiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgY29sb3IsIGZvbnRTaXplT2Zmc2V0LCBub0xlYWRpbmdTcGFjZSB9KSA9PiB7XG4gICAgY29uc3QgeyBiYWNrZ3JvdW5kLCBib3JkZXIsIGZvcmVncm91bmQgfSA9IHRoZW1lLnZhbHVlcy5jb2xvci5jb250ZW50LmJhZGdlO1xuICAgIGNvbnN0IGZvbnRTaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54eHM7XG4gICAgY29uc3QgY29sb3JWYWx1ZSA9IGNvbG9yID8/IFwiZGVmYXVsdFwiO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIG1hcmdpbjogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfWAsXG4gICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4eHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHN9YCxcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke2JvcmRlcltjb2xvclZhbHVlXX1gLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGJhY2tncm91bmRbY29sb3JWYWx1ZV0sXG4gICAgICBjb2xvcjogZm9yZWdyb3VuZFtjb2xvclZhbHVlXSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgICBmb250U2l6ZTpcbiAgICAgICAgZm9udFNpemVPZmZzZXQgIT09IDBcbiAgICAgICAgICA/IGBjYWxjKCR7Zm9udFNpemV9ICsgJHtmb250U2l6ZU9mZnNldH1weClgXG4gICAgICAgICAgOiBmb250U2l6ZSxcbiAgICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5sZXR0ZXJTcGFjaW5nLnMsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiIGFzIGNvbnN0LFxuICAgICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIiBhcyBjb25zdCxcblxuICAgICAgLi4uKG5vTGVhZGluZ1NwYWNlICYmIHtcbiAgICAgICAgbWFyZ2luSW5saW5lU3RhcnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50QmFkZ2Uoe1xuICB0ZXh0LFxuICBjb2xvcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLnJlc3Rcbn06IENvbnRlbnRCYWRnZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgZm9udFNpemVPZmZzZXQgPSB1c2VDb250ZXh0KEZvbnRTaXplT2Zmc2V0Q29udGV4dCk7XG4gIGNvbnN0IGNvbnRlbnRUYWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KENvbnRlbnRUYWJsZUNvbnRleHQpO1xuICBjb25zdCB0YWJsZUZvbnRTaXplT2Zmc2V0ID0gY29udGVudFRhYmxlQ29udGV4dD8uZm9udFNpemVPZmZzZXQgPz8gMDtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCYWRnZVxuICAgICAgZGF0YS1kcy1pZD1cIkNvbnRlbnRCYWRnZVwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgZm9udFNpemVPZmZzZXQ9e2ZvbnRTaXplT2Zmc2V0ICsgdGFibGVGb250U2l6ZU9mZnNldH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHt0ZXh0fVxuICAgIDwvU3R5bGVkQmFkZ2U+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NvQiJ9 */");export function ContentBadge({text,color,"data-e2e-test-id":dataE2eTestId,...rest}){let fontSizeOffset=useContext(FontSizeOffsetContext),contentTableContext=useContext(ContentTableContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0;return React.createElement(StyledBadge,{"data-ds-id":"ContentBadge","data-e2e-test-id":dataE2eTestId,color:color,fontSizeOffset:fontSizeOffset+tableFontSizeOffset,...rest},text)}

package/build/esm/components/EntityList/BaseEntityList.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
 import type { EntityListProps } from "./types";
-export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, truncateLabels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
+export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, renderItemWrapper, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, truncateLabels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;

package/build/esm/components/EntityList/BaseEntityList.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useEffect,useRef,useMemo,useCallback}from"react";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";import{VirtualizedEntityList}from"./VirtualizedEntityList";import{useFocusByIndex}from"./useFocusByIndex";import{ROLE_TO_ITEM_ROLE}from"./roles";export function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,truncateLabels=!1,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ROLE_TO_ITEM_ROLE[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable\|\|void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),listRef=useRef(null),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),preventScroll:isVirtualized,initialIndex:useMemo(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown])});useEffect(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable\|\|!!onClick);let handleOnClick=useCallback(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable\|\|onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex\|\|defaultTabIndex)?0:-1}~~return~~ React.createElement(EntityListItem,{~~key:item.id,~~"data-list-item":index,"aria-label":item["aria-label"]\|\|item.label,size:size,hideBorder:hideBorder\|\|isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick\|\|selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,truncateLabel:truncateLabels,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target instanceof Element&&e.target.closest("label")\|\|handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return React.createElement("div",{ref:listRef},isVirtualized&&maxHeight?React.createElement(VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
1	+ import React,{useEffect,useRef,useMemo,useCallback}from"react";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";import{VirtualizedEntityList}from"./VirtualizedEntityList";import{useFocusByIndex}from"./useFocusByIndex";import{ROLE_TO_ITEM_ROLE}from"./roles";export function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,renderItemWrapper,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,truncateLabels=!1,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:ROLE_TO_ITEM_ROLE[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable\|\|void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),listRef=useRef(null),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),preventScroll:isVirtualized,initialIndex:useMemo(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown])});useEffect(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable\|\|!!onClick);let handleOnClick=useCallback(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable\|\|onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex\|\|defaultTabIndex)?0:-1}let itemElm=React.createElement(EntityListItem,{"data-list-item":index,"aria-label":item["aria-label"]\|\|item.label,size:size,hideBorder:hideBorder\|\|isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick\|\|selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,truncateLabel:truncateLabels,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target instanceof Element&&e.target.closest("label")\|\|handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0});return React.createElement(React.Fragment,{key:item.id},renderItemWrapper?renderItemWrapper({item,children:itemElm}):itemElm)};return React.createElement("div",{ref:listRef},isVirtualized&&maxHeight?React.createElement(VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}

package/build/esm/components/EntityList/EntityListItem.d.ts CHANGED Viewed

@@ -1,3 +1,30 @@
 import React from "react";
-import type { EntityListItemProps } from "./types";
-export declare const EntityListItem: React.ForwardRefExoticComponent<EntityListItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const EntityListItem: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    checkboxProps?: import("../..").CheckboxProps;
+    description?: string;
+    hideBorder?: boolean;
+    isActive?: boolean;
+    isClickable?: boolean;
+    isDisabled?: boolean;
+    lSpaceStep?: 0 | 1 | 2 | 3 | 4 | 5;
+    onClick?: (e: React.MouseEvent) => void;
+    onExpandClick?: (e: React.MouseEvent) => void;
+    renderLabel: (props: import("./types").TextSizeProps) => React.ReactNode;
+    renderLeft?: (props: import("./types").TextSizeProps) => React.ReactNode;
+    renderRight?: (props: import("./types").RenderRightProps) => React.ReactNode;
+    role?: import("./roles").ItemRole | "presentation";
+    size?: import("../../types").ListSize;
+    withWrapper?: (content: () => React.ReactNode) => React.ReactNode;
+    isExpanded?: boolean;
+    isDisabledExpand?: boolean;
+    tabIndex?: number;
+    onSpaceEnterPress?: (e: KeyboardEvent) => void;
+    ariaLabelExpand?: string;
+    ariaLabelCollapse?: string;
+    isSelected?: boolean;
+    truncateLabel?: boolean;
+    "aria-label": string;
+    "aria-level"?: number;
+    "data-list-item"?: number;
+} & import("./types").EntityItemTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/EntityList/EntityListItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected,truncateLabel},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder\|\|"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,truncateLabel:truncateLabel})))});
1	+ import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let isSelfEvent=e=>e.target===e.currentTarget,useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected,truncateLabel,onPointerEnter,onPointerLeave,onFocus,onBlur,onKeyDown,"aria-describedby":ariaDescribedBy},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return React.createElement(StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,onPointerEnter:onPointerEnter,onPointerLeave:onPointerLeave,onFocus:e=>{isSelfEvent(e)&&onFocus?.(e)},onBlur:e=>{isSelfEvent(e)&&onBlur?.(e)},onKeyDown:onKeyDown,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder\|\|"xs"===size},React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,truncateLabel:truncateLabel})))});

package/build/esm/components/EntityList/types.d.ts CHANGED Viewed

@@ -35,6 +35,26 @@ export type EntityListAriaAttributes = {
 export type RenderRightProps = TextSizeProps & ActionSizeProps & {
     tabIndex?: number;
 };
+/**
+ * Props an overlay component (e.g. `Tooltip`) injects into its trigger by cloning
+ * it. Forwarded to the row's root element, so a wrapped row triggers the overlay
+ * from anywhere on the row.
+ */
+export type EntityItemTriggerProps = {
+    onPointerEnter?: (e: React.PointerEvent) => void;
+    onPointerLeave?: (e: React.PointerEvent) => void;
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    /** Set by an overlay wrapper while its content is visible. */
+    "aria-describedby"?: string;
+};
+export type RenderItemWrapperProps = {
+    /** The data node this row was rendered from. */
+    item: ListNode;
+    /** The rendered row. Return it unchanged to leave this row unwrapped. */
+    children: React.ReactElement;
+};
 export type BaseEntityListProps = {
     /**
      * @param ListNode[].id
@@ -64,6 +84,12 @@ export type BaseEntityListProps = {
     getLeftIconProps?: (props: ListNode) => Pick<IconProps, "name" | "color">;
     /** Render content on the right side of the list item. */
     renderRightContent?: (props: ListNodeProps & ActionSizeProps) => React.ReactNode;
+    /**
+     * Wraps each rendered row, so an overlay (e.g. `Tooltip`) can be composed around
+     * it from the outside. The overlay's trigger props land on the row's root element,
+     * so the whole row is the trigger. Return `children` unchanged to skip a row.
+     */
+    renderItemWrapper?: (props: RenderItemWrapperProps) => React.ReactNode;
     /** Hides the border around the list items. */
     hideBorder?: boolean;
     /**
@@ -140,7 +166,6 @@ export type EntityListItemProps = {
     isDisabledExpand?: boolean;
     tabIndex?: number;
     onSpaceEnterPress?: (e: KeyboardEvent) => void;
-    onFocus?: (e: React.FocusEvent) => void;
     /** @deprecated Use slotProps.toggle['aria-label-expand'] instead */
     ariaLabelExpand?: string;
     /** @deprecated Use slotProps.toggle['aria-label-collapse'] instead */
@@ -150,7 +175,7 @@ export type EntityListItemProps = {
     "aria-label": string;
     "aria-level"?: number;
     "data-list-item"?: number;
-};
+} & EntityItemTriggerProps;
 export type EntityListItemLabelProps = {
     children: React.ReactNode;
     size: TextSize;

package/build/esm/components/EntityTree/BaseEntityTree.d.ts CHANGED Viewed

@@ -9,6 +9,12 @@ export type TreeNodeWithUIState = TreeNode & {
 };
 type PartialEntityListItemProps = Pick<EntityListItemProps, "hideBorder" | "size" | "ariaLabelExpand" | "ariaLabelCollapse">;
 type NodeClick = (node: Omit<TreeNode, "children">) => void;
+export type RenderTreeItemWrapperProps = {
+    /** The tree node this row was rendered from. */
+    item: TreeNode;
+    /** The rendered row. Return it unchanged to leave this row unwrapped. */
+    children: React.ReactElement;
+};
 export type EntityTreeSlotProps = SlotProps<{
     toggle: {
         "aria-label-expand"?: string;
@@ -64,11 +70,18 @@ export type EntityTreeProps = {
     chunkSize?: number;
     /** If provided, the function is used to render an element in the trail of a node. */
     renderRightContent?: (props: TreeNode & Parameters<EntityListItemProps["renderRight"]>[0]) => React.ReactNode;
+    /**
+     * Wraps each rendered row, so an overlay (e.g. `Tooltip`) can be composed around
+     * it from the outside. The wrapper is applied inside the `treeitem` element, so it
+     * covers only that row and never its nested subtree. Return `children` unchanged
+     * to skip a row.
+     */
+    renderItemWrapper?: (props: RenderTreeItemWrapperProps) => React.ReactNode;
     "data-e2e-test-id"?: string;
     /** @deprecated Use aria-* props directly instead */
     ariaAttributes?: EntityListAriaAttributes;
     /** Props forwarded to internal sub-components */
     slotProps?: EntityTreeSlotProps;
 } & PartialEntityListItemProps & AriaAttributes;
-export declare const BaseEntityTree: ({ ariaAttributes: deprecatedAriaAttributes, slotProps, data, selectedIds, onSelectionChange, onSelectionToggle, onNodeClick, expandedIds, onToggle, activeId, chunkSize, filterFn, onTreeChange, hideBorder, size, showItemsCount, showMoreButtonLabel, renderRightContent, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityTreeProps) => React.ReactElement;
+export declare const BaseEntityTree: ({ ariaAttributes: deprecatedAriaAttributes, slotProps, data, selectedIds, onSelectionChange, onSelectionToggle, onNodeClick, expandedIds, onToggle, activeId, chunkSize, filterFn, onTreeChange, hideBorder, size, showItemsCount, showMoreButtonLabel, renderRightContent, renderItemWrapper, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityTreeProps) => React.ReactElement;
 export {};

package/build/esm/components/EntityTree/BaseEntityTree.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useMemo,useState,useEffect,useCallback}from"react";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{StyledList,StyledShowMore}from"../EntityList/styled-components";import{EntityTreeItem}from"./EntityTreeItem";import{useKeyboard}from"../../shared/useKeyboard";import{useFocusByIndex}from"../EntityList/useFocusByIndex";import{Text}from"../Typography/Text/Text";import{getNodeChildrenMap,getTreeCheckboxState,getVisibleActiveNodeId,getLeafNodeIds,filterTree,mapTree,trimDataByMaxSize}from"./tree";let flattenTree=(data,expandedIds,expadedAll)=>{let flattened=[];return data.forEach(node=>{flattened.push(node),(node.children.length>0&&expandedIds[node.id]\|\|expadedAll)&&flattened.push(...flattenTree(node.children,expandedIds,expadedAll))}),flattened},getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&&currentLastNodeOfLvl},useTreeTruncation=({chunkSize,data,expandAll,nodeExpandedState})=>{let[maxNodesCount,setMaxNodesCount]=useState(chunkSize),{result,hasMoreNodes}=useMemo(()=>trimDataByMaxSize(data,nodeExpandedState,expandAll,maxNodesCount),[data,nodeExpandedState,expandAll,maxNodesCount]);return{handleIncreaseMaxNodeCount:useCallback(()=>{setMaxNodesCount(prev=>prev+chunkSize)},[chunkSize]),result,hasMoreNodes}},Node=({isFirstNode,nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,onNodeClick,hideBorder,size,showItemsCount,renderRightContent,activeId,focusedNodeId,node,level,renderFn,isLastNodeOfList,ariaLabelExpand,ariaLabelCollapse,visibleNodeIndexMap})=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,expandedState=!!expandAll\|\|!!nodeExpandedState[node.id],leafItems=getLeafNodeIds(nodeChildrenMap,node.id),totalItemsCount=leafItems.length,selectedItemsCount=nodeCheckboxState?leafItems.filter(leafId=>"checked"===nodeCheckboxState[leafId]).length:null,countLabel=nodeCheckboxState?`(${selectedItemsCount}/${totalItemsCount})`:`(${totalItemsCount})`,lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState,{children,...nodeDataWithoutChildren}=node,isFocused=focusedNodeId===node.id~~;return~~ React.createElement(EntityTreeItem,{~~key:node.id,~~"data-list-item":visibleNodeIndexMap[node.id],hideBorder:hideBorder\|\|isLastNodeOfList&&(!isExpanded\|\|node.isFiltered),tabIndex:isFocused\|\|null===focusedNodeId&&isFirstNode?0:-1,size:size,lSpaceStep:level,onSpaceEnterPress:()=>{if(readOnly){handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren);return}handleSelectionChange(node.id)},description:node.description,renderLabel:({textSize})=>React.createElement(React.Fragment,null,node.label,showItemsCount&&!lastLeaf&&React.createElement(Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isActive:activeId===node.id,isExpanded:isExpanded,isDisabledExpand:expandAll,checkboxProps:!readOnly&&{size:"s",name:node.label,checked:nodeCheckboxState?.[node.id]==="checked",indeterminate:nodeCheckboxState?.[node.id]==="indeterminate",onChange:()=>handleSelectionChange(node.id)},onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},isClickable:readOnly,onClick:()=>{handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren)},renderRight:renderRightContent?renderRightProps=>renderRightContent({...renderRightProps,...node}):void 0,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,"aria-label":node.label,"aria-level":level+1},hasChildren&&React.createElement("div",{role:"group"},renderFn({data:children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})))},makeRenderTreeBranches=renderTreeArgs=>({data,level,renderFn,isParentsLastOfLvl})=>data.map((node,i)=>{let isFirstNode=0===level&&0===i,isLastNodeOfList=getLastNodeOfList({node,data,level,isParentsLastOfLvl});return React.createElement(Node,{key:node.id,level:level,node:node,isFirstNode:isFirstNode,renderFn:renderFn,isLastNodeOfList:isLastNodeOfList,...renderTreeArgs})});export const BaseEntityTree=({ariaAttributes:deprecatedAriaAttributes,slotProps,data,selectedIds,onSelectionChange,onSelectionToggle,onNodeClick,expandedIds=[],onToggle,activeId,chunkSize=10,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,showMoreButtonLabel,renderRightContent,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>getNodeChildrenMap(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>getTreeCheckboxState(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),visibleActiveNodeId=getVisibleActiveNodeId(nodeChildrenMap,nodeExpandedState,activeId),handleExpand=useCallback(targetId=>{onToggle&&!expandedIds.includes(targetId)&&onToggle(expandedIds.concat([targetId]))},[expandedIds,onToggle]),handleCollapse=useCallback(targetId=>{onToggle&&expandedIds.includes(targetId)&&onToggle(expandedIds.filter(id=>id!==targetId))},[expandedIds,onToggle]),handleToggle=useCallback(targetId=>{expandedIds.includes(targetId)?handleCollapse(targetId):handleExpand(targetId)},[expandedIds,handleCollapse,handleExpand]),dataShown=filterFn?data.map(tree=>filterTree(tree,filterFn)).filter(Boolean):data;useEffect(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>mapTree(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let expandAll=!!filterFn,{hasMoreNodes,handleIncreaseMaxNodeCount,result}=useTreeTruncation({chunkSize,data:dataShown,nodeExpandedState,expandAll}),listRef=React.useRef(null),visibleNodes=useMemo(()=>flattenTree(result,nodeExpandedState,expandAll),[result,nodeExpandedState,expandAll]),visibleNodeIndexMap=useMemo(()=>visibleNodes.reduce((acc,node,index)=>(acc[node.id]=index,acc),{}),[visibleNodes]),{moveFocus,focusedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>visibleNodes.map(node=>({id:node.id,isDisabled:!!node.isDisabled})),[visibleNodes])}),focusedNodeId=focusedIndex>=0?visibleNodes[focusedIndex]?.id??null:null;useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)},ArrowRight:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&!nodeExpandedState[focusedNodeId]&&handleExpand(focusedNodeId)},ArrowLeft:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&nodeExpandedState[focusedNodeId]&&handleCollapse(focusedNodeId)}},listRef,!!visibleNodes.length);let renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let isSelected,updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)isSelected=!selectedIds.includes(targetId),updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=getLeafNodeIds(nodeChildrenMap,targetId),hasUncheckedChildren=affectedLeafNodeIds.some(leafId=>!selectedIds.includes(leafId));updatedSelectedIds=hasUncheckedChildren?selectedIds.concat(affectedLeafNodeIds.filter(id=>!selectedIds.includes(id))):selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)),isSelected=hasUncheckedChildren}onSelectionToggle?.(targetId,isSelected),onSelectionChange(updatedSelectedIds)}},handleToggle,onNodeClick:node=>{onNodeClick?.(node)},expandAll,hideBorder,size,showItemsCount,renderRightContent,activeId:visibleActiveNodeId,focusedNodeId,visibleNodeIndexMap,ariaLabelExpand:slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse:slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse});return React.createElement("div",null,React.createElement(StyledList,{ref:listRef,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree",size:size,...ariaAttributes,role:"tree","aria-multiselectable":!!nodeCheckboxState\|\|void 0},renderTreeBranches({data:result,level:0,renderFn:renderTreeBranches})),hasMoreNodes&&React.createElement(StyledShowMore,null,React.createElement(Box,{alignText:"center",space:"xs"},React.createElement(Button,{fullWidth:!0,size:"s",variant:"tertiary",onClick:handleIncreaseMaxNodeCount},showMoreButtonLabel))))};
1	+ import React,{useMemo,useState,useEffect,useCallback}from"react";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{StyledList,StyledShowMore}from"../EntityList/styled-components";import{EntityTreeItem}from"./EntityTreeItem";import{useKeyboard}from"../../shared/useKeyboard";import{useFocusByIndex}from"../EntityList/useFocusByIndex";import{Text}from"../Typography/Text/Text";import{getNodeChildrenMap,getTreeCheckboxState,getVisibleActiveNodeId,getLeafNodeIds,filterTree,mapTree,trimDataByMaxSize}from"./tree";let flattenTree=(data,expandedIds,expadedAll)=>{let flattened=[];return data.forEach(node=>{flattened.push(node),(node.children.length>0&&expandedIds[node.id]\|\|expadedAll)&&flattened.push(...flattenTree(node.children,expandedIds,expadedAll))}),flattened},getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&&currentLastNodeOfLvl},useTreeTruncation=({chunkSize,data,expandAll,nodeExpandedState})=>{let[maxNodesCount,setMaxNodesCount]=useState(chunkSize),{result,hasMoreNodes}=useMemo(()=>trimDataByMaxSize(data,nodeExpandedState,expandAll,maxNodesCount),[data,nodeExpandedState,expandAll,maxNodesCount]);return{handleIncreaseMaxNodeCount:useCallback(()=>{setMaxNodesCount(prev=>prev+chunkSize)},[chunkSize]),result,hasMoreNodes}},Node=({isFirstNode,nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,onNodeClick,hideBorder,size,showItemsCount,renderRightContent,renderItemWrapper,activeId,focusedNodeId,node,level,renderFn,isLastNodeOfList,ariaLabelExpand,ariaLabelCollapse,visibleNodeIndexMap})=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,expandedState=!!expandAll\|\|!!nodeExpandedState[node.id],leafItems=getLeafNodeIds(nodeChildrenMap,node.id),totalItemsCount=leafItems.length,selectedItemsCount=nodeCheckboxState?leafItems.filter(leafId=>"checked"===nodeCheckboxState[leafId]).length:null,countLabel=nodeCheckboxState?`(${selectedItemsCount}/${totalItemsCount})`:`(${totalItemsCount})`,lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState,{children,...nodeDataWithoutChildren}=node,isFocused=focusedNodeId===node.id,treeItemElm=React.createElement(EntityTreeItem,{"data-list-item":visibleNodeIndexMap[node.id],hideBorder:hideBorder\|\|isLastNodeOfList&&(!isExpanded\|\|node.isFiltered),tabIndex:isFocused\|\|null===focusedNodeId&&isFirstNode?0:-1,size:size,lSpaceStep:level,onSpaceEnterPress:()=>{if(readOnly){handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren);return}handleSelectionChange(node.id)},description:node.description,renderLabel:({textSize})=>React.createElement(React.Fragment,null,node.label,showItemsCount&&!lastLeaf&&React.createElement(Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isActive:activeId===node.id,isExpanded:isExpanded,isDisabledExpand:expandAll,checkboxProps:!readOnly&&{size:"s",name:node.label,checked:nodeCheckboxState?.[node.id]==="checked",indeterminate:nodeCheckboxState?.[node.id]==="indeterminate",onChange:()=>handleSelectionChange(node.id)},onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},isClickable:readOnly,onClick:()=>{handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren)},renderRight:renderRightContent?renderRightProps=>renderRightContent({...renderRightProps,...node}):void 0,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,"aria-label":node.label,"aria-level":level+1},hasChildren&&React.createElement("div",{role:"group"},renderFn({data:children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})));return renderItemWrapper?renderItemWrapper({item:node,children:treeItemElm}):treeItemElm},makeRenderTreeBranches=renderTreeArgs=>({data,level,renderFn,isParentsLastOfLvl})=>data.map((node,i)=>{let isFirstNode=0===level&&0===i,isLastNodeOfList=getLastNodeOfList({node,data,level,isParentsLastOfLvl});return React.createElement(Node,{key:node.id,level:level,node:node,isFirstNode:isFirstNode,renderFn:renderFn,isLastNodeOfList:isLastNodeOfList,...renderTreeArgs})});export const BaseEntityTree=({ariaAttributes:deprecatedAriaAttributes,slotProps,data,selectedIds,onSelectionChange,onSelectionToggle,onNodeClick,expandedIds=[],onToggle,activeId,chunkSize=10,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,showMoreButtonLabel,renderRightContent,renderItemWrapper,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>getNodeChildrenMap(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>getTreeCheckboxState(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),visibleActiveNodeId=getVisibleActiveNodeId(nodeChildrenMap,nodeExpandedState,activeId),handleExpand=useCallback(targetId=>{onToggle&&!expandedIds.includes(targetId)&&onToggle(expandedIds.concat([targetId]))},[expandedIds,onToggle]),handleCollapse=useCallback(targetId=>{onToggle&&expandedIds.includes(targetId)&&onToggle(expandedIds.filter(id=>id!==targetId))},[expandedIds,onToggle]),handleToggle=useCallback(targetId=>{expandedIds.includes(targetId)?handleCollapse(targetId):handleExpand(targetId)},[expandedIds,handleCollapse,handleExpand]),dataShown=filterFn?data.map(tree=>filterTree(tree,filterFn)).filter(Boolean):data;useEffect(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>mapTree(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let expandAll=!!filterFn,{hasMoreNodes,handleIncreaseMaxNodeCount,result}=useTreeTruncation({chunkSize,data:dataShown,nodeExpandedState,expandAll}),listRef=React.useRef(null),visibleNodes=useMemo(()=>flattenTree(result,nodeExpandedState,expandAll),[result,nodeExpandedState,expandAll]),visibleNodeIndexMap=useMemo(()=>visibleNodes.reduce((acc,node,index)=>(acc[node.id]=index,acc),{}),[visibleNodes]),{moveFocus,focusedIndex}=useFocusByIndex({containerRef:listRef,nodeSelector:"data-list-item",data:useMemo(()=>visibleNodes.map(node=>({id:node.id,isDisabled:!!node.isDisabled})),[visibleNodes])}),focusedNodeId=focusedIndex>=0?visibleNodes[focusedIndex]?.id??null:null;useKeyboard({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)},ArrowRight:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&!nodeExpandedState[focusedNodeId]&&handleExpand(focusedNodeId)},ArrowLeft:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&nodeExpandedState[focusedNodeId]&&handleCollapse(focusedNodeId)}},listRef,!!visibleNodes.length);let renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let isSelected,updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)isSelected=!selectedIds.includes(targetId),updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=getLeafNodeIds(nodeChildrenMap,targetId),hasUncheckedChildren=affectedLeafNodeIds.some(leafId=>!selectedIds.includes(leafId));updatedSelectedIds=hasUncheckedChildren?selectedIds.concat(affectedLeafNodeIds.filter(id=>!selectedIds.includes(id))):selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)),isSelected=hasUncheckedChildren}onSelectionToggle?.(targetId,isSelected),onSelectionChange(updatedSelectedIds)}},handleToggle,onNodeClick:node=>{onNodeClick?.(node)},expandAll,hideBorder,size,showItemsCount,renderRightContent,renderItemWrapper,activeId:visibleActiveNodeId,focusedNodeId,visibleNodeIndexMap,ariaLabelExpand:slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse:slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse});return React.createElement("div",null,React.createElement(StyledList,{ref:listRef,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree",size:size,...ariaAttributes,role:"tree","aria-multiselectable":!!nodeCheckboxState\|\|void 0},renderTreeBranches({data:result,level:0,renderFn:renderTreeBranches})),hasMoreNodes&&React.createElement(StyledShowMore,null,React.createElement(Box,{alignText:"center",space:"xs"},React.createElement(Button,{fullWidth:!0,size:"s",variant:"tertiary",onClick:handleIncreaseMaxNodeCount},showMoreButtonLabel))))};

package/build/esm/components/EntityTree/EntityTreeItem.d.ts CHANGED Viewed

@@ -1,3 +1,30 @@
 import React from "react";
-import type { EntityListItemProps } from "../EntityList/types";
-export declare const EntityTreeItem: ({ checkboxProps, children, description, hideBorder, isActive, isClickable, isDisabled, isDisabledExpand, isExpanded, lSpaceStep, onClick, onExpandClick, onSpaceEnterPress, renderLabel, renderLeft, renderRight, size, tabIndex, ariaLabelExpand, ariaLabelCollapse, "aria-level": ariaLevel, "aria-label": ariaLabel, "data-list-item": dataListItem, }: EntityListItemProps) => React.ReactElement;
+export declare const EntityTreeItem: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    checkboxProps?: import("../..").CheckboxProps;
+    description?: string;
+    hideBorder?: boolean;
+    isActive?: boolean;
+    isClickable?: boolean;
+    isDisabled?: boolean;
+    lSpaceStep?: 0 | 1 | 2 | 3 | 4 | 5;
+    onClick?: (e: React.MouseEvent) => void;
+    onExpandClick?: (e: React.MouseEvent) => void;
+    renderLabel: (props: import("../EntityList/types").TextSizeProps) => React.ReactNode;
+    renderLeft?: (props: import("../EntityList/types").TextSizeProps) => React.ReactNode;
+    renderRight?: (props: import("../EntityList/types").RenderRightProps) => React.ReactNode;
+    role?: import("../EntityList/roles").ItemRole | "presentation";
+    size?: import("../../types").ListSize;
+    withWrapper?: (content: () => React.ReactNode) => React.ReactNode;
+    isExpanded?: boolean;
+    isDisabledExpand?: boolean;
+    tabIndex?: number;
+    onSpaceEnterPress?: (e: KeyboardEvent) => void;
+    ariaLabelExpand?: string;
+    ariaLabelCollapse?: string;
+    isSelected?: boolean;
+    truncateLabel?: boolean;
+    "aria-label": string;
+    "aria-level"?: number;
+    "data-list-item"?: number;
+} & import("../EntityList/types").EntityItemTriggerProps & React.RefAttributes<HTMLDivElement>>;