npm - @amboss/design-system - Versions diffs - 4.8.2-canary.1 → 4.9.1 - Mend

@amboss/design-system 4.8.2-canary.1 → 4.9.1

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 (352) 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"},kbd:{minWidth:"16px"},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"},promptButtonGroupPopover:{minWidth:"320px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"},leftNavBar:{width:"56px"}},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"},collapse:{duration:"250ms",timingFunction:"cubic-bezier(0.2, 0, 0, 1)"}},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)"}},leftPanel:{width:{default:"var(--ds-layout-leftPanel-width, 0px)",open:"328px"}},rightPanel:{width:{default:"var(--ds-layout-rightPanel-width, 0px)"},bottomBar:{height:{default:"var(--ds-layout-rightPanel-bottomBar-height)"}}},split:{maxWidth:{default:"var(--ds-layout-split-max-width, 1536px)"}},bottomBar:{height:{default:"var(--ds-layout-bottomBar-height, 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"}}},kbd:{background:{default:"#1e2125"},foreground:{default:"#ffffff"},border:{default:"#5b5f67"}},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:{background:{hover:"rgba(29, 102, 112, 0.2)"},header:{background:{default:"#32363e"}}},cell:{border:{default:"#5a7183"}},col:{header:{background:{default:"#24282d"}}}},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"}},kbd:{background:{default:"#f5f7f9"},foreground:{default:"#314554"},border:{default:"#a3b2bd"}}}},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"}}},kbd:{background:{default:"#f5f7f9"},foreground:{default:"#314554"},border:{default:"#a3b2bd"}},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:{background:{hover:"rgba(10, 166, 184, 0.05)"},header:{background:{default:"#e0e6eb"}}},cell:{border:{default:"#bdc9d1"}},col:{header:{background:{default:"#f5f7f9"}}}},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"}},kbd:{background:{default:"#1e2125"},foreground:{default:"#ffffff"},border:{default:"#5b5f67"}}}},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"},kbd:{minWidth:"16px"},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"},promptButtonGroupPopover:{minWidth:"320px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"},leftNavBar:{width:"56px"}},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"}},tooltip:{open:{duration:"200ms",delay:"200ms",timingFunction:"ease-out",distanceY:"8px"},close:{delay:"0ms"},replace:{window:"300ms"}},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"},collapse:{duration:"250ms",timingFunction:"cubic-bezier(0.2, 0, 0, 1)"}},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)"}},leftPanel:{width:{default:"var(--ds-layout-leftPanel-width, 0px)",open:"328px"}},rightPanel:{width:{default:"var(--ds-layout-rightPanel-width, 0px)"},bottomBar:{height:{default:"var(--ds-layout-rightPanel-bottomBar-height)"}}},split:{maxWidth:{default:"var(--ds-layout-split-max-width, 1536px)"}},bottomBar:{height:{default:"var(--ds-layout-bottomBar-height, 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"}}},kbd:{background:{default:"#1e2125"},foreground:{default:"#ffffff"},border:{default:"#5b5f67"}},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:{background:{hover:"rgba(29, 102, 112, 0.2)"},header:{background:{default:"#32363e"}}},cell:{border:{default:"#5a7183"}},col:{header:{background:{default:"#24282d"}}}},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"}},kbd:{background:{default:"#f5f7f9"},foreground:{default:"#314554"},border:{default:"#a3b2bd"}}}},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"}}},kbd:{background:{default:"#f5f7f9"},foreground:{default:"#314554"},border:{default:"#a3b2bd"}},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:{background:{hover:"rgba(10, 166, 184, 0.05)"},header:{background:{default:"#e0e6eb"}}},cell:{border:{default:"#bdc9d1"}},col:{header:{background:{default:"#f5f7f9"}}}},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"}},kbd:{background:{default:"#1e2125"},foreground:{default:"#ffffff"},border:{default:"#5b5f67"}}}},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/AIButton/AIButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useCallback}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{keyframes}from"@emotion/react";import{getGradientAnimation}from"../../shared/mixins/Button/getAIButtonStyles";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{getDisabledStyles,getButtonAppearanceReset,getBaseButtonStyles,getSecondaryVariantStyles,getTertiaryVariantStyles,getPrimaryVariantStyles}from"../../shared/mixins";let StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"~~e1xt75qs0~~",label:"StyledButton"})(({theme,fullWidth,size,variant,disabled,loading})=>({...getButtonAppearanceReset(),...getBaseButtonStyles({theme,size}),..."primary"===variant&&{...getPrimaryVariantStyles({theme,disabled,size}),backgroundColor:theme.values.color.background.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.hover},"&:active":{backgroundColor:theme.values.color.background.ai.active}},...loading&&{color:theme.values.color.icon.ai.default,backgroundColor:theme.values.color.background.ai.disabled}},..."secondary"===variant&&{...getSecondaryVariantStyles({theme,disabled,size}),borderColor:theme.values.color.border.ai.default,color:theme.values.color.text.ai.default,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.active}},...loading&&{borderColor:theme.values.color.border.ai.disabled}},..."tertiary"===variant&&{...getTertiaryVariantStyles({theme,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase",color:theme.values.color.icon.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{backgroundColor:theme.values.color.background.ai.transparent.active}}},..."gradient"===variant&&{...getGradientAnimation({theme,disabled}),color:theme.values.color.text.onAccent.default,...loading&&{...getDisabledStyles({theme})}},...disabled&&{...!loading&&{...getDisabledStyles({theme})},cursor:"not-allowed"},...fullWidth&&{width:"100%"}})),StyledInner=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"~~e1xt75qs1~~",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=styled("div",{target:"~~e1xt75qs2~~",label:"StyledLoaderWrap"})({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"}),rotation=keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=styled("div",{target:"~~e1xt75qs3~~",label:"StyledLoader"})({position:"absolute",animation:`${rotation} 1s infinite linear`});export const AIButton=~~React.forwardRef~~(({"data-e2e-test-id":dataE2eTestId,as,children,disabled=!1,fullWidth=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,rightIcon,size="m",type="button",variant="primary",...rest},ref)=>{let handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?React.createElement(Icon,{size:"s",name:rightIcon,"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return React.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AIButton",as:as,disabled:disabled\|\|loading,loading:loading,type:as&&"button"!==as?void 0:type,fullWidth:fullWidth,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest},loading&&React.createElement(StyledLoaderWrap,null,React.createElement(StyledLoader,null,React.createElement(Icon,{"aria-hidden":!0,size:"s",name:"loader","data-testid":"loader","data-e2e-test-id":"loader"}))),React.createElement(StyledInner,{loading:loading},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});
1	+ import React,{useCallback}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{keyframes}from"@emotion/react";import{forwardRefPolymorphic}from"../../shared/forwardRefPolymorphic";import{getGradientAnimation}from"../../shared/mixins/Button/getAIButtonStyles";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{getDisabledStyles,getButtonAppearanceReset,getBaseButtonStyles,getSecondaryVariantStyles,getTertiaryVariantStyles,getPrimaryVariantStyles}from"../../shared/mixins";let StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"e5nysfh0",label:"StyledButton"})(({theme,fullWidth,size,variant,disabled=!1,loading})=>({...getButtonAppearanceReset(),...getBaseButtonStyles({theme,size}),..."primary"===variant&&{...getPrimaryVariantStyles({theme,disabled,size}),backgroundColor:theme.values.color.background.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.hover},"&:active":{backgroundColor:theme.values.color.background.ai.active}},...loading&&{color:theme.values.color.icon.ai.default,backgroundColor:theme.values.color.background.ai.disabled}},..."secondary"===variant&&{...getSecondaryVariantStyles({theme,disabled,size}),borderColor:theme.values.color.border.ai.default,color:theme.values.color.text.ai.default,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{borderColor:theme.values.color.border.ai.default,backgroundColor:theme.values.color.background.ai.transparent.active}},...loading&&{borderColor:theme.values.color.border.ai.disabled}},..."tertiary"===variant&&{...getTertiaryVariantStyles({theme,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase",color:theme.values.color.icon.ai.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.ai.transparent.hover},"&:active":{backgroundColor:theme.values.color.background.ai.transparent.active}}},..."gradient"===variant&&{...getGradientAnimation({theme,disabled}),color:theme.values.color.text.onAccent.default,...loading&&{...getDisabledStyles({theme})}},...disabled&&{...!loading&&{...getDisabledStyles({theme})},cursor:"not-allowed"},...fullWidth&&{width:"100%"}})),StyledInner=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"e5nysfh1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=styled("div",{target:"e5nysfh2",label:"StyledLoaderWrap"})({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"}),rotation=keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=styled("div",{target:"e5nysfh3",label:"StyledLoader"})({position:"absolute",animation:`${rotation} 1s infinite linear`});export const AIButton=forwardRefPolymorphic(({"data-e2e-test-id":dataE2eTestId,as,children,disabled=!1,fullWidth=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,rightIcon,size="m",type="button",variant="primary",...rest},ref)=>{let handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?React.createElement(Icon,{size:"s",name:rightIcon,"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return React.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AIButton",as:as,disabled:disabled\|\|loading,loading:loading,type:as&&"button"!==as?void 0:type??void 0,fullWidth:fullWidth,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest},loading&&React.createElement(StyledLoaderWrap,null,React.createElement(StyledLoader,null,React.createElement(Icon,{"aria-hidden":!0,size:"s",name:"loader","data-testid":"loader","data-e2e-test-id":"loader"}))),React.createElement(StyledInner,{loading:loading},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});

package/build/esm/components/AccessCardItem/AccessCardItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import{Badge}from"../Badge/Badge";import{Button}from"../Button/Button";import{Columns,Column}from"../Column/Columns";import{Inline}from"../Inline/Inline";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{Text}from"../Typography/Text/Text";import{IconTile}from"../IconTile/IconTile";export function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component",...ariaAttributes}){let iconColor=isIconActive?"brand":"gray";return React.createElement(Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId,...ariaAttributes},React.createElement(Column,{size:"fill"},React.createElement(Columns,{gap:"m",vAlignItems:"center"},React.createElement(Column,{size:"narrow",alignSelf:"start"},React.createElement(IconTile,{icon:iconName,color:iconColor,"data-color":iconColor,"data-e2e-test-id":`icon-in-${dataE2eTestId}`,"aria-hidden":!0})),React.createElement(Column,null,React.createElement(Columns,{gap:"xs",vAlignItems:"center"},React.createElement(Column,{size:"fill"},React.createElement(Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},React.createElement(TextClamped,{size:"m"},title),badge&&React.createElement(Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green","data-color":badge?.["data-color"]})),subTitle&&React.createElement(Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&React.createElement(Column,{size:[12,12,"narrow"]},React.createElement(Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton\|\|secondaryButtons?.length>0)&&React.createElement(Column,{size:[12,"narrow"]},React.createElement(Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>React.createElement(Column,{key:label,size:[12,"narrow"]},React.createElement(Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&React.createElement(Column,{size:[12,"narrow"]},React.createElement(Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}
1	+ import React from"react";import{Badge}from"../Badge/Badge";import{Button}from"../Button/Button";import{Columns,Column}from"../Column/Columns";import{Inline}from"../Inline/Inline";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{Text}from"../Typography/Text/Text";import{IconTile}from"../IconTile/IconTile";export function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component",...ariaAttributes}){let iconColor=isIconActive?"brand":"gray";return React.createElement(Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId,...ariaAttributes},React.createElement(Column,{size:"fill"},React.createElement(Columns,{gap:"m",vAlignItems:"center"},React.createElement(Column,{size:"narrow",alignSelf:"start"},React.createElement(IconTile,{icon:iconName,color:iconColor,"data-color":iconColor,"data-e2e-test-id":`icon-in-${dataE2eTestId}`,"aria-hidden":!0})),React.createElement(Column,null,React.createElement(Columns,{gap:"xs",vAlignItems:"center"},React.createElement(Column,{size:"fill"},React.createElement(Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},React.createElement(TextClamped,{size:"m"},title),badge&&React.createElement(Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green","data-color":badge?.["data-color"]})),subTitle&&React.createElement(Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&React.createElement(Column,{size:[12,12,"narrow"]},React.createElement(Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton\|\|(secondaryButtons?.length??0)>0)&&React.createElement(Column,{size:[12,"narrow"]},React.createElement(Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>React.createElement(Column,{key:label,size:[12,"narrow"]},React.createElement(Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&React.createElement(Column,{size:[12,"narrow"]},React.createElement(Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}

package/build/esm/components/Avatar/Avatar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Text}from"../Typography/Text";import{Tooltip}from"../Tooltip/Tooltip";import{Icon}from"../Icon/Icon";import{getAriaAttributes}from"../../shared/ariaAttributes";export const AVATAR_COLORS=["brand","gray","blue","green","yellow","red","purple"];let AvatarContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop,target:"~~efwbu0a0~~",label:"AvatarContainer"})(({theme,color})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:theme.variables.size.dimension.icon.m,height:theme.variables.size.dimension.icon.m,borderRadius:theme.variables.size.borderRadius.full,backgroundColor:theme.values.color.colorIndicator[color].default,flexShrink:0,userSelect:"none","&:focus-visible":{outlineColor:"-webkit-focus-ring-color"}}));export const Avatar=({label,icon,color="brand",tooltipContent,hideTooltip,ariaAttributes:deprecatedAriaAttributes,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{let mergedAriaProps=getAriaAttributes(ariaAttributes,deprecatedAriaAttributes),avatarElement=React.createElement(AvatarContainer,{color:color,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Avatar",role:"img","aria-label":label,...mergedAriaProps},icon?React.createElement(Icon,{name:icon,size:"s",color:"onAccent"}):React.createElement(Text,{as:"span",size:"xs",weight:"bold",color:"onAccent","aria-hidden":"true"},label.charAt(0).toUpperCase()));return hideTooltip?avatarElement:React.createElement(Tooltip,{content:tooltipContent\|\|label},avatarElement)};
1	+ import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Text}from"../Typography/Text";import{Tooltip}from"../Tooltip/Tooltip";import{Icon}from"../Icon/Icon";import{getAriaAttributes}from"../../shared/ariaAttributes";export const AVATAR_COLORS=["brand","gray","blue","green","yellow","red","purple"];let AvatarContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"color"!==prop,target:"e1mlwwew0",label:"AvatarContainer"})(({theme,color})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:theme.variables.size.dimension.icon.m,height:theme.variables.size.dimension.icon.m,borderRadius:theme.variables.size.borderRadius.full,backgroundColor:theme.values.color.colorIndicator[color].default,flexShrink:0,userSelect:"none","&:focus-visible":{outlineColor:"-webkit-focus-ring-color"}}));export const Avatar=({label,icon,color="brand",tooltipContent,hideTooltip,ariaAttributes:deprecatedAriaAttributes,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{let mergedAriaProps=getAriaAttributes(ariaAttributes,deprecatedAriaAttributes),avatarElement=React.createElement(AvatarContainer,{color:color,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Avatar",role:"img","aria-label":label,...mergedAriaProps},icon?React.createElement(Icon,{name:icon,size:"s",color:"onAccent"}):React.createElement(Text,{as:"span",size:"xs",weight:"bold",color:"onAccent","aria-hidden":"true"},label.charAt(0).toUpperCase()));return hideTooltip?avatarElement:React.createElement(Tooltip,{content:tooltipContent\|\|label},avatarElement)};

package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useId}from"react";import styled from"@emotion/styled";import breakpoints from"../../web-tokens/_breakpoints.json";import{ToolbarItemCount}from"../Internal/ToolbarItemCount/ToolbarItemCount";import{Button}from"../Button/Button";import{Inline}from"../Inline/Inline";import{Divider}from"../Divider/Divider";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{SearchInput}from"../Form/SearchInput/SearchInput";import{useBulkActionsToolbar}from"./useBulkActionsToolbar";let containerSmallSize=breakpoints.s.value,toolbarContainerName="bulkActionsToolbar",containerSmall=`@container ${toolbarContainerName} (min-width: 0px) and (max-width:${containerSmallSize}px)`,containerLarge=`@container ${toolbarContainerName} (min-width: ${containerSmallSize}px)`,StyledBulkActionsToolbarContainer=styled("div",{target:"~~e1072qx30~~",label:"StyledBulkActionsToolbarContainer"})({containerType:"inline-size",containerName:toolbarContainerName}),InlineContainer=styled("div",{target:"~~e1072qx31~~",label:"InlineContainer"})(({theme})=>({display:"flex",padding:theme.variables.size.spacing.xs,gap:theme.variables.size.spacing.xs,[containerSmall]:{display:"flex",flexDirection:"column"},[containerLarge]:{paddingLeft:theme.variables.size.spacing.m}})),ToolbarInner=styled("div",{target:"~~e1072qx32~~",label:"ToolbarInner"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,flexGrow:1,[containerSmall]:{display:"contents"}})),ToolbarControls=styled("div",{target:"~~e1072qx33~~",label:"ToolbarControls"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,[containerSmall]:{order:3,justifyContent:"space-between"}})),StyledSearch=styled("div",{target:"~~e1072qx34~~",label:"StyledSearch"})({[containerSmall]:{order:1}}),StyledRightSlot=styled("div",{target:"~~e1072qx35~~",label:"StyledRightSlot"})(({theme,rightContentNoWrapOnMobile})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",flex:1,gap:theme.variables.size.spacing.xs,[containerSmall]:{order:2,flex:"none",...!rightContentNoWrapOnMobile&&{flexWrap:"wrap"}}})),StyledRightContent=styled("div",{target:"~~e1072qx36~~",label:"StyledRightContent"})(({rightContentNoWrapOnMobile})=>({...!rightContentNoWrapOnMobile&&{[containerSmall]:{flexGrow:1}}})),CustomInline=styled(Inline,{target:"~~e1072qx37~~",label:"CustomInline"})(({theme})=>({[containerSmall]:{gap:theme.variables.size.spacing.xxs},[containerLarge]:{gap:theme.variables.size.spacing.m}})),CheckboxStyled=styled("label",{target:"~~e1072qx38~~",label:"CheckboxStyled"})(({theme})=>({display:"block",paddingLeft:theme.variables.size.spacing.xs,[containerLarge]:{paddingRight:theme.variables.size.spacing.xxs}})),CustomToolbarItemCount=styled(ToolbarItemCount,{target:"~~e1072qx39~~",label:"CustomToolbarItemCount"})(({theme})=>({[containerSmall]:{padding:theme.variables.size.spacing.xs}}));export const BulkActionsToolbar=React.memo(function({actions,checkboxProps,totalItems,searchInputProps,renderRightContent,rightContentNoWrapOnMobile,hideDivider,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let id=useId(),{toolbarId,toolbarRef,onBlur,onFocus}=useBulkActionsToolbar(),hasSelectionControls=!!(checkboxProps\|\|searchInputProps);return React.createElement(StyledBulkActionsToolbarContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toolbar"},React.createElement(InlineContainer,null,React.createElement(ToolbarInner,{role:"toolbar","aria-describedby":hasSelectionControls?void 0:id,"aria-orientation":"horizontal",id:toolbarId,ref:toolbarRef,onBlur:onBlur,onFocus:onFocus,...ariaAttributes},React.createElement(ToolbarControls,null,checkboxProps?React.createElement(CustomInline,{vAlignItems:"center"},React.createElement(CheckboxStyled,null,React.createElement(CheckboxRaw,{...checkboxProps,size:"s","aria-labelledby":id})),React.createElement(CustomToolbarItemCount,{id:id},totalItems)):React.createElement(CustomToolbarItemCount,{id:id},totalItems),React.createElement(Inline,{noWrap:!0},actions?.map(({variant="secondary",label,...buttonProps})=>React.createElement(Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant,"aria-describedby":id},label)))),renderRightContent&&React.createElement(StyledRightSlot,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},React.createElement(StyledRightContent,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},renderRightContent({toolbarId:toolbarId})))),searchInputProps&&React.createElement(StyledSearch,null,React.createElement(SearchInput,{...searchInputProps,"aria-describedby":id}))),!hideDivider&&React.createElement(Divider,null))});
1	+ import React,{useId}from"react";import styled from"@emotion/styled";import breakpoints from"../../web-tokens/_breakpoints.json";import{ToolbarItemCount}from"../Internal/ToolbarItemCount/ToolbarItemCount";import{Button}from"../Button/Button";import{Inline}from"../Inline/Inline";import{Divider}from"../Divider/Divider";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{SearchInput}from"../Form/SearchInput/SearchInput";import{useBulkActionsToolbar}from"./useBulkActionsToolbar";let containerSmallSize=breakpoints.s.value,toolbarContainerName="bulkActionsToolbar",containerSmall=`@container ${toolbarContainerName} (min-width: 0px) and (max-width:${containerSmallSize}px)`,containerLarge=`@container ${toolbarContainerName} (min-width: ${containerSmallSize}px)`,StyledBulkActionsToolbarContainer=styled("div",{target:"eci7xfr0",label:"StyledBulkActionsToolbarContainer"})({containerType:"inline-size",containerName:toolbarContainerName}),InlineContainer=styled("div",{target:"eci7xfr1",label:"InlineContainer"})(({theme})=>({display:"flex",padding:theme.variables.size.spacing.xs,gap:theme.variables.size.spacing.xs,[containerSmall]:{display:"flex",flexDirection:"column"},[containerLarge]:{paddingLeft:theme.variables.size.spacing.m}})),ToolbarInner=styled("div",{target:"eci7xfr2",label:"ToolbarInner"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,flexGrow:1,[containerSmall]:{display:"contents"}})),ToolbarControls=styled("div",{target:"eci7xfr3",label:"ToolbarControls"})(({theme})=>({display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xs,[containerSmall]:{order:3,justifyContent:"space-between"}})),StyledSearch=styled("div",{target:"eci7xfr4",label:"StyledSearch"})({[containerSmall]:{order:1}}),StyledRightSlot=styled("div",{target:"eci7xfr5",label:"StyledRightSlot"})(({theme,rightContentNoWrapOnMobile})=>({display:"flex",justifyContent:"flex-end",alignItems:"center",flex:1,gap:theme.variables.size.spacing.xs,[containerSmall]:{order:2,flex:"none",...!rightContentNoWrapOnMobile&&{flexWrap:"wrap"}}})),StyledRightContent=styled("div",{target:"eci7xfr6",label:"StyledRightContent"})(({rightContentNoWrapOnMobile})=>({...!rightContentNoWrapOnMobile&&{[containerSmall]:{flexGrow:1}}})),CustomInline=styled(Inline,{target:"eci7xfr7",label:"CustomInline"})(({theme})=>({[containerSmall]:{gap:theme.variables.size.spacing.xxs},[containerLarge]:{gap:theme.variables.size.spacing.m}})),CheckboxStyled=styled("label",{target:"eci7xfr8",label:"CheckboxStyled"})(({theme})=>({display:"block",paddingLeft:theme.variables.size.spacing.xs,[containerLarge]:{paddingRight:theme.variables.size.spacing.xxs}})),CustomToolbarItemCount=styled(ToolbarItemCount,{target:"eci7xfr9",label:"CustomToolbarItemCount"})(({theme})=>({[containerSmall]:{padding:theme.variables.size.spacing.xs}}));export const BulkActionsToolbar=React.memo(function({actions,checkboxProps,totalItems,searchInputProps,renderRightContent,rightContentNoWrapOnMobile,hideDivider,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let id=useId(),{toolbarId,toolbarRef,onBlur,onFocus}=useBulkActionsToolbar(),hasSelectionControls=!!(checkboxProps\|\|searchInputProps);return React.createElement(StyledBulkActionsToolbarContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toolbar"},React.createElement(InlineContainer,null,React.createElement(ToolbarInner,{role:"toolbar","aria-describedby":hasSelectionControls?void 0:id,"aria-orientation":"horizontal",id:toolbarId,ref:toolbarRef,onBlur:onBlur,onFocus:onFocus,...ariaAttributes},React.createElement(ToolbarControls,null,checkboxProps?React.createElement(CustomInline,{vAlignItems:"center"},React.createElement(CheckboxStyled,null,React.createElement(CheckboxRaw,{...checkboxProps,size:"s","aria-labelledby":id})),React.createElement(CustomToolbarItemCount,{id:id},totalItems)):React.createElement(CustomToolbarItemCount,{id:id},totalItems),React.createElement(Inline,{noWrap:!0},React.createElement(React.Fragment,null,actions?.map(({variant="secondary",label,...buttonProps})=>React.createElement(Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant,"aria-describedby":id},label))))),renderRightContent&&React.createElement(StyledRightSlot,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},React.createElement(StyledRightContent,{rightContentNoWrapOnMobile:rightContentNoWrapOnMobile},renderRightContent({toolbarId:toolbarId})))),searchInputProps&&React.createElement(StyledSearch,null,React.createElement(SearchInput,{...searchInputProps,"aria-describedby":id}))),!hideDivider&&React.createElement(Divider,null))});

package/build/esm/components/Button/Button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useCallback}from"react";import styled from"@emotion/styled";import{keyframes}from"@emotion/react";import isPropValid from"@emotion/is-prop-valid";import{Inline}from"../Inline/Inline";import{Icon}from"../Icon/Icon";import{getDisabledStyles,getButtonAppearanceReset,getBaseButtonStyles,getPrimaryVariantStyles,getSecondaryVariantStyles,getTertiaryVariantStyles}from"../../shared/mixins";import{getAriaAttributes}from"../../shared/ariaAttributes";let StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"~~e1tji73c0~~",label:"StyledButton"})(({theme,fullWidth,destructive,size,squareCorners,variant,disabled,noWrap,loading})=>({...getButtonAppearanceReset(),...getBaseButtonStyles({theme,size}),...noWrap&&{whiteSpace:"nowrap"},..."primary"===variant&&{...getPrimaryVariantStyles({theme,destructive,disabled}),...loading&&{color:theme.values.color.text.onAccent.disabled,backgroundColor:destructive?theme.values.color.background.error.disabled:theme.values.color.background.accent.disabled}},..."secondary"===variant&&{...getSecondaryVariantStyles({theme,disabled,size}),...loading&&{borderColor:theme.values.color.border.primary.disabled}},..."tertiary"===variant&&{...getTertiaryVariantStyles({theme,destructive,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase"},...disabled&&{...!loading&&{...getDisabledStyles({theme})},cursor:"not-allowed"},...squareCorners&&"boolean"==typeof squareCorners?{borderRadius:0}:squareCorners&&"boolean"!=typeof squareCorners&&{...squareCorners.reduce((prev,actual)=>({...prev,[`border${actual}Radius`]:0}),{})},...fullWidth&&{width:"100%"}})),StyledInner=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"~~e1tji73c1~~",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=styled("div",{target:"~~e1tji73c2~~",label:"StyledLoaderWrap"})(()=>({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"})),rotation=keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=styled("div",{target:"~~e1tji73c3~~",label:"StyledLoader"})(()=>({position:"absolute",animation:`${rotation} 1s infinite linear`}));export const Button=~~React.forwardRef~~(({"data-e2e-test-id":dataE2eTestId,ariaAttributes,as,children,disabled=!1,fullWidth=!1,destructive=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,privateProps={squareCorners:!1},rightIcon,size="m",type="button",variant="primary",noWrap=!1,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),{squareCorners,alignItems,rightIconVariant,rightIconColor}=privateProps,handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?React.createElement(Icon,{size:"s",name:rightIcon,...rightIconVariant&&!rightIconColor&&{variant:rightIconVariant},...rightIconColor&&{color:rightIconColor},"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return React.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Button",as:as,disabled:disabled\|\|loading,loading:loading,type:as&&"button"!==as?void 0:type,fullWidth:fullWidth,destructive:destructive,squareCorners:squareCorners,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,noWrap:noWrap,...rest,...mergedAriaAttributes},loading&&React.createElement(StyledLoaderWrap,null,React.createElement(StyledLoader,null,React.createElement(Icon,{"aria-hidden":!0,size:"s",name:"loader",color:function(variant,destructive){switch(variant){case"primary":return destructive?"error":"accent";case"secondary":return"primary";default:return destructive?"error":variant}}(variant,destructive),"data-testid":"loader","data-e2e-test-id":"loader"}))),React.createElement(StyledInner,{loading:loading},React.createElement(Inline,{vAlignItems:"center",alignItems:alignItems\|\|"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});
1	+ import React,{useCallback}from"react";import styled from"@emotion/styled";import{keyframes}from"@emotion/react";import isPropValid from"@emotion/is-prop-valid";import{forwardRefPolymorphic}from"../../shared/forwardRefPolymorphic";import{Inline}from"../Inline/Inline";import{Icon}from"../Icon/Icon";import{getDisabledStyles,getButtonAppearanceReset,getBaseButtonStyles,getPrimaryVariantStyles,getSecondaryVariantStyles,getTertiaryVariantStyles}from"../../shared/mixins";import{getAriaAttributes}from"../../shared/ariaAttributes";let StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"e1rmzo3h0",label:"StyledButton"})(({theme,fullWidth,destructive,size,squareCorners,variant,disabled,noWrap,loading})=>({...getButtonAppearanceReset(),...getBaseButtonStyles({theme,size}),...noWrap&&{whiteSpace:"nowrap"},..."primary"===variant&&{...getPrimaryVariantStyles({theme,destructive,disabled}),...loading&&{color:theme.values.color.text.onAccent.disabled,backgroundColor:destructive?theme.values.color.background.error.disabled:theme.values.color.background.accent.disabled}},..."secondary"===variant&&{...getSecondaryVariantStyles({theme,disabled,size}),...loading&&{borderColor:theme.values.color.border.primary.disabled}},..."tertiary"===variant&&{...getTertiaryVariantStyles({theme,destructive,disabled,size}),fontSize:theme.variables.size.font.xs,letterSpacing:theme.variables.size.letterSpacing.s,lineHeight:theme.variables.size.lineHeight.m,textTransform:"uppercase"},...disabled&&{...!loading&&{...getDisabledStyles({theme})},cursor:"not-allowed"},...squareCorners&&"boolean"==typeof squareCorners?{borderRadius:0}:squareCorners&&"boolean"!=typeof squareCorners&&{...squareCorners.reduce((prev,actual)=>({...prev,[`border${actual}Radius`]:0}),{})},...fullWidth&&{width:"100%"}})),StyledInner=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"loading"!==prop,target:"e1rmzo3h1",label:"StyledInner"})(({loading})=>loading&&{color:"transparent"}),StyledLoaderWrap=styled("div",{target:"e1rmzo3h2",label:"StyledLoaderWrap"})(()=>({position:"relative",width:"100%",height:"100%",top:0,left:0,display:"flex",justifyContent:"center"})),rotation=keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},"label:rotation"),StyledLoader=styled("div",{target:"e1rmzo3h3",label:"StyledLoader"})(()=>({position:"absolute",animation:`${rotation} 1s infinite linear`}));export const Button=forwardRefPolymorphic(({"data-e2e-test-id":dataE2eTestId,ariaAttributes,as,children,disabled=!1,fullWidth=!1,destructive=!1,leftIcon,loading=!1,onBlur,onClick,onFocus,privateProps={squareCorners:!1},rightIcon,size="m",type="button",variant="primary",noWrap=!1,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),{squareCorners,alignItems,rightIconVariant,rightIconColor}=privateProps,handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]),rightIconElm=rightIcon?React.createElement(Icon,{size:"s",name:rightIcon,...rightIconVariant&&!rightIconColor&&{variant:rightIconVariant},...rightIconColor&&{color:rightIconColor},"data-testid":rightIcon,"data-e2e-test-id":rightIcon,"aria-hidden":!0}):null;return React.createElement(StyledButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Button",as:as,disabled:disabled\|\|loading,loading:loading,type:as&&"button"!==as?void 0:type??void 0,fullWidth:fullWidth,destructive:destructive,squareCorners:squareCorners,variant:variant,size:size,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,noWrap:noWrap,...rest,...mergedAriaAttributes},loading&&React.createElement(StyledLoaderWrap,null,React.createElement(StyledLoader,null,React.createElement(Icon,{"aria-hidden":!0,size:"s",name:"loader",color:function(variant,destructive){switch(variant){case"primary":return destructive?"error":"accent";case"secondary":return"primary";default:return destructive?"error":variant}}(variant,destructive),"data-testid":"loader","data-e2e-test-id":"loader"}))),React.createElement(StyledInner,{loading:loading},React.createElement(Inline,{vAlignItems:"center",alignItems:alignItems\|\|"center",space:"s"===size?"xxs":"xs",noWrap:!0},leftIcon&&React.createElement(Icon,{"aria-hidden":!0,size:"s",name:leftIcon,"data-testid":leftIcon,"data-e2e-test-id":leftIcon}),children,rightIconElm)))});

package/build/esm/components/Card/CardHeader/CardHeader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import{Box}from"../../Box/Box";import{Divider}from"../../Divider/Divider";import{DropdownMenu}from"../../DropdownMenu/DropdownMenu";import{Inline}from"../../Inline/Inline";import{Link}from"../../Link/Link";import{Stack}from"../../Stack/Stack";import{H5}from"../../Typography/Header/Header";export class CardHeaderProps{}let SIDE_PADDING=["m","l","l"];export function CardHeader({title,titleAs,action,"data-e2e-test-id":dataE2eTestId}){let isDropdown=action&&"dropdown"===action.type;return React.createElement("div",{"data-e2e-test-id":dataE2eTestId},React.createElement(Box,{vSpace:"m",lSpace:SIDE_PADDING,rSpace:isDropdown?"m":SIDE_PADDING},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"top",noWrap:!0},React.createElement(Stack,{space:"zero"},title&&React.createElement(H5,{as:titleAs},title)),isDropdown&&React.createElement(DropdownMenu,{...action,size:"xs",iconName:"more-horizontal"}),action&&"link"===action.type&&React.createElement(Link,{color:"accent",size:"m",weight:"bold",...action},action.label))),React.createElement(Divider,null))}
1	+ import React from"react";import{Box}from"../../Box/Box";import{Divider}from"../../Divider/Divider";import{DropdownMenu}from"../../DropdownMenu/DropdownMenu";import{Inline}from"../../Inline/Inline";import{Link}from"../../Link/Link";import{Stack}from"../../Stack/Stack";import{H5}from"../../Typography/Header/Header";export class CardHeaderProps{}let SIDE_PADDING=["m","l","l"];export function CardHeader({title,titleAs,action,"data-e2e-test-id":dataE2eTestId}){let isDropdown=action&&"dropdown"===action.type;return React.createElement("div",{"data-e2e-test-id":dataE2eTestId},React.createElement(Box,{vSpace:"m",lSpace:SIDE_PADDING,rSpace:isDropdown?"m":SIDE_PADDING},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"top",noWrap:!0},React.createElement(Stack,{space:"zero"},React.createElement(React.Fragment,null,title&&React.createElement(H5,{as:titleAs},title))),isDropdown&&React.createElement(DropdownMenu,{...action,size:"xs",iconName:"more-horizontal"}),action&&"link"===action.type&&React.createElement(Link,{color:"accent",size:"m",weight:"bold",...action},action.label))),React.createElement(Divider,null))}

package/build/esm/components/CatalogCard/CatalogCard.d.ts CHANGED Viewed

@@ -23,6 +23,10 @@ export type CatalogCardProps = Omit<ContainerProps, "id" | "elevation" | "overfl
     topLeftElement?: React.ReactNode;
     slotProps?: {
         dropdownMenu?: {
+            /**
+             * Accessible name for the icon-only menu trigger.
+             * TODO(DS): make required alongside `dropdownMenuOptions`. See follow-up.
+             */
             "aria-label"?: string;
         };
         title?: {
@@ -30,5 +34,5 @@ export type CatalogCardProps = Omit<ContainerProps, "id" | "elevation" | "overfl
         };
     };
 };
-export declare function CatalogCard({ title, subtitle, dropdownMenuOptions, onClick, onDropdownClick, topLeftElement, portalContainer, borderRadius, subtitleLines, colorPickerProps, slotProps, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, ...ariaAttributes }: CatalogCardProps): React.ReactElement;
+export declare function CatalogCard(props: CatalogCardProps): React.ReactElement;
 export {};

package/build/esm/components/CatalogCard/CatalogCard.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import styled from"@emotion/styled";import{asValidProps}from"../../types";import{Container}from"../Container/Container";import{DropdownMenu}from"../DropdownMenu/DropdownMenu";import{Box}from"../Box/Box";import{Column,Columns}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Text}from"../Typography/Text/Text";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{ColorPickerDropdown}from"../ColorPicker/ColorPickerDropdown";let StyledDropdownMenuContainer=styled("div",{target:"~~etapgp70~~",label:"StyledDropdownMenuContainer"})(({theme})=>({marginRight:`-${theme.variables.size.spacing.xs}`,marginTop:`-${theme.variables.size.spacing.xs}`,pointerEvents:"auto"})),StyledButton=styled("button",{target:"~~etapgp71~~",label:"StyledButton"})({position:"absolute",top:0,left:0,width:"1px",height:"1px",opacity:0,border:"none"}),StyledWrapper=styled("div",{target:"~~etapgp72~~",label:"StyledWrapper"})(({theme})=>({position:"relative",height:"100%","> div":{height:"100%"},[`&:has(${StyledButton}:focus-visible)`]:{"> div":{outlineWidth:2,outlineStyle:"solid",outlineColor:"Highlight",outlineOffset:-1,"@media (-webkit-min-device-pixel-ratio:0)":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"solid"}}},"&:hover":{"> div":{outline:"none",boxShadow:theme.values.elevation[2]}}})),StyledContainer=styled("div",{target:"~~etapgp73~~",label:"StyledContainer"})({display:"flex",minHeight:"102px",cursor:"pointer",position:"relative",height:"100%",alignItems:"end","> div":{width:"100%"}}),StyledTitle=styled("div",{target:"~~etapgp74~~",label:"StyledTitle"})(({theme})=>({display:"flex",flexDirection:"column",height:theme.variables.size.spacing.xxl,justifyContent:"flex-end"})),TopRightDropdownMenu=({menuItems,onMenuOpen,portalContainer,"aria-label":ariaLabel})=>React.createElement(Box,{space:"xxs",bSpace:"zero"},React.createElement(StyledDropdownMenuContainer,null,React.createElement(DropdownMenu,{iconName:"more-horizontal",menuItems:menuItems,onMenuOpen:onMenuOpen,portalContainer:portalContainer,size:"xs","aria-label":ariaLabel}))),TopRightColorPicker=({colorPickerProps,menuItems,portalContainer})=>{let{~~"aria-label":ariaLabel,"aria-labelledby":ariaLabelledBy,~~slotProps:colorPickerSlotProps,...restColorPickerProps}=~~asValidProps(colorPickerProps)~~;return React.createElement(Box,{space:"xxs",bSpace:"zero"},React.createElement(StyledDropdownMenuContainer,null,React.createElement(ColorPickerDropdown,{portalContainer:portalContainer,...restColorPickerProps,slotProps:{colorPicker:~~void 0!==ariaLabel~~?{"aria-label":~~ariaLabel~~}:{"aria-labelledby":~~ariaLabelledBy~~},pictogramButton:{"aria-label":colorPickerSlotProps.pictogramButton["aria-label"]}},menuItems:menuItems})))};export function CatalogCard({title,subtitle,dropdownMenuOptions=[],onClick,onDropdownClick,topLeftElement,portalContainer,borderRadius="s",subtitleLines=1,colorPickerProps,slotProps,"data-e2e-test-id":dataE2eTestId="CatalogCard","data-ds-id":dataDsId="CatalogCard",...ariaAttributes})~~{let~~ topRightElement=colorPickerProps?React.createElement(TopRightColorPicker,{colorPickerProps:colorPickerProps,menuItems:dropdownMenuOptions,portalContainer:portalContainer}):dropdownMenuOptions.length>0?React.createElement(TopRightDropdownMenu,{menuItems:dropdownMenuOptions.filter(item=>"colorPicker"!==item),onMenuOpen:onDropdownClick,portalContainer:portalContainer,"aria-label":slotProps?.dropdownMenu?.["aria-label"]}):null,SubtitleComponent="none"===subtitleLines?Text:TextClamped;return React.createElement(StyledWrapper,null,React.createElement(StyledButton,{onClick:onClick,"aria-label":title}),React.createElement(Container,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,borderRadius:borderRadius,outlined:!0,...ariaAttributes},React.createElement(StyledContainer,null,React.createElement(Box,{space:"m"},React.createElement(Columns,null,React.createElement(Column,{size:"fill"},React.createElement("div",{onClick:onClick},React.createElement(Stack,{vAlignItems:"spaceBetween",space:"s"},topLeftElement,React.createElement(Stack,{space:"xxs",vAlignItems:"bottom"},React.createElement(StyledTitle,null,React.createElement(TextClamped,{size:"m",weight:"bold",lines:2,as:slotProps?.title?.as},title)),subtitle&&React.createElement(SubtitleComponent,{size:"s",color:"tertiary",..."none"!==subtitleLines&&{lines:subtitleLines}},subtitle))))),topRightElement&&React.createElement(Column,{size:"narrow"},topRightElement))))))}
1	+ import React from"react";import styled from"@emotion/styled";import{asValidProps}from"../../types";import{useIntl}from"../../shared/intl/useIntl";import{Container}from"../Container/Container";import{DropdownMenu}from"../DropdownMenu/DropdownMenu";import{Box}from"../Box/Box";import{Column,Columns}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Text}from"../Typography/Text/Text";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{ColorPickerDropdown}from"../ColorPicker/ColorPickerDropdown";let StyledDropdownMenuContainer=styled("div",{target:"e1sb4k730",label:"StyledDropdownMenuContainer"})(({theme})=>({marginRight:`-${theme.variables.size.spacing.xs}`,marginTop:`-${theme.variables.size.spacing.xs}`,pointerEvents:"auto"})),StyledButton=styled("button",{target:"e1sb4k731",label:"StyledButton"})({position:"absolute",top:0,left:0,width:"1px",height:"1px",opacity:0,border:"none"}),StyledWrapper=styled("div",{target:"e1sb4k732",label:"StyledWrapper"})(({theme})=>({position:"relative",height:"100%","> div":{height:"100%"},[`&:has(${StyledButton}:focus-visible)`]:{"> div":{outlineWidth:2,outlineStyle:"solid",outlineColor:"Highlight",outlineOffset:-1,"@media (-webkit-min-device-pixel-ratio:0)":{outlineColor:"-webkit-focus-ring-color",outlineStyle:"solid"}}},"&:hover":{"> div":{outline:"none",boxShadow:theme.values.elevation[2]}}})),StyledContainer=styled("div",{target:"e1sb4k733",label:"StyledContainer"})({display:"flex",minHeight:"102px",cursor:"pointer",position:"relative",height:"100%",alignItems:"end","> div":{width:"100%"}}),StyledTitle=styled("div",{target:"e1sb4k734",label:"StyledTitle"})(({theme})=>({display:"flex",flexDirection:"column",height:theme.variables.size.spacing.xxl,justifyContent:"flex-end"})),TopRightDropdownMenu=({menuItems,onMenuOpen,portalContainer,"aria-label":ariaLabel})=>React.createElement(Box,{space:"xxs",bSpace:"zero"},React.createElement(StyledDropdownMenuContainer,null,React.createElement(DropdownMenu,{iconName:"more-horizontal",menuItems:menuItems,onMenuOpen:onMenuOpen,portalContainer:portalContainer,size:"xs","aria-label":ariaLabel}))),hasAriaLabel=props=>void 0!==props["aria-label"],TopRightColorPicker=({colorPickerProps,menuItems,portalContainer})=>{let validColorPickerProps=asValidProps(colorPickerProps),{slotProps:colorPickerSlotProps,...restColorPickerProps}=validColorPickerProps;return React.createElement(Box,{space:"xxs",bSpace:"zero"},React.createElement(StyledDropdownMenuContainer,null,React.createElement(ColorPickerDropdown,{portalContainer:portalContainer,...restColorPickerProps,slotProps:{colorPicker:hasAriaLabel(validColorPickerProps)?{"aria-label":validColorPickerProps["aria-label"]}:{"aria-labelledby":validColorPickerProps["aria-labelledby"]},pictogramButton:{"aria-label":colorPickerSlotProps.pictogramButton["aria-label"]}},menuItems:menuItems})))};export function CatalogCard(props){let{title,subtitle,dropdownMenuOptions=[],onClick,onDropdownClick,topLeftElement,portalContainer,borderRadius="s",subtitleLines=1,colorPickerProps,slotProps,"data-e2e-test-id":dataE2eTestId="CatalogCard","data-ds-id":dataDsId="CatalogCard",...ariaAttributes}=props,{formatMessage}=useIntl(),topRightElement=colorPickerProps?React.createElement(TopRightColorPicker,{colorPickerProps:colorPickerProps,menuItems:dropdownMenuOptions,portalContainer:portalContainer}):dropdownMenuOptions.length>0?React.createElement(TopRightDropdownMenu,{menuItems:dropdownMenuOptions.filter(item=>"colorPicker"!==item),onMenuOpen:onDropdownClick,portalContainer:portalContainer,"aria-label":slotProps?.dropdownMenu?.["aria-label"]??formatMessage("CatalogCard.DropdownMenu.AriaLabel")}):null,SubtitleComponent="none"===subtitleLines?Text:TextClamped;return React.createElement(StyledWrapper,null,React.createElement(StyledButton,{onClick:onClick,"aria-label":title}),React.createElement(Container,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,borderRadius:borderRadius,outlined:!0,...ariaAttributes},React.createElement(StyledContainer,null,React.createElement(Box,{space:"m"},React.createElement(Columns,null,React.createElement(Column,{size:"fill"},React.createElement("div",{onClick:onClick},React.createElement(Stack,{vAlignItems:"spaceBetween",space:"s"},topLeftElement,React.createElement(Stack,{space:"xxs",vAlignItems:"bottom"},React.createElement(StyledTitle,null,React.createElement(TextClamped,{size:"m",weight:"bold",lines:2,as:slotProps?.title?.as},title)),subtitle&&React.createElement(SubtitleComponent,{size:"s",color:"tertiary",..."none"!==subtitleLines&&{lines:subtitleLines}},subtitle))))),topRightElement&&React.createElement(Column,{size:"narrow"},topRightElement))))))}

package/build/esm/components/CheckboxCard/CheckboxCard.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import styled from"@emotion/styled";import{CheckboxRaw,StyledCheckboxContainer}from"../Form/Checkbox/Checkbox";import{Inline}from"../Inline/Inline";import{Stack}from"../Stack/Stack";import{Text,getTextLineHeight}from"../Typography/Text/Text";import{getPressedStyles}from"../../shared/mixins";let CustomStyledCheckboxContainer=styled(StyledCheckboxContainer,{target:"~~e1vsfxos0~~",label:"CustomStyledCheckboxContainer"})(({theme,checked,disabled,isInteractable})=>({cursor:"pointer",display:"block",backgroundColor:theme.values.color.background.primary.default,borderRadius:theme.variables.size.borderRadius.xs,border:`solid 1px ${theme.values.color.border.secondary.default}`,color:theme.values.color.text.primary.default,padding:theme.variables.size.spacing.m,...isInteractable&&!checked&&{"&:hover":{backgroundColor:theme.values.color.background.secondary.default,borderColor:theme.values.color.border.secondary.default}},...checked&&getPressedStyles({theme}),...disabled&&{opacity:theme.variables.opacity.disabled}})),MinHeight=styled("div",{target:"~~e1vsfxos1~~",label:"MinHeight"})(({theme,size})=>({minHeight:`calc(${theme.variables.size.font[size]} * ${getTextLineHeight({theme,size})})`,display:"flex",alignItems:"center"})),ReadOnlyOpacity=styled("div",{target:"~~e1vsfxos2~~",label:"ReadOnlyOpacity"})(({theme,readOnly})=>({...readOnly&&{opacity:theme.variables.opacity.disabled}}));export const CheckboxCard=React.forwardRef(({label,labelHint,disabled,checked,readOnly,renderContent,size="m","data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let textColor=checked?"accent":"primary";return React.createElement(CustomStyledCheckboxContainer,{as:"label",checked:checked,disabled:disabled,isInteractable:!disabled&&!readOnly,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"CheckboxCard"},React.createElement(Inline,{alignItems:"spaceBetween",fullWidth:!0,noWrap:!0},React.createElement(Inline,{space:"s",fullWidth:!0,noWrap:!0},React.createElement(ReadOnlyOpacity,{readOnly:readOnly&&!disabled},React.createElement(CheckboxRaw,{...rest,ref:ref,disabled:disabled\|\|readOnly,checked:checked,size:size,labelSize:size})),React.createElement(Stack,{space:"zero"},React.createElement(Text,{weight:"bold",color:textColor,size:size},label),React.createElement(Text,{color:checked?"accent":"tertiary",size:"s"},labelHint))),renderContent&&React.createElement(MinHeight,{size:size},renderContent({isSelected:checked}))))});
1	+ import React from"react";import styled from"@emotion/styled";import{CheckboxRaw,StyledCheckboxContainer}from"../Form/Checkbox/Checkbox";import{Inline}from"../Inline/Inline";import{Stack}from"../Stack/Stack";import{Text,getTextLineHeight}from"../Typography/Text/Text";import{getPressedStyles}from"../../shared/mixins";let CustomStyledCheckboxContainer=styled(StyledCheckboxContainer,{target:"e1rt4myb0",label:"CustomStyledCheckboxContainer"})(({theme,checked,disabled,isInteractable})=>({cursor:"pointer",display:"block",backgroundColor:theme.values.color.background.primary.default,borderRadius:theme.variables.size.borderRadius.xs,border:`solid 1px ${theme.values.color.border.secondary.default}`,color:theme.values.color.text.primary.default,padding:theme.variables.size.spacing.m,...isInteractable&&!checked&&{"&:hover":{backgroundColor:theme.values.color.background.secondary.default,borderColor:theme.values.color.border.secondary.default}},...checked&&getPressedStyles({theme}),...disabled&&{opacity:theme.variables.opacity.disabled}})),MinHeight=styled("div",{target:"e1rt4myb1",label:"MinHeight"})(({theme,size="m"})=>({minHeight:`calc(${theme.variables.size.font[size]} * ${getTextLineHeight({theme,size})})`,display:"flex",alignItems:"center"})),ReadOnlyOpacity=styled("div",{target:"e1rt4myb2",label:"ReadOnlyOpacity"})(({theme,readOnly})=>({...readOnly&&{opacity:theme.variables.opacity.disabled}}));export const CheckboxCard=React.forwardRef(({label,labelHint,disabled,checked,readOnly,renderContent,size="m","data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let textColor=checked?"accent":"primary";return React.createElement(CustomStyledCheckboxContainer,{as:"label",checked:checked,disabled:disabled,isInteractable:!disabled&&!readOnly,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"CheckboxCard"},React.createElement(Inline,{alignItems:"spaceBetween",fullWidth:!0,noWrap:!0},React.createElement(Inline,{space:"s",fullWidth:!0,noWrap:!0},React.createElement(ReadOnlyOpacity,{readOnly:readOnly&&!disabled},React.createElement(CheckboxRaw,{...rest,ref:ref,disabled:disabled\|\|readOnly,checked:checked,size:size,labelSize:size})),React.createElement(Stack,{space:"zero"},React.createElement(Text,{weight:"bold",color:textColor,size:size},label),React.createElement(Text,{color:checked?"accent":"tertiary",size:"s"},labelHint))),renderContent&&React.createElement(MinHeight,{size:size},renderContent({isSelected:checked??!1}))))});

package/build/esm/components/Collapsible/Collapsible.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{createContext,useContext}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Expandable}from"../Utilities/Expandable/Expandable";let IsExpandedContext=createContext(!1),StyledButton=styled("button",{target:"~~e10rtl4h0~~",label:"StyledButton"})(({theme,isExpanded})=>({display:"block",width:"100%",backgroundColor:theme.values.color.background.primary.default,border:"none",cursor:"pointer",padding:0,...isExpanded&&{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}},"&:hover":{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}}}));export function CollapsibleHeader({space,vSpace,rSpace,lSpace,tSpace,bSpace,onClick,children,expandedIconAriaLabel="expanded",collapsedIconAriaLabel="collapsed"}){let isExpanded=useContext(IsExpandedContext);return React.createElement(StyledButton,{type:"button","data-ds-id":"CollapsibleHeader",isExpanded:isExpanded,onClick:onClick},React.createElement(Box,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace},React.createElement(Inline,{alignItems:"spaceBetween",noWrap:!0},React.createElement("div",null,children),React.createElement(Icon,{"aria-label":isExpanded?expandedIconAriaLabel:collapsedIconAriaLabel,role:"img",name:isExpanded?"chevron-up":"chevron-down",color:"tertiary"}))))}export function Collapsible({isExpanded,overflow,children,reduceMotion=!1,...ariaAttributes}){let[collapsibleHeader,...collapsibleChildren]=children;return React.createElement(IsExpandedContext.Provider,{value:isExpanded},collapsibleHeader,React.createElement(Expandable,{isExpanded:isExpanded,overflow:overflow,reduceMotion:reduceMotion,...ariaAttributes},collapsibleChildren))}
1	+ import React,{createContext,useContext}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Expandable}from"../Utilities/Expandable/Expandable";let IsExpandedContext=createContext(!1),StyledButton=styled("button",{target:"e1vaobs20",label:"StyledButton"})(({theme,isExpanded})=>({display:"block",width:"100%",backgroundColor:theme.values.color.background.primary.default,border:"none",cursor:"pointer",padding:0,...isExpanded&&{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}},"&:hover":{backgroundColor:theme.values.color.background.secondary.hover,":global(.isDarkmodeActive) &":{backgroundColor:theme.values.color.background.primary.default}}}));export function CollapsibleHeader({space,vSpace,rSpace,lSpace,tSpace,bSpace,onClick,children,expandedIconAriaLabel="expanded",collapsedIconAriaLabel="collapsed"}){let isExpanded=useContext(IsExpandedContext);return React.createElement(StyledButton,{type:"button","data-ds-id":"CollapsibleHeader",isExpanded:isExpanded,onClick:onClick},React.createElement(Box,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace},React.createElement(Inline,{alignItems:"spaceBetween",noWrap:!0},React.createElement("div",null,children),React.createElement(Icon,{"aria-label":isExpanded?expandedIconAriaLabel:collapsedIconAriaLabel,role:"img",name:isExpanded?"chevron-up":"chevron-down",color:"tertiary"}))))}export function Collapsible({isExpanded,overflow,children,reduceMotion=!1,...ariaAttributes}){let[collapsibleHeader,...collapsibleChildren]=children;return React.createElement(IsExpandedContext.Provider,{value:!!isExpanded},collapsibleHeader,React.createElement(Expandable,{isExpanded:isExpanded,overflow:overflow,reduceMotion:reduceMotion,...ariaAttributes},collapsibleChildren))}

package/build/esm/components/Container/Container.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{useResponsiveStyles}from"../../shared/mediaQueries";let handleElevationLevel=(theme,elevation)=>{switch(elevation-0){case 1:return theme.values.elevation[1];case 2:return theme.values.elevation[2];case 3:return theme.values.elevation[3];case 4:return theme.values.elevation[4];default:return""}},StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"elevation"!==prop&&"borderRadius"!==prop&&"border"!==prop&&"outlined"!==prop,target:"~~ey7t6110~~",label:"StyledContainer"})(({theme,elevation,borderRadius,squareCorners,border})=>({position:"relative",zIndex:0,backgroundColor:theme.values.color.background.primary.default,...squareCorners?{borderRadius:0}:useResponsiveStyles({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),":after":{content:'" "',position:"absolute",zIndex:1,top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",borderRadius:"inherit",boxShadow:handleElevationLevel(theme,elevation),...border&&{outline:`1px solid ${theme.values.color.border.secondary.default}`,outlineOffset:-1}}})),StyledDiv=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"overflow"!==prop,target:"~~ey7t6111~~",label:"StyledDiv"})(({overflow})=>({borderRadius:"inherit",overflow,height:"100%",zIndex:0,position:"relative","& > :last-child":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},"& > :first-of-type":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}}));export function Container({children,elevation=1,borderRadius="m",overflow,outlined,squareCorners=!1,id,privateProps={border:!1},"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Container",...ariaAttributes}){let border=void 0!==outlined?outlined:privateProps.border;return React.createElement(StyledContainer,{...ariaAttributes,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,elevation:elevation,borderRadius:borderRadius,squareCorners:squareCorners,border:border},React.createElement(StyledDiv,{overflow:overflow},children))}
1	+ import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{useResponsiveStyles}from"../../shared/mediaQueries";let handleElevationLevel=(theme,elevation)=>{switch(Number(elevation)){case 1:return theme.values.elevation[1];case 2:return theme.values.elevation[2];case 3:return theme.values.elevation[3];case 4:return theme.values.elevation[4];default:return""}},StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"elevation"!==prop&&"borderRadius"!==prop&&"border"!==prop&&"outlined"!==prop,target:"e1j9o92c0",label:"StyledContainer"})(({theme,elevation,borderRadius,squareCorners,border})=>({position:"relative",zIndex:0,backgroundColor:theme.values.color.background.primary.default,...squareCorners?{borderRadius:0}:useResponsiveStyles({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),":after":{content:'" "',position:"absolute",zIndex:1,top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",borderRadius:"inherit",boxShadow:handleElevationLevel(theme,elevation),...border&&{outline:`1px solid ${theme.values.color.border.secondary.default}`,outlineOffset:-1}}})),StyledDiv=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"overflow"!==prop,target:"e1j9o92c1",label:"StyledDiv"})(({overflow})=>({borderRadius:"inherit",overflow,height:"100%",zIndex:0,position:"relative","& > :last-child":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},"& > :first-of-type":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}}));export function Container({children,elevation=1,borderRadius="m",overflow,outlined,squareCorners=!1,id,privateProps={border:!1},"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Container",...ariaAttributes}){let border=void 0!==outlined?outlined:privateProps.border;return React.createElement(StyledContainer,{...ariaAttributes,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,elevation:elevation,borderRadius:borderRadius,squareCorners:squareCorners,border:border},React.createElement(StyledDiv,{overflow:overflow},children))}

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

	@@ -1 +1 @@
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}}});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)}
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:"enal3dc0",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}}});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/Content/ContentBox/constants.js CHANGED Viewed

	@@ -1 +1 @@
1	- export const CONTENT_BOX_TYPE_TO_COLOR_VARIANT={merke:"success",merkspruch:"info",cave:"error","clinic-box":"neutral","case-link":"success","~~dgim-negative":"error","dgim-positive":"success","~~guideline-recommendations":"neutral"};export const TEXT_COLOR_BY_COLOR_VARIANT={info:"info",warning:"primary",error:"error",success:"success",neutral:"primary"};export const CONTENT_BOX_TYPE_TO_ICON={merke:"stethoscope",merkspruch:"bulb",cave:"alert-triangle","clinic-box":"stethoscope","case-link":"link","~~dgim-negative":"dgim","dgim-positive":"dgim","~~guideline-recommendations":"compass"};
1	+ export const CONTENT_BOX_TYPE_TO_COLOR_VARIANT={merke:"success",merkspruch:"info",cave:"error","clinic-box":"neutral","case-link":"success","guideline-recommendations":"neutral"};export const TEXT_COLOR_BY_COLOR_VARIANT={info:"info",warning:"primary",error:"error",success:"success",neutral:"primary"};export const CONTENT_BOX_TYPE_TO_ICON={merke:"stethoscope",merkspruch:"bulb",cave:"alert-triangle","clinic-box":"stethoscope","case-link":"link","guideline-recommendations":"compass"};

package/build/esm/components/Content/ContentBox/types.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 export type ContentBoxColorVariant = "info" | "error" | "success" | "warning" | "neutral";
-export type ContentBoxType = "merke" | "merkspruch" | "cave" | "clinic-box" | "case-link" | "dgim-negative" | "dgim-positive" | "guideline-recommendations";
+export type ContentBoxType = "merke" | "merkspruch" | "cave" | "clinic-box" | "case-link" | "guideline-recommendations";

package/build/esm/components/Content/ContentCheckbox/ContentCheckbox.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useRef,useLayoutEffect,useContext}from"react";import styled from"@emotion/styled";import{Inline}from"../../Inline/Inline";import{getTextFontSize,getTextLineHeight}from"../../Typography/Text/Text";import{Icon}from"../../Icon/Icon";import{StyledFakeInput as CheckboxStyledFakeInput,StyledInputContainer as CheckboxStyledInputContainer,StyledCheckboxContainer as CheckboxStyledCheckboxContainer,StyledRealInput}from"../../Form/Checkbox/Checkbox";import{CONTENT_TEXT_LINE_HEIGHT_OFFSET,ContentText}from"../ContentText/ContentText";import{FontSizeOffsetContext}from"../ContentFontResizer";import{getDisabledStyles}from"../../../shared/mixins/Button/getDisabledStyles";let StyledFakeInput=styled(CheckboxStyledFakeInput,{target:"~~e2jgf570~~",label:"StyledFakeInput"})(({theme})=>({"input:checked + &, input:indeterminate + &":{background:theme.values.color.content.checkbox.background.default}})),StyledInputContainer=styled(CheckboxStyledInputContainer,{target:"~~e2jgf571~~",label:"StyledInputContainer"})(({theme,isSpacedOut,vSize,fontSizeOffset})=>{let fontSize=getTextFontSize({theme,size:vSize}),lineHeight=getTextLineHeight({theme,size:vSize}),textLineHeightOffset=isSpacedOut?CONTENT_TEXT_LINE_HEIGHT_OFFSET:0,finalFontSize=0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,finalLineHeight=0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight;return{height:`calc(${finalFontSize} * ${finalLineHeight})`}}),StyledLabelContent=styled("div",{target:"~~e2jgf572~~",label:"StyledLabelContent"})(),StyledCheckboxContainer=styled(CheckboxStyledCheckboxContainer,{target:"~~e2jgf573~~",label:"StyledCheckboxContainer"})(({theme,isInteractable})=>({"&:hover":{...isInteractable&&{cursor:"pointer",[`input:checked + ${StyledFakeInput}, input:indeterminate + ${StyledFakeInput}`]:{background:theme.values.color.content.checkbox.background.hover}}},[`:has(input:checked) ${StyledLabelContent} > *`]:{textDecoration:"line-through"},...!isInteractable&&{...getDisabledStyles({theme})}}));export const ContentCheckbox=React.forwardRef(({indeterminate,size="m",disabled,checked,label,isSpacedOut=!1,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let internalRef=useRef(null),inputRef=ref??internalRef,fontSizeOffset=useContext(FontSizeOffsetContext);return useLayoutEffect(()=>{inputRef.current&&(inputRef.current.indeterminate=indeterminate)},[indeterminate,inputRef]),React.createElement("label",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentCheckbox"},React.createElement(StyledCheckboxContainer,{isInteractable:!disabled},React.createElement(Inline,{space:"xs",vAlignItems:"top",noWrap:!0},React.createElement(StyledInputContainer,{hSize:size,vSize:"m",isSpacedOut:isSpacedOut,fontSizeOffset:fontSizeOffset},React.createElement(StyledRealInput,{...rest,ref:inputRef,"aria-checked":indeterminate?"mixed":checked,type:"checkbox",disabled:disabled,checked:checked}),React.createElement(StyledFakeInput,{size:size},indeterminate?React.createElement(Icon,{size:"s",name:"minus"}):React.createElement(Icon,{size:"s",name:"m"===size?"check":"check-small"}))),React.createElement(StyledLabelContent,null,"string"==typeof label?React.createElement(ContentText,{isSpacedOut:isSpacedOut},label):label))))});
1	+ import React,{useRef,useLayoutEffect,useContext}from"react";import styled from"@emotion/styled";import{Inline}from"../../Inline/Inline";import{getTextFontSize,getTextLineHeight}from"../../Typography/Text/Text";import{Icon}from"../../Icon/Icon";import{StyledFakeInput as CheckboxStyledFakeInput,StyledInputContainer as CheckboxStyledInputContainer,StyledCheckboxContainer as CheckboxStyledCheckboxContainer,StyledRealInput}from"../../Form/Checkbox/Checkbox";import{CONTENT_TEXT_LINE_HEIGHT_OFFSET,ContentText}from"../ContentText/ContentText";import{FontSizeOffsetContext}from"../ContentFontResizer";import{getDisabledStyles}from"../../../shared/mixins/Button/getDisabledStyles";let StyledFakeInput=styled(CheckboxStyledFakeInput,{target:"e1dqrn6p0",label:"StyledFakeInput"})(({theme})=>({"input:checked + &, input:indeterminate + &":{background:theme.values.color.content.checkbox.background.default}})),StyledInputContainer=styled(CheckboxStyledInputContainer,{target:"e1dqrn6p1",label:"StyledInputContainer"})(({theme,isSpacedOut,vSize,fontSizeOffset})=>{let fontSize=getTextFontSize({theme,size:vSize}),lineHeight=getTextLineHeight({theme,size:vSize}),textLineHeightOffset=isSpacedOut?CONTENT_TEXT_LINE_HEIGHT_OFFSET:0,finalFontSize=0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,finalLineHeight=0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight;return{height:`calc(${finalFontSize} * ${finalLineHeight})`}}),StyledLabelContent=styled("div",{target:"e1dqrn6p2",label:"StyledLabelContent"})(),StyledCheckboxContainer=styled(CheckboxStyledCheckboxContainer,{target:"e1dqrn6p3",label:"StyledCheckboxContainer"})(({theme,isInteractable})=>({"&:hover":{...isInteractable&&{cursor:"pointer",[`input:checked + ${StyledFakeInput}, input:indeterminate + ${StyledFakeInput}`]:{background:theme.values.color.content.checkbox.background.hover}}},[`:has(input:checked) ${StyledLabelContent} > *`]:{textDecoration:"line-through"},...!isInteractable&&{...getDisabledStyles({theme})}}));export const ContentCheckbox=React.forwardRef(({indeterminate,size="m",disabled,checked,label,isSpacedOut=!1,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let internalRef=useRef(null),inputRef=ref??internalRef,fontSizeOffset=useContext(FontSizeOffsetContext);return useLayoutEffect(()=>{"function"!=typeof inputRef&&inputRef.current&&(inputRef.current.indeterminate=!!indeterminate)},[indeterminate,inputRef]),React.createElement("label",{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentCheckbox"},React.createElement(StyledCheckboxContainer,{isInteractable:!disabled},React.createElement(Inline,{space:"xs",vAlignItems:"top",noWrap:!0},React.createElement(StyledInputContainer,{hSize:size,vSize:"m",isSpacedOut:isSpacedOut,fontSizeOffset:fontSizeOffset},React.createElement(StyledRealInput,{...rest,ref:inputRef,"aria-checked":indeterminate?"mixed":checked,type:"checkbox",disabled:disabled,checked:checked}),React.createElement(StyledFakeInput,{size:size},indeterminate?React.createElement(Icon,{size:"s",name:"minus"}):React.createElement(Icon,{size:"s",name:"m"===size?"check":"check-small"}))),React.createElement(StyledLabelContent,null,"string"==typeof label?React.createElement(ContentText,{isSpacedOut:isSpacedOut},label):label))))});

package/build/esm/components/Content/ContentLink/ContentLink.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React,{useContext}from"react";import styled from"@emotion/styled";import{Link}from"../../Link/Link";import{FontSizeOffsetContext}from"../ContentFontResizer/FontSizeOffsetContext";import{isContentColor}from"../utils/isContentColor";import{ContentTableContext}from"../ContentTable/ContentTableContext";import{getTextFontSize,getTextLineHeight}from"../../Typography/Text/Text";import{ContentTextContext,CONTENT_TEXT_LINE_HEIGHT_OFFSET}from"../ContentText/ContentText";let StyledContentLink=styled(Link,{target:"~~e5vl0wm0~~",label:"StyledContentLink"})(({theme,fontSizeOffset,contentColor,size,isDotted,isSpacedOut,color})=>{let fontSize=getTextFontSize({theme,size}),lineHeight=getTextLineHeight({theme,size}),isDottedLink=isDotted&&(!!contentColor\|\|"primary"===color\|\|"secondary"===color\|\|"tertiary"===color),textLineHeightOffset=isSpacedOut?CONTENT_TEXT_LINE_HEIGHT_OFFSET:0;return{fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight,...contentColor&&{color:theme.values.color.content.text[contentColor].default,textDecorationColor:theme.values.color.content.textUnderline[contentColor].default,"&:hover":{color:theme.values.color.content.text[contentColor].hover,textDecorationColor:theme.values.color.content.textUnderline[contentColor].hover}},...isDottedLink&&{textDecorationStyle:"dotted",textDecorationThickness:"2px",textUnderlineOffset:"2px",textDecorationSkipInk:"none",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].default:theme.values.color.text.dottedUnderline.default,"&:hover":{color:theme.values.color.content.text[contentColor]?.hover,textDecorationThickness:"2px",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].hover:theme.values.color.text.dottedUnderline.hover}}}});export const ContentLink=~~React.forwardRef~~(({size,color,isDotted=!1,isSpacedOut,...rest},ref)=>{let fontSizeOffset=useContext(FontSizeOffsetContext),contentTableContext=useContext(ContentTableContext),contentTextContext=useContext(ContentTextContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0,colorValue=color??contentTextContext?.color,isSpacedOutValue=isSpacedOut??contentTextContext?.isSpacedOut??!1,contentColor=isContentColor(colorValue)?colorValue:void 0,linkColor=isContentColor(colorValue)?void 0:colorValue;return React.createElement(StyledContentLink,{"data-ds-id":"ContentLink",fontSizeOffset:fontSizeOffset+tableFontSizeOffset,isSpacedOut:isSpacedOutValue,size:size??contentTextContext?.size,color:linkColor,contentColor:contentColor,isDotted:isDotted,inline:!0,ref:ref,...rest})});
1	+ import React,{useContext}from"react";import styled from"@emotion/styled";import{forwardRefPolymorphic}from"../../../shared/forwardRefPolymorphic";import{Link}from"../../Link/Link";import{FontSizeOffsetContext}from"../ContentFontResizer/FontSizeOffsetContext";import{isContentColor}from"../utils/isContentColor";import{ContentTableContext}from"../ContentTable/ContentTableContext";import{getTextFontSize,getTextLineHeight}from"../../Typography/Text/Text";import{ContentTextContext,CONTENT_TEXT_LINE_HEIGHT_OFFSET}from"../ContentText/ContentText";let StyledContentLink=styled(Link,{target:"esy09370",label:"StyledContentLink"})(({theme,fontSizeOffset,contentColor,size,isDotted,isSpacedOut,color})=>{let fontSize=size?getTextFontSize({theme,size}):void 0,lineHeight=size?getTextLineHeight({theme,size}):void 0,isDottedLink=isDotted&&(!!contentColor\|\|"primary"===color\|\|"secondary"===color\|\|"tertiary"===color),textLineHeightOffset=isSpacedOut?CONTENT_TEXT_LINE_HEIGHT_OFFSET:0;return{fontSize:0!==fontSizeOffset?`calc(${fontSize} + ${fontSizeOffset}px)`:fontSize,lineHeight:0!==textLineHeightOffset?`calc(${lineHeight} + ${textLineHeightOffset})`:lineHeight,...contentColor&&{color:theme.values.color.content.text[contentColor].default,textDecorationColor:theme.values.color.content.textUnderline[contentColor].default,"&:hover":{color:theme.values.color.content.text[contentColor].hover,textDecorationColor:theme.values.color.content.textUnderline[contentColor].hover}},...isDottedLink&&{textDecorationStyle:"dotted",textDecorationThickness:"2px",textUnderlineOffset:"2px",textDecorationSkipInk:"none",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].default:theme.values.color.text.dottedUnderline.default,"&:hover":{color:contentColor?theme.values.color.content.text[contentColor]?.hover:void 0,textDecorationThickness:"2px",textDecorationColor:contentColor?theme.values.color.content.textDottedUnderline[contentColor].hover:theme.values.color.text.dottedUnderline.hover}}}});export const ContentLink=forwardRefPolymorphic(({size,color,isDotted=!1,isSpacedOut,...rest},ref)=>{let fontSizeOffset=useContext(FontSizeOffsetContext),contentTableContext=useContext(ContentTableContext),contentTextContext=useContext(ContentTextContext),tableFontSizeOffset=contentTableContext?.fontSizeOffset??0,colorValue=color??contentTextContext?.color,isSpacedOutValue=isSpacedOut??contentTextContext?.isSpacedOut??!1,contentColor=isContentColor(colorValue)?colorValue:void 0,linkColor=isContentColor(colorValue)?void 0:colorValue;return React.createElement(StyledContentLink,{"data-ds-id":"ContentLink",fontSizeOffset:fontSizeOffset+tableFontSizeOffset,isSpacedOut:isSpacedOutValue,size:size??contentTextContext?.size,color:linkColor,contentColor:contentColor,isDotted:isDotted,inline:!0,ref:ref,...rest})});

package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js CHANGED Viewed

	@@ -1 +1 @@
1	- import React from"react";import styled from"@emotion/styled";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{isContentColor}from"../utils/isContentColor";let StyledPictogramComponent=styled(PictogramButton,{target:"~~elrbn770~~",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}));export const ContentPictogramButton=~~React.forwardRef~~(({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest},ref)=>{let contentColor=isContentColor(iconColor)?iconColor:void 0;return React.createElement(StyledPictogramComponent,{...rest,ref:ref,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})});
1	+ import React from"react";import styled from"@emotion/styled";import{forwardRefPolymorphic}from"../../../shared/forwardRefPolymorphic";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{isContentColor}from"../utils/isContentColor";let StyledPictogramComponent=styled(PictogramButton,{target:"e1y5oonw0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}));export const ContentPictogramButton=forwardRefPolymorphic(({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest},ref)=>{let contentColor=isContentColor(iconColor)?iconColor:void 0;return React.createElement(StyledPictogramComponent,{...rest,ref:ref,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})});