@amboss/design-system 3.10.2 → 3.12.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 (41) hide show
  1. package/build/cjs/components/ContentBox/ContentBox.d.ts +13 -0
  2. package/build/cjs/components/ContentBox/ContentBox.js +1 -0
  3. package/build/cjs/components/PromptInput/AutocompleteList.d.ts +13 -0
  4. package/build/cjs/components/PromptInput/AutocompleteList.js +1 -0
  5. package/build/cjs/components/PromptInput/CategoryList.d.ts +25 -0
  6. package/build/cjs/components/PromptInput/CategoryList.js +1 -0
  7. package/build/cjs/components/PromptInput/PromptInput.d.ts +45 -0
  8. package/build/cjs/components/PromptInput/PromptInput.js +1 -0
  9. package/build/cjs/components/PromptInput/PromptTextArea.d.ts +26 -0
  10. package/build/cjs/components/PromptInput/PromptTextArea.js +1 -0
  11. package/build/cjs/index.d.ts +2 -0
  12. package/build/cjs/index.js +1 -1
  13. package/build/cjs/types/index.d.ts +2 -0
  14. package/build/cjs/types/index.js +1 -1
  15. package/build/cjs/web-tokens/_colors.json +34 -0
  16. package/build/cjs/web-tokens/assets/icons.json +2 -0
  17. package/build/cjs/web-tokens/assets/icons16.json +2 -0
  18. package/build/cjs/web-tokens/visualConfig.d.ts +8 -0
  19. package/build/cjs/web-tokens/visualConfig.js +1 -1
  20. package/build/esm/components/ContentBox/ContentBox.d.ts +13 -0
  21. package/build/esm/components/ContentBox/ContentBox.js +1 -0
  22. package/build/esm/components/PromptInput/AutocompleteList.d.ts +13 -0
  23. package/build/esm/components/PromptInput/AutocompleteList.js +1 -0
  24. package/build/esm/components/PromptInput/CategoryList.d.ts +25 -0
  25. package/build/esm/components/PromptInput/CategoryList.js +1 -0
  26. package/build/esm/components/PromptInput/PromptInput.d.ts +45 -0
  27. package/build/esm/components/PromptInput/PromptInput.js +1 -0
  28. package/build/esm/components/PromptInput/PromptTextArea.d.ts +26 -0
  29. package/build/esm/components/PromptInput/PromptTextArea.js +1 -0
  30. package/build/esm/index.d.ts +2 -0
  31. package/build/esm/index.js +1 -1
  32. package/build/esm/types/index.d.ts +2 -0
  33. package/build/esm/types/index.js +1 -1
  34. package/build/esm/web-tokens/_colors.json +34 -0
  35. package/build/esm/web-tokens/assets/icons.json +2 -0
  36. package/build/esm/web-tokens/assets/icons16.json +2 -0
  37. package/build/esm/web-tokens/visualConfig.d.ts +8 -0
  38. package/build/esm/web-tokens/visualConfig.js +1 -1
  39. package/build/scss/_theming.scss +8 -0
  40. package/build/scss/_variables.scss +4 -0
  41. package/package.json +1 -1
package/build/cjs/web-tokens/assets/icons.json CHANGED
@@ -60,6 +60,7 @@
60
60
  "corner-down-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-corner-down-right\" viewBox=\"0 0 24 24\"><path d=\"m15 10 5 5-5 5\"/><path d=\"M4 4v7a4 4 0 0 0 4 4h12\"/></svg>",
61
61
  "course": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 2 1 8l11 6 11-6z\" clip-rule=\"evenodd\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 11v7l7 4.5 7-4.5v-7\"/><path stroke-linecap=\"round\" stroke-width=\"2\" d=\"M23 8v8\"/></svg>",
62
62
  "credit-card": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zm19 6V6a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3zM2 11h20v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z\" clip-rule=\"evenodd\"/></svg>",
63
+ "dgim": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M14.255 14.863c.683.371 1.338.934 1.795 1.416.833.881 1.08 1.884 1.057 2.877l-.002.088a3.93 3.93 0 0 1-1.217 2.732c-.87.83-1.991 1.041-3.09 1.023h-2.13c-.957 0-1.414-.216-1.928-.455-.54-.25-.94-.615-.94-.937v-.38c0-.253.4-.67.951-.915.751-.334 1.044-.449 1.917-.449h3.156c.227 0 .43-.052.431-.083z\"/><path fill=\"currentColor\" d=\"M14.255 5.987c.784.104 3.498.615 3.725 2.744.201 1.89-1.156 2.586-1.95 3.002l-5.36 2.627v4.368c-.927-.437-1.982-.762-2.686-1.636-.646-.801-1.004-1.815-.983-2.78l.01-.15c0-.011-.007-1.908 1.846-2.769l5.398-2.646z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M14.005 1c.893 0 1.44.212 2.145.633.15.092 1.002.593 1.002.94l-.003.355c0 .331-.594.755-.812.865-.655.338-1.294.717-2.08.717h-3.159c-.227 0-.43.054-.43.114v5.069c-.747-.442-1.55-.967-2.043-1.462a3.74 3.74 0 0 1-1.107-2.748l.012-.449C7.579 2.85 9.437 1 11.578 1zm-.445 1.063a.426.426 0 0 0-.433.417c0 .23.194.417.433.417a.426.426 0 0 0 .433-.417.426.426 0 0 0-.433-.417\" clip-rule=\"evenodd\"/></svg>",
63
64
  "dosage": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 6a1 1 0 1 0-2 0v5a1 1 0 0 0 .46.841l1.5.964a1 1 0 0 0 1.08-1.683L12 10.454z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 1c5.362 0 9.738 4.22 9.989 9.52A3.97 3.97 0 0 1 23 13.972a3.98 3.98 0 0 1-1.159 2.81h-.001l-2.483 2.483-.034.036-2.538 2.539-.002.002a3.978 3.978 0 0 1-6.264-.853C5.22 20.738 1 16.362 1 11 1 5.477 5.477 1 11 1M3 11a8 8 0 0 1 15.938-1 3.98 3.98 0 0 0-2.721 1.158l-5.058 5.06A3.98 3.98 0 0 0 10 18.939 8 8 0 0 1 3 11m14.612 7.183-2.24 2.241v.001A1.978 1.978 0 0 1 12 19.026c0-.523.206-1.024.575-1.395l2.242-2.244z\" clip-rule=\"evenodd\"/></svg>",
64
65
  "dot": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"4\"/></svg>",
65
66
  "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-download\" viewBox=\"0 0 24 24\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4m4-5 5 5 5-5m-5 5V3\"/></svg>",
@@ -154,6 +155,7 @@
154
155
  "rotate-ccw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-rotate-ccw\" viewBox=\"0 0 24 24\"><path d=\"M1 4v6h6\"/><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"/></svg>",
155
156
  "rotate-cw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-rotate-cw\" viewBox=\"0 0 24 24\"><path d=\"M23 4v6h-6\"/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"/></svg>",
156
157
  "search": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-search\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.35-4.35\"/></svg>",
158
+ "search-ai": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M10.5 2a8.5 8.5 0 0 1 8.5 8.5 8.46 8.46 0 0 1-1.826 5.26l4.533 4.533a1 1 0 1 1-1.414 1.414l-4.533-4.533a8.46 8.46 0 0 1-3.756 1.69l1.063-2.392a6.5 6.5 0 0 0 1.98-1.328q.022-.027.046-.051l.05-.046A6.5 6.5 0 1 0 4.12 9.245l-2.116 1.059A8.5 8.5 0 0 1 10.5 2m-.625 10.125L14 14l-4.125 1.875L8 20l-1.875-4.125L2 14l4.125-1.875L8 8zm-2.617 1.133L5.622 14l1.636.742L8 16.378l.742-1.636L10.378 14l-1.636-.742L8 11.622z\"/></svg>",
157
159
  "search-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16m-5 6h5m-4 6h4\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.125 19.5a4.375 4.375 0 1 0 0-8.75 4.375 4.375 0 0 0 0 8.75\" clip-rule=\"evenodd\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m13.25 21.25-3.033-3.033\"/></svg>",
158
160
  "send": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M22.727 1.314a1 1 0 0 0-1.079-.25L1.67 8.055a1 1 0 0 0-.076 1.858l8.648 3.844 3.844 8.648a1 1 0 0 0 1.858-.076L22.937 2.35a1 1 0 0 0-.21-1.037ZM18.194 4.39 4.711 9.111l6.067 2.696 7.416-7.416Zm-6.001 8.83 7.415-7.415-4.719 13.483z\" clip-rule=\"evenodd\"/></svg>",
159
161
  "settings": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"feather feather-settings\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1\"/></svg>",
package/build/cjs/web-tokens/assets/icons16.json CHANGED
@@ -60,6 +60,7 @@
60
60
  "corner-down-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g fill=\"currentColor\"><path d=\"M9.707 5.293a1 1 0 0 0-1.414 1.414zM13 10l.707.707a1 1 0 0 0 0-1.414zm-4.707 3.293a1 1 0 1 0 1.414 1.414zm0-6.586 4 4 1.414-1.414-4-4zm4 2.586-4 4 1.414 1.414 4-4z\"/><path d=\"M2 3a1 1 0 1 1 2 0zm10 6a1 1 0 1 1 0 2zM4 3v4.333H2V3zm0 4.333C4 8.253 4.746 9 5.667 9v2A3.667 3.667 0 0 1 2 7.333zM5.667 9H12v2H5.667z\"/></g></svg>",
61
61
  "course": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 2 1 5.5 8 9l7-3.5z\" clip-rule=\"evenodd\"/><path stroke-linejoin=\"round\" d=\"M4 7v5.511L8 14.5l4-1.988V7\"/><path stroke-linecap=\"round\" d=\"M15 5.5v5\"/></g></svg>",
62
62
  "credit-card": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zm11 4V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1zM2 8h12v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z\" clip-rule=\"evenodd\"/></svg>",
63
+ "dgim": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M9 10.102c.497.27 1.25.66 1.581 1.01.606.64.787 1.37.77 2.092l-.002.065a2.86 2.86 0 0 1-.885 1.987c-.633.603-1.448.756-2.248.743H6.667c-.696 0-1.028-.156-1.402-.33-.393-.182-.684-.447-.684-.682v-.277c0-.183.29-.486.692-.665.547-.242.76-.444 1.394-.444h.766l1.067.02c.497 0 .5-.415.5-.42zM9 3.56c.57.075 2.82.514 2.985 2.062.147 1.375-.84 1.882-1.418 2.185L7 9.765v3.175c-.674-.317-1.773-.6-2.285-1.236-.47-.583-.73-1.321-.715-2.022l.007-.11c0-.013-.002-1.389 1.343-2.013L9 5.567zM9.093 0c.65 0 1.05.154 1.561.46.11.067.728.431.728.684l-.001.258c0 .241-.433.549-.591.63a3.16 3.16 0 0 1-1.513.369h-.315l-1.612.01c-.165 0-.35.061-.35.23v3.686c-.543-.32-1.46-.708-1.82-1.068a2.72 2.72 0 0 1-.804-2l.008-.324C4.42 1.345 5.77 0 7.328 0zm-.299.8c-.23 0-.415.18-.415.4s.186.4.415.4c.23 0 .416-.179.416-.4a.41.41 0 0 0-.416-.4\"/></svg>",
63
64
  "dosage": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M6 4v3a1 1 0 0 0 .284.698l1.198 1.229L8.914 7.53 8 6.593V4z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.235 13.959a7.001 7.001 0 1 1 7.724-7.724 3.253 3.253 0 0 1 1.093 5.316l-.002.002-1.154 1.154q-.048.047-.1.088a1 1 0 0 1-.089.1l-2.156 2.157a3.254 3.254 0 0 1-5.316-1.093M2 7a5 5 0 0 1 9.92-.894 3.25 3.25 0 0 0-1.47.842l-.002.002-1.155 1.154a1 1 0 0 0-.088.101 1 1 0 0 0-.1.088L6.95 10.448l-.002.001c-.409.411-.697.92-.842 1.471A5 5 0 0 1 2 7m6 5.747c0-.332.13-.65.365-.886l1.446-1.447 1.775 1.775-1.447 1.446A1.255 1.255 0 0 1 8 12.747\" clip-rule=\"evenodd\"/></svg>",
64
65
  "dot": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"4\"/></svg>",
65
66
  "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linejoin=\"round\" d=\"M2 8v3.6c0 .773.56 1.4 1.25 1.4h9.5c.69 0 1.25-.627 1.25-1.4V8\"/><path stroke-linejoin=\"bevel\" d=\"M8 8V1\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 6 8 9 5 6\"/></g></svg>",
@@ -154,6 +155,7 @@
154
155
  "rotate-ccw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 3v4h4M3.859 5.437a4.93 4.93 0 1 1-.165 4.927\"/></svg>",
155
156
  "rotate-cw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 3v4h-4m2.141-1.563a4.93 4.93 0 1 0 .165 4.927\"/></svg>",
156
157
  "search": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10\" clip-rule=\"evenodd\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 14-3.467-3.467\"/></svg>",
158
+ "search-ai": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M6.667 1a5.667 5.667 0 0 1 4.651 8.904l3.389 3.389a1 1 0 1 1-1.414 1.414l-3.389-3.389a5.64 5.64 0 0 1-3.107 1.012l.96-2.162a3.668 3.668 0 1 0-4.642-4.42L1.003 6.805 1 6.667A5.667 5.667 0 0 1 6.667 1m-.573 6.406L8.5 8.5 6.094 9.594 5 12 3.906 9.594 1.5 8.5l2.406-1.094L5 5z\"/></svg>",
157
159
  "search-list": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M2 3h12m-3 4h3m-2 4h2\"/><path d=\"M4.5 14a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7\" clip-rule=\"evenodd\"/><path d=\"m9 15-2-2\"/></g></svg>",
158
160
  "send": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g clip-path=\"url(#a)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M15.374.626a1 1 0 0 1 .236 1.038l-4.666 13.333a1 1 0 0 1-1.858.076l-2.51-5.649-5.649-2.51a1 1 0 0 1 .076-1.858L14.336.39a1 1 0 0 1 1.038.237ZM8.526 8.888l1.363 3.068 2.386-6.817zm2.335-5.163L4.044 6.11l3.068 1.363 3.749-3.75Z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></svg>",
159
161
  "settings": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><g fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" clip-rule=\"evenodd\"><path d=\"M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4\"/><path d=\"M12.71 9.91a1.05 1.05 0 0 0 .21 1.157l.037.039a1.272 1.272 0 1 1-1.8 1.8l-.039-.038a1.05 1.05 0 0 0-1.158-.21 1.05 1.05 0 0 0-.636.961v.108a1.273 1.273 0 0 1-2.546 0v-.057a1.05 1.05 0 0 0-.687-.96 1.05 1.05 0 0 0-1.158.21l-.038.037a1.273 1.273 0 1 1-1.801-1.8l.038-.039c.3-.307.383-.765.21-1.158a1.05 1.05 0 0 0-.961-.636h-.108a1.273 1.273 0 1 1 0-2.546h.057a1.05 1.05 0 0 0 .96-.687 1.05 1.05 0 0 0-.21-1.158l-.037-.038a1.273 1.273 0 1 1 1.8-1.801l.039.038c.307.3.765.383 1.158.21h.05a1.05 1.05 0 0 0 .637-.961v-.108a1.273 1.273 0 1 1 2.546 0v.057c.001.419.251.796.636.96.393.174.851.091 1.158-.21l.039-.037a1.273 1.273 0 1 1 1.8 1.8l-.038.039a1.05 1.05 0 0 0-.21 1.158v.05c.165.386.543.636.961.637h.108a1.273 1.273 0 0 1 0 2.546h-.057a1.05 1.05 0 0 0-.96.636z\"/></g></svg>",
package/build/cjs/web-tokens/visualConfig.d.ts CHANGED
@@ -209,6 +209,14 @@ type AmbossTheme = {
209
209
  "gray": string;
210
210
  };
211
211
  };
212
+ "contentBox": {
213
+ "border": {
214
+ "info": string;
215
+ "error": string;
216
+ "success": string;
217
+ "warning": string;
218
+ };
219
+ };
212
220
  "dosageIcon": {
213
221
  "default": string;
214
222
  "hover": string;
package/build/cjs/web-tokens/visualConfig.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"944px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},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"}}},breakpoint:{small:576,medium:768,large:1280},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#33314b",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},dosageIcon:{default:"#7d67c5",hover:"#ad97f7"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.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:"#262f36"},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, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.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:"#2db5c6",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:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"}},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)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#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)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#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)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#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, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#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)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#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)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#7254d3",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},dosageIcon:{default:"#7254d3",hover:"#5d44ab"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.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",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.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:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"}},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.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#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.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",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.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#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)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.6)"}},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.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#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)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"944px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},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"}}},breakpoint:{small:576,medium:768,large:1280},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#33314b",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#7d67c5",hover:"#ad97f7"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.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:"#262f36"},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, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.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:"#2db5c6",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:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"}},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)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#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)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#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)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#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, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#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)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#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)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#7254d3",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#7254d3",hover:"#5d44ab"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.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",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.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:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"}},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.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#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.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",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.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#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)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.6)"}},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.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#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)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}}};
package/build/esm/components/ContentBox/ContentBox.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { ReactElement } from "react";
2
+ import React from "react";
3
+ declare const CONTENT_BOX_TYPES: readonly ["merke", "merkspruch", "cave", "clinic-box", "case-link", "dgim-negative", "dgim-positive", "guideline-recommendations"];
4
+ type ContentBoxType = (typeof CONTENT_BOX_TYPES)[number];
5
+ export type ContentBoxProps = {
6
+ type: ContentBoxType;
7
+ content: string | ReactElement;
8
+ market: "US" | "DE";
9
+ "data-e2e-test-id"?: string;
10
+ renderTopRightElement?: () => React.ReactNode;
11
+ };
12
+ export declare function ContentBox({ type, content, market, renderTopRightElement, "data-e2e-test-id": dataE2eTestId, }: ContentBoxProps): React.ReactElement;
13
+ export {};
package/build/esm/components/ContentBox/ContentBox.js ADDED
@@ -0,0 +1 @@
1
+ import React from"react";import styled from"@emotion/styled";import{Icon}from"../Icon/Icon";import{Box}from"../Box/Box";import{Container}from"../Container";import{Inline}from"../Inline/Inline";import{Text}from"../Typography/Text/Text";let CONTENT_BOX_TYPE_TO_VARIANT={merke:"success",merkspruch:"info",cave:"error","clinic-box":"neutral","case-link":"success","dgim-negative":"error","dgim-positive":"success","guideline-recommendations":"neutral"},TITLE_COLOR_BY_VARIANT={info:"info",warning:"primary",error:"error",success:"success",neutral:"primary"},ICON_COLOR_BY_VARIANT={info:"info",warning:"warning",error:"error",success:"success",neutral:"primary"},CONTENT_BOX_TYPE_TO_ICON={merke:"stethoscope",merkspruch:"bulb",cave:"alert-triangle","clinic-box":"stethoscope","case-link":"link","dgim-negative":"dgim","dgim-positive":"dgim","guideline-recommendations":"compass"},CONTENT_BOX_TYPE_TO_TITLE_US={merke:"Clinical Pearl",merkspruch:"Student Pearl",cave:"Caution","clinic-box":null,"case-link":null,"dgim-negative":null,"dgim-positive":null,"guideline-recommendations":null},CONTENT_BOX_TYPE_TO_TITLE_DE={merke:"Merke",merkspruch:"Merkspruch",cave:"Cave","clinic-box":"Klinik Kasten","case-link":"Fall","dgim-negative":"DGIM Negative Empfehlung","dgim-positive":"DGIM Positive Empfehlung","guideline-recommendations":"Empfehlung"},StyledContainer=styled("div",{target:"e16mnxib0",label:"StyledContainer"})(({theme,variant})=>{let borderColor="neutral"===variant?theme.values.color.border.primary.default:`${theme.values.color.contentBox.border[`${variant}`]}`;return{overflow:"hidden",border:`1px solid ${borderColor}`,borderRadius:theme.variables.size.borderRadius.xs,lineHeight:theme.variables.size.lineHeight.xs}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHtcbiAgQ29udGVudEJveFZhcmlhdGlvbnMsXG4gIEljb25zQ29sb3JzLFxuICBUZXh0Q29sb3JzLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRVMgPSBbXG4gIFwibWVya2VcIixcbiAgXCJtZXJrc3BydWNoXCIsXG4gIFwiY2F2ZVwiLFxuICBcImNsaW5pYy1ib3hcIixcbiAgXCJjYXNlLWxpbmtcIixcbiAgXCJkZ2ltLW5lZ2F0aXZlXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIixcbl0gYXMgY29uc3Q7XG5cbnR5cGUgQ29udGVudEJveFR5cGUgPSAodHlwZW9mIENPTlRFTlRfQk9YX1RZUEVTKVtudW1iZXJdO1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1ZBUklBTlQ6IFJlY29yZDxcbiAgQ29udGVudEJveFR5cGUsXG4gIENvbnRlbnRCb3hWYXJpYXRpb25zXG4+ID0ge1xuICBtZXJrZTogXCJzdWNjZXNzXCIsXG4gIG1lcmtzcHJ1Y2g6IFwiaW5mb1wiLFxuICBjYXZlOiBcImVycm9yXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIm5ldXRyYWxcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJzdWNjZXNzXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImVycm9yXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiOiBcInN1Y2Nlc3NcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwibmV1dHJhbFwiLFxufSBhcyBjb25zdDtcblxuY29uc3QgVElUTEVfQ09MT1JfQllfVkFSSUFOVDogUmVjb3JkPENvbnRlbnRCb3hWYXJpYXRpb25zLCBUZXh0Q29sb3JzPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHdhcm5pbmc6IFwicHJpbWFyeVwiLFxuICBlcnJvcjogXCJlcnJvclwiLFxuICBzdWNjZXNzOiBcInN1Y2Nlc3NcIixcbiAgbmV1dHJhbDogXCJwcmltYXJ5XCIsXG59O1xuXG5jb25zdCBJQ09OX0NPTE9SX0JZX1ZBUklBTlQ6IFJlY29yZDxDb250ZW50Qm94VmFyaWF0aW9ucywgSWNvbnNDb2xvcnM+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgd2FybmluZzogXCJ3YXJuaW5nXCIsXG4gIGVycm9yOiBcImVycm9yXCIsXG4gIHN1Y2Nlc3M6IFwic3VjY2Vzc1wiLFxuICBuZXV0cmFsOiBcInByaW1hcnlcIixcbn07XG5cbmNvbnN0IENPTlRFTlRfQk9YX1RZUEVfVE9fSUNPTjogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBJY29uUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbWVya2U6IFwic3RldGhvc2NvcGVcIixcbiAgbWVya3NwcnVjaDogXCJidWxiXCIsXG4gIGNhdmU6IFwiYWxlcnQtdHJpYW5nbGVcIixcbiAgXCJjbGluaWMtYm94XCI6IFwic3RldGhvc2NvcGVcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJsaW5rXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImRnaW1cIixcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IFwiZGdpbVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIjogXCJjb21wYXNzXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1RJVExFX1VTOiBSZWNvcmQ8Q29udGVudEJveFR5cGUsIHN0cmluZyB8IG51bGw+ID0ge1xuICBtZXJrZTogXCJDbGluaWNhbCBQZWFybFwiLFxuICBtZXJrc3BydWNoOiBcIlN0dWRlbnQgUGVhcmxcIixcbiAgY2F2ZTogXCJDYXV0aW9uXCIsXG4gIFwiY2xpbmljLWJveFwiOiBudWxsLFxuICBcImNhc2UtbGlua1wiOiBudWxsLFxuICBcImRnaW0tbmVnYXRpdmVcIjogbnVsbCxcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IG51bGwsXG4gIFwiZ3VpZGVsaW5lLXJlY29tbWVuZGF0aW9uc1wiOiBudWxsLFxufTtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9ERTogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBzdHJpbmc+ID0ge1xuICBtZXJrZTogXCJNZXJrZVwiLFxuICBtZXJrc3BydWNoOiBcIk1lcmtzcHJ1Y2hcIixcbiAgY2F2ZTogXCJDYXZlXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIktsaW5payBLYXN0ZW5cIixcbiAgXCJjYXNlLWxpbmtcIjogXCJGYWxsXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcIkRHSU0gTmVnYXRpdmUgRW1wZmVobHVuZ1wiLFxuICBcImRnaW0tcG9zaXRpdmVcIjogXCJER0lNIFBvc2l0aXZlIEVtcGZlaGx1bmdcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwiRW1wZmVobHVuZ1wiLFxufTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEJveFByb3BzID0ge1xuICB0eXBlOiBDb250ZW50Qm94VHlwZTtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBtYXJrZXQ6IFwiVVNcIiB8IFwiREVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHJlbmRlclRvcFJpZ2h0RWxlbWVudD86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB2YXJpYW50OiBDb250ZW50Qm94VmFyaWF0aW9ucyB9PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQgfSkgPT4ge1xuICAgIGNvbnN0IGJvcmRlckNvbG9yID1cbiAgICAgIHZhcmlhbnQgPT09IFwibmV1dHJhbFwiXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHRcbiAgICAgICAgOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudEJveC5ib3JkZXJbYCR7dmFyaWFudH1gXX1gO1xuICAgIHJldHVybiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke2JvcmRlckNvbG9yfWAsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsIC8vIFRPRE86IGNvdWxkIGJlIGRlbGV0ZWQgb25jZSBsaW5lLWhlaWdodCBmcm9tIHVpLWFtYm9zcyBiYXNlIHN0eWxlcyBpcyByZW1vdmVkXG4gICAgfTtcbiAgfVxuKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IENvbnRlbnRCb3hWYXJpYXRpb25zIH0+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgdmFyaWFudCA9PT0gXCJuZXV0cmFsXCJcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kW2Ake3ZhcmlhbnR9U3VidGxlYF0uZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbn0pKTtcblxuY29uc3QgU3R5bGVkRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBtYXJnaW5Ub3A6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50Qm94KHtcbiAgdHlwZSxcbiAgY29udGVudCxcbiAgbWFya2V0LFxuICByZW5kZXJUb3BSaWdodEVsZW1lbnQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGVudEJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFyaWFudCA9IENPTlRFTlRfQk9YX1RZUEVfVE9fVkFSSUFOVFt0eXBlXTtcbiAgY29uc3QgaWNvbk5hbWUgPSBDT05URU5UX0JPWF9UWVBFX1RPX0lDT05bdHlwZV07XG4gIGNvbnN0IGljb25Db2xvciA9IElDT05fQ09MT1JfQllfVkFSSUFOVFt2YXJpYW50XTtcbiAgY29uc3QgdGl0bGUgPVxuICAgIG1hcmtldCA9PT0gXCJERVwiXG4gICAgICA/IENPTlRFTlRfQk9YX1RZUEVfVE9fVElUTEVfREVbdHlwZV1cbiAgICAgIDogQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9VU1t0eXBlXTtcbiAgY29uc3QgdGl0bGVDb2xvciA9IFRJVExFX0NPTE9SX0JZX1ZBUklBTlRbdmFyaWFudF07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNvbnRlbnRCb3hcIlxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlciB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIDxTdHlsZWRJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICBjb2xvcj17aWNvbkNvbG9yfVxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICAgICAgICAgICA8VGV4dCB3ZWlnaHQ9XCJib2xkXCIgc2l6ZT1cIm1cIiBjb2xvcj17dGl0bGVDb2xvcn0+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICA8U3R5bGVkRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgICB7cmVuZGVyVG9wUmlnaHRFbGVtZW50Py4oKX1cbiAgICAgICAgICA8L1N0eWxlZEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IHNxdWFyZUNvcm5lcnM+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwieHNcIj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzaXplPVwic1wiPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Hd0IifQ== */"),StyledHeader=styled("div",{target:"e16mnxib1",label:"StyledHeader"})(({theme,variant})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.s}`,backgroundColor:"neutral"===variant?theme.values.color.background.secondary.default:theme.values.color.background[`${variant}Subtle`].default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHtcbiAgQ29udGVudEJveFZhcmlhdGlvbnMsXG4gIEljb25zQ29sb3JzLFxuICBUZXh0Q29sb3JzLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRVMgPSBbXG4gIFwibWVya2VcIixcbiAgXCJtZXJrc3BydWNoXCIsXG4gIFwiY2F2ZVwiLFxuICBcImNsaW5pYy1ib3hcIixcbiAgXCJjYXNlLWxpbmtcIixcbiAgXCJkZ2ltLW5lZ2F0aXZlXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIixcbl0gYXMgY29uc3Q7XG5cbnR5cGUgQ29udGVudEJveFR5cGUgPSAodHlwZW9mIENPTlRFTlRfQk9YX1RZUEVTKVtudW1iZXJdO1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1ZBUklBTlQ6IFJlY29yZDxcbiAgQ29udGVudEJveFR5cGUsXG4gIENvbnRlbnRCb3hWYXJpYXRpb25zXG4+ID0ge1xuICBtZXJrZTogXCJzdWNjZXNzXCIsXG4gIG1lcmtzcHJ1Y2g6IFwiaW5mb1wiLFxuICBjYXZlOiBcImVycm9yXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIm5ldXRyYWxcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJzdWNjZXNzXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImVycm9yXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiOiBcInN1Y2Nlc3NcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwibmV1dHJhbFwiLFxufSBhcyBjb25zdDtcblxuY29uc3QgVElUTEVfQ09MT1JfQllfVkFSSUFOVDogUmVjb3JkPENvbnRlbnRCb3hWYXJpYXRpb25zLCBUZXh0Q29sb3JzPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHdhcm5pbmc6IFwicHJpbWFyeVwiLFxuICBlcnJvcjogXCJlcnJvclwiLFxuICBzdWNjZXNzOiBcInN1Y2Nlc3NcIixcbiAgbmV1dHJhbDogXCJwcmltYXJ5XCIsXG59O1xuXG5jb25zdCBJQ09OX0NPTE9SX0JZX1ZBUklBTlQ6IFJlY29yZDxDb250ZW50Qm94VmFyaWF0aW9ucywgSWNvbnNDb2xvcnM+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgd2FybmluZzogXCJ3YXJuaW5nXCIsXG4gIGVycm9yOiBcImVycm9yXCIsXG4gIHN1Y2Nlc3M6IFwic3VjY2Vzc1wiLFxuICBuZXV0cmFsOiBcInByaW1hcnlcIixcbn07XG5cbmNvbnN0IENPTlRFTlRfQk9YX1RZUEVfVE9fSUNPTjogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBJY29uUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbWVya2U6IFwic3RldGhvc2NvcGVcIixcbiAgbWVya3NwcnVjaDogXCJidWxiXCIsXG4gIGNhdmU6IFwiYWxlcnQtdHJpYW5nbGVcIixcbiAgXCJjbGluaWMtYm94XCI6IFwic3RldGhvc2NvcGVcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJsaW5rXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImRnaW1cIixcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IFwiZGdpbVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIjogXCJjb21wYXNzXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1RJVExFX1VTOiBSZWNvcmQ8Q29udGVudEJveFR5cGUsIHN0cmluZyB8IG51bGw+ID0ge1xuICBtZXJrZTogXCJDbGluaWNhbCBQZWFybFwiLFxuICBtZXJrc3BydWNoOiBcIlN0dWRlbnQgUGVhcmxcIixcbiAgY2F2ZTogXCJDYXV0aW9uXCIsXG4gIFwiY2xpbmljLWJveFwiOiBudWxsLFxuICBcImNhc2UtbGlua1wiOiBudWxsLFxuICBcImRnaW0tbmVnYXRpdmVcIjogbnVsbCxcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IG51bGwsXG4gIFwiZ3VpZGVsaW5lLXJlY29tbWVuZGF0aW9uc1wiOiBudWxsLFxufTtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9ERTogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBzdHJpbmc+ID0ge1xuICBtZXJrZTogXCJNZXJrZVwiLFxuICBtZXJrc3BydWNoOiBcIk1lcmtzcHJ1Y2hcIixcbiAgY2F2ZTogXCJDYXZlXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIktsaW5payBLYXN0ZW5cIixcbiAgXCJjYXNlLWxpbmtcIjogXCJGYWxsXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcIkRHSU0gTmVnYXRpdmUgRW1wZmVobHVuZ1wiLFxuICBcImRnaW0tcG9zaXRpdmVcIjogXCJER0lNIFBvc2l0aXZlIEVtcGZlaGx1bmdcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwiRW1wZmVobHVuZ1wiLFxufTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEJveFByb3BzID0ge1xuICB0eXBlOiBDb250ZW50Qm94VHlwZTtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBtYXJrZXQ6IFwiVVNcIiB8IFwiREVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHJlbmRlclRvcFJpZ2h0RWxlbWVudD86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB2YXJpYW50OiBDb250ZW50Qm94VmFyaWF0aW9ucyB9PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQgfSkgPT4ge1xuICAgIGNvbnN0IGJvcmRlckNvbG9yID1cbiAgICAgIHZhcmlhbnQgPT09IFwibmV1dHJhbFwiXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHRcbiAgICAgICAgOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudEJveC5ib3JkZXJbYCR7dmFyaWFudH1gXX1gO1xuICAgIHJldHVybiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke2JvcmRlckNvbG9yfWAsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsIC8vIFRPRE86IGNvdWxkIGJlIGRlbGV0ZWQgb25jZSBsaW5lLWhlaWdodCBmcm9tIHVpLWFtYm9zcyBiYXNlIHN0eWxlcyBpcyByZW1vdmVkXG4gICAgfTtcbiAgfVxuKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IENvbnRlbnRCb3hWYXJpYXRpb25zIH0+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgdmFyaWFudCA9PT0gXCJuZXV0cmFsXCJcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kW2Ake3ZhcmlhbnR9U3VidGxlYF0uZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbn0pKTtcblxuY29uc3QgU3R5bGVkRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBtYXJnaW5Ub3A6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50Qm94KHtcbiAgdHlwZSxcbiAgY29udGVudCxcbiAgbWFya2V0LFxuICByZW5kZXJUb3BSaWdodEVsZW1lbnQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGVudEJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFyaWFudCA9IENPTlRFTlRfQk9YX1RZUEVfVE9fVkFSSUFOVFt0eXBlXTtcbiAgY29uc3QgaWNvbk5hbWUgPSBDT05URU5UX0JPWF9UWVBFX1RPX0lDT05bdHlwZV07XG4gIGNvbnN0IGljb25Db2xvciA9IElDT05fQ09MT1JfQllfVkFSSUFOVFt2YXJpYW50XTtcbiAgY29uc3QgdGl0bGUgPVxuICAgIG1hcmtldCA9PT0gXCJERVwiXG4gICAgICA/IENPTlRFTlRfQk9YX1RZUEVfVE9fVElUTEVfREVbdHlwZV1cbiAgICAgIDogQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9VU1t0eXBlXTtcbiAgY29uc3QgdGl0bGVDb2xvciA9IFRJVExFX0NPTE9SX0JZX1ZBUklBTlRbdmFyaWFudF07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNvbnRlbnRCb3hcIlxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlciB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIDxTdHlsZWRJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICBjb2xvcj17aWNvbkNvbG9yfVxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICAgICAgICAgICA8VGV4dCB3ZWlnaHQ9XCJib2xkXCIgc2l6ZT1cIm1cIiBjb2xvcj17dGl0bGVDb2xvcn0+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICA8U3R5bGVkRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgICB7cmVuZGVyVG9wUmlnaHRFbGVtZW50Py4oKX1cbiAgICAgICAgICA8L1N0eWxlZEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IHNxdWFyZUNvcm5lcnM+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwieHNcIj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzaXplPVwic1wiPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtIcUIifQ== */"),StyledIconWrapper=styled("div",{target:"e16mnxib2",label:"StyledIconWrapper"})(({theme})=>({height:theme.variables.size.spacing.m}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHtcbiAgQ29udGVudEJveFZhcmlhdGlvbnMsXG4gIEljb25zQ29sb3JzLFxuICBUZXh0Q29sb3JzLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRVMgPSBbXG4gIFwibWVya2VcIixcbiAgXCJtZXJrc3BydWNoXCIsXG4gIFwiY2F2ZVwiLFxuICBcImNsaW5pYy1ib3hcIixcbiAgXCJjYXNlLWxpbmtcIixcbiAgXCJkZ2ltLW5lZ2F0aXZlXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIixcbl0gYXMgY29uc3Q7XG5cbnR5cGUgQ29udGVudEJveFR5cGUgPSAodHlwZW9mIENPTlRFTlRfQk9YX1RZUEVTKVtudW1iZXJdO1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1ZBUklBTlQ6IFJlY29yZDxcbiAgQ29udGVudEJveFR5cGUsXG4gIENvbnRlbnRCb3hWYXJpYXRpb25zXG4+ID0ge1xuICBtZXJrZTogXCJzdWNjZXNzXCIsXG4gIG1lcmtzcHJ1Y2g6IFwiaW5mb1wiLFxuICBjYXZlOiBcImVycm9yXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIm5ldXRyYWxcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJzdWNjZXNzXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImVycm9yXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiOiBcInN1Y2Nlc3NcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwibmV1dHJhbFwiLFxufSBhcyBjb25zdDtcblxuY29uc3QgVElUTEVfQ09MT1JfQllfVkFSSUFOVDogUmVjb3JkPENvbnRlbnRCb3hWYXJpYXRpb25zLCBUZXh0Q29sb3JzPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHdhcm5pbmc6IFwicHJpbWFyeVwiLFxuICBlcnJvcjogXCJlcnJvclwiLFxuICBzdWNjZXNzOiBcInN1Y2Nlc3NcIixcbiAgbmV1dHJhbDogXCJwcmltYXJ5XCIsXG59O1xuXG5jb25zdCBJQ09OX0NPTE9SX0JZX1ZBUklBTlQ6IFJlY29yZDxDb250ZW50Qm94VmFyaWF0aW9ucywgSWNvbnNDb2xvcnM+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgd2FybmluZzogXCJ3YXJuaW5nXCIsXG4gIGVycm9yOiBcImVycm9yXCIsXG4gIHN1Y2Nlc3M6IFwic3VjY2Vzc1wiLFxuICBuZXV0cmFsOiBcInByaW1hcnlcIixcbn07XG5cbmNvbnN0IENPTlRFTlRfQk9YX1RZUEVfVE9fSUNPTjogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBJY29uUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbWVya2U6IFwic3RldGhvc2NvcGVcIixcbiAgbWVya3NwcnVjaDogXCJidWxiXCIsXG4gIGNhdmU6IFwiYWxlcnQtdHJpYW5nbGVcIixcbiAgXCJjbGluaWMtYm94XCI6IFwic3RldGhvc2NvcGVcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJsaW5rXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImRnaW1cIixcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IFwiZGdpbVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIjogXCJjb21wYXNzXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1RJVExFX1VTOiBSZWNvcmQ8Q29udGVudEJveFR5cGUsIHN0cmluZyB8IG51bGw+ID0ge1xuICBtZXJrZTogXCJDbGluaWNhbCBQZWFybFwiLFxuICBtZXJrc3BydWNoOiBcIlN0dWRlbnQgUGVhcmxcIixcbiAgY2F2ZTogXCJDYXV0aW9uXCIsXG4gIFwiY2xpbmljLWJveFwiOiBudWxsLFxuICBcImNhc2UtbGlua1wiOiBudWxsLFxuICBcImRnaW0tbmVnYXRpdmVcIjogbnVsbCxcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IG51bGwsXG4gIFwiZ3VpZGVsaW5lLXJlY29tbWVuZGF0aW9uc1wiOiBudWxsLFxufTtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9ERTogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBzdHJpbmc+ID0ge1xuICBtZXJrZTogXCJNZXJrZVwiLFxuICBtZXJrc3BydWNoOiBcIk1lcmtzcHJ1Y2hcIixcbiAgY2F2ZTogXCJDYXZlXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIktsaW5payBLYXN0ZW5cIixcbiAgXCJjYXNlLWxpbmtcIjogXCJGYWxsXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcIkRHSU0gTmVnYXRpdmUgRW1wZmVobHVuZ1wiLFxuICBcImRnaW0tcG9zaXRpdmVcIjogXCJER0lNIFBvc2l0aXZlIEVtcGZlaGx1bmdcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwiRW1wZmVobHVuZ1wiLFxufTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEJveFByb3BzID0ge1xuICB0eXBlOiBDb250ZW50Qm94VHlwZTtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBtYXJrZXQ6IFwiVVNcIiB8IFwiREVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHJlbmRlclRvcFJpZ2h0RWxlbWVudD86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB2YXJpYW50OiBDb250ZW50Qm94VmFyaWF0aW9ucyB9PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQgfSkgPT4ge1xuICAgIGNvbnN0IGJvcmRlckNvbG9yID1cbiAgICAgIHZhcmlhbnQgPT09IFwibmV1dHJhbFwiXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHRcbiAgICAgICAgOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudEJveC5ib3JkZXJbYCR7dmFyaWFudH1gXX1gO1xuICAgIHJldHVybiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke2JvcmRlckNvbG9yfWAsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsIC8vIFRPRE86IGNvdWxkIGJlIGRlbGV0ZWQgb25jZSBsaW5lLWhlaWdodCBmcm9tIHVpLWFtYm9zcyBiYXNlIHN0eWxlcyBpcyByZW1vdmVkXG4gICAgfTtcbiAgfVxuKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IENvbnRlbnRCb3hWYXJpYXRpb25zIH0+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgdmFyaWFudCA9PT0gXCJuZXV0cmFsXCJcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kW2Ake3ZhcmlhbnR9U3VidGxlYF0uZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbn0pKTtcblxuY29uc3QgU3R5bGVkRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBtYXJnaW5Ub3A6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50Qm94KHtcbiAgdHlwZSxcbiAgY29udGVudCxcbiAgbWFya2V0LFxuICByZW5kZXJUb3BSaWdodEVsZW1lbnQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGVudEJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFyaWFudCA9IENPTlRFTlRfQk9YX1RZUEVfVE9fVkFSSUFOVFt0eXBlXTtcbiAgY29uc3QgaWNvbk5hbWUgPSBDT05URU5UX0JPWF9UWVBFX1RPX0lDT05bdHlwZV07XG4gIGNvbnN0IGljb25Db2xvciA9IElDT05fQ09MT1JfQllfVkFSSUFOVFt2YXJpYW50XTtcbiAgY29uc3QgdGl0bGUgPVxuICAgIG1hcmtldCA9PT0gXCJERVwiXG4gICAgICA/IENPTlRFTlRfQk9YX1RZUEVfVE9fVElUTEVfREVbdHlwZV1cbiAgICAgIDogQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9VU1t0eXBlXTtcbiAgY29uc3QgdGl0bGVDb2xvciA9IFRJVExFX0NPTE9SX0JZX1ZBUklBTlRbdmFyaWFudF07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNvbnRlbnRCb3hcIlxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlciB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIDxTdHlsZWRJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICBjb2xvcj17aWNvbkNvbG9yfVxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICAgICAgICAgICA8VGV4dCB3ZWlnaHQ9XCJib2xkXCIgc2l6ZT1cIm1cIiBjb2xvcj17dGl0bGVDb2xvcn0+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICA8U3R5bGVkRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgICB7cmVuZGVyVG9wUmlnaHRFbGVtZW50Py4oKX1cbiAgICAgICAgICA8L1N0eWxlZEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IHNxdWFyZUNvcm5lcnM+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwieHNcIj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzaXplPVwic1wiPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIMEIifQ== */"),StyledElementWrapper=styled("div",{target:"e16mnxib3",label:"StyledElementWrapper"})(({theme})=>({height:theme.variables.size.spacing.m,marginTop:`-${theme.variables.size.spacing.xs}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvQ29udGVudEJveC9Db250ZW50Qm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lclwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHtcbiAgQ29udGVudEJveFZhcmlhdGlvbnMsXG4gIEljb25zQ29sb3JzLFxuICBUZXh0Q29sb3JzLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRVMgPSBbXG4gIFwibWVya2VcIixcbiAgXCJtZXJrc3BydWNoXCIsXG4gIFwiY2F2ZVwiLFxuICBcImNsaW5pYy1ib3hcIixcbiAgXCJjYXNlLWxpbmtcIixcbiAgXCJkZ2ltLW5lZ2F0aXZlXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIixcbl0gYXMgY29uc3Q7XG5cbnR5cGUgQ29udGVudEJveFR5cGUgPSAodHlwZW9mIENPTlRFTlRfQk9YX1RZUEVTKVtudW1iZXJdO1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1ZBUklBTlQ6IFJlY29yZDxcbiAgQ29udGVudEJveFR5cGUsXG4gIENvbnRlbnRCb3hWYXJpYXRpb25zXG4+ID0ge1xuICBtZXJrZTogXCJzdWNjZXNzXCIsXG4gIG1lcmtzcHJ1Y2g6IFwiaW5mb1wiLFxuICBjYXZlOiBcImVycm9yXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIm5ldXRyYWxcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJzdWNjZXNzXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImVycm9yXCIsXG4gIFwiZGdpbS1wb3NpdGl2ZVwiOiBcInN1Y2Nlc3NcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwibmV1dHJhbFwiLFxufSBhcyBjb25zdDtcblxuY29uc3QgVElUTEVfQ09MT1JfQllfVkFSSUFOVDogUmVjb3JkPENvbnRlbnRCb3hWYXJpYXRpb25zLCBUZXh0Q29sb3JzPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHdhcm5pbmc6IFwicHJpbWFyeVwiLFxuICBlcnJvcjogXCJlcnJvclwiLFxuICBzdWNjZXNzOiBcInN1Y2Nlc3NcIixcbiAgbmV1dHJhbDogXCJwcmltYXJ5XCIsXG59O1xuXG5jb25zdCBJQ09OX0NPTE9SX0JZX1ZBUklBTlQ6IFJlY29yZDxDb250ZW50Qm94VmFyaWF0aW9ucywgSWNvbnNDb2xvcnM+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgd2FybmluZzogXCJ3YXJuaW5nXCIsXG4gIGVycm9yOiBcImVycm9yXCIsXG4gIHN1Y2Nlc3M6IFwic3VjY2Vzc1wiLFxuICBuZXV0cmFsOiBcInByaW1hcnlcIixcbn07XG5cbmNvbnN0IENPTlRFTlRfQk9YX1RZUEVfVE9fSUNPTjogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBJY29uUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbWVya2U6IFwic3RldGhvc2NvcGVcIixcbiAgbWVya3NwcnVjaDogXCJidWxiXCIsXG4gIGNhdmU6IFwiYWxlcnQtdHJpYW5nbGVcIixcbiAgXCJjbGluaWMtYm94XCI6IFwic3RldGhvc2NvcGVcIixcbiAgXCJjYXNlLWxpbmtcIjogXCJsaW5rXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcImRnaW1cIixcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IFwiZGdpbVwiLFxuICBcImd1aWRlbGluZS1yZWNvbW1lbmRhdGlvbnNcIjogXCJjb21wYXNzXCIsXG59IGFzIGNvbnN0O1xuXG5jb25zdCBDT05URU5UX0JPWF9UWVBFX1RPX1RJVExFX1VTOiBSZWNvcmQ8Q29udGVudEJveFR5cGUsIHN0cmluZyB8IG51bGw+ID0ge1xuICBtZXJrZTogXCJDbGluaWNhbCBQZWFybFwiLFxuICBtZXJrc3BydWNoOiBcIlN0dWRlbnQgUGVhcmxcIixcbiAgY2F2ZTogXCJDYXV0aW9uXCIsXG4gIFwiY2xpbmljLWJveFwiOiBudWxsLFxuICBcImNhc2UtbGlua1wiOiBudWxsLFxuICBcImRnaW0tbmVnYXRpdmVcIjogbnVsbCxcbiAgXCJkZ2ltLXBvc2l0aXZlXCI6IG51bGwsXG4gIFwiZ3VpZGVsaW5lLXJlY29tbWVuZGF0aW9uc1wiOiBudWxsLFxufTtcblxuY29uc3QgQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9ERTogUmVjb3JkPENvbnRlbnRCb3hUeXBlLCBzdHJpbmc+ID0ge1xuICBtZXJrZTogXCJNZXJrZVwiLFxuICBtZXJrc3BydWNoOiBcIk1lcmtzcHJ1Y2hcIixcbiAgY2F2ZTogXCJDYXZlXCIsXG4gIFwiY2xpbmljLWJveFwiOiBcIktsaW5payBLYXN0ZW5cIixcbiAgXCJjYXNlLWxpbmtcIjogXCJGYWxsXCIsXG4gIFwiZGdpbS1uZWdhdGl2ZVwiOiBcIkRHSU0gTmVnYXRpdmUgRW1wZmVobHVuZ1wiLFxuICBcImRnaW0tcG9zaXRpdmVcIjogXCJER0lNIFBvc2l0aXZlIEVtcGZlaGx1bmdcIixcbiAgXCJndWlkZWxpbmUtcmVjb21tZW5kYXRpb25zXCI6IFwiRW1wZmVobHVuZ1wiLFxufTtcblxuZXhwb3J0IHR5cGUgQ29udGVudEJveFByb3BzID0ge1xuICB0eXBlOiBDb250ZW50Qm94VHlwZTtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBtYXJrZXQ6IFwiVVNcIiB8IFwiREVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHJlbmRlclRvcFJpZ2h0RWxlbWVudD86ICgpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyB2YXJpYW50OiBDb250ZW50Qm94VmFyaWF0aW9ucyB9PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQgfSkgPT4ge1xuICAgIGNvbnN0IGJvcmRlckNvbG9yID1cbiAgICAgIHZhcmlhbnQgPT09IFwibmV1dHJhbFwiXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHRcbiAgICAgICAgOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudEJveC5ib3JkZXJbYCR7dmFyaWFudH1gXX1gO1xuICAgIHJldHVybiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke2JvcmRlckNvbG9yfWAsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsIC8vIFRPRE86IGNvdWxkIGJlIGRlbGV0ZWQgb25jZSBsaW5lLWhlaWdodCBmcm9tIHVpLWFtYm9zcyBiYXNlIHN0eWxlcyBpcyByZW1vdmVkXG4gICAgfTtcbiAgfVxuKTtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdjx7IHZhcmlhbnQ6IENvbnRlbnRCb3hWYXJpYXRpb25zIH0+KFxuICAoeyB0aGVtZSwgdmFyaWFudCB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgYmFja2dyb3VuZENvbG9yOlxuICAgICAgdmFyaWFudCA9PT0gXCJuZXV0cmFsXCJcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdFxuICAgICAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kW2Ake3ZhcmlhbnR9U3VidGxlYF0uZGVmYXVsdCxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZEljb25XcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbn0pKTtcblxuY29uc3QgU3R5bGVkRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBtYXJnaW5Ub3A6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50Qm94KHtcbiAgdHlwZSxcbiAgY29udGVudCxcbiAgbWFya2V0LFxuICByZW5kZXJUb3BSaWdodEVsZW1lbnQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGVudEJveFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFyaWFudCA9IENPTlRFTlRfQk9YX1RZUEVfVE9fVkFSSUFOVFt0eXBlXTtcbiAgY29uc3QgaWNvbk5hbWUgPSBDT05URU5UX0JPWF9UWVBFX1RPX0lDT05bdHlwZV07XG4gIGNvbnN0IGljb25Db2xvciA9IElDT05fQ09MT1JfQllfVkFSSUFOVFt2YXJpYW50XTtcbiAgY29uc3QgdGl0bGUgPVxuICAgIG1hcmtldCA9PT0gXCJERVwiXG4gICAgICA/IENPTlRFTlRfQk9YX1RZUEVfVE9fVElUTEVfREVbdHlwZV1cbiAgICAgIDogQ09OVEVOVF9CT1hfVFlQRV9UT19USVRMRV9VU1t0eXBlXTtcbiAgY29uc3QgdGl0bGVDb2xvciA9IFRJVExFX0NPTE9SX0JZX1ZBUklBTlRbdmFyaWFudF07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkNvbnRlbnRCb3hcIlxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlciB2YXJpYW50PXt2YXJpYW50fT5cbiAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4c1wiIG5vV3JhcD5cbiAgICAgICAgICAgIDxTdHlsZWRJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICBjb2xvcj17aWNvbkNvbG9yfVxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3R5bGVkSWNvbldyYXBwZXI+XG4gICAgICAgICAgICA8VGV4dCB3ZWlnaHQ9XCJib2xkXCIgc2l6ZT1cIm1cIiBjb2xvcj17dGl0bGVDb2xvcn0+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICA8U3R5bGVkRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgICB7cmVuZGVyVG9wUmlnaHRFbGVtZW50Py4oKX1cbiAgICAgICAgICA8L1N0eWxlZEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IHNxdWFyZUNvcm5lcnM+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwieHNcIj5cbiAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzaXplPVwic1wiPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdJNkIifQ== */");export function ContentBox({type,content,market,renderTopRightElement,"data-e2e-test-id":dataE2eTestId}){let variant=CONTENT_BOX_TYPE_TO_VARIANT[type],iconName=CONTENT_BOX_TYPE_TO_ICON[type],iconColor=ICON_COLOR_BY_VARIANT[variant],title="DE"===market?CONTENT_BOX_TYPE_TO_TITLE_DE[type]:CONTENT_BOX_TYPE_TO_TITLE_US[type],titleColor=TITLE_COLOR_BY_VARIANT[variant];return React.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"ContentBox",variant:variant,role:"alert"},React.createElement(StyledHeader,{variant:variant},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"center"},React.createElement(Inline,{vAlignItems:"center",space:"xs",noWrap:!0},React.createElement(StyledIconWrapper,null,React.createElement(Icon,{name:iconName,color:iconColor,size:"s",role:"img","aria-label":iconName})),React.createElement(Text,{weight:"bold",size:"m",color:titleColor},title)),React.createElement(StyledElementWrapper,null,renderTopRightElement?.()))),React.createElement(Container,{elevation:0,squareCorners:!0},React.createElement(Box,{space:"s",vSpace:"xs"},React.createElement(Text,{as:"span",size:"s"},content))))}
package/build/esm/components/PromptInput/AutocompleteList.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { ReactElement, RefObject } from "react";
2
+ import { type FlattenedListItem, type ListItemsByCategory, type CategoryListProps } from "./CategoryList";
3
+ import { type PortalProps } from "../Portal/Portal";
4
+ import type { PromptTextAreaProps } from "./PromptTextArea";
5
+ export type AutocompleteListProps = {
6
+ autocompleteListItems?: ListItemsByCategory[];
7
+ triggerRef: RefObject<HTMLDivElement>;
8
+ selectedListItem?: FlattenedListItem;
9
+ isOpen: boolean;
10
+ autocompleteListFooter?: ReactElement;
11
+ } & Pick<CategoryListProps, "onListItemClick"> & Pick<PromptTextAreaProps, "name" | "value"> & Pick<PortalProps, "portalContainer">;
12
+ export declare function getAutocompleteListId(name: string): string;
13
+ export declare function AutocompleteList({ name, value, autocompleteListItems, triggerRef, portalContainer, selectedListItem, isOpen, autocompleteListFooter, onListItemClick, }: AutocompleteListProps): ReactElement;
package/build/esm/components/PromptInput/AutocompleteList.js ADDED
@@ -0,0 +1 @@
1
+ import React,{useEffect,useRef}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{CategoryList}from"./CategoryList";import{Container}from"../Container";import{usePopupMenu}from"../../shared/popupMenu/usePopupMenu";import{Portal,usePortalChildZIndex}from"../Portal/Portal";import{Inline}from"../Inline/Inline";export function getAutocompleteListId(name){return`${name}_AutocompleteList`}let StyledContainer=styled("div",{target:"e1ksc4t0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:usePortalChildZIndex(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwieHNcIiB2U3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IifQ== */"),StyledListContainer=styled("div",{target:"e1ksc4t1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwieHNcIiB2U3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIifQ== */");export function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=useRef(null),{menuStyle,calculateStyle}=usePopupMenu({triggerRef,menuRef,isOpen});useEffect(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>React.createElement(CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=React.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox"},React.createElement(Container,null,React.createElement(Box,{space:"xxs"},React.createElement(StyledListContainer,null,React.createElement(Box,{space:"xs",vSpace:"s"},React.createElement(Stack,{space:"xs"},React.createElement(Stack,{space:"s"},lists),React.createElement(Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?React.createElement(Portal,{portalContainer:portalContainer},listElm):null}
package/build/esm/components/PromptInput/CategoryList.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import type { ReactElement, ReactNode } from "react";
2
+ import type { IconProps } from "../Icon/Icon";
3
+ export type ListItemProps = {
4
+ iconLeft?: IconProps;
5
+ label: ReactElement;
6
+ value: string;
7
+ };
8
+ export type ListItemsByCategory = {
9
+ category: string;
10
+ iconLeft?: IconProps;
11
+ rightContent?: ReactNode;
12
+ items: ListItemProps[];
13
+ };
14
+ export type FlattenedListItem = {
15
+ category: ListItemsByCategory["category"];
16
+ value: ListItemProps["value"];
17
+ id: string;
18
+ };
19
+ export type CategoryListProps = ListItemsByCategory & {
20
+ name: string;
21
+ selectedListItem?: FlattenedListItem;
22
+ onListItemClick: (category: string, value: string) => void;
23
+ };
24
+ export declare function getListItemId(name: string, category: string, index: number): string;
25
+ export declare function CategoryList({ name, category, iconLeft, rightContent, items, selectedListItem, onListItemClick, }: CategoryListProps): ReactElement;
package/build/esm/components/PromptInput/CategoryList.js ADDED
@@ -0,0 +1 @@
1
+ import React,{Fragment}from"react";import styled from"@emotion/styled";import{H6}from"../Typography/Header";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text";import{Columns,Column}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Container}from"../Container";import{Divider}from"../Divider/Divider";export function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}let StyledIconLeft=styled(Icon,{target:"eetu9430",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICBpY29uTGVmdD86IEljb25Qcm9wcztcbiAgbGFiZWw6IFJlYWN0RWxlbWVudDtcbiAgdmFsdWU6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgdmFsdWU6IExpc3RJdGVtUHJvcHNbXCJ2YWx1ZVwiXTtcbiAgaWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIENhdGVnb3J5TGlzdFByb3BzID0gTGlzdEl0ZW1zQnlDYXRlZ29yeSAmIHtcbiAgbmFtZTogc3RyaW5nO1xuICBzZWxlY3RlZExpc3RJdGVtPzogRmxhdHRlbmVkTGlzdEl0ZW07XG4gIG9uTGlzdEl0ZW1DbGljazogKGNhdGVnb3J5OiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0TGlzdEl0ZW1JZChcbiAgbmFtZTogc3RyaW5nLFxuICBjYXRlZ29yeTogc3RyaW5nLFxuICBpbmRleDogbnVtYmVyXG4pOiBzdHJpbmcge1xuICByZXR1cm4gYCR7bmFtZX1fJHtjYXRlZ29yeX1fTGlzdEl0ZW0ke2luZGV4fWA7XG59XG5cbmNvbnN0IFN0eWxlZEljb25MZWZ0ID0gc3R5bGVkKEljb24pKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG50eXBlIFN0eWxlZExpc3RJdGVtUHJvcHMgPSB7XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZC5kaXY8U3R5bGVkTGlzdEl0ZW1Qcm9wcz4oXG4gICh7IHRoZW1lLCBpc1NlbGVjdGVkIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIC4uLihpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2F0ZWdvcnlMaXN0KHtcbiAgbmFtZSxcbiAgY2F0ZWdvcnksXG4gIGljb25MZWZ0LFxuICByaWdodENvbnRlbnQsXG4gIGl0ZW1zLFxuICBzZWxlY3RlZExpc3RJdGVtLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBDYXRlZ29yeUxpc3RQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGxpc3RJdGVtcyA9IGl0ZW1zLm1hcChcbiAgICAoeyBsYWJlbCwgdmFsdWUsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGxlZnRDb250ZW50ID0gKFxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICB7aWNvbkxlZnQgJiYgKFxuICAgICAgICAgICAgPFN0eWxlZEljb25MZWZ0XG4gICAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICBjb2xvcj1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApO1xuICAgICAgY29uc3QgY29udGVudCA9IHJpZ2h0Q29udGVudCA/IChcbiAgICAgICAgPENvbHVtbnM+XG4gICAgICAgICAgPENvbHVtbj57bGVmdENvbnRlbnR9PC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+e3JpZ2h0Q29udGVudH08L0NvbHVtbj5cbiAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgKSA6IChcbiAgICAgICAgbGVmdENvbnRlbnRcbiAgICAgICk7XG5cbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICBzZWxlY3RlZExpc3RJdGVtICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0udmFsdWUgPT09IHZhbHVlO1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgb25Qb2ludGVyRG93bj17KGV2dCkgPT4gZXZ0LnByZXZlbnREZWZhdWx0KCl9IC8vIG5lZWRlZCB0byBhdm9pZCBmb2N1cyBjaGFuZ2VcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uTGlzdEl0ZW1DbGljayhjYXRlZ29yeSwgdmFsdWUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3VCIn0= */"),StyledListItem=styled("div",{target:"eetu9431",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICBpY29uTGVmdD86IEljb25Qcm9wcztcbiAgbGFiZWw6IFJlYWN0RWxlbWVudDtcbiAgdmFsdWU6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgdmFsdWU6IExpc3RJdGVtUHJvcHNbXCJ2YWx1ZVwiXTtcbiAgaWQ6IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIENhdGVnb3J5TGlzdFByb3BzID0gTGlzdEl0ZW1zQnlDYXRlZ29yeSAmIHtcbiAgbmFtZTogc3RyaW5nO1xuICBzZWxlY3RlZExpc3RJdGVtPzogRmxhdHRlbmVkTGlzdEl0ZW07XG4gIG9uTGlzdEl0ZW1DbGljazogKGNhdGVnb3J5OiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0TGlzdEl0ZW1JZChcbiAgbmFtZTogc3RyaW5nLFxuICBjYXRlZ29yeTogc3RyaW5nLFxuICBpbmRleDogbnVtYmVyXG4pOiBzdHJpbmcge1xuICByZXR1cm4gYCR7bmFtZX1fJHtjYXRlZ29yeX1fTGlzdEl0ZW0ke2luZGV4fWA7XG59XG5cbmNvbnN0IFN0eWxlZEljb25MZWZ0ID0gc3R5bGVkKEljb24pKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG50eXBlIFN0eWxlZExpc3RJdGVtUHJvcHMgPSB7XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZC5kaXY8U3R5bGVkTGlzdEl0ZW1Qcm9wcz4oXG4gICh7IHRoZW1lLCBpc1NlbGVjdGVkIH0pID0+ICh7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgfSxcblxuICAgIC4uLihpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2F0ZWdvcnlMaXN0KHtcbiAgbmFtZSxcbiAgY2F0ZWdvcnksXG4gIGljb25MZWZ0LFxuICByaWdodENvbnRlbnQsXG4gIGl0ZW1zLFxuICBzZWxlY3RlZExpc3RJdGVtLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBDYXRlZ29yeUxpc3RQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGxpc3RJdGVtcyA9IGl0ZW1zLm1hcChcbiAgICAoeyBsYWJlbCwgdmFsdWUsIGljb25MZWZ0OiBpdGVtSWNvbkxlZnQgfSwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGxlZnRDb250ZW50ID0gKFxuICAgICAgICA8VGV4dD5cbiAgICAgICAgICB7aWNvbkxlZnQgJiYgKFxuICAgICAgICAgICAgPFN0eWxlZEljb25MZWZ0XG4gICAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICBjb2xvcj1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApO1xuICAgICAgY29uc3QgY29udGVudCA9IHJpZ2h0Q29udGVudCA/IChcbiAgICAgICAgPENvbHVtbnM+XG4gICAgICAgICAgPENvbHVtbj57bGVmdENvbnRlbnR9PC9Db2x1bW4+XG4gICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+e3JpZ2h0Q29udGVudH08L0NvbHVtbj5cbiAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgKSA6IChcbiAgICAgICAgbGVmdENvbnRlbnRcbiAgICAgICk7XG5cbiAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPVxuICAgICAgICBzZWxlY3RlZExpc3RJdGVtICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0udmFsdWUgPT09IHZhbHVlO1xuXG4gICAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxGcmFnbWVudCBrZXk9e2luZGV4fT5cbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICAgIGlkPXtnZXRMaXN0SXRlbUlkKG5hbWUsIGNhdGVnb3J5LCBpbmRleCl9XG4gICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgICAgb25Qb2ludGVyRG93bj17KGV2dCkgPT4gZXZ0LnByZXZlbnREZWZhdWx0KCl9IC8vIG5lZWRlZCB0byBhdm9pZCBmb2N1cyBjaGFuZ2VcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uTGlzdEl0ZW1DbGljayhjYXRlZ29yeSwgdmFsdWUpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgKTtcbiAgICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgfVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHVCIn0= */");export function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,value,iconLeft:itemIconLeft},index)=>{let leftContent=React.createElement(Text,null,iconLeft&&React.createElement(StyledIconLeft,{...itemIconLeft||iconLeft,size:"s",color:"tertiary",inline:!0}),label),content=rightContent?React.createElement(Columns,null,React.createElement(Column,null,leftContent),React.createElement(Column,{size:"narrow"},rightContent)):leftContent,isSelected=selectedListItem&&selectedListItem.category===category&&selectedListItem.value===value;return React.createElement(Fragment,{key:index},React.createElement(StyledListItem,{id:getListItemId(name,category,index),role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:()=>onListItemClick(category,value)},content),index!==items.length-1&&React.createElement(Divider,null))});return React.createElement(Stack,{space:"s"},React.createElement(H6,{as:"div"},category),React.createElement(Container,{elevation:0,borderRadius:"s"},React.createElement(Stack,{space:"zero"},listItems)))}
package/build/esm/components/PromptInput/PromptInput.d.ts ADDED
@@ -0,0 +1,45 @@
1
+ import type { ReactElement } from "react";
2
+ import React from "react";
3
+ import type { PromptTextAreaProps } from "./PromptTextArea";
4
+ import type { AutocompleteListProps } from "./AutocompleteList";
5
+ import type { RoundButtonProps } from "../RoundButton/RoundButton";
6
+ export type PromptInputProps = {
7
+ "data-e2e-test-id"?: string;
8
+ /** Toolbar elements below text area */
9
+ bottomToolbar?: {
10
+ leftContent?: ReactElement;
11
+ rightContent?: ReactElement;
12
+ };
13
+ /** Currently shows send button processing state */
14
+ isProcessing?: boolean;
15
+ sendButtonProps?: Omit<RoundButtonProps, "icon" | "variant">;
16
+ clearButtonAriaLabel?: string;
17
+ hint?: ReactElement;
18
+ /** Shows in the clear button space in empty state */
19
+ emptyStateTopRightContent?: ReactElement;
20
+ onClear: () => void;
21
+ /** Called when user selects (or rejects) a list item from autocomplete list */
22
+ onComplete?: (value: string, category?: string) => void;
23
+ /** Called on Enter key to submit the form */
24
+ onEnterKey: () => void;
25
+ } & Omit<PromptTextAreaProps, "isCollapsed" | "isAutocompleteListOpen" | "selectedListItem"> & Pick<AutocompleteListProps, "autocompleteListItems" | "autocompleteListFooter" | "portalContainer">;
26
+ export declare const PromptInput: React.ForwardRefExoticComponent<{
27
+ "data-e2e-test-id"?: string;
28
+ /** Toolbar elements below text area */
29
+ bottomToolbar?: {
30
+ leftContent?: ReactElement;
31
+ rightContent?: ReactElement;
32
+ };
33
+ /** Currently shows send button processing state */
34
+ isProcessing?: boolean;
35
+ sendButtonProps?: Omit<RoundButtonProps, "icon" | "variant">;
36
+ clearButtonAriaLabel?: string;
37
+ hint?: ReactElement;
38
+ /** Shows in the clear button space in empty state */
39
+ emptyStateTopRightContent?: ReactElement;
40
+ onClear: () => void;
41
+ /** Called when user selects (or rejects) a list item from autocomplete list */
42
+ onComplete?: (value: string, category?: string) => void;
43
+ /** Called on Enter key to submit the form */
44
+ onEnterKey: () => void;
45
+ } & Omit<PromptTextAreaProps, "selectedListItem" | "isAutocompleteListOpen" | "isCollapsed"> & Pick<AutocompleteListProps, "portalContainer" | "autocompleteListItems" | "autocompleteListFooter"> & React.RefAttributes<HTMLTextAreaElement>>;