@amboss/design-system 3.3.3 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/build/cjs/components/Badge/Badge.js +1 -1
  2. package/build/cjs/components/DropdownMenu/MenuItem.js +1 -1
  3. package/build/cjs/components/Toast/Toast.d.ts +19 -0
  4. package/build/cjs/components/Toast/Toast.js +1 -0
  5. package/build/cjs/components/Toast/ToastProvider.d.ts +7 -0
  6. package/build/cjs/components/Toast/ToastProvider.js +1 -0
  7. package/build/cjs/components/Toast/index.d.ts +2 -0
  8. package/build/cjs/components/Toast/index.js +1 -0
  9. package/build/cjs/components/VirtualScrollList/VirtualScrollList.js +1 -1
  10. package/build/cjs/index.d.ts +1 -0
  11. package/build/cjs/index.js +1 -1
  12. package/build/cjs/web-tokens/_colors.json +209 -55
  13. package/build/cjs/web-tokens/assets/icons.json +42 -24
  14. package/build/cjs/web-tokens/assets/icons16.json +41 -34
  15. package/build/cjs/web-tokens/visualConfig.d.ts +37 -0
  16. package/build/cjs/web-tokens/visualConfig.js +1 -1
  17. package/build/esm/components/Badge/Badge.js +1 -1
  18. package/build/esm/components/DropdownMenu/MenuItem.js +1 -1
  19. package/build/esm/components/Toast/Toast.d.ts +19 -0
  20. package/build/esm/components/Toast/Toast.js +1 -0
  21. package/build/esm/components/Toast/ToastProvider.d.ts +7 -0
  22. package/build/esm/components/Toast/ToastProvider.js +1 -0
  23. package/build/esm/components/Toast/index.d.ts +2 -0
  24. package/build/esm/components/Toast/index.js +1 -0
  25. package/build/esm/components/VirtualScrollList/VirtualScrollList.js +1 -1
  26. package/build/esm/index.d.ts +1 -0
  27. package/build/esm/index.js +1 -1
  28. package/build/esm/web-tokens/_colors.json +209 -55
  29. package/build/esm/web-tokens/assets/icons.json +42 -24
  30. package/build/esm/web-tokens/assets/icons16.json +41 -34
  31. package/build/esm/web-tokens/visualConfig.d.ts +37 -0
  32. package/build/esm/web-tokens/visualConfig.js +1 -1
  33. package/build/scss/_theming.scss +75 -37
  34. package/build/scss/_variables.scss +23 -0
  35. package/package.json +1 -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:{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"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{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"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},animation:{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)"}}},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:"rgba(255, 255, 255, 0)",blue:"rgba(255, 255, 255, 0)",yellow:"rgba(255, 255, 255, 0)",brand:"rgba(255, 255, 255, 0)",purple:"rgba(255, 255, 255, 0)",red:"rgba(255, 255, 255, 0)",gray:"rgba(255, 255, 255, 0)"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},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:"#ced1d6",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"}}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",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.6)"},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"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"#282c34",selectedHover:"#393e47"},placeholder:{default:"#393e47"},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:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},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:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",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:"#2e9aa7",hover:"#80dfea"}},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},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"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ffffff",hover:"#ffffff"},error:{default:"#ee6160",hover:"#f07575"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#dc4847"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},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:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ee6160",hover:"#dc4847"},info:{default:"#6e95cf",hover:"#d2e2f9"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},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:"#4d3237"},info:{default:"#29364c"},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:"#29364c",hover:"#282e39"},error:{default:"#4d3237",hover:"#312b31"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},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"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#607585",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:"#dc4847"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#607585"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dc4847"},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"}}},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.6)"},error:{default:"#dc4847",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"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",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.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#607585",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#607585"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dc4847",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},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)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ffffff",hover:"#ffffff"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#c02725",hover:"#c02725"},error:{default:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},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:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#e0e6eb",hover:"#eef2f5"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#ceedf1"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#d2e2f9"},error:{default:"#f07575",hover:"#fad1d1"}},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ee6160",hover:"#dc4847"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{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"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{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"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},animation:{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"}}},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:"#ffffff",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},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)"}},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:"#ced1d6",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:"#2e9aa7",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.6)"},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"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"#282c34",selectedHover:"#393e47"},placeholder:{default:"#393e47"},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:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},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:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",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:"#2e9aa7",hover:"#80dfea"}},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},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"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},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:"#ed5554"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ed5554",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},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:"#4d3237"},info:{default:"#29364c"},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:"#29364c",hover:"#282e39"},error:{default:"#4d3237",hover:"#312b31"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},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:"#ffffff",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#5d44ab",red:"#dd3637",gray:"#40515e"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#5a7183"},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"}},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.6)"},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"},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"},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.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},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.6)",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:"#a3b2bd",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"}},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)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#c02725",hover:"#c02725"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},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:"#ed5554"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#e0e6eb",hover:"#eef2f5"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#ceedf1"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#d2e2f9"},error:{default:"#f07575",hover:"#fad1d1"}},border:{primary:{default:"#40515e",hover:"#5a7183",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ed5554"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",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:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
package/build/esm/components/Badge/Badge.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let BadgeContainer=/*#__PURE__*/styled("div",{target:"ejulfhm0",label:"BadgeContainer"})(({theme,color})=>({borderRadius:theme.variables.size.borderRadius.xl,display:"inline-block",textTransform:"uppercase",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,fontWeight:"bold",letterSpacing:theme.variables.size.letterSpacing.m,border:"solid 1px",borderColor:color?theme.values.color.badge.border[color]:theme.values.color.badge.border.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.text[color]:theme.values.color.badge.text.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKiBUaGlzIGlzIGEgdGV4dCBmb3IgYSBjb21wb25lbnQgcHJvcGVydHkgKi9cbiAgdGV4dDogc3RyaW5nO1xuICAvKiogQSBjb2xvciBkb2Vzbid0IHJlZmxlY3QgYW55IGludGVudCBvdGhlciB0aGFuIHRvIHZhcmlldHkgKi9cbiAgY29sb3I/OiBgZ3JlZW5gIHwgYGJsdWVgIHwgYHllbGxvd2AgfCBgYnJhbmRgIHwgYHB1cnBsZWAgfCBgcmVkYCB8IGBncmF5YDtcblxuICBpY29uPzogSWNvbk5hbWU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQmFkZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8QmFkZ2VQcm9wcz4+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54bCxcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgZm9udFdlaWdodDogXCJib2xkXCIsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcubSxcbiAgYm9yZGVyOiBcInNvbGlkIDFweFwiLFxuICBib3JkZXJDb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5ib3JkZXJbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYm9yZGVyLmRlZmF1bHQsXG4gIGJhY2tncm91bmRDb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5iYWNrZ3JvdW5kW2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJhY2tncm91bmQuZGVmYXVsdCxcbiAgY29sb3I6IGNvbG9yXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UudGV4dFtjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS50ZXh0LmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBCYWRnZSh7XG4gIHRleHQsXG4gIGNvbG9yID0gbnVsbCxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBCYWRnZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8QmFkZ2VDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQmFkZ2VcIlxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgID5cbiAgICAgIDxCb3ggc3BhY2U9XCJ4c1wiIHZTcGFjZT1cInh4c1wiPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cInNcIiAvPn1cbiAgICAgICAgICA8c3Bhbj57dGV4dH08L3NwYW4+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9CYWRnZUNvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVCIn0= */");export function Badge({text,color=null,icon,"data-e2e-test-id":dataE2eTestId}){return /*#__PURE__*/React.createElement(BadgeContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Badge",color:color},/*#__PURE__*/React.createElement(Box,{space:"xs",vSpace:"xxs"},/*#__PURE__*/React.createElement(Inline,{vAlignItems:"center",space:"xxs",noWrap:!0},icon&&/*#__PURE__*/React.createElement(Icon,{name:icon,size:"s"}),/*#__PURE__*/React.createElement("span",null,text))))}
1
+ import React from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let BadgeContainer=/*#__PURE__*/styled("div",{target:"e1rrh5r40",label:"BadgeContainer"})(({theme,color})=>({borderRadius:theme.variables.size.borderRadius.xl,display:"inline-block",textTransform:"uppercase",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,fontWeight:"bold",letterSpacing:theme.variables.size.letterSpacing.m,border:"solid 1px",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.text[color]:theme.values.color.badge.text.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKiBUaGlzIGlzIGEgdGV4dCBmb3IgYSBjb21wb25lbnQgcHJvcGVydHkgKi9cbiAgdGV4dDogc3RyaW5nO1xuICAvKiogQSBjb2xvciBkb2Vzbid0IHJlZmxlY3QgYW55IGludGVudCBvdGhlciB0aGFuIHRvIHZhcmlldHkgKi9cbiAgY29sb3I/OiBgZ3JlZW5gIHwgYGJsdWVgIHwgYHllbGxvd2AgfCBgYnJhbmRgIHwgYHB1cnBsZWAgfCBgcmVkYCB8IGBncmF5YDtcblxuICBpY29uPzogSWNvbk5hbWU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgQmFkZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8QmFkZ2VQcm9wcz4+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54bCxcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgZm9udFdlaWdodDogXCJib2xkXCIsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcubSxcbiAgYm9yZGVyOiBcInNvbGlkIDFweFwiLFxuICBib3JkZXJDb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5ib3JkZXJTdWJ0bGVbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYm9yZGVyU3VidGxlLmRlZmF1bHQsXG4gIGJhY2tncm91bmRDb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5iYWNrZ3JvdW5kW2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJhY2tncm91bmQuZGVmYXVsdCxcbiAgY29sb3I6IGNvbG9yXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UudGV4dFtjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS50ZXh0LmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBCYWRnZSh7XG4gIHRleHQsXG4gIGNvbG9yID0gbnVsbCxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBCYWRnZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8QmFkZ2VDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQmFkZ2VcIlxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgID5cbiAgICAgIDxCb3ggc3BhY2U9XCJ4c1wiIHZTcGFjZT1cInh4c1wiPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cInNcIiAvPn1cbiAgICAgICAgICA8c3Bhbj57dGV4dH08L3NwYW4+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9CYWRnZUNvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVCIn0= */");export function Badge({text,color=null,icon,"data-e2e-test-id":dataE2eTestId}){return /*#__PURE__*/React.createElement(BadgeContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Badge",color:color},/*#__PURE__*/React.createElement(Box,{space:"xs",vSpace:"xxs"},/*#__PURE__*/React.createElement(Inline,{vAlignItems:"center",space:"xxs",noWrap:!0},icon&&/*#__PURE__*/React.createElement(Icon,{name:icon,size:"s"}),/*#__PURE__*/React.createElement("span",null,text))))}
package/build/esm/components/DropdownMenu/MenuItem.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import styled from"@emotion/styled";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledMenuItem=/*#__PURE__*/styled("button",{target:"e8ofgdz0",label:"StyledMenuItem"})(({theme,size,textVariant,destructive,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",width:"100%",border:0,color:destructive?theme.values.color.text.error.default:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,textTransform:textVariant||"uppercase",textDecoration:"none",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,letterSpacing:theme.variables.size.letterSpacing.s,fontWeight:theme.variables.weight.bold,cursor:"pointer",...!disabled&&{"&:hover":{backgroundColor:destructive?theme.values.color.destructiveTertiaryButton.background.hover:theme.values.color.background.secondary.hover},"&:active":{color:destructive?theme.values.color.text.error.default:theme.values.color.text.primary.default}},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."l"===size&&{padding:theme.variables.size.spacing.m}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICAvKiogVGhlIHRleHQgZm9yIHRoZSBtZW51IGl0ZW0gKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIFRoZSBzaXplIG9mIHRoZSBtZW51IGl0ZW0gKi9cbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBNZW51IGl0ZW0gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIG1lbnUgaXRlbSBpcyBkZXN0cnVjdGl2ZS4gKi9cbiAgZGVzdHJ1Y3RpdmU/OiBib29sZWFuO1xuICAvKiogT24gc2VsZWN0IG1lbnUgaXRlbSBjYWxsYmFjayAqL1xuICBvblNlbGVjdDogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIC8qIEljb24gbmFtZSAqL1xuICBpY29uPzogSWNvbk5hbWU7XG4gIC8qIEVtcGhhc2l6ZWQgYnkgXCJmaWxsZWQtZG90XCIgcmlnaHQgaWNvbiAqL1xuICBlbXBoYXNpemVkPzogYm9vbGVhbjtcbiAgLyogVGV4dCB0cmFuc2Zvcm0gKHVwcGVyY2FzZSBhcyBkZWZhdWx0KSAqL1xuICB0ZXh0VmFyaWFudD86IFwidXBwZXJjYXNlXCIgfCBcImNhcGl0YWxpemVcIiB8IFwibG93ZXJjYXNlXCIgfCBcIm5vbmVcIjtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWRNZW51SXRlbSA9IHN0eWxlZC5idXR0b248UGFydGlhbDxNZW51SXRlbVByb3BzPj4oXG4gICh7IHRoZW1lLCBzaXplLCB0ZXh0VmFyaWFudCwgZGVzdHJ1Y3RpdmUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlcjogMCxcbiAgICBjb2xvcjogZGVzdHJ1Y3RpdmVcbiAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgICB0ZXh0VHJhbnNmb3JtOiB0ZXh0VmFyaWFudCB8fCBcInVwcGVyY2FzZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnhzLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5sZXR0ZXJTcGFjaW5nLnMsXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGRlc3RydWN0aXZlXG4gICAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuZGVzdHJ1Y3RpdmVUZXJ0aWFyeUJ1dHRvbi5iYWNrZ3JvdW5kLmhvdmVyXG4gICAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiBkZXN0cnVjdGl2ZVxuICAgICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuZXJyb3IuZGVmYXVsdFxuICAgICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oZGlzYWJsZWQgJiYge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJzXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICB9KSxcbiAgICAuLi4oc2l6ZSA9PT0gXCJtXCIgJiYge1xuICAgICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcImxcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVudUl0ZW0oe1xuICBsYWJlbCxcbiAgc2l6ZSA9IFwibVwiLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBvblNlbGVjdCxcbiAgaWNvbixcbiAgZGVzdHJ1Y3RpdmUsXG4gIGVtcGhhc2l6ZWQgPSBmYWxzZSxcbiAgdGV4dFZhcmlhbnQgPSBcInVwcGVyY2FzZVwiLFxuICBvbkJsdXIsXG59OiBNZW51SXRlbVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudUl0ZW1cbiAgICAgIHRhYkluZGV4PXswfSAvLyBGb3IgU2FmYXJpLCBiZWNhdXNlIGJ1dHRvbnMgYXJlIG5vdCBmb2N1c2FibGUgYnkgZGVmYXVsdCBvbiBpdC5cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBkZXN0cnVjdGl2ZT17ZGVzdHJ1Y3RpdmV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgIHRleHRWYXJpYW50PXt0ZXh0VmFyaWFudH1cbiAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwibGVmdFwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17YG1lbnVJdGVtLSR7aWNvbn1gfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtsYWJlbH1cbiAgICAgICAge2VtcGhhc2l6ZWQgJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICBjb2xvcj1cImVycm9yXCJcbiAgICAgICAgICAgIG5hbWU9XCJmaWxsZWQtZG90XCJcbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwibWVudUl0ZW0tZW1waGFzaXplZFwiXG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPVwibWVudUl0ZW0tZW1waGFzaXplZFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkTWVudUl0ZW0+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ1QiJ9 */");export function MenuItem({label,size="m",disabled=!1,onSelect,icon,destructive,emphasized=!1,textVariant="uppercase",onBlur}){return /*#__PURE__*/React.createElement(StyledMenuItem,{tabIndex:0,size:size,destructive:destructive,disabled:disabled,onClick:onSelect,textVariant:textVariant,onBlur:onBlur},/*#__PURE__*/React.createElement(Inline,{vAlignItems:"center",alignItems:"left",space:"xxs",noWrap:!0},icon&&/*#__PURE__*/React.createElement(Icon,{size:"s",name:icon,"data-testid":`menuItem-${icon}`,"data-e2e-test-id":`menuItem-${icon}`}),label,emphasized&&/*#__PURE__*/React.createElement(Icon,{size:"s",color:"error",name:"filled-dot","data-testid":"menuItem-emphasized","data-e2e-test-id":"menuItem-emphasized"})))}
1
+ import React from"react";import styled from"@emotion/styled";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledMenuItem=/*#__PURE__*/styled("button",{target:"emlyvnc0",label:"StyledMenuItem"})(({theme,size,textVariant,destructive,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",width:"100%",border:0,color:destructive?theme.values.color.text.error.default:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.primary.default,textTransform:textVariant||"uppercase",textDecoration:"none",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,letterSpacing:theme.variables.size.letterSpacing.s,fontWeight:theme.variables.weight.bold,cursor:"pointer",...!disabled&&{"&:hover":{backgroundColor:destructive?theme.values.color.destructiveTertiaryButton.background.hover:theme.values.color.background.secondary.hover},"&:active":{color:destructive?theme.values.color.text.error.default:theme.values.color.text.primary.default}},...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."s"===size&&{padding:theme.variables.size.spacing.xs},..."m"===size&&{padding:theme.variables.size.spacing.s},..."l"===size&&{padding:theme.variables.size.spacing.m}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L01lbnVJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuXG5leHBvcnQgdHlwZSBNZW51SXRlbVByb3BzID0ge1xuICAvKiogVGhlIHRleHQgZm9yIHRoZSBtZW51IGl0ZW0gKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIFRoZSBzaXplIG9mIHRoZSBtZW51IGl0ZW0gKi9cbiAgc2l6ZT86IEJ1dHRvblNpemU7XG4gIC8qKiBNZW51IGl0ZW0gZGlzYWJsZWQgc3RhdGUgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIG1lbnUgaXRlbSBpcyBkZXN0cnVjdGl2ZS4gKi9cbiAgZGVzdHJ1Y3RpdmU/OiBib29sZWFuO1xuICAvKiogT24gc2VsZWN0IG1lbnUgaXRlbSBjYWxsYmFjayAqL1xuICBvblNlbGVjdDogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIC8qIEljb24gbmFtZSAqL1xuICBpY29uPzogSWNvbk5hbWU7XG4gIC8qIEVtcGhhc2l6ZWQgYnkgXCJkb3RcIiByaWdodCBpY29uICovXG4gIGVtcGhhc2l6ZWQ/OiBib29sZWFuO1xuICAvKiBUZXh0IHRyYW5zZm9ybSAodXBwZXJjYXNlIGFzIGRlZmF1bHQpICovXG4gIHRleHRWYXJpYW50PzogXCJ1cHBlcmNhc2VcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJsb3dlcmNhc2VcIiB8IFwibm9uZVwiO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZE1lbnVJdGVtID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPE1lbnVJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNpemUsIHRleHRWYXJpYW50LCBkZXN0cnVjdGl2ZSwgZGlzYWJsZWQgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyOiAwLFxuICAgIGNvbG9yOiBkZXN0cnVjdGl2ZVxuICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5lcnJvci5kZWZhdWx0XG4gICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIHRleHRUcmFuc2Zvcm06IHRleHRWYXJpYW50IHx8IFwidXBwZXJjYXNlXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICAgIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZGVzdHJ1Y3RpdmVcbiAgICAgICAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5kZXN0cnVjdGl2ZVRlcnRpYXJ5QnV0dG9uLmJhY2tncm91bmQuaG92ZXJcbiAgICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnNlY29uZGFyeS5ob3ZlcixcbiAgICAgIH0sXG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IGRlc3RydWN0aXZlXG4gICAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5lcnJvci5kZWZhdWx0XG4gICAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5kaXNhYmxlZCxcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcInNcIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIH0pLFxuICAgIC4uLihzaXplID09PSBcIm1cIiAmJiB7XG4gICAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnMsXG4gICAgfSksXG4gICAgLi4uKHNpemUgPT09IFwibFwiICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBNZW51SXRlbSh7XG4gIGxhYmVsLFxuICBzaXplID0gXCJtXCIsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIG9uU2VsZWN0LFxuICBpY29uLFxuICBkZXN0cnVjdGl2ZSxcbiAgZW1waGFzaXplZCA9IGZhbHNlLFxuICB0ZXh0VmFyaWFudCA9IFwidXBwZXJjYXNlXCIsXG4gIG9uQmx1cixcbn06IE1lbnVJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRNZW51SXRlbVxuICAgICAgdGFiSW5kZXg9ezB9IC8vIEZvciBTYWZhcmksIGJlY2F1c2UgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0IG9uIGl0LlxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGRlc3RydWN0aXZlPXtkZXN0cnVjdGl2ZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgdGV4dFZhcmlhbnQ9e3RleHRWYXJpYW50fVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJsZWZ0XCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbWVudUl0ZW0tJHtpY29ufWB9XG4gICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtgbWVudUl0ZW0tJHtpY29ufWB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge2xhYmVsfVxuICAgICAgICB7ZW1waGFzaXplZCAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPVwiZXJyb3JcIlxuICAgICAgICAgICAgbmFtZT1cImRvdFwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cIm1lbnVJdGVtLWVtcGhhc2l6ZWRcIlxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD1cIm1lbnVJdGVtLWVtcGhhc2l6ZWRcIlxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L0lubGluZT5cbiAgICA8L1N0eWxlZE1lbnVJdGVtPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCdUIifQ== */");export function MenuItem({label,size="m",disabled=!1,onSelect,icon,destructive,emphasized=!1,textVariant="uppercase",onBlur}){return /*#__PURE__*/React.createElement(StyledMenuItem,{tabIndex:0,size:size,destructive:destructive,disabled:disabled,onClick:onSelect,textVariant:textVariant,onBlur:onBlur},/*#__PURE__*/React.createElement(Inline,{vAlignItems:"center",alignItems:"left",space:"xxs",noWrap:!0},icon&&/*#__PURE__*/React.createElement(Icon,{size:"s",name:icon,"data-testid":`menuItem-${icon}`,"data-e2e-test-id":`menuItem-${icon}`}),label,emphasized&&/*#__PURE__*/React.createElement(Icon,{size:"s",color:"error",name:"dot","data-testid":"menuItem-emphasized","data-e2e-test-id":"menuItem-emphasized"})))}
package/build/esm/components/Toast/Toast.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import type { ReactElement } from "react";
2
+ import React from "react";
3
+ import type { PortalProps } from "../Portal/Portal";
4
+ import type { PolymorphicComponentPropsWithRef } from "../../types";
5
+ import { type ButtonProps } from "../Button/Button";
6
+ import type { IconName } from "../Icon/Icon";
7
+ type DismissReason = "timeout" | "close" | "replaced";
8
+ export type ToastProps<C extends React.ElementType = "button"> = {
9
+ type?: "info" | "success" | "error" | "neutral";
10
+ iconName?: IconName | null;
11
+ isVisible: boolean;
12
+ message: string | ReactElement;
13
+ autoDismissDuration?: "none" | "s" | "m" | "l";
14
+ actionButton?: PolymorphicComponentPropsWithRef<C, ButtonProps>;
15
+ onDismiss: (reason: DismissReason) => void;
16
+ "data-e2e-test-id"?: string;
17
+ } & Pick<PortalProps, "portalContainer">;
18
+ export declare function Toast<C extends React.ElementType = "button">({ type, iconName, isVisible, message, portalContainer, actionButton, autoDismissDuration, onDismiss, "data-e2e-test-id": dataE2eTestId, }: ToastProps<C>): React.ReactElement;
19
+ export {};
package/build/esm/components/Toast/Toast.js ADDED
@@ -0,0 +1 @@
1
+ import React,{useState,useEffect,useCallback,useContext,useRef,useId}from"react";import{keyframes}from"@emotion/react";import styled from"@emotion/styled";import{Text}from"../Typography/Text/Text";import{Box}from"../Box/Box";import{PictogramButton}from"../PictogramButton/PictogramButton";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{Portal}from"../Portal/Portal";import{Container}from"../Container/Container";import zIndices from"../../web-tokens/_zindex.json";import{Button}from"../Button/Button";import{Inline}from"../Inline/Inline";import{ToastContext}from"./ToastProvider";import{Icon}from"../Icon/Icon";import{mqValue}from"../../shared/mediaQueries";let StyledContainer=/*#__PURE__*/styled("aside",{target:"e1r5onxg0",label:"StyledContainer"})(({theme,isShowing,isHiding})=>{let entryAnimation=keyframes({from:{transform:`translate(-50%, ${theme.variables.animation.toast.entry.distanceY})`,opacity:theme.variables.opacity.hidden},to:{transform:"translate(-50%, 0px)",opacity:theme.variables.opacity.visible}}),exitAnimation=keyframes({from:{transform:"translate(-50%, 0px)",opacity:theme.variables.opacity.visible},to:{transform:`translate(-50%, ${theme.variables.animation.toast.exit.distanceY})`,opacity:theme.variables.opacity.hidden}}),animation="none";return isShowing?animation=`${theme.variables.animation.toast.entry.duration} ease forwards ${entryAnimation}`:isHiding&&(animation=`${theme.variables.animation.toast.exit.duration} ease forwards ${exitAnimation}`),{position:"fixed",opacity:"none"===animation?theme.variables.opacity.visible:theme.variables.opacity.hidden,left:"50%",transform:"translateX(-50%)",animation,zIndex:zIndices.tooltip.value,...mqValue({maxWidth:[void 0,520],minWidth:[void 0,280],width:[`calc(100% - (2 * ${theme.variables.size.spacing.m}))`,"auto"],bottom:[theme.variables.size.spacing.m,theme.variables.size.spacing.l]})}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50SGFuZGxlciwgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHtcbiAgdXNlU3RhdGUsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZVJlZixcbiAgdXNlSWQsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgU3ViVGhlbWVQcm92aWRlciB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFBvcnRhbCB9IGZyb20gXCIuLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgdHlwZSB7IFBvcnRhbFByb3BzIH0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXIvQ29udGFpbmVyXCI7XG5pbXBvcnQgekluZGljZXMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvX3ppbmRleC5qc29uXCI7XG5pbXBvcnQgdHlwZSB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBCdXR0b24sIHR5cGUgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRvYXN0Q29udGV4dCB9IGZyb20gXCIuL1RvYXN0UHJvdmlkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHR5cGUgeyBTdWJUaGVtZVByb3ZpZGVyUHJvcHMgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxudHlwZSBEaXNtaXNzUmVhc29uID0gXCJ0aW1lb3V0XCIgfCBcImNsb3NlXCIgfCBcInJlcGxhY2VkXCI7XG5cbmV4cG9ydCB0eXBlIFRvYXN0UHJvcHM8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4gPSB7XG4gIHR5cGU/OiBcImluZm9cIiB8IFwic3VjY2Vzc1wiIHwgXCJlcnJvclwiIHwgXCJuZXV0cmFsXCI7XG4gIGljb25OYW1lPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIG1lc3NhZ2U6IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbiAgYXV0b0Rpc21pc3NEdXJhdGlvbj86IFwibm9uZVwiIHwgXCJzXCIgfCBcIm1cIiB8IFwibFwiO1xuICBhY3Rpb25CdXR0b24/OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBCdXR0b25Qcm9wcz47XG4gIG9uRGlzbWlzczogKHJlYXNvbjogRGlzbWlzc1JlYXNvbikgPT4gdm9pZDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59ICYgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSB7XG4gIGlzU2hvd2luZzogYm9vbGVhbjtcbiAgaXNIaWRpbmc6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuYXNpZGU8U3R5bGVkQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTaG93aW5nLCBpc0hpZGluZyB9KSA9PiB7XG4gICAgY29uc3QgZW50cnlBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAgICAgZnJvbToge1xuICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoLTUwJSwgJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLnRvYXN0LmVudHJ5LmRpc3RhbmNlWX0pYCxcbiAgICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuaGlkZGVuLFxuICAgICAgfSxcbiAgICAgIHRvOiB7XG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgtNTAlLCAwcHgpYCxcbiAgICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBleGl0QW5pbWF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgICAgIGZyb206IHtcbiAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKC01MCUsIDBweClgLFxuICAgICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlLFxuICAgICAgfSxcbiAgICAgIHRvOiB7XG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgtNTAlLCAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udG9hc3QuZXhpdC5kaXN0YW5jZVl9KWAsXG4gICAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbixcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBsZXQgYW5pbWF0aW9uID0gXCJub25lXCI7XG4gICAgaWYgKGlzU2hvd2luZykge1xuICAgICAgYW5pbWF0aW9uID0gYCR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi50b2FzdC5lbnRyeS5kdXJhdGlvbn0gZWFzZSBmb3J3YXJkcyAke2VudHJ5QW5pbWF0aW9ufWA7XG4gICAgfSBlbHNlIGlmIChpc0hpZGluZykge1xuICAgICAgYW5pbWF0aW9uID0gYCR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi50b2FzdC5leGl0LmR1cmF0aW9ufSBlYXNlIGZvcndhcmRzICR7ZXhpdEFuaW1hdGlvbn1gO1xuICAgIH1cblxuICAgIGNvbnN0IG9wYWNpdHkgPVxuICAgICAgYW5pbWF0aW9uID09PSBcIm5vbmVcIlxuICAgICAgICA/IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGVcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW47XG5cbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICAgIG9wYWNpdHksXG4gICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgIGFuaW1hdGlvbixcbiAgICAgIHpJbmRleDogekluZGljZXMudG9vbHRpcC52YWx1ZSxcblxuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIG1heFdpZHRoOiBbdW5kZWZpbmVkLCA1MjBdLFxuICAgICAgICBtaW5XaWR0aDogW3VuZGVmaW5lZCwgMjgwXSxcbiAgICAgICAgd2lkdGg6IFtgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0pKWAsIFwiYXV0b1wiXSxcbiAgICAgICAgYm90dG9tOiBbXG4gICAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgICAgXSxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2KFxuICBtcVZhbHVlKHtcbiAgICBkaXNwbGF5OiBbXCJub25lXCIsIFwiYmxvY2tcIl0sXG4gIH0pXG4pO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxUb2FzdFByb3BzW1widHlwZVwiXSwgSWNvbk5hbWU+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgc3VjY2VzczogXCJjaGVja1wiLFxuICBlcnJvcjogXCJhbGVydC10cmlhbmdsZVwiLFxuICBuZXV0cmFsOiBcImluZm9cIixcbn07XG5cbmNvbnN0IFRZUEVfVE9fU1VCX1RIRU1FX05BTUVTOiBSZWNvcmQ8XG4gIFRvYXN0UHJvcHNbXCJ0eXBlXCJdLFxuICBTdWJUaGVtZVByb3ZpZGVyUHJvcHNbXCJuYW1lXCJdXG4+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgc3VjY2VzczogXCJzdWNjZXNzXCIsXG4gIGVycm9yOiBcImVycm9yXCIsXG4gIG5ldXRyYWw6IFwiZGltbWVkXCIsXG59O1xuXG5jb25zdCBBVVRPX0RJU01JU1NfRFVSQVRJT046IFJlY29yZDxUb2FzdFByb3BzW1wiYXV0b0Rpc21pc3NEdXJhdGlvblwiXSwgbnVtYmVyPiA9XG4gIHtcbiAgICBub25lOiAwLFxuICAgIHM6IDUwMDAsXG4gICAgbTogMTAwMDAsXG4gICAgbDogMTUwMDAsXG4gIH07XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2FzdDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPih7XG4gIHR5cGUgPSBcImluZm9cIixcbiAgaWNvbk5hbWUgPSBERUZBVUxUX0lDT05TX0JZX1RZUEVbdHlwZV0sXG4gIGlzVmlzaWJsZSxcbiAgbWVzc2FnZSxcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBhY3Rpb25CdXR0b24sXG4gIGF1dG9EaXNtaXNzRHVyYXRpb24gPSBhY3Rpb25CdXR0b24gPyBcIm1cIiA6IFwic1wiLFxuICBvbkRpc21pc3MsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVG9hc3RQcm9wczxDPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Nob3dpbmcsIHNldElzU2hvd2luZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc0hpZGluZywgc2V0SXNIaWRpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbaXNUb2FzdFZpc2libGUsIHNldElzVG9hc3RWaXNpYmxlXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdG9hc3RDb250ZXh0ID0gdXNlQ29udGV4dChUb2FzdENvbnRleHQpO1xuICBjb25zdCB0aW1lb3V0SWQgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGlkID0gdXNlSWQoKTtcbiAgY29uc3QgYXV0b0Rpc21pc3NEdXJhdGlvbk1zID0gQVVUT19ESVNNSVNTX0RVUkFUSU9OW2F1dG9EaXNtaXNzRHVyYXRpb25dO1xuXG4gIGNvbnN0IHNob3dUb2FzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzVG9hc3RWaXNpYmxlKSB7XG4gICAgICBzZXRJc1Nob3dpbmcodHJ1ZSk7XG4gICAgICBpZiAoYXV0b0Rpc21pc3NEdXJhdGlvbk1zKSB7XG4gICAgICAgIHRpbWVvdXRJZC5jdXJyZW50ID0gc2V0VGltZW91dChcbiAgICAgICAgICAoKSA9PiBvbkRpc21pc3MoXCJ0aW1lb3V0XCIpLFxuICAgICAgICAgIGF1dG9EaXNtaXNzRHVyYXRpb25Nc1xuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2lzVG9hc3RWaXNpYmxlLCBhdXRvRGlzbWlzc0R1cmF0aW9uTXMsIG9uRGlzbWlzc10pO1xuXG4gIGNvbnN0IGhpZGVUb2FzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNUb2FzdFZpc2libGUpIHtcbiAgICAgIHNldElzSGlkaW5nKHRydWUpO1xuICAgIH1cbiAgfSwgW2lzVG9hc3RWaXNpYmxlXSk7XG5cbiAgdXNlRWZmZWN0KFxuICAgICgpID0+ICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0SWQuY3VycmVudCk7XG4gICAgfSxcbiAgICBbXVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgc2hvd1RvYXN0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0SWQuY3VycmVudCk7XG4gICAgICBoaWRlVG9hc3QoKTtcbiAgICB9XG4gIH0sIFtpc1Zpc2libGUsIHNob3dUb2FzdCwgaGlkZVRvYXN0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBpZiBub3QgbGF0ZXN0IHRvYXN0LCB0aGVuIGhpZGUgaXRcbiAgICBpZiAoXG4gICAgICBpc1RvYXN0VmlzaWJsZSAmJlxuICAgICAgdG9hc3RDb250ZXh0ICYmXG4gICAgICB0b2FzdENvbnRleHQubGFzdFRvYXN0SWQgJiZcbiAgICAgIHRvYXN0Q29udGV4dC5sYXN0VG9hc3RJZCAhPT0gaWRcbiAgICApIHtcbiAgICAgIG9uRGlzbWlzcyhcInJlcGxhY2VkXCIpO1xuICAgIH1cbiAgfSwgW2lzVG9hc3RWaXNpYmxlLCB0b2FzdENvbnRleHQsIGlkLCBvbkRpc21pc3NdKTtcblxuICBjb25zdCBoYW5kbGVPbkFuaW1hdGlvbkVuZCA9ICgpID0+IHtcbiAgICBpZiAoaXNTaG93aW5nKSB7XG4gICAgICBzZXRJc1Nob3dpbmcoZmFsc2UpO1xuICAgICAgc2V0SXNUb2FzdFZpc2libGUodHJ1ZSk7XG5cbiAgICAgIGlmICh0b2FzdENvbnRleHQpIHtcbiAgICAgICAgdG9hc3RDb250ZXh0LnNldExhc3RUb2FzdElkKGlkKTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGlzSGlkaW5nKSB7XG4gICAgICBzZXRJc0hpZGluZyhmYWxzZSk7XG4gICAgICBzZXRJc1RvYXN0VmlzaWJsZShmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUtleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBpZiAoZXZ0LmtleSA9PT0gXCJFc2NhcGVcIikge1xuICAgICAgb25EaXNtaXNzKFwiY2xvc2VcIik7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHNob3cgPSBpc1RvYXN0VmlzaWJsZSB8fCBpc1Nob3dpbmcgfHwgaXNIaWRpbmc7XG5cbiAgaWYgKCFzaG93KSByZXR1cm4gbnVsbDtcbiAgLyogZXNsaW50LWRpc2FibGUgIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiAgLy8gVGhlIGFjdGlvbiBidXR0b24gaXMgaGlkZGVuIGZyb20gc2NyZWVuIHJlYWRlcnMgYmVjYXVzZSB0b2FzdCBjYW4gYmUgYXV0byBkaXNtaXNzZWQgYW5kIHRodXMgbm90IGFjY2Vzc2libGUuXG4gIGNvbnN0IGFjdGlvbkJ1dHRvbkVsbSA9IGFjdGlvbkJ1dHRvbiA/IChcbiAgICA8QnV0dG9uIHsuLi5hY3Rpb25CdXR0b259IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBzaXplPVwic1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+XG4gICkgOiBudWxsO1xuICAvKiBlc2xpbnQtZW5hYmxlICByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbiAgcmV0dXJuIChcbiAgICA8UG9ydGFsIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlRvYXN0XCJcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgaXNTaG93aW5nPXtpc1Nob3dpbmd9XG4gICAgICAgIGlzSGlkaW5nPXtpc0hpZGluZ31cbiAgICAgICAgb25BbmltYXRpb25FbmQ9e2hhbmRsZU9uQW5pbWF0aW9uRW5kfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICA+XG4gICAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e1RZUEVfVE9fU1VCX1RIRU1FX05BTUVTW3R5cGVdfT5cbiAgICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17M30gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cIm1cIiB2U3BhY2U9XCJzXCIgclNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICA8SW5saW5lXG4gICAgICAgICAgICAgICAgc3BhY2U9XCJtXCJcbiAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCJcbiAgICAgICAgICAgICAgICB2QWxpZ25JdGVtcz1cInRvcFwiXG4gICAgICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIHZTcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAge2ljb25OYW1lICYmIChcbiAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29uTmFtZX0gZGF0YS1lMmUtdGVzdC1pZD17aWNvbk5hbWV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dD57bWVzc2FnZX08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8SW5saW5lIHNwYWNlPVwieHNcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgIHthY3Rpb25CdXR0b25FbG19XG4gICAgICAgICAgICAgICAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9XCJjbG9zZS1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiQ2xvc2UgdG9hc3RcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkRpc21pc3MoXCJjbG9zZVwiKX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvUG9ydGFsPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDd0IifQ== */"),StyledIconContainer=/*#__PURE__*/styled("div",{target:"e1r5onxg1",label:"StyledIconContainer"})(mqValue({display:["none","block"]}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBLZXlib2FyZEV2ZW50SGFuZGxlciwgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHtcbiAgdXNlU3RhdGUsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZVJlZixcbiAgdXNlSWQsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgU3ViVGhlbWVQcm92aWRlciB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFBvcnRhbCB9IGZyb20gXCIuLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgdHlwZSB7IFBvcnRhbFByb3BzIH0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXIvQ29udGFpbmVyXCI7XG5pbXBvcnQgekluZGljZXMgZnJvbSBcIi4uLy4uL3dlYi10b2tlbnMvX3ppbmRleC5qc29uXCI7XG5pbXBvcnQgdHlwZSB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBCdXR0b24sIHR5cGUgQnV0dG9uUHJvcHMgfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRvYXN0Q29udGV4dCB9IGZyb20gXCIuL1RvYXN0UHJvdmlkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHR5cGUgeyBTdWJUaGVtZVByb3ZpZGVyUHJvcHMgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxudHlwZSBEaXNtaXNzUmVhc29uID0gXCJ0aW1lb3V0XCIgfCBcImNsb3NlXCIgfCBcInJlcGxhY2VkXCI7XG5cbmV4cG9ydCB0eXBlIFRvYXN0UHJvcHM8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4gPSB7XG4gIHR5cGU/OiBcImluZm9cIiB8IFwic3VjY2Vzc1wiIHwgXCJlcnJvclwiIHwgXCJuZXV0cmFsXCI7XG4gIGljb25OYW1lPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIG1lc3NhZ2U6IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbiAgYXV0b0Rpc21pc3NEdXJhdGlvbj86IFwibm9uZVwiIHwgXCJzXCIgfCBcIm1cIiB8IFwibFwiO1xuICBhY3Rpb25CdXR0b24/OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBCdXR0b25Qcm9wcz47XG4gIG9uRGlzbWlzczogKHJlYXNvbjogRGlzbWlzc1JlYXNvbikgPT4gdm9pZDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59ICYgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSB7XG4gIGlzU2hvd2luZzogYm9vbGVhbjtcbiAgaXNIaWRpbmc6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuYXNpZGU8U3R5bGVkQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgaXNTaG93aW5nLCBpc0hpZGluZyB9KSA9PiB7XG4gICAgY29uc3QgZW50cnlBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAgICAgZnJvbToge1xuICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUoLTUwJSwgJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLnRvYXN0LmVudHJ5LmRpc3RhbmNlWX0pYCxcbiAgICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuaGlkZGVuLFxuICAgICAgfSxcbiAgICAgIHRvOiB7XG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgtNTAlLCAwcHgpYCxcbiAgICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkudmlzaWJsZSxcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBleGl0QW5pbWF0aW9uID0ga2V5ZnJhbWVzKHtcbiAgICAgIGZyb206IHtcbiAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlKC01MCUsIDBweClgLFxuICAgICAgICBvcGFjaXR5OiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlLFxuICAgICAgfSxcbiAgICAgIHRvOiB7XG4gICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZSgtNTAlLCAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udG9hc3QuZXhpdC5kaXN0YW5jZVl9KWAsXG4gICAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmhpZGRlbixcbiAgICAgIH0sXG4gICAgfSk7XG5cbiAgICBsZXQgYW5pbWF0aW9uID0gXCJub25lXCI7XG4gICAgaWYgKGlzU2hvd2luZykge1xuICAgICAgYW5pbWF0aW9uID0gYCR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi50b2FzdC5lbnRyeS5kdXJhdGlvbn0gZWFzZSBmb3J3YXJkcyAke2VudHJ5QW5pbWF0aW9ufWA7XG4gICAgfSBlbHNlIGlmIChpc0hpZGluZykge1xuICAgICAgYW5pbWF0aW9uID0gYCR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi50b2FzdC5leGl0LmR1cmF0aW9ufSBlYXNlIGZvcndhcmRzICR7ZXhpdEFuaW1hdGlvbn1gO1xuICAgIH1cblxuICAgIGNvbnN0IG9wYWNpdHkgPVxuICAgICAgYW5pbWF0aW9uID09PSBcIm5vbmVcIlxuICAgICAgICA/IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGVcbiAgICAgICAgOiB0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW47XG5cbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICAgIG9wYWNpdHksXG4gICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgIGFuaW1hdGlvbixcbiAgICAgIHpJbmRleDogekluZGljZXMudG9vbHRpcC52YWx1ZSxcblxuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIG1heFdpZHRoOiBbdW5kZWZpbmVkLCA1MjBdLFxuICAgICAgICBtaW5XaWR0aDogW3VuZGVmaW5lZCwgMjgwXSxcbiAgICAgICAgd2lkdGg6IFtgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0pKWAsIFwiYXV0b1wiXSxcbiAgICAgICAgYm90dG9tOiBbXG4gICAgICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgICAgXSxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2KFxuICBtcVZhbHVlKHtcbiAgICBkaXNwbGF5OiBbXCJub25lXCIsIFwiYmxvY2tcIl0sXG4gIH0pXG4pO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxUb2FzdFByb3BzW1widHlwZVwiXSwgSWNvbk5hbWU+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgc3VjY2VzczogXCJjaGVja1wiLFxuICBlcnJvcjogXCJhbGVydC10cmlhbmdsZVwiLFxuICBuZXV0cmFsOiBcImluZm9cIixcbn07XG5cbmNvbnN0IFRZUEVfVE9fU1VCX1RIRU1FX05BTUVTOiBSZWNvcmQ8XG4gIFRvYXN0UHJvcHNbXCJ0eXBlXCJdLFxuICBTdWJUaGVtZVByb3ZpZGVyUHJvcHNbXCJuYW1lXCJdXG4+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgc3VjY2VzczogXCJzdWNjZXNzXCIsXG4gIGVycm9yOiBcImVycm9yXCIsXG4gIG5ldXRyYWw6IFwiZGltbWVkXCIsXG59O1xuXG5jb25zdCBBVVRPX0RJU01JU1NfRFVSQVRJT046IFJlY29yZDxUb2FzdFByb3BzW1wiYXV0b0Rpc21pc3NEdXJhdGlvblwiXSwgbnVtYmVyPiA9XG4gIHtcbiAgICBub25lOiAwLFxuICAgIHM6IDUwMDAsXG4gICAgbTogMTAwMDAsXG4gICAgbDogMTUwMDAsXG4gIH07XG5cbmV4cG9ydCBmdW5jdGlvbiBUb2FzdDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPih7XG4gIHR5cGUgPSBcImluZm9cIixcbiAgaWNvbk5hbWUgPSBERUZBVUxUX0lDT05TX0JZX1RZUEVbdHlwZV0sXG4gIGlzVmlzaWJsZSxcbiAgbWVzc2FnZSxcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBhY3Rpb25CdXR0b24sXG4gIGF1dG9EaXNtaXNzRHVyYXRpb24gPSBhY3Rpb25CdXR0b24gPyBcIm1cIiA6IFwic1wiLFxuICBvbkRpc21pc3MsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVG9hc3RQcm9wczxDPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc1Nob3dpbmcsIHNldElzU2hvd2luZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc0hpZGluZywgc2V0SXNIaWRpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbaXNUb2FzdFZpc2libGUsIHNldElzVG9hc3RWaXNpYmxlXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdG9hc3RDb250ZXh0ID0gdXNlQ29udGV4dChUb2FzdENvbnRleHQpO1xuICBjb25zdCB0aW1lb3V0SWQgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGlkID0gdXNlSWQoKTtcbiAgY29uc3QgYXV0b0Rpc21pc3NEdXJhdGlvbk1zID0gQVVUT19ESVNNSVNTX0RVUkFUSU9OW2F1dG9EaXNtaXNzRHVyYXRpb25dO1xuXG4gIGNvbnN0IHNob3dUb2FzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzVG9hc3RWaXNpYmxlKSB7XG4gICAgICBzZXRJc1Nob3dpbmcodHJ1ZSk7XG4gICAgICBpZiAoYXV0b0Rpc21pc3NEdXJhdGlvbk1zKSB7XG4gICAgICAgIHRpbWVvdXRJZC5jdXJyZW50ID0gc2V0VGltZW91dChcbiAgICAgICAgICAoKSA9PiBvbkRpc21pc3MoXCJ0aW1lb3V0XCIpLFxuICAgICAgICAgIGF1dG9EaXNtaXNzRHVyYXRpb25Nc1xuICAgICAgICApO1xuICAgICAgfVxuICAgIH1cbiAgfSwgW2lzVG9hc3RWaXNpYmxlLCBhdXRvRGlzbWlzc0R1cmF0aW9uTXMsIG9uRGlzbWlzc10pO1xuXG4gIGNvbnN0IGhpZGVUb2FzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNUb2FzdFZpc2libGUpIHtcbiAgICAgIHNldElzSGlkaW5nKHRydWUpO1xuICAgIH1cbiAgfSwgW2lzVG9hc3RWaXNpYmxlXSk7XG5cbiAgdXNlRWZmZWN0KFxuICAgICgpID0+ICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0SWQuY3VycmVudCk7XG4gICAgfSxcbiAgICBbXVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgc2hvd1RvYXN0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aW1lb3V0SWQuY3VycmVudCk7XG4gICAgICBoaWRlVG9hc3QoKTtcbiAgICB9XG4gIH0sIFtpc1Zpc2libGUsIHNob3dUb2FzdCwgaGlkZVRvYXN0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBpZiBub3QgbGF0ZXN0IHRvYXN0LCB0aGVuIGhpZGUgaXRcbiAgICBpZiAoXG4gICAgICBpc1RvYXN0VmlzaWJsZSAmJlxuICAgICAgdG9hc3RDb250ZXh0ICYmXG4gICAgICB0b2FzdENvbnRleHQubGFzdFRvYXN0SWQgJiZcbiAgICAgIHRvYXN0Q29udGV4dC5sYXN0VG9hc3RJZCAhPT0gaWRcbiAgICApIHtcbiAgICAgIG9uRGlzbWlzcyhcInJlcGxhY2VkXCIpO1xuICAgIH1cbiAgfSwgW2lzVG9hc3RWaXNpYmxlLCB0b2FzdENvbnRleHQsIGlkLCBvbkRpc21pc3NdKTtcblxuICBjb25zdCBoYW5kbGVPbkFuaW1hdGlvbkVuZCA9ICgpID0+IHtcbiAgICBpZiAoaXNTaG93aW5nKSB7XG4gICAgICBzZXRJc1Nob3dpbmcoZmFsc2UpO1xuICAgICAgc2V0SXNUb2FzdFZpc2libGUodHJ1ZSk7XG5cbiAgICAgIGlmICh0b2FzdENvbnRleHQpIHtcbiAgICAgICAgdG9hc3RDb250ZXh0LnNldExhc3RUb2FzdElkKGlkKTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKGlzSGlkaW5nKSB7XG4gICAgICBzZXRJc0hpZGluZyhmYWxzZSk7XG4gICAgICBzZXRJc1RvYXN0VmlzaWJsZShmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUtleURvd246IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBpZiAoZXZ0LmtleSA9PT0gXCJFc2NhcGVcIikge1xuICAgICAgb25EaXNtaXNzKFwiY2xvc2VcIik7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHNob3cgPSBpc1RvYXN0VmlzaWJsZSB8fCBpc1Nob3dpbmcgfHwgaXNIaWRpbmc7XG5cbiAgaWYgKCFzaG93KSByZXR1cm4gbnVsbDtcbiAgLyogZXNsaW50LWRpc2FibGUgIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiAgLy8gVGhlIGFjdGlvbiBidXR0b24gaXMgaGlkZGVuIGZyb20gc2NyZWVuIHJlYWRlcnMgYmVjYXVzZSB0b2FzdCBjYW4gYmUgYXV0byBkaXNtaXNzZWQgYW5kIHRodXMgbm90IGFjY2Vzc2libGUuXG4gIGNvbnN0IGFjdGlvbkJ1dHRvbkVsbSA9IGFjdGlvbkJ1dHRvbiA/IChcbiAgICA8QnV0dG9uIHsuLi5hY3Rpb25CdXR0b259IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBzaXplPVwic1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+XG4gICkgOiBudWxsO1xuICAvKiBlc2xpbnQtZW5hYmxlICByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbiAgcmV0dXJuIChcbiAgICA8UG9ydGFsIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlRvYXN0XCJcbiAgICAgICAgcm9sZT1cImFsZXJ0XCJcbiAgICAgICAgaXNTaG93aW5nPXtpc1Nob3dpbmd9XG4gICAgICAgIGlzSGlkaW5nPXtpc0hpZGluZ31cbiAgICAgICAgb25BbmltYXRpb25FbmQ9e2hhbmRsZU9uQW5pbWF0aW9uRW5kfVxuICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICA+XG4gICAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e1RZUEVfVE9fU1VCX1RIRU1FX05BTUVTW3R5cGVdfT5cbiAgICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17M30gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cIm1cIiB2U3BhY2U9XCJzXCIgclNwYWNlPVwic1wiPlxuICAgICAgICAgICAgICA8SW5saW5lXG4gICAgICAgICAgICAgICAgc3BhY2U9XCJtXCJcbiAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCJcbiAgICAgICAgICAgICAgICB2QWxpZ25JdGVtcz1cInRvcFwiXG4gICAgICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Qm94IHNwYWNlPVwiemVyb1wiIHZTcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAge2ljb25OYW1lICYmIChcbiAgICAgICAgICAgICAgICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8SWNvbiBuYW1lPXtpY29uTmFtZX0gZGF0YS1lMmUtdGVzdC1pZD17aWNvbk5hbWV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8VGV4dD57bWVzc2FnZX08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8SW5saW5lIHNwYWNlPVwieHNcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgIHthY3Rpb25CdXR0b25FbG19XG4gICAgICAgICAgICAgICAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9XCJjbG9zZS1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiQ2xvc2UgdG9hc3RcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkRpc21pc3MoXCJjbG9zZVwiKX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvUG9ydGFsPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVHNEIifQ== */"),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check",error:"alert-triangle",neutral:"info"},TYPE_TO_SUB_THEME_NAMES={info:"info",success:"success",error:"error",neutral:"dimmed"},AUTO_DISMISS_DURATION={none:0,s:5e3,m:1e4,l:15e3};export function Toast({type="info",iconName=DEFAULT_ICONS_BY_TYPE[type],isVisible,message,portalContainer,actionButton,autoDismissDuration=actionButton?"m":"s",onDismiss,"data-e2e-test-id":dataE2eTestId}){let[isShowing,setIsShowing]=useState(!1),[isHiding,setIsHiding]=useState(!1),[isToastVisible,setIsToastVisible]=useState(!1),toastContext=useContext(ToastContext),timeoutId=useRef(null),id=useId(),autoDismissDurationMs=AUTO_DISMISS_DURATION[autoDismissDuration],showToast=useCallback(()=>{!isToastVisible&&(setIsShowing(!0),autoDismissDurationMs&&(timeoutId.current=setTimeout(()=>onDismiss("timeout"),autoDismissDurationMs)))},[isToastVisible,autoDismissDurationMs,onDismiss]),hideToast=useCallback(()=>{isToastVisible&&setIsHiding(!0)},[isToastVisible]);if(useEffect(()=>()=>{clearTimeout(timeoutId.current)},[]),useEffect(()=>{isVisible?showToast():(clearTimeout(timeoutId.current),hideToast())},[isVisible,showToast,hideToast]),useEffect(()=>{isToastVisible&&toastContext&&toastContext.lastToastId&&toastContext.lastToastId!==id&&onDismiss("replaced")},[isToastVisible,toastContext,id,onDismiss]),!(isToastVisible||isShowing||isHiding))return null;let actionButtonElm=actionButton?/*#__PURE__*/React.createElement(Button,{...actionButton,variant:"secondary",size:"s","aria-hidden":"true"}):null;return /*#__PURE__*/React.createElement(Portal,{portalContainer:portalContainer},/*#__PURE__*/React.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toast",role:"alert",isShowing:isShowing,isHiding:isHiding,onAnimationEnd:()=>{isShowing&&(setIsShowing(!1),setIsToastVisible(!0),toastContext&&toastContext.setLastToastId(id)),isHiding&&(setIsHiding(!1),setIsToastVisible(!1))},onKeyDown:evt=>{"Escape"===evt.key&&onDismiss("close")}},/*#__PURE__*/React.createElement(SubThemeProvider,{name:TYPE_TO_SUB_THEME_NAMES[type]},/*#__PURE__*/React.createElement(Container,{elevation:3,borderRadius:"s"},/*#__PURE__*/React.createElement(Box,{space:"m",vSpace:"s",rSpace:"s"},/*#__PURE__*/React.createElement(Inline,{space:"m",alignItems:"spaceBetween",vAlignItems:"top",noWrap:!0},/*#__PURE__*/React.createElement(Box,{space:"zero",vSpace:"xxs"},/*#__PURE__*/React.createElement(Inline,{space:"s",vAlignItems:"top",noWrap:!0},iconName&&/*#__PURE__*/React.createElement(StyledIconContainer,null,/*#__PURE__*/React.createElement(Text,{as:"span"},/*#__PURE__*/React.createElement(Icon,{name:iconName,"data-e2e-test-id":iconName}))),/*#__PURE__*/React.createElement(Text,null,message))),/*#__PURE__*/React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},actionButtonElm,/*#__PURE__*/React.createElement(PictogramButton,{"data-e2e-test-id":"close-button","aria-label":"Close toast",variant:"quaternary",icon:"x",size:"s",onClick:()=>onDismiss("close")}))))))))}
package/build/esm/components/Toast/ToastProvider.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import type { PropsWithChildren, ReactElement } from "react";
2
+ import React from "react";
3
+ export declare const ToastContext: React.Context<{
4
+ lastToastId: string;
5
+ setLastToastId: React.Dispatch<string>;
6
+ }>;
7
+ export declare function ToastProvider({ children }: PropsWithChildren): ReactElement;
package/build/esm/components/Toast/ToastProvider.js ADDED
@@ -0,0 +1 @@
1
+ import React,{useState,useMemo,createContext}from"react";export const ToastContext=/*#__PURE__*/createContext(null);export function ToastProvider({children}){let[lastToastId,setLastToastId]=useState(null),providerValue=useMemo(()=>({lastToastId,setLastToastId}),[lastToastId]);return /*#__PURE__*/React.createElement(ToastContext.Provider,{value:providerValue},children)}
package/build/esm/components/Toast/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { ToastProvider } from "./ToastProvider";
2
+ export * from "./Toast";
package/build/esm/components/Toast/index.js ADDED
@@ -0,0 +1 @@
1
+ export{ToastProvider}from"./ToastProvider";export*from"./Toast";
package/build/esm/components/VirtualScrollList/VirtualScrollList.js CHANGED
@@ -1 +1 @@
1
- import styled from"@emotion/styled";import React,{useRef,useReducer,useLayoutEffect,useEffect}from"react";import{VirtualScrollReducer}from"./VirtualScrollListReducer";let StyledContainer=/*#__PURE__*/styled("div",{target:"exyn79z0",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBvdmVyc2NhbiA9IDEwO1xuXG5leHBvcnQgZnVuY3Rpb24gVmlydHVhbFNjcm9sbExpc3Qoe1xuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIGNvbnN0IFtcbiAgICB7XG4gICAgICBzY3JvbGxlZEl0ZW1Db3VudCxcbiAgICAgIGFtb3VudE9mSXRlbXNJblZpZXcsXG4gICAgICBzY3JvbGxlZEluUHgsXG4gICAgICBtYXhDb250ZW50SGVpZ2h0ID0gbWF4SGVpZ2h0LFxuICAgICAgcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbixcbiAgICB9LFxuICAgIGRpc3BhdGNoLFxuICBdID0gdXNlUmVkdWNlcihWaXJ0dWFsU2Nyb2xsUmVkdWNlciwge30pO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goeyB0eXBlOiBcInJlc2V0XCIsIGl0ZW1IZWlnaHQsIG1heEhlaWdodCwgb3ZlcnNjYW4gfSk7XG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IDA7XG4gIH0sIFtpdGVtSGVpZ2h0LCBpdGVtQW1vdW50LCBtYXhIZWlnaHRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwicmVjb21tZW5kU2Nyb2xsUG9zaXRpb25cIixcbiAgICAgIHNjcm9sbFRvcDogc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCxcbiAgICAgIGl0ZW1Ub0JlSW5WaWV3OiBpdGVtSW5WaWV3LFxuICAgIH0pO1xuICB9LCBbaXRlbUluVmlld10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24gPT09IG51bGwpIHJldHVybjtcblxuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uO1xuICB9LCBbcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbl0pO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCF2aWV3cG9ydFJlZi5jdXJyZW50KSByZXR1cm47XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgdmlld3BvcnROb2RlOiB2aWV3cG9ydFJlZi5jdXJyZW50LFxuICAgICAgaXRlbUFtb3VudCxcbiAgICB9KTtcbiAgfSwgW2l0ZW1BbW91bnQsIHNjcm9sbGVkSXRlbUNvdW50XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBvbkNvbnRlbnRIZWlnaHRDaGFuZ2U/LigpO1xuICB9LCBbbWF4Q29udGVudEhlaWdodCwgb25Db250ZW50SGVpZ2h0Q2hhbmdlXSk7XG5cbiAgY29uc3QgaXRlbUNvdW50VG9CZVJlbmRlcmVkID0gTWF0aC5taW4oXG4gICAgTWF0aC5tYXgoMCwgaXRlbUFtb3VudCAtIHNjcm9sbGVkSXRlbUNvdW50KSxcbiAgICBhbW91bnRPZkl0ZW1zSW5WaWV3XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e3Njcm9sbGFibGVDb250YWluZXJSZWZ9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIG1heEhlaWdodCxcbiAgICAgICAgLi4uY29udGFpbmVyU3R5bGUsXG4gICAgICB9fVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJWaXJ0dWFsU2Nyb2xsTGlzdFwiXG4gICAgICBvblNjcm9sbD17KGU6IFJlYWN0LlVJRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgICB0eXBlOiBcInNjcm9sbFwiLFxuICAgICAgICAgIHNjcm9sbFRvcDogZS5jdXJyZW50VGFyZ2V0LnNjcm9sbFRvcCxcbiAgICAgICAgfSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtpdGVtQW1vdW50ID09PSAwID8gKFxuICAgICAgICBlbXB0eVN0YXRlKClcbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRTY3JvbGxhYmxlQ29udGVudCBtYXhDb250ZW50SGVpZ2h0PXttYXhDb250ZW50SGVpZ2h0fT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICByZWY9e3ZpZXdwb3J0UmVmfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3Njcm9sbGVkSW5QeH1weGAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcm9sZT1cImxpc3Rib3hcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHshIWl0ZW1Db3VudFRvQmVSZW5kZXJlZCAmJlxuICAgICAgICAgICAgICBuZXcgQXJyYXkoaXRlbUNvdW50VG9CZVJlbmRlcmVkKVxuICAgICAgICAgICAgICAgIC5maWxsKDApXG4gICAgICAgICAgICAgICAgLm1hcCgoXywgaW5kZXgpID0+IGl0ZW1UZW1wbGF0ZShzY3JvbGxlZEl0ZW1Db3VudCArIGluZGV4KSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQ+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt3QiJ9 */"),StyledScrollableContent=/*#__PURE__*/styled("div",{target:"exyn79z1",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBvdmVyc2NhbiA9IDEwO1xuXG5leHBvcnQgZnVuY3Rpb24gVmlydHVhbFNjcm9sbExpc3Qoe1xuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIGNvbnN0IFtcbiAgICB7XG4gICAgICBzY3JvbGxlZEl0ZW1Db3VudCxcbiAgICAgIGFtb3VudE9mSXRlbXNJblZpZXcsXG4gICAgICBzY3JvbGxlZEluUHgsXG4gICAgICBtYXhDb250ZW50SGVpZ2h0ID0gbWF4SGVpZ2h0LFxuICAgICAgcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbixcbiAgICB9LFxuICAgIGRpc3BhdGNoLFxuICBdID0gdXNlUmVkdWNlcihWaXJ0dWFsU2Nyb2xsUmVkdWNlciwge30pO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goeyB0eXBlOiBcInJlc2V0XCIsIGl0ZW1IZWlnaHQsIG1heEhlaWdodCwgb3ZlcnNjYW4gfSk7XG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IDA7XG4gIH0sIFtpdGVtSGVpZ2h0LCBpdGVtQW1vdW50LCBtYXhIZWlnaHRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwicmVjb21tZW5kU2Nyb2xsUG9zaXRpb25cIixcbiAgICAgIHNjcm9sbFRvcDogc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCxcbiAgICAgIGl0ZW1Ub0JlSW5WaWV3OiBpdGVtSW5WaWV3LFxuICAgIH0pO1xuICB9LCBbaXRlbUluVmlld10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24gPT09IG51bGwpIHJldHVybjtcblxuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uO1xuICB9LCBbcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbl0pO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCF2aWV3cG9ydFJlZi5jdXJyZW50KSByZXR1cm47XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgdmlld3BvcnROb2RlOiB2aWV3cG9ydFJlZi5jdXJyZW50LFxuICAgICAgaXRlbUFtb3VudCxcbiAgICB9KTtcbiAgfSwgW2l0ZW1BbW91bnQsIHNjcm9sbGVkSXRlbUNvdW50XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBvbkNvbnRlbnRIZWlnaHRDaGFuZ2U/LigpO1xuICB9LCBbbWF4Q29udGVudEhlaWdodCwgb25Db250ZW50SGVpZ2h0Q2hhbmdlXSk7XG5cbiAgY29uc3QgaXRlbUNvdW50VG9CZVJlbmRlcmVkID0gTWF0aC5taW4oXG4gICAgTWF0aC5tYXgoMCwgaXRlbUFtb3VudCAtIHNjcm9sbGVkSXRlbUNvdW50KSxcbiAgICBhbW91bnRPZkl0ZW1zSW5WaWV3XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e3Njcm9sbGFibGVDb250YWluZXJSZWZ9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIG1heEhlaWdodCxcbiAgICAgICAgLi4uY29udGFpbmVyU3R5bGUsXG4gICAgICB9fVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJWaXJ0dWFsU2Nyb2xsTGlzdFwiXG4gICAgICBvblNjcm9sbD17KGU6IFJlYWN0LlVJRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgICB0eXBlOiBcInNjcm9sbFwiLFxuICAgICAgICAgIHNjcm9sbFRvcDogZS5jdXJyZW50VGFyZ2V0LnNjcm9sbFRvcCxcbiAgICAgICAgfSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIHtpdGVtQW1vdW50ID09PSAwID8gKFxuICAgICAgICBlbXB0eVN0YXRlKClcbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRTY3JvbGxhYmxlQ29udGVudCBtYXhDb250ZW50SGVpZ2h0PXttYXhDb250ZW50SGVpZ2h0fT5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICByZWY9e3ZpZXdwb3J0UmVmfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3Njcm9sbGVkSW5QeH1weGAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcm9sZT1cImxpc3Rib3hcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHshIWl0ZW1Db3VudFRvQmVSZW5kZXJlZCAmJlxuICAgICAgICAgICAgICBuZXcgQXJyYXkoaXRlbUNvdW50VG9CZVJlbmRlcmVkKVxuICAgICAgICAgICAgICAgIC5maWxsKDApXG4gICAgICAgICAgICAgICAgLm1hcCgoXywgaW5kZXgpID0+IGl0ZW1UZW1wbGF0ZShzY3JvbGxlZEl0ZW1Db3VudCArIGluZGV4KSl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQ+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQyJ9 */");export function VirtualScrollList({maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,containerStyle,"data-e2e-test-id":dataE2eTestId,onContentHeightChange}){let scrollableContainerRef=useRef(null),viewportRef=useRef(null),[{scrolledItemCount,amountOfItemsInView,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=useReducer(VirtualScrollReducer,{});useLayoutEffect(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10}),scrollableContainerRef.current.scrollTop=0},[itemHeight,itemAmount,maxHeight]),useEffect(()=>{dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainerRef.current.scrollTop,itemToBeInView:itemInView})},[itemInView]),useEffect(()=>{null!==recommendedScrollPosition&&(scrollableContainerRef.current.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),useLayoutEffect(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount]),useEffect(()=>{onContentHeightChange?.()},[maxContentHeight,onContentHeightChange]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return /*#__PURE__*/React.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight,...containerStyle},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():/*#__PURE__*/React.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},/*#__PURE__*/React.createElement("div",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`},role:"listbox"},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}
1
+ import styled from"@emotion/styled";import React,{useRef,useReducer,useLayoutEffect,useEffect}from"react";import{VirtualScrollReducer}from"./VirtualScrollListReducer";let StyledContainer=/*#__PURE__*/styled("div",{target:"e19y1j3j0",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBvdmVyc2NhbiA9IDEwO1xuXG5leHBvcnQgZnVuY3Rpb24gVmlydHVhbFNjcm9sbExpc3Qoe1xuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBhZGp1c3RlZEZvclJlZmxvdyA9IHVzZVJlZihmYWxzZSk7XG5cbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIHNjcm9sbGVkSXRlbUNvdW50LFxuICAgICAgYW1vdW50T2ZJdGVtc0luVmlldyxcbiAgICAgIHNjcm9sbGVkSW5QeCxcbiAgICAgIG1heENvbnRlbnRIZWlnaHQgPSBtYXhIZWlnaHQsXG4gICAgICByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uLFxuICAgIH0sXG4gICAgZGlzcGF0Y2gsXG4gIF0gPSB1c2VSZWR1Y2VyKFZpcnR1YWxTY3JvbGxSZWR1Y2VyLCB7fSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7IHR5cGU6IFwicmVzZXRcIiwgaXRlbUhlaWdodCwgbWF4SGVpZ2h0LCBvdmVyc2NhbiB9KTtcbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgfSwgW2l0ZW1IZWlnaHQsIGl0ZW1BbW91bnQsIG1heEhlaWdodF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJyZWNvbW1lbmRTY3JvbGxQb3NpdGlvblwiLFxuICAgICAgc2Nyb2xsVG9wOiBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wLFxuICAgICAgaXRlbVRvQmVJblZpZXc6IGl0ZW1JblZpZXcsXG4gICAgfSk7XG4gIH0sIFtpdGVtSW5WaWV3XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbiA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb247XG4gIH0sIFtyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uXSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcblxuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwidXBkYXRlVmlld3BvcnRcIixcbiAgICAgIHZpZXdwb3J0Tm9kZTogdmlld3BvcnRSZWYuY3VycmVudCxcbiAgICAgIGl0ZW1BbW91bnQsXG4gICAgfSk7XG4gIH0sIFtpdGVtQW1vdW50LCBzY3JvbGxlZEl0ZW1Db3VudF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25Db250ZW50SGVpZ2h0Q2hhbmdlPy4oKTtcbiAgfSwgW21heENvbnRlbnRIZWlnaHQsIG9uQ29udGVudEhlaWdodENoYW5nZV0pO1xuXG4gIGNvbnN0IGl0ZW1Db3VudFRvQmVSZW5kZXJlZCA9IE1hdGgubWluKFxuICAgIE1hdGgubWF4KDAsIGl0ZW1BbW91bnQgLSBzY3JvbGxlZEl0ZW1Db3VudCksXG4gICAgYW1vdW50T2ZJdGVtc0luVmlld1xuICApO1xuXG4gIC8qIFNvbWV0aW1lcywgb3B0aW9uIHRleHQgY2FuIHJlZmxvdyBkdWUgdGhlIGFwcGVhcmFuY2Ugb2YgdmVydGljYWwgc2Nyb2xsYmFyIHdoaWNoIGNhbiBjYXVzZSB0ZXh0IHRvIHdyYXAgdG8gbXVsdGlwbGUgbGluZXMgY2F1c2luZyB2aWV3cG9ydFJlZiBoZWlnaHQgdG8gY2hhbmdlLiBJZiBjb250YWluZXIgaGFzIHNjcm9sbCB0aGVuIHdlIGRpc3BhdGNoIGB1cGRhdGVWaWV3cG9ydGAgb25lIG1vcmUgdGltZSB0byBnZXQgdGhlIGNvcnJlY3QgaGVpZ2h0LCB3aXRoIGEgc2V0VGltZW91dCB0byBhbGxvdyB0aW1lIGZvciByZWZsb3cuXG4gICAqL1xuICBpZiAoXG4gICAgbWF4Q29udGVudEhlaWdodCA+IG1heEhlaWdodCAmJlxuICAgICFhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ICYmXG4gICAgdmlld3BvcnRSZWYuY3VycmVudFxuICApIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICAgIGl0ZW1BbW91bnQsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICBhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXtzY3JvbGxhYmxlQ29udGFpbmVyUmVmfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBtYXhIZWlnaHQsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVmlydHVhbFNjcm9sbExpc3RcIlxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1N0eWxlZFNjcm9sbGFibGVDb250ZW50PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0IifQ== */"),StyledScrollableContent=/*#__PURE__*/styled("div",{target:"e19y1j3j1",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBvdmVyc2NhbiA9IDEwO1xuXG5leHBvcnQgZnVuY3Rpb24gVmlydHVhbFNjcm9sbExpc3Qoe1xuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBhZGp1c3RlZEZvclJlZmxvdyA9IHVzZVJlZihmYWxzZSk7XG5cbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIHNjcm9sbGVkSXRlbUNvdW50LFxuICAgICAgYW1vdW50T2ZJdGVtc0luVmlldyxcbiAgICAgIHNjcm9sbGVkSW5QeCxcbiAgICAgIG1heENvbnRlbnRIZWlnaHQgPSBtYXhIZWlnaHQsXG4gICAgICByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uLFxuICAgIH0sXG4gICAgZGlzcGF0Y2gsXG4gIF0gPSB1c2VSZWR1Y2VyKFZpcnR1YWxTY3JvbGxSZWR1Y2VyLCB7fSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7IHR5cGU6IFwicmVzZXRcIiwgaXRlbUhlaWdodCwgbWF4SGVpZ2h0LCBvdmVyc2NhbiB9KTtcbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgfSwgW2l0ZW1IZWlnaHQsIGl0ZW1BbW91bnQsIG1heEhlaWdodF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJyZWNvbW1lbmRTY3JvbGxQb3NpdGlvblwiLFxuICAgICAgc2Nyb2xsVG9wOiBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wLFxuICAgICAgaXRlbVRvQmVJblZpZXc6IGl0ZW1JblZpZXcsXG4gICAgfSk7XG4gIH0sIFtpdGVtSW5WaWV3XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbiA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb247XG4gIH0sIFtyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uXSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcblxuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwidXBkYXRlVmlld3BvcnRcIixcbiAgICAgIHZpZXdwb3J0Tm9kZTogdmlld3BvcnRSZWYuY3VycmVudCxcbiAgICAgIGl0ZW1BbW91bnQsXG4gICAgfSk7XG4gIH0sIFtpdGVtQW1vdW50LCBzY3JvbGxlZEl0ZW1Db3VudF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25Db250ZW50SGVpZ2h0Q2hhbmdlPy4oKTtcbiAgfSwgW21heENvbnRlbnRIZWlnaHQsIG9uQ29udGVudEhlaWdodENoYW5nZV0pO1xuXG4gIGNvbnN0IGl0ZW1Db3VudFRvQmVSZW5kZXJlZCA9IE1hdGgubWluKFxuICAgIE1hdGgubWF4KDAsIGl0ZW1BbW91bnQgLSBzY3JvbGxlZEl0ZW1Db3VudCksXG4gICAgYW1vdW50T2ZJdGVtc0luVmlld1xuICApO1xuXG4gIC8qIFNvbWV0aW1lcywgb3B0aW9uIHRleHQgY2FuIHJlZmxvdyBkdWUgdGhlIGFwcGVhcmFuY2Ugb2YgdmVydGljYWwgc2Nyb2xsYmFyIHdoaWNoIGNhbiBjYXVzZSB0ZXh0IHRvIHdyYXAgdG8gbXVsdGlwbGUgbGluZXMgY2F1c2luZyB2aWV3cG9ydFJlZiBoZWlnaHQgdG8gY2hhbmdlLiBJZiBjb250YWluZXIgaGFzIHNjcm9sbCB0aGVuIHdlIGRpc3BhdGNoIGB1cGRhdGVWaWV3cG9ydGAgb25lIG1vcmUgdGltZSB0byBnZXQgdGhlIGNvcnJlY3QgaGVpZ2h0LCB3aXRoIGEgc2V0VGltZW91dCB0byBhbGxvdyB0aW1lIGZvciByZWZsb3cuXG4gICAqL1xuICBpZiAoXG4gICAgbWF4Q29udGVudEhlaWdodCA+IG1heEhlaWdodCAmJlxuICAgICFhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ICYmXG4gICAgdmlld3BvcnRSZWYuY3VycmVudFxuICApIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICAgIGl0ZW1BbW91bnQsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICBhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXtzY3JvbGxhYmxlQ29udGFpbmVyUmVmfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBtYXhIZWlnaHQsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVmlydHVhbFNjcm9sbExpc3RcIlxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1N0eWxlZFNjcm9sbGFibGVDb250ZW50PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0MifQ== */");export function VirtualScrollList({maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,containerStyle,"data-e2e-test-id":dataE2eTestId,onContentHeightChange}){let scrollableContainerRef=useRef(null),viewportRef=useRef(null),adjustedForReflow=useRef(!1),[{scrolledItemCount,amountOfItemsInView,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=useReducer(VirtualScrollReducer,{});useLayoutEffect(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10}),scrollableContainerRef.current.scrollTop=0},[itemHeight,itemAmount,maxHeight]),useEffect(()=>{dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainerRef.current.scrollTop,itemToBeInView:itemInView})},[itemInView]),useEffect(()=>{null!==recommendedScrollPosition&&(scrollableContainerRef.current.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),useLayoutEffect(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount]),useEffect(()=>{onContentHeightChange?.()},[maxContentHeight,onContentHeightChange]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return maxContentHeight>maxHeight&&!adjustedForReflow.current&&viewportRef.current&&(setTimeout(()=>{dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})}),adjustedForReflow.current=!0),/*#__PURE__*/React.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight,...containerStyle},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():/*#__PURE__*/React.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},/*#__PURE__*/React.createElement("div",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`},role:"listbox"},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}
package/build/esm/index.d.ts CHANGED
@@ -70,3 +70,4 @@ export * from "./components/Form/Select";
70
70
  export * from "./components/BinaryFeedback/BinaryFeedback";
71
71
  export * from "./components/Grid/Grid";
72
72
  export * from "./components/AccessCardItem/AccessCardItem";
73
+ export * from "./components/Toast";
package/build/esm/index.js CHANGED
@@ -1 +1 @@
1
- import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";
1
+ import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Combobox/Combobox";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/EntityTree";export*from"./components/EntityList";export*from"./components/Form/Select";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Grid/Grid";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Toast";