@amboss/design-system 3.25.5 → 3.26.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 (30) hide show
  1. package/build/cjs/components/Internal/HotkeyLabel/HotkeyLabel.d.ts +7 -0
  2. package/build/cjs/components/Internal/HotkeyLabel/HotkeyLabel.js +1 -0
  3. package/build/cjs/components/NavBar/NavBarSearchInput.d.ts +1 -0
  4. package/build/cjs/components/NavBar/NavBarSearchInput.js +1 -1
  5. package/build/cjs/components/NavBar/NavBarTabButton.js +1 -1
  6. package/build/cjs/components/Pagination/-types.d.ts +29 -28
  7. package/build/cjs/components/Pagination/CompactPagination.d.ts +1 -1
  8. package/build/cjs/components/Pagination/CompactPagination.js +1 -1
  9. package/build/cjs/components/Pagination/NumberedPagination.d.ts +1 -1
  10. package/build/cjs/components/Pagination/NumberedPagination.js +1 -1
  11. package/build/cjs/web-tokens/_colors.json +13 -13
  12. package/build/cjs/web-tokens/visualConfig.js +1 -1
  13. package/build/esm/components/Internal/HotkeyLabel/HotkeyLabel.d.ts +7 -0
  14. package/build/esm/components/Internal/HotkeyLabel/HotkeyLabel.js +1 -0
  15. package/build/esm/components/NavBar/NavBarSearchInput.d.ts +1 -0
  16. package/build/esm/components/NavBar/NavBarSearchInput.js +1 -1
  17. package/build/esm/components/NavBar/NavBarTabButton.js +1 -1
  18. package/build/esm/components/Pagination/-types.d.ts +29 -28
  19. package/build/esm/components/Pagination/CompactPagination.d.ts +1 -1
  20. package/build/esm/components/Pagination/CompactPagination.js +1 -1
  21. package/build/esm/components/Pagination/NumberedPagination.d.ts +1 -1
  22. package/build/esm/components/Pagination/NumberedPagination.js +1 -1
  23. package/build/esm/web-tokens/_colors.json +13 -13
  24. package/build/esm/web-tokens/visualConfig.js +1 -1
  25. package/build/scss/_theming.scss +13 -13
  26. package/package.json +3 -2
  27. package/build/cjs/shared/useIsMacOS.d.ts +0 -1
  28. package/build/cjs/shared/useIsMacOS.js +0 -1
  29. package/build/esm/shared/useIsMacOS.d.ts +0 -1
  30. package/build/esm/shared/useIsMacOS.js +0 -1
package/build/cjs/web-tokens/visualConfig.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{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"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}}},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"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{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:"#33314b",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",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:"#524389"},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:"#7d67c5",hover:"#ad97f7"},toggle:{background:{highlight:"#b2ab39"},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)"}},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)"}},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"}},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"}},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"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},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:{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"}}}},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"}}}},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"}}}},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)"}}}},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"}}}},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:"#282e39"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}}}},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"}},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"}}}},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"}}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#7254d3",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},avatar:{border:{default:"#ffffff"}},colorIndicator:{brand:{default:"#0aa6b8"},gray:{default:"#5a7183"},purple:{default:"#7254d3"},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:"#7254d3",hover:"#5d44ab"},toggle:{background:{highlight:"#f3eb75"},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)"}},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)"}},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"}},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"}},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"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},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:{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"}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}}}},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.6)"}},colorIndicator:{brand:{default:"#0aa6b8"}}}},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"}}}},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.6)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}}}},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"}}}},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"}},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"}}}},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"}}}}}}}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{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"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}}},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"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{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:{highlight:"#b2ab39"},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)"}},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)"}},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"}},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"}},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"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},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:{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"}}}},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"}}}},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"}}}},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)"}}}},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"}}}},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:"#282e39"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}}}},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"}},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"}}}},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"}}}}}}},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:{highlight:"#f3eb75"},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)"}},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)"}},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"}},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"}},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"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},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:{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"}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}}}},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.6)"}},colorIndicator:{brand:{default:"#0aa6b8"}}}},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"}}}},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.6)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}}}},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"}}}},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"}},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"}}}},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"}}}}}}}};
package/build/esm/components/Internal/HotkeyLabel/HotkeyLabel.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import type { TextColors } from "../../../types";
3
+ export type HotkeyLabelProps = {
4
+ label: string;
5
+ color: TextColors;
6
+ };
7
+ export declare const HotkeyLabel: ({ label, color, }: HotkeyLabelProps) => React.ReactElement;
package/build/esm/components/Internal/HotkeyLabel/HotkeyLabel.js ADDED
@@ -0,0 +1 @@
1
+ import React from"react";import styled from"@emotion/styled";import{Text}from"../../Typography/Text/Text";let StyledKbd=styled("kbd",{target:"e116gxn80",label:"StyledKbd"})(({theme,$color})=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,color:theme.values.color.text[$color].default,fontWeight:theme.variables.weight.normal}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvSG90a2V5TGFiZWwvSG90a2V5TGFiZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9Ib3RrZXlMYWJlbC9Ib3RrZXlMYWJlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFRleHRDb2xvcnMgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcblxuY29uc3QgQ09NTUFORF9TWU1CT0wgPSBcIuKMmFwiO1xuXG5leHBvcnQgdHlwZSBIb3RrZXlMYWJlbFByb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvcjogVGV4dENvbG9ycztcbn07XG5cbnR5cGUgU3R5bGVkS2JkUHJvcHMgPSB7XG4gICRjb2xvcjogSG90a2V5TGFiZWxQcm9wc1tcImNvbG9yXCJdO1xufTtcblxuY29uc3QgU3R5bGVkS2JkID0gc3R5bGVkKFwia2JkXCIpPFN0eWxlZEtiZFByb3BzPigoeyB0aGVtZSwgJGNvbG9yIH0pID0+ICh7XG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0Lm0sXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dFskY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQubm9ybWFsLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSG90a2V5TGFiZWwgPSAoe1xuICBsYWJlbCxcbiAgY29sb3IsXG59OiBIb3RrZXlMYWJlbFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgaWYgKGxhYmVsLnN0YXJ0c1dpdGgoQ09NTUFORF9TWU1CT0wpKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRLYmQgJGNvbG9yPXtjb2xvcn0+XG4gICAgICAgIDxUZXh0IHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9e2NvbG9yfT5cbiAgICAgICAgICB7bGFiZWxbMF19XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAge2xhYmVsLnNsaWNlKDEpfVxuICAgICAgPC9TdHlsZWRLYmQ+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiA8U3R5bGVkS2JkICRjb2xvcj17Y29sb3J9PntsYWJlbH08L1N0eWxlZEtiZD47XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0IifQ== */");export const HotkeyLabel=({label,color})=>label.startsWith("⌘")?React.createElement(StyledKbd,{$color:color},React.createElement(Text,{size:"m",as:"span",color:color},label[0]),label.slice(1)):React.createElement(StyledKbd,{$color:color},label);
package/build/esm/components/NavBar/NavBarSearchInput.d.ts CHANGED
@@ -8,5 +8,6 @@ export type NavBarSearchInputProps = {
8
8
  ariaAttributes?: AriaAttributes;
9
9
  value?: string;
10
10
  placeholder?: string;
11
+ hotkeyLabel?: string;
11
12
  };
12
13
  export declare const NavBarSearchInput: React.ForwardRefExoticComponent<NavBarSearchInputProps & React.RefAttributes<HTMLButtonElement>>;
package/build/esm/components/NavBar/NavBarSearchInput.js CHANGED
@@ -1 +1 @@
1
- import React,{forwardRef}from"react";import styled from"@emotion/styled";import{getInputTextStyles}from"../../shared/mixins";import{useIsMacOS}from"../../shared/useIsMacOS";import{Inline}from"../Inline/Inline";import{InteractiveBox}from"../InteractiveBox/InteractiveBox";import{NAV_BAR_Z_INDEX}from"./constants";import{Text}from"../Typography/Text/Text";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";let StyledFakeInput=styled("div",{target:"e1gqbwe40",label:"StyledFakeInput"})(({theme})=>({...getInputTextStyles({theme,size:"s"}),borderWidth:0,flexGrow:1,width:"100%",position:"relative",zIndex:NAV_BAR_Z_INDEX.overlayContent,padding:theme.variables.size.spacing.zero,backgroundColor:theme.values.color.searchInput.background.default,lineHeight:"normal",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgdXNlSXNNYWNPUyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlSXNNYWNPU1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRleHRDbGFtcGVkIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dENsYW1wZWQvVGV4dENsYW1wZWRcIjtcbmltcG9ydCB7IFBpY3RvZ3JhbUJ1dHRvbiB9IGZyb20gXCIuLi9QaWN0b2dyYW1CdXR0b24vUGljdG9ncmFtQnV0dG9uXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXQgPSBzdHlsZWQoXCJkaXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0SW5wdXRUZXh0U3R5bGVzKHtcbiAgICB0aGVtZSxcbiAgICBzaXplOiBcInNcIixcbiAgfSksXG4gIGJvcmRlcldpZHRoOiAwLFxuICBmbGV4R3JvdzogMSxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IE5BVl9CQVJfWl9JTkRFWC5vdmVybGF5Q29udGVudCxcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWFyY2hJbnB1dC5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGxpbmVIZWlnaHQ6IFwibm9ybWFsXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBJdGFsaWNUZXh0Q2xhbXBlZCA9IHN0eWxlZChUZXh0Q2xhbXBlZCkoKCkgPT4gKHtcbiAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxufSkpO1xuXG5leHBvcnQgdHlwZSBOYXZCYXJTZWFyY2hJbnB1dFByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xlYXI/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICAuLi5yZXN0XG4gICAgfTogTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBpc01hYyA9IHVzZUlzTWFjT1MoKTtcbiAgICBjb25zdCBob3RrZXkgPSBpc01hYyA/IChcbiAgICAgIDxUZXh0IHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICDijJhcbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgXCJDdHJsK1wiXG4gICAgKTtcbiAgICBjb25zdCBoYXNQbGFjZWhvbGRlciA9ICF2YWx1ZSAmJiAhIXBsYWNlaG9sZGVyO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDxJbnRlcmFjdGl2ZUJveFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBsU3BhY2U9XCJzXCJcbiAgICAgICAgICByU3BhY2U9XCJ4c1wiXG4gICAgICAgICAgdlNwYWNlPXtbXCJ4c1wiLCBcInh4c1wiXX1cbiAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJbmxpbmVcbiAgICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgICAgICB7dmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0Q2xhbXBlZCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAge3ZhbHVlfVxuICAgICAgICAgICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgICAgPEl0YWxpY1RleHRDbGFtcGVkIHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIDwvSXRhbGljVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJ4c1wiIGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICB7aG90a2V5fUtcbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9JbnRlcmFjdGl2ZUJveD5cbiAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCIgdlNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0IifQ== */"),ItalicTextClamped=styled(TextClamped,{target:"e1gqbwe41",label:"ItalicTextClamped"})(()=>({fontStyle:"italic"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgdXNlSXNNYWNPUyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlSXNNYWNPU1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IFRleHRDbGFtcGVkIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dENsYW1wZWQvVGV4dENsYW1wZWRcIjtcbmltcG9ydCB7IFBpY3RvZ3JhbUJ1dHRvbiB9IGZyb20gXCIuLi9QaWN0b2dyYW1CdXR0b24vUGljdG9ncmFtQnV0dG9uXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXQgPSBzdHlsZWQoXCJkaXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0SW5wdXRUZXh0U3R5bGVzKHtcbiAgICB0aGVtZSxcbiAgICBzaXplOiBcInNcIixcbiAgfSksXG4gIGJvcmRlcldpZHRoOiAwLFxuICBmbGV4R3JvdzogMSxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IE5BVl9CQVJfWl9JTkRFWC5vdmVybGF5Q29udGVudCxcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWFyY2hJbnB1dC5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGxpbmVIZWlnaHQ6IFwibm9ybWFsXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBJdGFsaWNUZXh0Q2xhbXBlZCA9IHN0eWxlZChUZXh0Q2xhbXBlZCkoKCkgPT4gKHtcbiAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxufSkpO1xuXG5leHBvcnQgdHlwZSBOYXZCYXJTZWFyY2hJbnB1dFByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xlYXI/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICAuLi5yZXN0XG4gICAgfTogTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBpc01hYyA9IHVzZUlzTWFjT1MoKTtcbiAgICBjb25zdCBob3RrZXkgPSBpc01hYyA/IChcbiAgICAgIDxUZXh0IHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICDijJhcbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgXCJDdHJsK1wiXG4gICAgKTtcbiAgICBjb25zdCBoYXNQbGFjZWhvbGRlciA9ICF2YWx1ZSAmJiAhIXBsYWNlaG9sZGVyO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDxJbnRlcmFjdGl2ZUJveFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBsU3BhY2U9XCJzXCJcbiAgICAgICAgICByU3BhY2U9XCJ4c1wiXG4gICAgICAgICAgdlNwYWNlPXtbXCJ4c1wiLCBcInh4c1wiXX1cbiAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJbmxpbmVcbiAgICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgICAgICB7dmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0Q2xhbXBlZCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAge3ZhbHVlfVxuICAgICAgICAgICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgICAgPEl0YWxpY1RleHRDbGFtcGVkIHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIDwvSXRhbGljVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJ4c1wiIGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICB7aG90a2V5fUtcbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9JbnRlcmFjdGl2ZUJveD5cbiAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCIgdlNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzBCIn0= */");export const NavBarSearchInput=forwardRef(({onBlur,onClick,onFocus,placeholder,value,onClear,...rest},ref)=>{let hotkey=useIsMacOS()?React.createElement(Text,{size:"m",as:"span",color:"tertiary"},"⌘"):"Ctrl+",hasPlaceholder=!value&&!!placeholder;return React.createElement(StyledFakeInput,null,React.createElement(InteractiveBox,{ref:ref,onClick:onClick,onFocus:onFocus,onBlur:onBlur,lSpace:"s",rSpace:"xs",vSpace:["xs","xxs"],fullWidth:!0,...rest},React.createElement(Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0,fullWidth:!0},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},value&&React.createElement(TextClamped,{color:"primary",size:"m",as:"span"},value),hasPlaceholder&&React.createElement(ItalicTextClamped,{size:"m",as:"span",color:"tertiary"},placeholder)),hasPlaceholder&&React.createElement(Text,{size:"xs",as:"span",color:"tertiary"},hotkey,"K"))),value&&React.createElement(Box,{space:"xxs",vSpace:"xxxs"},React.createElement(PictogramButton,{icon:"x",size:"xs",color:"quaternary",onClick:onClear})))});
1
+ import React,{forwardRef}from"react";import styled from"@emotion/styled";import{getInputTextStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";import{InteractiveBox}from"../InteractiveBox/InteractiveBox";import{NAV_BAR_Z_INDEX}from"./constants";import{HotkeyLabel}from"../Internal/HotkeyLabel/HotkeyLabel";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";let StyledFakeInput=styled("div",{target:"e2r1mnx0",label:"StyledFakeInput"})(({theme})=>({...getInputTextStyles({theme,size:"s"}),borderWidth:0,flexGrow:1,width:"100%",position:"relative",zIndex:NAV_BAR_Z_INDEX.overlayContent,padding:theme.variables.size.spacing.zero,backgroundColor:theme.values.color.searchInput.background.default,lineHeight:"normal",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IEhvdGtleUxhYmVsIH0gZnJvbSBcIi4uL0ludGVybmFsL0hvdGtleUxhYmVsL0hvdGtleUxhYmVsXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkKFwiZGl2XCIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldElucHV0VGV4dFN0eWxlcyh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZTogXCJzXCIsXG4gIH0pLFxuICBib3JkZXJXaWR0aDogMCxcbiAgZmxleEdyb3c6IDEsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgub3ZlcmxheUNvbnRlbnQsXG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VhcmNoSW5wdXQuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBmbGV4V3JhcDogXCJub3dyYXBcIixcbn0pKTtcblxuY29uc3QgSXRhbGljVGV4dENsYW1wZWQgPSBzdHlsZWQoVGV4dENsYW1wZWQpKCgpID0+ICh7XG4gIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbn0pKTtcblxuZXhwb3J0IHR5cGUgTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyA9IHtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkNsZWFyPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaG90a2V5TGFiZWw/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyU2VhcmNoSW5wdXQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgb25CbHVyLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIHZhbHVlLFxuICAgICAgb25DbGVhcixcbiAgICAgIGhvdGtleUxhYmVsLFxuICAgICAgLi4ucmVzdFxuICAgIH06IE5hdkJhclNlYXJjaElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgaGFzUGxhY2Vob2xkZXIgPSAhdmFsdWUgJiYgISFwbGFjZWhvbGRlcjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8SW50ZXJhY3RpdmVCb3hcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgbFNwYWNlPVwic1wiXG4gICAgICAgICAgclNwYWNlPVwieHNcIlxuICAgICAgICAgIHZTcGFjZT17W1wieHNcIiwgXCJ4eHNcIl19XG4gICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgID5cbiAgICAgICAgICA8SW5saW5lXG4gICAgICAgICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCJcbiAgICAgICAgICAgIHNwYWNlPVwieHhzXCJcbiAgICAgICAgICAgIG5vV3JhcFxuICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dENsYW1wZWQgY29sb3I9XCJwcmltYXJ5XCIgc2l6ZT1cIm1cIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAgICAgIHt2YWx1ZX1cbiAgICAgICAgICAgICAgICA8L1RleHRDbGFtcGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aGFzUGxhY2Vob2xkZXIgJiYgKFxuICAgICAgICAgICAgICAgIDxJdGFsaWNUZXh0Q2xhbXBlZCBzaXplPVwibVwiIGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICAgIHtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgICA8L0l0YWxpY1RleHRDbGFtcGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICB7aGFzUGxhY2Vob2xkZXIgJiYgaG90a2V5TGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8SG90a2V5TGFiZWwgbGFiZWw9e2hvdGtleUxhYmVsfSBjb2xvcj1cInRlcnRpYXJ5XCIgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvSW50ZXJhY3RpdmVCb3g+XG4gICAgICAgIHt2YWx1ZSAmJiAoXG4gICAgICAgICAgPEJveCBzcGFjZT1cInh4c1wiIHZTcGFjZT1cInh4eHNcIj5cbiAgICAgICAgICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgICAgICBjb2xvcj1cInF1YXRlcm5hcnlcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdCIn0= */"),ItalicTextClamped=styled(TextClamped,{target:"e2r1mnx1",label:"ItalicTextClamped"})(()=>({fontStyle:"italic"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7IEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IEhvdGtleUxhYmVsIH0gZnJvbSBcIi4uL0ludGVybmFsL0hvdGtleUxhYmVsL0hvdGtleUxhYmVsXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkKFwiZGl2XCIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldElucHV0VGV4dFN0eWxlcyh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZTogXCJzXCIsXG4gIH0pLFxuICBib3JkZXJXaWR0aDogMCxcbiAgZmxleEdyb3c6IDEsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgub3ZlcmxheUNvbnRlbnQsXG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VhcmNoSW5wdXQuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBmbGV4V3JhcDogXCJub3dyYXBcIixcbn0pKTtcblxuY29uc3QgSXRhbGljVGV4dENsYW1wZWQgPSBzdHlsZWQoVGV4dENsYW1wZWQpKCgpID0+ICh7XG4gIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbn0pKTtcblxuZXhwb3J0IHR5cGUgTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyA9IHtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkNsZWFyPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaG90a2V5TGFiZWw/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyU2VhcmNoSW5wdXQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgb25CbHVyLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIHZhbHVlLFxuICAgICAgb25DbGVhcixcbiAgICAgIGhvdGtleUxhYmVsLFxuICAgICAgLi4ucmVzdFxuICAgIH06IE5hdkJhclNlYXJjaElucHV0UHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgaGFzUGxhY2Vob2xkZXIgPSAhdmFsdWUgJiYgISFwbGFjZWhvbGRlcjtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRmFrZUlucHV0PlxuICAgICAgICA8SW50ZXJhY3RpdmVCb3hcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgbFNwYWNlPVwic1wiXG4gICAgICAgICAgclNwYWNlPVwieHNcIlxuICAgICAgICAgIHZTcGFjZT17W1wieHNcIiwgXCJ4eHNcIl19XG4gICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgID5cbiAgICAgICAgICA8SW5saW5lXG4gICAgICAgICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCJcbiAgICAgICAgICAgIHNwYWNlPVwieHhzXCJcbiAgICAgICAgICAgIG5vV3JhcFxuICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dENsYW1wZWQgY29sb3I9XCJwcmltYXJ5XCIgc2l6ZT1cIm1cIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAgICAgIHt2YWx1ZX1cbiAgICAgICAgICAgICAgICA8L1RleHRDbGFtcGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aGFzUGxhY2Vob2xkZXIgJiYgKFxuICAgICAgICAgICAgICAgIDxJdGFsaWNUZXh0Q2xhbXBlZCBzaXplPVwibVwiIGFzPVwic3BhblwiIGNvbG9yPVwidGVydGlhcnlcIj5cbiAgICAgICAgICAgICAgICAgIHtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgICAgICA8L0l0YWxpY1RleHRDbGFtcGVkPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICB7aGFzUGxhY2Vob2xkZXIgJiYgaG90a2V5TGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8SG90a2V5TGFiZWwgbGFiZWw9e2hvdGtleUxhYmVsfSBjb2xvcj1cInRlcnRpYXJ5XCIgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgIDwvSW50ZXJhY3RpdmVCb3g+XG4gICAgICAgIHt2YWx1ZSAmJiAoXG4gICAgICAgICAgPEJveCBzcGFjZT1cInh4c1wiIHZTcGFjZT1cInh4eHNcIj5cbiAgICAgICAgICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgICAgICBjb2xvcj1cInF1YXRlcm5hcnlcIlxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkRmFrZUlucHV0PlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MwQiJ9 */");export const NavBarSearchInput=forwardRef(({onBlur,onClick,onFocus,placeholder,value,onClear,hotkeyLabel,...rest},ref)=>{let hasPlaceholder=!value&&!!placeholder;return React.createElement(StyledFakeInput,null,React.createElement(InteractiveBox,{ref:ref,onClick:onClick,onFocus:onFocus,onBlur:onBlur,lSpace:"s",rSpace:"xs",vSpace:["xs","xxs"],fullWidth:!0,...rest},React.createElement(Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0,fullWidth:!0},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},value&&React.createElement(TextClamped,{color:"primary",size:"m",as:"span"},value),hasPlaceholder&&React.createElement(ItalicTextClamped,{size:"m",as:"span",color:"tertiary"},placeholder)),hasPlaceholder&&hotkeyLabel&&React.createElement(HotkeyLabel,{label:hotkeyLabel,color:"tertiary"}))),value&&React.createElement(Box,{space:"xxs",vSpace:"xxxs"},React.createElement(PictogramButton,{icon:"x",size:"xs",color:"quaternary",onClick:onClear})))});
package/build/esm/components/NavBar/NavBarTabButton.js CHANGED
@@ -1 +1 @@
1
- import React,{useCallback,useContext,useEffect,useMemo,useRef}from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledButton=styled("button",{target:"e19lygze0",label:"StyledButton"})(({theme,isActive,isCompact,shouldAnimate})=>{let{duration,delay,timingFunction}=theme.variables.animation.navBarTabButton.open,expanded=isActive&&!isCompact,size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`,compactMarginBottom=theme.variables.size.spacing.xs,compactBottomRadius=theme.variables.size.borderRadius.xs,transitionsEnabled=!!shouldAnimate,baseTransitionDuration=transitionsEnabled?duration:"0ms",baseTransitionDelay="0ms",pseudoTransitionDelay="0ms";return transitionsEnabled&&(baseTransitionDelay=expanded?"unset":delay,pseudoTransitionDelay=expanded?delay:"unset"),{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxs}`,color:theme.values.color.text.tertiary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},marginBottom:compactMarginBottom,borderBottomLeftRadius:compactBottomRadius,borderBottomRightRadius:compactBottomRadius,transitionProperty:"margin-bottom, padding-bottom, border-bottom-left-radius, border-bottom-right-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:baseTransitionDelay,"&:before, &:after":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,opacity:+!!expanded,transitionProperty:"opacity, transform, border-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:pseudoTransitionDelay},"&:before":{transform:expanded?"scale(1) translate(-28px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomRightRadius:expanded?borderBottomRadius:0},"&:after":{transform:expanded?"scale(1) translate(16px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomLeftRadius:expanded?borderBottomRadius:0},...isActive&&{cursor:"default",zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default},...expanded&&{marginBottom:0,paddingBottom:`calc(${theme.variables.size.spacing.m} + ${shadowOffset})`,borderBottomLeftRadius:0,borderBottomRightRadius:0}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgU3ViVGhlbWVDb250ZXh0IH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVDb250ZXh0XCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxcbiAgUGFydGlhbDxOYXZCYXJUYWJCdXR0b25Qcm9wcz4gJiB7IHNob3VsZEFuaW1hdGU/OiBib29sZWFuIH1cbj4oKHsgdGhlbWUsIGlzQWN0aXZlLCBpc0NvbXBhY3QsIHNob3VsZEFuaW1hdGUgfSkgPT4ge1xuICBjb25zdCB7IGR1cmF0aW9uLCBkZWxheSwgdGltaW5nRnVuY3Rpb24gfSA9XG4gICAgdGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZCYXJUYWJCdXR0b24ub3BlbjtcbiAgY29uc3QgZXhwYW5kZWQgPSBpc0FjdGl2ZSAmJiAhaXNDb21wYWN0O1xuICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICBjb25zdCBzaGFkb3dPZmZzZXQgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cztcbiAgY29uc3QgYm9yZGVyQm90dG9tUmFkaXVzID0gYGNhbGMoJHtzaXplfSAtICR7c2hhZG93T2Zmc2V0fSlgO1xuXG4gIGNvbnN0IGNvbXBhY3RNYXJnaW5Cb3R0b20gPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuICBjb25zdCBjb21wYWN0Qm90dG9tUmFkaXVzID0gdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzO1xuICBjb25zdCB0cmFuc2l0aW9uc0VuYWJsZWQgPSBCb29sZWFuKHNob3VsZEFuaW1hdGUpO1xuXG4gIGNvbnN0IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24gPSB0cmFuc2l0aW9uc0VuYWJsZWQgPyBkdXJhdGlvbiA6IFwiMG1zXCI7XG5cbiAgbGV0IGJhc2VUcmFuc2l0aW9uRGVsYXkgPSBcIjBtc1wiO1xuICBsZXQgcHNldWRvVHJhbnNpdGlvbkRlbGF5ID0gXCIwbXNcIjtcblxuICBpZiAodHJhbnNpdGlvbnNFbmFibGVkKSB7XG4gICAgYmFzZVRyYW5zaXRpb25EZWxheSA9IGV4cGFuZGVkID8gXCJ1bnNldFwiIDogZGVsYXk7XG4gICAgcHNldWRvVHJhbnNpdGlvbkRlbGF5ID0gZXhwYW5kZWQgPyBkZWxheSA6IFwidW5zZXRcIjtcbiAgfVxuXG4gIHJldHVybiB7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBib3JkZXI6IDAsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB6SW5kZXg6IDEsXG5cbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHN9YCxcblxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuXG4gICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBtYXJnaW5Cb3R0b206IGNvbXBhY3RNYXJnaW5Cb3R0b20sXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogY29tcGFjdEJvdHRvbVJhZGl1cyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogY29tcGFjdEJvdHRvbVJhZGl1cyxcblxuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTpcbiAgICAgIFwibWFyZ2luLWJvdHRvbSwgcGFkZGluZy1ib3R0b20sIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXMsIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBiYXNlVHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgdHJhbnNpdGlvbkRlbGF5OiBiYXNlVHJhbnNpdGlvbkRlbGF5LFxuXG4gICAgXCImOmJlZm9yZSwgJjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgYm90dG9tOiAwLFxuICAgICAgekluZGV4OiAxLFxuICAgICAgd2lkdGg6IHNpemUsXG4gICAgICBoZWlnaHQ6IHNpemUsXG5cbiAgICAgIG9wYWNpdHk6IGV4cGFuZGVkID8gMSA6IDAsXG5cbiAgICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJvcGFjaXR5LCB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXNcIixcbiAgICAgIHRyYW5zaXRpb25EdXJhdGlvbjogYmFzZVRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgICB0cmFuc2l0aW9uRGVsYXk6IHBzZXVkb1RyYW5zaXRpb25EZWxheSxcbiAgICB9LFxuXG4gICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICB0cmFuc2Zvcm06IGV4cGFuZGVkXG4gICAgICAgID8gYHNjYWxlKDEpIHRyYW5zbGF0ZSgtMjhweCwgMClgXG4gICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgdHJhbnNmb3JtT3JpZ2luOiBcIjEwMCUgMTAwJVwiLFxuICAgICAgYm94U2hhZG93OiBgJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgfSxcblxuICAgIFwiJjphZnRlclwiOiB7XG4gICAgICB0cmFuc2Zvcm06IGV4cGFuZGVkXG4gICAgICAgID8gYHNjYWxlKDEpIHRyYW5zbGF0ZSgxNnB4LCAwKWBcbiAgICAgICAgOiBgc2NhbGUoMC41KSB0cmFuc2xhdGUoMHB4LCAtNHB4KWAsXG4gICAgICB0cmFuc2Zvcm1PcmlnaW46IFwiMTAwJSAxMDAlXCIsXG4gICAgICBib3hTaGFkb3c6IGAtJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGV4cGFuZGVkID8gYm9yZGVyQm90dG9tUmFkaXVzIDogMCxcbiAgICB9LFxuXG4gICAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgICB6SW5kZXg6IDAsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICAgIH0pLFxuXG4gICAgLi4uKGV4cGFuZGVkICYmIHtcbiAgICAgIG1hcmdpbkJvdHRvbTogMCxcbiAgICAgIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSArICR7c2hhZG93T2Zmc2V0fSlgLFxuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogMCxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAwLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmV4cG9ydCB0eXBlIE5hdkJhclRhYkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2QmFyVGFiQnV0dG9uID0gKHtcbiAgYXJpYUF0dHJpYnV0ZXM6IHRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gIGNoaWxkcmVuLFxuICBpc0FjdGl2ZSxcbiAgaXNDb21wYWN0LFxuICBvbkJsdXIsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIC4uLnJlc3Rcbn06IE5hdkJhclRhYkJ1dHRvblByb3BzKTogUmVhY3QuUmVhY3ROb2RlID0+IHtcbiAgY29uc3QgcHJldmlvdXNJc0NvbXBhY3RSZWYgPSB1c2VSZWYoaXNDb21wYWN0KTtcbiAgY29uc3QgcHJldmlvdXNJc0FjdGl2ZVJlZiA9IHVzZVJlZihpc0FjdGl2ZSk7XG4gIGNvbnN0IGJlY2FtZUluYWN0aXZlID1cbiAgICBwcmV2aW91c0lzQWN0aXZlUmVmLmN1cnJlbnQgPT09IHRydWUgJiYgaXNBY3RpdmUgPT09IGZhbHNlO1xuICBjb25zdCBzaG91bGRBbmltYXRlID1cbiAgICAhYmVjYW1lSW5hY3RpdmUgJiYgcHJldmlvdXNJc0NvbXBhY3RSZWYuY3VycmVudCAhPT0gaXNDb21wYWN0O1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcHJldmlvdXNJc0NvbXBhY3RSZWYuY3VycmVudCA9IGlzQ29tcGFjdDtcbiAgfSwgW2lzQ29tcGFjdF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcHJldmlvdXNJc0FjdGl2ZVJlZi5jdXJyZW50ID0gaXNBY3RpdmU7XG4gIH0sIFtpc0FjdGl2ZV0pO1xuXG4gIGNvbnN0IGFyaWFBdHRyaWJ1dGVzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgYmFzZUF0dHJpYnV0ZXMgPSB7XG4gICAgICAuLi50aGVpckFyaWFBdHRyaWJ1dGVzLFxuICAgICAgXCJhcmlhLWRpc2FibGVkXCI6IGlzQWN0aXZlLFxuICAgICAgdGFiSW5kZXg6IGlzQWN0aXZlID8gLTEgOiAwLFxuICAgIH07XG5cbiAgICBpZiAoaXNBY3RpdmUpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmJhc2VBdHRyaWJ1dGVzLFxuICAgICAgICBcImFyaWEtY3VycmVudFwiOiBcInBhZ2VcIiBhcyBjb25zdCxcbiAgICAgIH07XG4gICAgfVxuXG4gICAgcmV0dXJuIGJhc2VBdHRyaWJ1dGVzO1xuICB9LCBbaXNBY3RpdmUsIHRoZWlyQXJpYUF0dHJpYnV0ZXNdKTtcblxuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoIWlzQWN0aXZlICYmIG9uQ2xpY2spIHtcbiAgICAgICAgb25DbGljayhlKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNsaWNrLCBpc0FjdGl2ZV1cbiAgKTtcblxuICBjb25zdCBwYXJlbnRTdWJUaGVtZSA9IHVzZUNvbnRleHQoU3ViVGhlbWVDb250ZXh0KTtcblxuICBsZXQgYWN0aXZlU3ViVGhlbWU6IFwiZGltbWVkU3VidGxlXCIgfCBcImJyYW5kU3VidGxlXCIgfCB1bmRlZmluZWQ7XG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIGlmIChwYXJlbnRTdWJUaGVtZSA9PT0gXCJkaW1tZWRcIikge1xuICAgICAgYWN0aXZlU3ViVGhlbWUgPSBcImRpbW1lZFN1YnRsZVwiO1xuICAgIH0gZWxzZSBpZiAocGFyZW50U3ViVGhlbWUgPT09IFwiYnJhbmRcIikge1xuICAgICAgYWN0aXZlU3ViVGhlbWUgPSBcImJyYW5kU3VidGxlXCI7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlciBuYW1lPXthY3RpdmVTdWJUaGVtZX0+XG4gICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");export const NavBarTabButton=({ariaAttributes:theirAriaAttributes,children,isActive,isCompact,onBlur,onClick,onFocus,...rest})=>{let activeSubTheme,previousIsCompactRef=useRef(isCompact),previousIsActiveRef=useRef(isActive),shouldAnimate=(!0!==previousIsActiveRef.current||!1!==isActive)&&previousIsCompactRef.current!==isCompact;useEffect(()=>{previousIsCompactRef.current=isCompact},[isCompact]),useEffect(()=>{previousIsActiveRef.current=isActive},[isActive]);let ariaAttributes=useMemo(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=useCallback(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]),parentSubTheme=useContext(SubThemeContext);return isActive&&("dimmed"===parentSubTheme?activeSubTheme="dimmedSubtle":"brand"===parentSubTheme&&(activeSubTheme="brandSubtle")),React.createElement(SubThemeProvider,{name:activeSubTheme},React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,shouldAnimate:shouldAnimate,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children))};
1
+ import React,{useCallback,useContext,useEffect,useMemo,useRef}from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledButton=styled("button",{target:"ezce7wl0",label:"StyledButton"})(({theme,isActive,isCompact,shouldAnimate})=>{let{duration,delay,timingFunction}=theme.variables.animation.navBarTabButton.open,expanded=isActive&&!isCompact,size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`,compactMarginBottom=theme.variables.size.spacing.xs,compactBottomRadius=theme.variables.size.borderRadius.xs,transitionsEnabled=!!shouldAnimate,baseTransitionDuration=transitionsEnabled?duration:"0ms",baseTransitionDelay="0ms",pseudoTransitionDelay="0ms";return transitionsEnabled&&(baseTransitionDelay=expanded?"unset":delay,pseudoTransitionDelay=expanded?delay:"unset"),{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxs}`,color:theme.values.color.text.tertiary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},marginBottom:compactMarginBottom,borderBottomLeftRadius:compactBottomRadius,borderBottomRightRadius:compactBottomRadius,transitionProperty:"margin-bottom, padding-bottom, border-bottom-left-radius, border-bottom-right-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:baseTransitionDelay,"&:before, &:after":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,opacity:+!!expanded,transitionProperty:"opacity, transform, border-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:pseudoTransitionDelay},"&:before":{transform:expanded?"scale(1) translate(-28px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomRightRadius:expanded?borderBottomRadius:0},"&:after":{transform:expanded?"scale(1) translate(16px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomLeftRadius:expanded?borderBottomRadius:0},...isActive&&{zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default},...expanded&&{marginBottom:0,paddingBottom:`calc(${theme.variables.size.spacing.m} + ${shadowOffset})`,borderBottomLeftRadius:0,borderBottomRightRadius:0}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclRhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJUYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgU3ViVGhlbWVDb250ZXh0IH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVDb250ZXh0XCI7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKTxcbiAgUGFydGlhbDxOYXZCYXJUYWJCdXR0b25Qcm9wcz4gJiB7IHNob3VsZEFuaW1hdGU/OiBib29sZWFuIH1cbj4oKHsgdGhlbWUsIGlzQWN0aXZlLCBpc0NvbXBhY3QsIHNob3VsZEFuaW1hdGUgfSkgPT4ge1xuICBjb25zdCB7IGR1cmF0aW9uLCBkZWxheSwgdGltaW5nRnVuY3Rpb24gfSA9XG4gICAgdGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZCYXJUYWJCdXR0b24ub3BlbjtcbiAgY29uc3QgZXhwYW5kZWQgPSBpc0FjdGl2ZSAmJiAhaXNDb21wYWN0O1xuICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICBjb25zdCBzaGFkb3dPZmZzZXQgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cztcbiAgY29uc3QgYm9yZGVyQm90dG9tUmFkaXVzID0gYGNhbGMoJHtzaXplfSAtICR7c2hhZG93T2Zmc2V0fSlgO1xuXG4gIGNvbnN0IGNvbXBhY3RNYXJnaW5Cb3R0b20gPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuICBjb25zdCBjb21wYWN0Qm90dG9tUmFkaXVzID0gdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzO1xuICBjb25zdCB0cmFuc2l0aW9uc0VuYWJsZWQgPSBCb29sZWFuKHNob3VsZEFuaW1hdGUpO1xuXG4gIGNvbnN0IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24gPSB0cmFuc2l0aW9uc0VuYWJsZWQgPyBkdXJhdGlvbiA6IFwiMG1zXCI7XG5cbiAgbGV0IGJhc2VUcmFuc2l0aW9uRGVsYXkgPSBcIjBtc1wiO1xuICBsZXQgcHNldWRvVHJhbnNpdGlvbkRlbGF5ID0gXCIwbXNcIjtcblxuICBpZiAodHJhbnNpdGlvbnNFbmFibGVkKSB7XG4gICAgYmFzZVRyYW5zaXRpb25EZWxheSA9IGV4cGFuZGVkID8gXCJ1bnNldFwiIDogZGVsYXk7XG4gICAgcHNldWRvVHJhbnNpdGlvbkRlbGF5ID0gZXhwYW5kZWQgPyBkZWxheSA6IFwidW5zZXRcIjtcbiAgfVxuXG4gIHJldHVybiB7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBib3JkZXI6IDAsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICB6SW5kZXg6IDEsXG5cbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICBtYXJnaW46IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHN9YCxcblxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxuXG4gICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICBtYXJnaW5Cb3R0b206IGNvbXBhY3RNYXJnaW5Cb3R0b20sXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogY29tcGFjdEJvdHRvbVJhZGl1cyxcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogY29tcGFjdEJvdHRvbVJhZGl1cyxcblxuICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTpcbiAgICAgIFwibWFyZ2luLWJvdHRvbSwgcGFkZGluZy1ib3R0b20sIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXMsIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiBiYXNlVHJhbnNpdGlvbkR1cmF0aW9uLFxuICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgdHJhbnNpdGlvbkRlbGF5OiBiYXNlVHJhbnNpdGlvbkRlbGF5LFxuXG4gICAgXCImOmJlZm9yZSwgJjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgYm90dG9tOiAwLFxuICAgICAgekluZGV4OiAxLFxuICAgICAgd2lkdGg6IHNpemUsXG4gICAgICBoZWlnaHQ6IHNpemUsXG5cbiAgICAgIG9wYWNpdHk6IGV4cGFuZGVkID8gMSA6IDAsXG5cbiAgICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTogXCJvcGFjaXR5LCB0cmFuc2Zvcm0sIGJvcmRlci1yYWRpdXNcIixcbiAgICAgIHRyYW5zaXRpb25EdXJhdGlvbjogYmFzZVRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgICB0cmFuc2l0aW9uRGVsYXk6IHBzZXVkb1RyYW5zaXRpb25EZWxheSxcbiAgICB9LFxuXG4gICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICB0cmFuc2Zvcm06IGV4cGFuZGVkXG4gICAgICAgID8gYHNjYWxlKDEpIHRyYW5zbGF0ZSgtMjhweCwgMClgXG4gICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgdHJhbnNmb3JtT3JpZ2luOiBcIjEwMCUgMTAwJVwiLFxuICAgICAgYm94U2hhZG93OiBgJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgfSxcblxuICAgIFwiJjphZnRlclwiOiB7XG4gICAgICB0cmFuc2Zvcm06IGV4cGFuZGVkXG4gICAgICAgID8gYHNjYWxlKDEpIHRyYW5zbGF0ZSgxNnB4LCAwKWBcbiAgICAgICAgOiBgc2NhbGUoMC41KSB0cmFuc2xhdGUoMHB4LCAtNHB4KWAsXG4gICAgICB0cmFuc2Zvcm1PcmlnaW46IFwiMTAwJSAxMDAlXCIsXG4gICAgICBib3hTaGFkb3c6IGAtJHtzaGFkb3dPZmZzZXR9ICR7c2hhZG93T2Zmc2V0fSAwICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IGV4cGFuZGVkID8gYm9yZGVyQm90dG9tUmFkaXVzIDogMCxcbiAgICB9LFxuXG4gICAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICAgIHpJbmRleDogMCxcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gICAgfSksXG5cbiAgICAuLi4oZXhwYW5kZWQgJiYge1xuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICsgJHtzaGFkb3dPZmZzZXR9KWAsXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IDAsXG4gICAgfSksXG4gIH07XG59KTtcblxuZXhwb3J0IHR5cGUgTmF2QmFyVGFiQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbiAgaXNDb21wYWN0PzogYm9vbGVhbjtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBhcmlhQXR0cmlidXRlcz86IEFyaWFBdHRyaWJ1dGVzO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJUYWJCdXR0b24gPSAoe1xuICBhcmlhQXR0cmlidXRlczogdGhlaXJBcmlhQXR0cmlidXRlcyxcbiAgY2hpbGRyZW4sXG4gIGlzQWN0aXZlLFxuICBpc0NvbXBhY3QsXG4gIG9uQmx1cixcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgLi4ucmVzdFxufTogTmF2QmFyVGFiQnV0dG9uUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICBjb25zdCBwcmV2aW91c0lzQ29tcGFjdFJlZiA9IHVzZVJlZihpc0NvbXBhY3QpO1xuICBjb25zdCBwcmV2aW91c0lzQWN0aXZlUmVmID0gdXNlUmVmKGlzQWN0aXZlKTtcbiAgY29uc3QgYmVjYW1lSW5hY3RpdmUgPVxuICAgIHByZXZpb3VzSXNBY3RpdmVSZWYuY3VycmVudCA9PT0gdHJ1ZSAmJiBpc0FjdGl2ZSA9PT0gZmFsc2U7XG4gIGNvbnN0IHNob3VsZEFuaW1hdGUgPVxuICAgICFiZWNhbWVJbmFjdGl2ZSAmJiBwcmV2aW91c0lzQ29tcGFjdFJlZi5jdXJyZW50ICE9PSBpc0NvbXBhY3Q7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2aW91c0lzQ29tcGFjdFJlZi5jdXJyZW50ID0gaXNDb21wYWN0O1xuICB9LCBbaXNDb21wYWN0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2aW91c0lzQWN0aXZlUmVmLmN1cnJlbnQgPSBpc0FjdGl2ZTtcbiAgfSwgW2lzQWN0aXZlXSk7XG5cbiAgY29uc3QgYXJpYUF0dHJpYnV0ZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBiYXNlQXR0cmlidXRlcyA9IHtcbiAgICAgIC4uLnRoZWlyQXJpYUF0dHJpYnV0ZXMsXG4gICAgICBcImFyaWEtZGlzYWJsZWRcIjogaXNBY3RpdmUsXG4gICAgICB0YWJJbmRleDogaXNBY3RpdmUgPyAtMSA6IDAsXG4gICAgfTtcblxuICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uYmFzZUF0dHJpYnV0ZXMsXG4gICAgICAgIFwiYXJpYS1jdXJyZW50XCI6IFwicGFnZVwiIGFzIGNvbnN0LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gYmFzZUF0dHJpYnV0ZXM7XG4gIH0sIFtpc0FjdGl2ZSwgdGhlaXJBcmlhQXR0cmlidXRlc10pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGlja11cbiAgKTtcblxuICBjb25zdCBwYXJlbnRTdWJUaGVtZSA9IHVzZUNvbnRleHQoU3ViVGhlbWVDb250ZXh0KTtcblxuICBsZXQgYWN0aXZlU3ViVGhlbWU6IFwiZGltbWVkU3VidGxlXCIgfCBcImJyYW5kU3VidGxlXCIgfCB1bmRlZmluZWQ7XG4gIGlmIChpc0FjdGl2ZSkge1xuICAgIGlmIChwYXJlbnRTdWJUaGVtZSA9PT0gXCJkaW1tZWRcIikge1xuICAgICAgYWN0aXZlU3ViVGhlbWUgPSBcImRpbW1lZFN1YnRsZVwiO1xuICAgIH0gZWxzZSBpZiAocGFyZW50U3ViVGhlbWUgPT09IFwiYnJhbmRcIikge1xuICAgICAgYWN0aXZlU3ViVGhlbWUgPSBcImJyYW5kU3VidGxlXCI7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlciBuYW1lPXthY3RpdmVTdWJUaGVtZX0+XG4gICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");export const NavBarTabButton=({ariaAttributes:theirAriaAttributes,children,isActive,isCompact,onBlur,onClick,onFocus,...rest})=>{let activeSubTheme,previousIsCompactRef=useRef(isCompact),previousIsActiveRef=useRef(isActive),shouldAnimate=(!0!==previousIsActiveRef.current||!1!==isActive)&&previousIsCompactRef.current!==isCompact;useEffect(()=>{previousIsCompactRef.current=isCompact},[isCompact]),useEffect(()=>{previousIsActiveRef.current=isActive},[isActive]);let ariaAttributes=useMemo(()=>{let baseAttributes={...theirAriaAttributes,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page"}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=useCallback(e=>{onClick&&onClick(e)},[onClick]),parentSubTheme=useContext(SubThemeContext);return isActive&&("dimmed"===parentSubTheme?activeSubTheme="dimmedSubtle":"brand"===parentSubTheme&&(activeSubTheme="brandSubtle")),React.createElement(SubThemeProvider,{name:activeSubTheme},React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,isCompact:isCompact,shouldAnimate:shouldAnimate,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,role:"tab",...ariaAttributes,...rest},children))};
package/build/esm/components/Pagination/-types.d.ts CHANGED
@@ -1,31 +1,40 @@
1
1
  type PaginationBaseProps = {
2
- /** Total number of items in the collection (or pages if not using numOfItemsPerPage) */
3
- numOfItems: number;
4
2
  /**
5
- * Number of items per page
6
- *
7
- * Component calculates total pages as: Math.ceil(numOfItems / numOfItemsPerPage)
8
- * If not provided, defaults to 1 (numOfItems = page count for backwards compatibility)
9
- *
3
+ * Total number of items in the collection (e.g., total rows in a table)
4
+ * Must be >= 0. Invalid values are normalized to 0.
5
+ */
6
+ totalItems: number;
7
+ /**
8
+ * Number of items displayed per page
9
+ * Must be >= 1. Invalid values are normalized to 1.
10
+ * Component calculates total pages as: Math.ceil(totalItems / pageSize)
10
11
  * @default 1
11
12
  */
12
- numOfItemsPerPage?: number;
13
- /** Current page number (1-indexed) */
14
- currentPage: number;
13
+ pageSize?: number;
15
14
  /**
16
- * Callback when previous button is clicked
17
- * @param page - New page number
18
- * @param firstItemIndex - First item index on new page (compact variant only)
19
- * @param lastItemIndex - Last item index on new page (compact variant only)
15
+ * Current page number (1-indexed, controlled)
16
+ * Must be >= 1. Invalid values are normalized to 1.
20
17
  */
21
- onPrevClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
18
+ currentPage: number;
22
19
  /**
23
- * Callback when next button is clicked
24
- * @param page - New page number
25
- * @param firstItemIndex - First item index on new page (compact variant only)
26
- * @param lastItemIndex - Last item index on new page (compact variant only)
20
+ * Callback when page changes via any interaction (prev/next/page number click)
21
+ * @param params - Object containing page change details
22
+ * @param params.page - The new page number (1-indexed)
23
+ * @param params.source - How the page was changed:
24
+ * - 'prev': Previous button clicked
25
+ * - 'next': Next button clicked
26
+ * - 'page': Page number button clicked (numbered variant only)
27
+ * @param params.firstItemIndex - Index of the first item on the new page (1-indexed)
28
+ * @param params.lastItemIndex - Index of the last item on the new page (1-indexed)
29
+ * @param params.event - The mouse event from the button click
27
30
  */
28
- onNextClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
31
+ onChange: ({ page, source, firstItemIndex, lastItemIndex, event, }: {
32
+ page: number;
33
+ source: "prev" | "next" | "page";
34
+ firstItemIndex?: number;
35
+ lastItemIndex?: number;
36
+ event?: React.MouseEvent<HTMLButtonElement>;
37
+ }) => void;
29
38
  /**
30
39
  * Custom label formatter
31
40
  *
@@ -72,14 +81,6 @@ export type NumberedVariantProps = PaginationBaseProps & {
72
81
  * - Mobile: displays "X/Y" format instead of page numbers
73
82
  */
74
83
  variant?: "numbered";
75
- /**
76
- * Callback when a page number button is clicked
77
- *
78
- * **Note**: Only applies to **numbered** variant.
79
- *
80
- * @param page - Selected page number
81
- */
82
- onPageClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
83
84
  /**
84
85
  * Show/hide text labels on Previous/Next buttons
85
86
  *
package/build/esm/components/Pagination/CompactPagination.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { CompactVariantProps } from "./-types";
3
- export declare function CompactPagination({ numOfItems, currentPage, numOfItemsPerPage, formatLabel, alignLabel, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, nextButtonAriaLabel, prevButtonAriaLabel, }: CompactVariantProps): React.ReactElement;
3
+ export declare function CompactPagination({ totalItems, currentPage, pageSize, formatLabel, alignLabel, "data-e2e-test-id": dataE2eTestId, onChange, nextButtonAriaLabel, prevButtonAriaLabel, }: CompactVariantProps): React.ReactElement;
package/build/esm/components/Pagination/CompactPagination.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Text}from"../Typography/Text/Text";import{getItemIndices}from"./-utils/getItemIndices";export function CompactPagination({numOfItems,currentPage,numOfItemsPerPage=1,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,nextButtonAriaLabel="Go to next page",prevButtonAriaLabel="Go to prev page"}){let label,itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex,numOfItems):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel(currentPage,numOfPages,numOfPages):`${currentPage} of ${numOfPages}`;let leftButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(!(currentPage<=1))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)},"aria-label":prevButtonAriaLabel}),rightButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(!(currentPage>=numOfPages))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)},"aria-label":nextButtonAriaLabel}),labelElm=React.createElement(Text,{size:"s"},label),content="left"===alignLabel?React.createElement(React.Fragment,null,labelElm,leftButton,rightButton):React.createElement(React.Fragment,null,leftButton,labelElm,rightButton);return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
1
+ import React from"react";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Text}from"../Typography/Text/Text";import{getItemIndices}from"./-utils/getItemIndices";export function CompactPagination({totalItems,currentPage,pageSize=1,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onChange,nextButtonAriaLabel="Go to next page",prevButtonAriaLabel="Go to prev page"}){let label,itemsPerPage=totalItems>pageSize?pageSize:totalItems,numOfPages=Math.ceil(totalItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage,itemsPerPage,totalItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex,totalItems):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${totalItems}`:`${firstItemIndex} - ${lastItemIndex} of ${totalItems}`}else label=formatLabel?formatLabel(currentPage,numOfPages,numOfPages):`${currentPage} of ${numOfPages}`;let leftButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(!(currentPage<=1))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage-1,itemsPerPage,totalItems);onChange({page:currentPage-1,source:"prev",firstItemIndex,lastItemIndex})}else onChange({page:currentPage-1,source:"prev"})},"aria-label":prevButtonAriaLabel}),rightButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(!(currentPage>=numOfPages))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage+1,itemsPerPage,totalItems);onChange({page:currentPage+1,source:"next",firstItemIndex,lastItemIndex})}else onChange({page:currentPage+1,source:"next"})},"aria-label":nextButtonAriaLabel}),labelElm=React.createElement(Text,{size:"s"},label),content="left"===alignLabel?React.createElement(React.Fragment,null,labelElm,leftButton,rightButton):React.createElement(React.Fragment,null,leftButton,labelElm,rightButton);return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
package/build/esm/components/Pagination/NumberedPagination.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { NumberedVariantProps } from "./-types";
3
- export declare function NumberedPagination({ numOfItems, numOfItemsPerPage, currentPage, formatLabel, showNavButtonLabels, prevButtonLabel, nextButtonLabel, onPageClick, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, prevButtonAriaLabel, nextButtonAriaLabel, formatPageButtonAriaLabel, }: NumberedVariantProps): React.ReactElement;
3
+ export declare function NumberedPagination({ totalItems, pageSize, currentPage, formatLabel, showNavButtonLabels, prevButtonLabel, nextButtonLabel, onChange, "data-e2e-test-id": dataE2eTestId, prevButtonAriaLabel, nextButtonAriaLabel, formatPageButtonAriaLabel, }: NumberedVariantProps): React.ReactElement;
package/build/esm/components/Pagination/NumberedPagination.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import styled from"@emotion/styled";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Button}from"../Button/Button";import{Text}from"../Typography/Text/Text";import{SelectableButton}from"../../shared/components/SelectableButton";import{useIsMobile}from"../../shared/useIsMobile";import{generatePageNumbers}from"./-utils/generatePageNumbers";let StyledPageButton=styled(SelectableButton,{target:"e14ovy8w0",label:"StyledPageButton"})(({theme,isActive})=>({width:"32px",height:"32px",padding:0,margin:0,display:"flex",justifyContent:"center",alignItems:"center",border:"1px solid transparent",background:"transparent",...isActive&&{border:`1px solid ${theme.values.color.border.accent.default}`,paddingBottom:0,marginBottom:0,backgroundColor:theme.values.color.background.accentSubtle.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgbnVtT2ZJdGVtc1BlclBhZ2UgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvblBhZ2VDbGljayxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uUHJldkNsaWNrLFxuICBvbk5leHRDbGljayxcbiAgcHJldkJ1dHRvbkFyaWFMYWJlbCA9IFwiR28gdG8gcHJldiBwYWdlXCIsXG4gIG5leHRCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIG5leHQgcGFnZVwiLFxuICBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsLFxufTogTnVtYmVyZWRWYXJpYW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBDYWxjdWxhdGUgdG90YWwgcGFnZXMgZnJvbSBudW1PZkl0ZW1zIGFuZCBudW1PZkl0ZW1zUGVyUGFnZVxuICAvLyBJZiBudW1PZkl0ZW1zUGVyUGFnZT0xIChkZWZhdWx0KSwgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKVxuICBjb25zdCBudW1PZlBhZ2VzID0gTWF0aC5jZWlsKG51bU9mSXRlbXMgLyBudW1PZkl0ZW1zUGVyUGFnZSk7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA+IDEpIHtcbiAgICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPCBudW1PZlBhZ2VzKSB7XG4gICAgICBvbk5leHRDbGljayhjdXJyZW50UGFnZSArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25QYWdlQ2xpY2s/LihwYWdlKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBwYWdlIG51bWJlcnNcbiAgY29uc3QgcGFnZU51bWJlcnMgPSBnZW5lcmF0ZVBhZ2VOdW1iZXJzKGN1cnJlbnRQYWdlLCBudW1PZlBhZ2VzKTtcbiAgY29uc3QgbW9iaWxlTGFiZWwgPSBmb3JtYXRMYWJlbFxuICAgID8gZm9ybWF0TGFiZWwoKVxuICAgIDogYCR7Y3VycmVudFBhZ2V9LyR7bnVtT2ZQYWdlc31gO1xuXG4gIC8vIFJlbmRlciBuYXZpZ2F0aW9uIGJ1dHRvbnNcbiAgY29uc3QgbGVmdEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIGxlZnRJY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBwcmV2QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge3ByZXZCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e3ByZXZCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCByaWdodEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHJpZ2h0SWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogbmV4dEJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtuZXh0QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtuZXh0QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlBhZ2luYXRpb25cIlxuICAgICAgc3BhY2U9e1tcInhzXCIsIFwiemVyb1wiLCBcInplcm9cIl19XG4gICAgPlxuICAgICAge2xlZnRCdXR0b259XG4gICAgICB7LyogTW9iaWxlOiBzaG93IFwiWC9ZXCIgZm9ybWF0IHdpdGggc3BhY2luZyAqL31cbiAgICAgIHtpc01vYmlsZSAmJiAoXG4gICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7bW9iaWxlTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgICB7LyogRGVza3RvcDogc2hvdyBwYWdlIG51bWJlcnMgd2l0aCBzcGFjaW5nIGJldHdlZW4gdGhlbSBvbmx5ICovfVxuICAgICAgeyFpc01vYmlsZSAmJiAoXG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7cGFnZU51bWJlcnMubWFwKChwYWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhZ2UgPT09IFwiZWxsaXBzaXNcIikge1xuICAgICAgICAgICAgICAvLyBVc2UgYWRqYWNlbnQgcGFnZSBudW1iZXJzIGZvciB1bmlxdWUga2V5IGluc3RlYWQgb2YgaW5kZXhcbiAgICAgICAgICAgICAgY29uc3QgcHJldlBhZ2UgPSBpbmRleCA+IDAgPyBwYWdlTnVtYmVyc1tpbmRleCAtIDFdIDogXCJzdGFydFwiO1xuICAgICAgICAgICAgICBjb25zdCBuZXh0UGFnZSA9XG4gICAgICAgICAgICAgICAgaW5kZXggPCBwYWdlTnVtYmVycy5sZW5ndGggLSAxID8gcGFnZU51bWJlcnNbaW5kZXggKyAxXSA6IFwiZW5kXCI7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEVsbGlwc2lzXG4gICAgICAgICAgICAgICAgICBrZXk9e2BlbGxpcHNpcy0ke3ByZXZQYWdlfS0ke25leHRQYWdlfWB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCI+4oCmPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkRWxsaXBzaXM+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gcGFnZSA9PT0gY3VycmVudFBhZ2U7XG4gICAgICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsXG4gICAgICAgICAgICAgID8gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbChwYWdlKVxuICAgICAgICAgICAgICA6IGBQYWdlICR7cGFnZX1gO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0eWxlZFBhZ2VCdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e3BhZ2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVBhZ2VDbGljayhwYWdlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpc0FjdGl2ZSA/IFwicGFnZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3BhZ2V9XG4gICAgICAgICAgICAgIDwvU3R5bGVkUGFnZUJ1dHRvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cbiAgICAgIHtyaWdodEJ1dHRvbn1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIifQ== */"),StyledEllipsis=styled("span",{target:"e14ovy8w1",label:"StyledEllipsis"})({width:"32px",display:"inline-flex",justifyContent:"center",alignItems:"center"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgbnVtT2ZJdGVtc1BlclBhZ2UgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvblBhZ2VDbGljayxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uUHJldkNsaWNrLFxuICBvbk5leHRDbGljayxcbiAgcHJldkJ1dHRvbkFyaWFMYWJlbCA9IFwiR28gdG8gcHJldiBwYWdlXCIsXG4gIG5leHRCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIG5leHQgcGFnZVwiLFxuICBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsLFxufTogTnVtYmVyZWRWYXJpYW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBDYWxjdWxhdGUgdG90YWwgcGFnZXMgZnJvbSBudW1PZkl0ZW1zIGFuZCBudW1PZkl0ZW1zUGVyUGFnZVxuICAvLyBJZiBudW1PZkl0ZW1zUGVyUGFnZT0xIChkZWZhdWx0KSwgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKVxuICBjb25zdCBudW1PZlBhZ2VzID0gTWF0aC5jZWlsKG51bU9mSXRlbXMgLyBudW1PZkl0ZW1zUGVyUGFnZSk7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA+IDEpIHtcbiAgICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPCBudW1PZlBhZ2VzKSB7XG4gICAgICBvbk5leHRDbGljayhjdXJyZW50UGFnZSArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25QYWdlQ2xpY2s/LihwYWdlKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBwYWdlIG51bWJlcnNcbiAgY29uc3QgcGFnZU51bWJlcnMgPSBnZW5lcmF0ZVBhZ2VOdW1iZXJzKGN1cnJlbnRQYWdlLCBudW1PZlBhZ2VzKTtcbiAgY29uc3QgbW9iaWxlTGFiZWwgPSBmb3JtYXRMYWJlbFxuICAgID8gZm9ybWF0TGFiZWwoKVxuICAgIDogYCR7Y3VycmVudFBhZ2V9LyR7bnVtT2ZQYWdlc31gO1xuXG4gIC8vIFJlbmRlciBuYXZpZ2F0aW9uIGJ1dHRvbnNcbiAgY29uc3QgbGVmdEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIGxlZnRJY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBwcmV2QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge3ByZXZCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e3ByZXZCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCByaWdodEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHJpZ2h0SWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogbmV4dEJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtuZXh0QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtuZXh0QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlBhZ2luYXRpb25cIlxuICAgICAgc3BhY2U9e1tcInhzXCIsIFwiemVyb1wiLCBcInplcm9cIl19XG4gICAgPlxuICAgICAge2xlZnRCdXR0b259XG4gICAgICB7LyogTW9iaWxlOiBzaG93IFwiWC9ZXCIgZm9ybWF0IHdpdGggc3BhY2luZyAqL31cbiAgICAgIHtpc01vYmlsZSAmJiAoXG4gICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7bW9iaWxlTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgICB7LyogRGVza3RvcDogc2hvdyBwYWdlIG51bWJlcnMgd2l0aCBzcGFjaW5nIGJldHdlZW4gdGhlbSBvbmx5ICovfVxuICAgICAgeyFpc01vYmlsZSAmJiAoXG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7cGFnZU51bWJlcnMubWFwKChwYWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhZ2UgPT09IFwiZWxsaXBzaXNcIikge1xuICAgICAgICAgICAgICAvLyBVc2UgYWRqYWNlbnQgcGFnZSBudW1iZXJzIGZvciB1bmlxdWUga2V5IGluc3RlYWQgb2YgaW5kZXhcbiAgICAgICAgICAgICAgY29uc3QgcHJldlBhZ2UgPSBpbmRleCA+IDAgPyBwYWdlTnVtYmVyc1tpbmRleCAtIDFdIDogXCJzdGFydFwiO1xuICAgICAgICAgICAgICBjb25zdCBuZXh0UGFnZSA9XG4gICAgICAgICAgICAgICAgaW5kZXggPCBwYWdlTnVtYmVycy5sZW5ndGggLSAxID8gcGFnZU51bWJlcnNbaW5kZXggKyAxXSA6IFwiZW5kXCI7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEVsbGlwc2lzXG4gICAgICAgICAgICAgICAgICBrZXk9e2BlbGxpcHNpcy0ke3ByZXZQYWdlfS0ke25leHRQYWdlfWB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCI+4oCmPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkRWxsaXBzaXM+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gcGFnZSA9PT0gY3VycmVudFBhZ2U7XG4gICAgICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsXG4gICAgICAgICAgICAgID8gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbChwYWdlKVxuICAgICAgICAgICAgICA6IGBQYWdlICR7cGFnZX1gO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0eWxlZFBhZ2VCdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e3BhZ2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVBhZ2VDbGljayhwYWdlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpc0FjdGl2ZSA/IFwicGFnZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3BhZ2V9XG4gICAgICAgICAgICAgIDwvU3R5bGVkUGFnZUJ1dHRvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cbiAgICAgIHtyaWdodEJ1dHRvbn1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHVCIn0= */");export function NumberedPagination({numOfItems,numOfItemsPerPage=1,currentPage,formatLabel,showNavButtonLabels=!0,prevButtonLabel="Previous",nextButtonLabel="Next",onPageClick,"data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,prevButtonAriaLabel="Go to prev page",nextButtonAriaLabel="Go to next page",formatPageButtonAriaLabel}){let numOfPages=Math.ceil(numOfItems/numOfItemsPerPage),isFirstPage=1===currentPage,isLastPage=currentPage===numOfPages,isMobile=useIsMobile(),handlePrevClick=()=>{currentPage>1&&onPrevClick(currentPage-1)},handleNextClick=()=>{currentPage<numOfPages&&onNextClick(currentPage+1)},handlePageClick=page=>{page!==currentPage&&(page<1||page>numOfPages||onPageClick?.(page))},pageNumbers=generatePageNumbers(currentPage,numOfPages),mobileLabel=formatLabel?formatLabel():`${currentPage}/${numOfPages}`,leftButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",leftIcon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,ariaAttributes:{"aria-label":prevButtonAriaLabel}},prevButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,"aria-label":prevButtonAriaLabel}),rightButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",rightIcon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,ariaAttributes:{"aria-label":nextButtonAriaLabel}},nextButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,"aria-label":nextButtonAriaLabel});return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination",space:["xs","zero","zero"]},leftButton,isMobile&&React.createElement(Text,{size:"s",color:"secondary"},mobileLabel),!isMobile&&React.createElement(Inline,{vAlignItems:"center",space:"zero"},pageNumbers.map((page,index)=>{if("ellipsis"===page){let prevPage=index>0?pageNumbers[index-1]:"start",nextPage=index<pageNumbers.length-1?pageNumbers[index+1]:"end";return React.createElement(StyledEllipsis,{key:`ellipsis-${prevPage}-${nextPage}`,"aria-hidden":"true"},React.createElement(Text,{size:"s"},"…"))}let isActive=page===currentPage,ariaLabel=formatPageButtonAriaLabel?formatPageButtonAriaLabel(page):`Page ${page}`;return React.createElement(StyledPageButton,{key:page,isActive:isActive,onClick:()=>handlePageClick(page),"aria-label":ariaLabel,"aria-current":isActive?"page":void 0,"aria-disabled":isActive},page)})),rightButton)}
1
+ import React from"react";import styled from"@emotion/styled";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Button}from"../Button/Button";import{Text}from"../Typography/Text/Text";import{SelectableButton}from"../../shared/components/SelectableButton";import{useIsMobile}from"../../shared/useIsMobile";import{generatePageNumbers}from"./-utils/generatePageNumbers";let StyledPageButton=styled(SelectableButton,{target:"efvgl150",label:"StyledPageButton"})(({theme,isActive})=>({width:"32px",height:"32px",padding:0,margin:0,display:"flex",justifyContent:"center",alignItems:"center",border:"1px solid transparent",background:"transparent",...isActive&&{border:`1px solid ${theme.values.color.border.accent.default}`,paddingBottom:0,marginBottom:0,backgroundColor:theme.values.color.background.accentSubtle.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgdG90YWxJdGVtcyxcbiAgcGFnZVNpemUgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvbkNoYW5nZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIHByZXZCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIHByZXYgcGFnZVwiLFxuICBuZXh0QnV0dG9uQXJpYUxhYmVsID0gXCJHbyB0byBuZXh0IHBhZ2VcIixcbiAgZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbCxcbn06IE51bWJlcmVkVmFyaWFudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgLy8gQ2FsY3VsYXRlIHRvdGFsIHBhZ2VzIGZyb20gdG90YWxJdGVtcyBhbmQgcGFnZVNpemVcbiAgLy8gSWYgcGFnZVNpemU9MSAoZGVmYXVsdCksIG51bU9mUGFnZXMgPSB0b3RhbEl0ZW1zIChiYWNrd2FyZHMgY29tcGF0aWJsZSlcbiAgY29uc3QgbnVtT2ZQYWdlcyA9IE1hdGguY2VpbCh0b3RhbEl0ZW1zIC8gcGFnZVNpemUpO1xuICBjb25zdCBpc0ZpcnN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSAxO1xuICBjb25zdCBpc0xhc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IG51bU9mUGFnZXM7XG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlSXNNb2JpbGUoKTtcblxuICAvLyBIYW5kbGUgY2xpY2sgZXZlbnRzXG4gIGNvbnN0IGhhbmRsZVByZXZDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPiAxKSB7XG4gICAgICBvbkNoYW5nZSh7IHBhZ2U6IGN1cnJlbnRQYWdlIC0gMSwgc291cmNlOiBcInByZXZcIiB9KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTmV4dENsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA8IG51bU9mUGFnZXMpIHtcbiAgICAgIG9uQ2hhbmdlKHsgcGFnZTogY3VycmVudFBhZ2UgKyAxLCBzb3VyY2U6IFwibmV4dFwiIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25DaGFuZ2UoeyBwYWdlLCBzb3VyY2U6IFwicGFnZVwiIH0pO1xuICB9O1xuXG4gIC8vIEdlbmVyYXRlIHBhZ2UgbnVtYmVyc1xuICBjb25zdCBwYWdlTnVtYmVycyA9IGdlbmVyYXRlUGFnZU51bWJlcnMoY3VycmVudFBhZ2UsIG51bU9mUGFnZXMpO1xuICBjb25zdCBtb2JpbGVMYWJlbCA9IGZvcm1hdExhYmVsXG4gICAgPyBmb3JtYXRMYWJlbCgpXG4gICAgOiBgJHtjdXJyZW50UGFnZX0vJHtudW1PZlBhZ2VzfWA7XG5cbiAgLy8gUmVuZGVyIG5hdmlnYXRpb24gYnV0dG9uc1xuICBjb25zdCBsZWZ0QnV0dG9uID0gc2hvd05hdkJ1dHRvbkxhYmVscyA/IChcbiAgICA8QnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgbGVmdEljb249XCJjaGV2cm9uLWxlZnRcIlxuICAgICAgZGlzYWJsZWQ9e2lzRmlyc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlUHJldkNsaWNrfVxuICAgICAgYXJpYUF0dHJpYnV0ZXM9e3sgXCJhcmlhLWxhYmVsXCI6IHByZXZCdXR0b25BcmlhTGFiZWwgfX1cbiAgICA+XG4gICAgICB7cHJldkJ1dHRvbkxhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApIDogKFxuICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIGljb249XCJjaGV2cm9uLWxlZnRcIlxuICAgICAgZGlzYWJsZWQ9e2lzRmlyc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlUHJldkNsaWNrfVxuICAgICAgYXJpYS1sYWJlbD17cHJldkJ1dHRvbkFyaWFMYWJlbH1cbiAgICAvPlxuICApO1xuXG4gIGNvbnN0IHJpZ2h0QnV0dG9uID0gc2hvd05hdkJ1dHRvbkxhYmVscyA/IChcbiAgICA8QnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgcmlnaHRJY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICBkaXNhYmxlZD17aXNMYXN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHRDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBuZXh0QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge25leHRCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICBkaXNhYmxlZD17aXNMYXN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHRDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e25leHRCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmVcbiAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUGFnaW5hdGlvblwiXG4gICAgICBzcGFjZT17W1wieHNcIiwgXCJ6ZXJvXCIsIFwiemVyb1wiXX1cbiAgICA+XG4gICAgICB7bGVmdEJ1dHRvbn1cbiAgICAgIHsvKiBNb2JpbGU6IHNob3cgXCJYL1lcIiBmb3JtYXQgd2l0aCBzcGFjaW5nICovfVxuICAgICAge2lzTW9iaWxlICYmIChcbiAgICAgICAgPFRleHQgc2l6ZT1cInNcIiBjb2xvcj1cInNlY29uZGFyeVwiPlxuICAgICAgICAgIHttb2JpbGVMYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKX1cbiAgICAgIHsvKiBEZXNrdG9wOiBzaG93IHBhZ2UgbnVtYmVycyB3aXRoIHNwYWNpbmcgYmV0d2VlbiB0aGVtIG9ubHkgKi99XG4gICAgICB7IWlzTW9iaWxlICYmIChcbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgIHtwYWdlTnVtYmVycy5tYXAoKHBhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICBpZiAocGFnZSA9PT0gXCJlbGxpcHNpc1wiKSB7XG4gICAgICAgICAgICAgIC8vIFVzZSBhZGphY2VudCBwYWdlIG51bWJlcnMgZm9yIHVuaXF1ZSBrZXkgaW5zdGVhZCBvZiBpbmRleFxuICAgICAgICAgICAgICBjb25zdCBwcmV2UGFnZSA9IGluZGV4ID4gMCA/IHBhZ2VOdW1iZXJzW2luZGV4IC0gMV0gOiBcInN0YXJ0XCI7XG4gICAgICAgICAgICAgIGNvbnN0IG5leHRQYWdlID1cbiAgICAgICAgICAgICAgICBpbmRleCA8IHBhZ2VOdW1iZXJzLmxlbmd0aCAtIDEgPyBwYWdlTnVtYmVyc1tpbmRleCArIDFdIDogXCJlbmRcIjtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkRWxsaXBzaXNcbiAgICAgICAgICAgICAgICAgIGtleT17YGVsbGlwc2lzLSR7cHJldlBhZ2V9LSR7bmV4dFBhZ2V9YH1cbiAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPFRleHQgc2l6ZT1cInNcIj7igKY8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRFbGxpcHNpcz5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgaXNBY3RpdmUgPSBwYWdlID09PSBjdXJyZW50UGFnZTtcbiAgICAgICAgICAgIGNvbnN0IGFyaWFMYWJlbCA9IGZvcm1hdFBhZ2VCdXR0b25BcmlhTGFiZWxcbiAgICAgICAgICAgICAgPyBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsKHBhZ2UpXG4gICAgICAgICAgICAgIDogYFBhZ2UgJHtwYWdlfWA7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8U3R5bGVkUGFnZUJ1dHRvblxuICAgICAgICAgICAgICAgIGtleT17cGFnZX1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlUGFnZUNsaWNrKHBhZ2UpfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2lzQWN0aXZlID8gXCJwYWdlXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kaXNhYmxlZD17aXNBY3RpdmV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cGFnZX1cbiAgICAgICAgICAgICAgPC9TdHlsZWRQYWdlQnV0dG9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuICAgICAge3JpZ2h0QnV0dG9ufVxuICAgIDwvSW5saW5lPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV5QiJ9 */"),StyledEllipsis=styled("span",{target:"efvgl151",label:"StyledEllipsis"})({width:"32px",display:"inline-flex",justifyContent:"center",alignItems:"center"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgdG90YWxJdGVtcyxcbiAgcGFnZVNpemUgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvbkNoYW5nZSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIHByZXZCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIHByZXYgcGFnZVwiLFxuICBuZXh0QnV0dG9uQXJpYUxhYmVsID0gXCJHbyB0byBuZXh0IHBhZ2VcIixcbiAgZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbCxcbn06IE51bWJlcmVkVmFyaWFudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgLy8gQ2FsY3VsYXRlIHRvdGFsIHBhZ2VzIGZyb20gdG90YWxJdGVtcyBhbmQgcGFnZVNpemVcbiAgLy8gSWYgcGFnZVNpemU9MSAoZGVmYXVsdCksIG51bU9mUGFnZXMgPSB0b3RhbEl0ZW1zIChiYWNrd2FyZHMgY29tcGF0aWJsZSlcbiAgY29uc3QgbnVtT2ZQYWdlcyA9IE1hdGguY2VpbCh0b3RhbEl0ZW1zIC8gcGFnZVNpemUpO1xuICBjb25zdCBpc0ZpcnN0UGFnZSA9IGN1cnJlbnRQYWdlID09PSAxO1xuICBjb25zdCBpc0xhc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IG51bU9mUGFnZXM7XG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlSXNNb2JpbGUoKTtcblxuICAvLyBIYW5kbGUgY2xpY2sgZXZlbnRzXG4gIGNvbnN0IGhhbmRsZVByZXZDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPiAxKSB7XG4gICAgICBvbkNoYW5nZSh7IHBhZ2U6IGN1cnJlbnRQYWdlIC0gMSwgc291cmNlOiBcInByZXZcIiB9KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTmV4dENsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA8IG51bU9mUGFnZXMpIHtcbiAgICAgIG9uQ2hhbmdlKHsgcGFnZTogY3VycmVudFBhZ2UgKyAxLCBzb3VyY2U6IFwibmV4dFwiIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25DaGFuZ2UoeyBwYWdlLCBzb3VyY2U6IFwicGFnZVwiIH0pO1xuICB9O1xuXG4gIC8vIEdlbmVyYXRlIHBhZ2UgbnVtYmVyc1xuICBjb25zdCBwYWdlTnVtYmVycyA9IGdlbmVyYXRlUGFnZU51bWJlcnMoY3VycmVudFBhZ2UsIG51bU9mUGFnZXMpO1xuICBjb25zdCBtb2JpbGVMYWJlbCA9IGZvcm1hdExhYmVsXG4gICAgPyBmb3JtYXRMYWJlbCgpXG4gICAgOiBgJHtjdXJyZW50UGFnZX0vJHtudW1PZlBhZ2VzfWA7XG5cbiAgLy8gUmVuZGVyIG5hdmlnYXRpb24gYnV0dG9uc1xuICBjb25zdCBsZWZ0QnV0dG9uID0gc2hvd05hdkJ1dHRvbkxhYmVscyA/IChcbiAgICA8QnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgbGVmdEljb249XCJjaGV2cm9uLWxlZnRcIlxuICAgICAgZGlzYWJsZWQ9e2lzRmlyc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlUHJldkNsaWNrfVxuICAgICAgYXJpYUF0dHJpYnV0ZXM9e3sgXCJhcmlhLWxhYmVsXCI6IHByZXZCdXR0b25BcmlhTGFiZWwgfX1cbiAgICA+XG4gICAgICB7cHJldkJ1dHRvbkxhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApIDogKFxuICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIGljb249XCJjaGV2cm9uLWxlZnRcIlxuICAgICAgZGlzYWJsZWQ9e2lzRmlyc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlUHJldkNsaWNrfVxuICAgICAgYXJpYS1sYWJlbD17cHJldkJ1dHRvbkFyaWFMYWJlbH1cbiAgICAvPlxuICApO1xuXG4gIGNvbnN0IHJpZ2h0QnV0dG9uID0gc2hvd05hdkJ1dHRvbkxhYmVscyA/IChcbiAgICA8QnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgcmlnaHRJY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICBkaXNhYmxlZD17aXNMYXN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHRDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBuZXh0QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge25leHRCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICBkaXNhYmxlZD17aXNMYXN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHRDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e25leHRCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmVcbiAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiUGFnaW5hdGlvblwiXG4gICAgICBzcGFjZT17W1wieHNcIiwgXCJ6ZXJvXCIsIFwiemVyb1wiXX1cbiAgICA+XG4gICAgICB7bGVmdEJ1dHRvbn1cbiAgICAgIHsvKiBNb2JpbGU6IHNob3cgXCJYL1lcIiBmb3JtYXQgd2l0aCBzcGFjaW5nICovfVxuICAgICAge2lzTW9iaWxlICYmIChcbiAgICAgICAgPFRleHQgc2l6ZT1cInNcIiBjb2xvcj1cInNlY29uZGFyeVwiPlxuICAgICAgICAgIHttb2JpbGVMYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKX1cbiAgICAgIHsvKiBEZXNrdG9wOiBzaG93IHBhZ2UgbnVtYmVycyB3aXRoIHNwYWNpbmcgYmV0d2VlbiB0aGVtIG9ubHkgKi99XG4gICAgICB7IWlzTW9iaWxlICYmIChcbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgIHtwYWdlTnVtYmVycy5tYXAoKHBhZ2UsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICBpZiAocGFnZSA9PT0gXCJlbGxpcHNpc1wiKSB7XG4gICAgICAgICAgICAgIC8vIFVzZSBhZGphY2VudCBwYWdlIG51bWJlcnMgZm9yIHVuaXF1ZSBrZXkgaW5zdGVhZCBvZiBpbmRleFxuICAgICAgICAgICAgICBjb25zdCBwcmV2UGFnZSA9IGluZGV4ID4gMCA/IHBhZ2VOdW1iZXJzW2luZGV4IC0gMV0gOiBcInN0YXJ0XCI7XG4gICAgICAgICAgICAgIGNvbnN0IG5leHRQYWdlID1cbiAgICAgICAgICAgICAgICBpbmRleCA8IHBhZ2VOdW1iZXJzLmxlbmd0aCAtIDEgPyBwYWdlTnVtYmVyc1tpbmRleCArIDFdIDogXCJlbmRcIjtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkRWxsaXBzaXNcbiAgICAgICAgICAgICAgICAgIGtleT17YGVsbGlwc2lzLSR7cHJldlBhZ2V9LSR7bmV4dFBhZ2V9YH1cbiAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPFRleHQgc2l6ZT1cInNcIj7igKY8L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRFbGxpcHNpcz5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgaXNBY3RpdmUgPSBwYWdlID09PSBjdXJyZW50UGFnZTtcbiAgICAgICAgICAgIGNvbnN0IGFyaWFMYWJlbCA9IGZvcm1hdFBhZ2VCdXR0b25BcmlhTGFiZWxcbiAgICAgICAgICAgICAgPyBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsKHBhZ2UpXG4gICAgICAgICAgICAgIDogYFBhZ2UgJHtwYWdlfWA7XG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8U3R5bGVkUGFnZUJ1dHRvblxuICAgICAgICAgICAgICAgIGtleT17cGFnZX1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaGFuZGxlUGFnZUNsaWNrKHBhZ2UpfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2lzQWN0aXZlID8gXCJwYWdlXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1kaXNhYmxlZD17aXNBY3RpdmV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cGFnZX1cbiAgICAgICAgICAgICAgPC9TdHlsZWRQYWdlQnV0dG9uPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuICAgICAge3JpZ2h0QnV0dG9ufVxuICAgIDwvSW5saW5lPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEdUIifQ== */");export function NumberedPagination({totalItems,pageSize=1,currentPage,formatLabel,showNavButtonLabels=!0,prevButtonLabel="Previous",nextButtonLabel="Next",onChange,"data-e2e-test-id":dataE2eTestId,prevButtonAriaLabel="Go to prev page",nextButtonAriaLabel="Go to next page",formatPageButtonAriaLabel}){let numOfPages=Math.ceil(totalItems/pageSize),isFirstPage=1===currentPage,isLastPage=currentPage===numOfPages,isMobile=useIsMobile(),handlePrevClick=()=>{currentPage>1&&onChange({page:currentPage-1,source:"prev"})},handleNextClick=()=>{currentPage<numOfPages&&onChange({page:currentPage+1,source:"next"})},handlePageClick=page=>{page!==currentPage&&(page<1||page>numOfPages||onChange({page,source:"page"}))},pageNumbers=generatePageNumbers(currentPage,numOfPages),mobileLabel=formatLabel?formatLabel():`${currentPage}/${numOfPages}`,leftButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",leftIcon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,ariaAttributes:{"aria-label":prevButtonAriaLabel}},prevButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,"aria-label":prevButtonAriaLabel}),rightButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",rightIcon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,ariaAttributes:{"aria-label":nextButtonAriaLabel}},nextButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,"aria-label":nextButtonAriaLabel});return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination",space:["xs","zero","zero"]},leftButton,isMobile&&React.createElement(Text,{size:"s",color:"secondary"},mobileLabel),!isMobile&&React.createElement(Inline,{vAlignItems:"center",space:"zero"},pageNumbers.map((page,index)=>{if("ellipsis"===page){let prevPage=index>0?pageNumbers[index-1]:"start",nextPage=index<pageNumbers.length-1?pageNumbers[index+1]:"end";return React.createElement(StyledEllipsis,{key:`ellipsis-${prevPage}-${nextPage}`,"aria-hidden":"true"},React.createElement(Text,{size:"s"},"…"))}let isActive=page===currentPage,ariaLabel=formatPageButtonAriaLabel?formatPageButtonAriaLabel(page):`Page ${page}`;return React.createElement(StyledPageButton,{key:page,isActive:isActive,onClick:()=>handlePageClick(page),"aria-label":ariaLabel,"aria-current":isActive?"page":void 0,"aria-disabled":isActive},page)})),rightButton)}