@amboss/design-system 3.7.9 → 3.8.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 (31) hide show
  1. package/build/cjs/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.d.ts +13 -0
  2. package/build/cjs/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.js +1 -0
  3. package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.d.ts +25 -0
  4. package/build/cjs/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js +1 -0
  5. package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.d.ts +18 -0
  6. package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -0
  7. package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.mocks.d.ts +2 -0
  8. package/build/cjs/components/MediaViewerCarousel/MediaViewerCarousel.mocks.js +1 -0
  9. package/build/cjs/components/MediaViewerCarousel/useIsScrollable.d.ts +2 -0
  10. package/build/cjs/components/MediaViewerCarousel/useIsScrollable.js +1 -0
  11. package/build/cjs/web-tokens/_colors.json +5 -5
  12. package/build/cjs/web-tokens/_sizes.json +1 -1
  13. package/build/cjs/web-tokens/visualConfig.d.ts +1 -1
  14. package/build/cjs/web-tokens/visualConfig.js +1 -1
  15. package/build/esm/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.d.ts +13 -0
  16. package/build/esm/components/MediaViewerCarousel/CarouselThumbnail/CarouselThumbnail.js +1 -0
  17. package/build/esm/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.d.ts +25 -0
  18. package/build/esm/components/MediaViewerCarousel/MediaCarousel/MediaCarousel.js +1 -0
  19. package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.d.ts +18 -0
  20. package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.js +1 -0
  21. package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.mocks.d.ts +2 -0
  22. package/build/esm/components/MediaViewerCarousel/MediaViewerCarousel.mocks.js +1 -0
  23. package/build/esm/components/MediaViewerCarousel/useIsScrollable.d.ts +2 -0
  24. package/build/esm/components/MediaViewerCarousel/useIsScrollable.js +1 -0
  25. package/build/esm/web-tokens/_colors.json +5 -5
  26. package/build/esm/web-tokens/_sizes.json +1 -1
  27. package/build/esm/web-tokens/visualConfig.d.ts +1 -1
  28. package/build/esm/web-tokens/visualConfig.js +1 -1
  29. package/build/scss/_theming.scss +4 -4
  30. package/build/scss/_variables.scss +2 -2
  31. package/package.json +1 -1
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import type { IconProps } from "../../Icon/Icon";
3
+ export type CarouselThumbnailProps = {
4
+ assetIndex: number;
5
+ bottomLeftIconName?: IconProps["name"];
6
+ isActive: boolean;
7
+ onClickThumbnail: (index: number, ev?: React.KeyboardEvent<HTMLButtonElement>) => void;
8
+ shouldUseLightTheme: boolean;
9
+ src: string;
10
+ title: string;
11
+ topLeftIconName?: IconProps["name"];
12
+ };
13
+ export declare const CarouselThumbnail: React.ForwardRefExoticComponent<CarouselThumbnailProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CarouselThumbnail",{enumerable:!0,get:function(){return CarouselThumbnail}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Icon=require("../../Icon/Icon"),_MediaItem=require("../../MediaItem/MediaItem"),StyledThumbnail=(0,_styled.default)("div",{target:"erijvet0",label:"StyledThumbnail"})(({theme,isActive,shouldUseLightTheme})=>({margin:theme.variables.size.spacing.xxs,height:"80px",borderRadius:theme.variables.size.borderRadius.s,outlineOffset:"1px",position:"relative",outline:"2px solid transparent",transition:"all 0.3s ease",...isActive&&!shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.background.onAccent.default}`,transition:"all 0.3s ease"},...isActive&&shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.border.primary.active}`,transition:"all 0.3s ease"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndCIn0= */"),StyledIconContainer=(0,_styled.default)("div",{target:"erijvet1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.xxs,left:theme.variables.size.spacing.xxs,overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default,boxShadow:theme.values.elevation[1],display:"flex",zIndex:6}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzRCIn0= */"),CarouselThumbnail=(0,_react.forwardRef)(({assetIndex,bottomLeftIconName,isActive,onClickThumbnail,shouldUseLightTheme,src,title,topLeftIconName},ref)=>_react.default.createElement(StyledThumbnail,{isActive:isActive,role:"presentation",shouldUseLightTheme:shouldUseLightTheme,"aria-label":`${title}`},topLeftIconName&&_react.default.createElement(StyledIconContainer,{"data-testid":"top-left-icon"},_react.default.createElement(_Icon.Icon,{name:topLeftIconName,size:"s",color:"inherit"})),_react.default.createElement(_MediaItem.MediaItem,{src:src,title:title??"asset",size:"xs",squareByWidth:!0,categoryIcon:bottomLeftIconName??void 0,categoryPlacement:"inside",showTitle:!1,onClick:()=>{onClickThumbnail(assetIndex)},onKeyDown:ev=>{ev.key.startsWith("Arrow")||"Tab"===ev.key||onClickThumbnail(assetIndex,ev)},ref:ref})));
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ import { type IconProps } from "../../Icon/Icon";
3
+ type MediaAsset = {
4
+ bottomLeftIconName?: IconProps["name"];
5
+ src: string;
6
+ title: string;
7
+ topLeftIconName?: IconProps["name"];
8
+ xid: string;
9
+ };
10
+ export type MediaCarouselProps = {
11
+ activeItemRef?: React.MutableRefObject<HTMLButtonElement | null>;
12
+ currentIndex: number;
13
+ mediaAssets: MediaAsset[];
14
+ nextBtnAriaLabel: string;
15
+ onClickNext: VoidFunction;
16
+ onClickPrevious: VoidFunction;
17
+ onClickThumbnail: (newIndex: number) => void;
18
+ prevBtnAriaLabel: string;
19
+ setIsReady: React.Dispatch<React.SetStateAction<boolean>>;
20
+ shouldHideArrowButtons?: boolean;
21
+ shouldUseLightTheme: boolean;
22
+ skipArrowKeysListener: boolean;
23
+ };
24
+ export declare const MediaCarousel: ({ activeItemRef, currentIndex, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, setIsReady, shouldHideArrowButtons, shouldUseLightTheme, skipArrowKeysListener, }: MediaCarouselProps) => React.ReactNode;
25
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaCarousel",{enumerable:!0,get:function(){return MediaCarousel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Button=require("../../Button/Button"),_Icon=require("../../Icon/Icon"),_useIsScrollable=require("../useIsScrollable"),_CarouselThumbnail=require("../CarouselThumbnail/CarouselThumbnail"),StyledWrapper=(0,_styled.default)("div",{target:"e1suv5or0",label:"StyledWrapper"})(({isScrollable,showNavButtons,theme})=>({overflow:"hidden",width:"100%",...isScrollable&&{display:"flex"},"button:focus-visible":{border:"2px solid royalblue",borderRadius:theme.variables.size.borderRadius.s,outline:"none !important"},...!showNavButtons&&{padding:"0 8px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFzQiJ9 */"),StyledOuterContainer=(0,_styled.default)("div",{target:"e1suv5or1",label:"StyledOuterContainer"})(({theme})=>({display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNkIifQ== */"),StyledInnerContainer=(0,_styled.default)("div",{target:"e1suv5or2",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlENkIifQ== */"),MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,shouldHideArrowButtons,shouldUseLightTheme,skipArrowKeysListener})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=(0,_react.useRef)(null),innerContainerRef=(0,_react.useRef)(null),isScrollable=(0,_useIsScrollable.useIsScrollable)(scrollContainerRef,innerContainerRef),currentIndexRef=(0,_react.useRef)(currentIndex),showNavButtons=isScrollable&&!shouldHideArrowButtons;(0,_react.useEffect)(()=>{currentIndexRef.current=currentIndex},[currentIndex]),(0,_react.useEffect)(()=>{activeItemRef.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return(0,_react.useEffect)(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),_react.default.createElement(StyledWrapper,{isScrollable:isScrollable,showNavButtons:showNavButtons},showNavButtons&&_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-left",color:"secondary"})),_react.default.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container"},_react.default.createElement(StyledInnerContainer,{ref:innerContainerRef},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},idx)=>_react.default.createElement(_CarouselThumbnail.CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:idx,isActive:idx===currentIndex,ref:idx===currentIndex?activeItemRef:null,shouldUseLightTheme:shouldUseLightTheme,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail})))),showNavButtons&&_react.default.createElement(_Button.Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},_react.default.createElement(_Icon.Icon,{name:"chevron-right",color:"secondary"})))};
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { type MediaCarouselProps } from "./MediaCarousel/MediaCarousel";
3
+ export type MediaViewerCarouselProps = {
4
+ currentIndex: number;
5
+ dataE2eTestId?: string;
6
+ isExpanded: boolean;
7
+ mediaAssets: MediaCarouselProps["mediaAssets"];
8
+ nextBtnAriaLabel?: string;
9
+ onClickNext: VoidFunction;
10
+ onClickPrevious: VoidFunction;
11
+ onClickThumbnail: (newVal: number) => void;
12
+ prevBtnAriaLabel?: string;
13
+ shouldUseLightTheme: boolean;
14
+ skipArrowKeysListener?: boolean;
15
+ toggleExpanded: VoidFunction;
16
+ toggleBtnAriaLabel?: string;
17
+ };
18
+ export declare function MediaViewerCarousel({ currentIndex, dataE2eTestId, isExpanded, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, shouldUseLightTheme, skipArrowKeysListener, toggleExpanded, toggleBtnAriaLabel, }: MediaViewerCarouselProps): React.ReactNode;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MediaViewerCarousel",{enumerable:!0,get:function(){return MediaViewerCarousel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_MediaCarousel=require("./MediaCarousel/MediaCarousel"),_breakpointsjson=/*#__PURE__*/_interop_require_default._(require("../../web-tokens/_breakpoints.json")),StyledBottomBar=(0,_styled.default)("div",{target:"e1cziuz30",label:"StyledBottomBar"})(({isExpanded,shouldUseLightTheme,theme})=>({alignItems:"center",backgroundColor:shouldUseLightTheme?theme.values.color.background.onAccent.disabled:theme.values.color.background.backdrop.default,bottom:theme.variables.size.spacing.zero,boxShadow:theme.values.elevation[2],borderTop:`1px solid ${theme.values.color.border.secondary.default}`,display:"flex",flexDirection:"column",height:124,justifyContent:"flex-start",left:theme.variables.size.spacing.zero,paddingTop:theme.variables.size.spacing.m,position:"absolute",right:theme.variables.size.spacing.zero,transform:isExpanded?"translateY(0)":"translateY(108px)",transition:"transform 0.3s ease-in-out",zIndex:6,[`@media (min-width: ${_breakpointsjson.default.medium.value}px)`]:{justifyContent:"center"},[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`]:{height:140,paddingTop:theme.variables.size.spacing.xl,transform:isExpanded?"translateY(0)":"translateY(108px)",zIndex:5}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QiJ9 */"),StyledToggleButtonContainer=(0,_styled.default)("div",{target:"e1cziuz31",label:"StyledToggleButtonContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.zero,[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`]:{left:"calc(50% - 75px)",width:"150px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQyJ9 */"),StyledToggleButton=(0,_styled.default)("button",{target:"e1cziuz32",label:"StyledToggleButton"})(({theme})=>({alignItems:"center",backgroundColor:theme.values.color.icon.quaternary.default,border:"none",borderRadius:`${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.xs} ${theme.variables.size.borderRadius.xs}`,cursor:"pointer",display:"flex",height:16,[`@media (max-width: ${_breakpointsjson.default.medium.value}px)`]:{height:32,justifyContent:"center",width:"100%"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0UyQiJ9 */");function MediaViewerCarousel({currentIndex,dataE2eTestId,isExpanded,mediaAssets,nextBtnAriaLabel="Click to go to the next image",onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel="Click to go to the previous image",shouldUseLightTheme,skipArrowKeysListener=!1,toggleExpanded,toggleBtnAriaLabel="Click to expand or collapse the carousel"}){let activeItemRef=(0,_react.useRef)(null),[isReady,setIsReady]=(0,_react.useState)(!1),[isMobile,setIsMobile]=(0,_react.useState)(!!window&&window.innerWidth<=_breakpointsjson.default.medium.value);return(0,_react.useEffect)(()=>{let handleResize=()=>{window&&setIsMobile(prevVal=>{let newVal=window.innerWidth<=_breakpointsjson.default.medium.value;return newVal!==prevVal?newVal:prevVal})};return window.addEventListener("resize",handleResize),()=>{window.removeEventListener("resize",handleResize)}},[]),(0,_react.useEffect)(()=>{if(!(isExpanded&&isReady))return;let timeout=setTimeout(()=>{activeItemRef.current?.focus()},350);return()=>{clearTimeout(timeout)}},[isExpanded,isReady]),(0,_react.useEffect)(()=>{isExpanded&&isReady&&activeItemRef.current?.focus()},[currentIndex]),_react.default.createElement(StyledBottomBar,{"data-e2e-test-id":dataE2eTestId,isExpanded:isExpanded,shouldUseLightTheme:shouldUseLightTheme},_react.default.createElement(StyledToggleButtonContainer,null,_react.default.createElement(StyledToggleButton,{onClick:toggleExpanded,"aria-label":toggleBtnAriaLabel},_react.default.createElement(_Box.Box,{space:"l",vSpace:"zero"},_react.default.createElement(_Icon.Icon,{name:isExpanded?"chevron-down":"chevron-up",color:"secondary",size:"s"})))),_react.default.createElement(_MediaCarousel.MediaCarousel,{activeItemRef:activeItemRef,currentIndex:currentIndex,mediaAssets:mediaAssets,nextBtnAriaLabel:nextBtnAriaLabel,onClickNext:onClickNext,onClickPrevious:onClickPrevious,onClickThumbnail:onClickThumbnail,prevBtnAriaLabel:prevBtnAriaLabel,setIsReady:setIsReady,shouldHideArrowButtons:isMobile,shouldUseLightTheme:shouldUseLightTheme,skipArrowKeysListener:skipArrowKeysListener}))}
@@ -0,0 +1,2 @@
1
+ import type { MediaViewerCarouselProps } from "./MediaViewerCarousel";
2
+ export declare const generateMediaAssets: (count: number) => MediaViewerCarouselProps["mediaAssets"];
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"generateMediaAssets",{enumerable:!0,get:function(){return generateMediaAssets}});const generateMediaAssets=count=>Array.from({length:count},(_,index)=>({xid:(Date.now()+index).toString(),src:"https://media-us.medicuja.de/media/thumbs/big_55683f15d2480.jpg",title:`Asset ${index+1}`,assetIndex:index,topLeftIconName:index%3==0?"bookmark-filled":void 0,bottomLeftIconName:index%5==0?"smartzoom":void 0}));
@@ -0,0 +1,2 @@
1
+ import { type RefObject } from "react";
2
+ export declare const useIsScrollable: (scrollContainerRef: RefObject<HTMLDivElement>, innerContainerRef: RefObject<HTMLDivElement>) => boolean;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useIsScrollable",{enumerable:!0,get:function(){return useIsScrollable}});const _react=require("react"),useIsScrollable=(scrollContainerRef,innerContainerRef)=>{let[isScrollable,setIsScrollable]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{let innerContainerWidth=innerContainerRef?.current?.offsetWidth??0,scrollContainerWidth=scrollContainerRef?.current?.offsetWidth??0,newVal=innerContainerWidth>0&&scrollContainerWidth>0&&innerContainerWidth+48>=scrollContainerWidth;newVal!==isScrollable&&setIsScrollable(newVal)},[innerContainerRef,scrollContainerRef,isScrollable]),isScrollable};
@@ -297,17 +297,17 @@
297
297
  "lightOriginalValue": "gray.light02"
298
298
  }
299
299
  },
300
- "dossage-icon": {
301
- "color-dossage-icon-default": {
302
- "name": "dossage-icon.default",
300
+ "dosage-icon": {
301
+ "color-dosage-icon-default": {
302
+ "name": "dosage-icon.default",
303
303
  "subState": "",
304
304
  "darkValue": "#7d67c5",
305
305
  "darkOriginalValue": "night-purple.light01",
306
306
  "lightValue": "#7254d3",
307
307
  "lightOriginalValue": "purple.regular"
308
308
  },
309
- "color-dossage-icon-hover": {
310
- "name": "dossage-icon.hover",
309
+ "color-dosage-icon-hover": {
310
+ "name": "dosage-icon.hover",
311
311
  "subState": "",
312
312
  "darkValue": "#ad97f7",
313
313
  "darkOriginalValue": "night-purple.light02",
@@ -447,7 +447,7 @@
447
447
  "value": "0px",
448
448
  "original": 0,
449
449
  "variableName": "$size-border-radius-none",
450
- "isUsed": false
450
+ "isUsed": true
451
451
  },
452
452
  {
453
453
  "category": "size",
@@ -201,7 +201,7 @@ type AmbossTheme = {
201
201
  "gray": string;
202
202
  };
203
203
  };
204
- "dossageIcon": {
204
+ "dosageIcon": {
205
205
  "default": string;
206
206
  "hover": string;
207
207
  };
@@ -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"}}},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"}}},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)"}},dossageIcon:{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"},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:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},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)"}},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)"}},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)"}},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)"}}}}}},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"}},dossageIcon:{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"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.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"},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)"}},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)"}},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)"}}}}}}};
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"}}},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"}}},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"},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:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},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)"}},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)"}},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)"}},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)"}}}}}},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"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.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"},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)"}},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)"}},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)"}}}}}}};
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import type { IconProps } from "../../Icon/Icon";
3
+ export type CarouselThumbnailProps = {
4
+ assetIndex: number;
5
+ bottomLeftIconName?: IconProps["name"];
6
+ isActive: boolean;
7
+ onClickThumbnail: (index: number, ev?: React.KeyboardEvent<HTMLButtonElement>) => void;
8
+ shouldUseLightTheme: boolean;
9
+ src: string;
10
+ title: string;
11
+ topLeftIconName?: IconProps["name"];
12
+ };
13
+ export declare const CarouselThumbnail: React.ForwardRefExoticComponent<CarouselThumbnailProps & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1 @@
1
+ import React,{forwardRef}from"react";import styled from"@emotion/styled";import{Icon}from"../../Icon/Icon";import{MediaItem}from"../../MediaItem/MediaItem";let StyledThumbnail=styled("div",{target:"erijvet0",label:"StyledThumbnail"})(({theme,isActive,shouldUseLightTheme})=>({margin:theme.variables.size.spacing.xxs,height:"80px",borderRadius:theme.variables.size.borderRadius.s,outlineOffset:"1px",position:"relative",outline:"2px solid transparent",transition:"all 0.3s ease",...isActive&&!shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.background.onAccent.default}`,transition:"all 0.3s ease"},...isActive&&shouldUseLightTheme&&{outline:`2px solid ${theme.values.color.border.primary.active}`,transition:"all 0.3s ease"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQndCIn0= */"),StyledIconContainer=styled("div",{target:"erijvet1",label:"StyledIconContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.xxs,left:theme.variables.size.spacing.xxs,overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:theme.values.color.mediaItem.categoryIcon.background.default,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.xxs,color:theme.values.color.text.onAccent.default,boxShadow:theme.values.elevation[1],display:"flex",zIndex:6}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL01lZGlhVmlld2VyQ2Fyb3VzZWwvQ2Fyb3VzZWxUaHVtYm5haWwvQ2Fyb3VzZWxUaHVtYm5haWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IE1lZGlhSXRlbSB9IGZyb20gXCIuLi8uLi9NZWRpYUl0ZW0vTWVkaWFJdGVtXCI7XG5cbmV4cG9ydCB0eXBlIENhcm91c2VsVGh1bWJuYWlsUHJvcHMgPSB7XG4gIGFzc2V0SW5kZXg6IG51bWJlcjtcbiAgYm90dG9tTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChcbiAgICBpbmRleDogbnVtYmVyLFxuICAgIGV2PzogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKSA9PiB2b2lkO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbn07XG5cbmNvbnN0IFN0eWxlZFRodW1ibmFpbCA9IHN0eWxlZC5kaXY8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgc2hvdWxkVXNlTGlnaHRUaGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IFwiODBweFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxuICBvdXRsaW5lT2Zmc2V0OiBcIjFweFwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBvdXRsaW5lOiBcIjJweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgLi4uKGlzQWN0aXZlICYmXG4gICAgIXNob3VsZFVzZUxpZ2h0VGhlbWUgJiYge1xuICAgICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIHRyYW5zaXRpb246IFwiYWxsIDAuM3MgZWFzZVwiLFxuICAgIH0pLFxuICAuLi4oaXNBY3RpdmUgJiZcbiAgICBzaG91bGRVc2VMaWdodFRoZW1lICYmIHtcbiAgICAgIG91dGxpbmU6IGAycHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuYWN0aXZlfWAsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwLjNzIGVhc2VcIixcbiAgICB9KSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgbGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IubWVkaWFJdGVtLmNhdGVnb3J5SWNvbi5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lm9uQWNjZW50LmRlZmF1bHQsXG4gIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHpJbmRleDogNixcbn0pKTtcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsVGh1bWJuYWlsID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGFzc2V0SW5kZXgsXG4gICAgICBib3R0b21MZWZ0SWNvbk5hbWUsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIG9uQ2xpY2tUaHVtYm5haWwsXG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lLFxuICAgICAgc3JjLFxuICAgICAgdGl0bGUsXG4gICAgICB0b3BMZWZ0SWNvbk5hbWUsXG4gICAgfTogQ2Fyb3VzZWxUaHVtYm5haWxQcm9wcyxcbiAgICByZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50PlxuICApOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4ge1xuICAgICAgb25DbGlja1RodW1ibmFpbChhc3NldEluZGV4KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5RG93biA9IChldjogUmVhY3QuS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChldi5rZXkuc3RhcnRzV2l0aChcIkFycm93XCIpIHx8IGV2LmtleSA9PT0gXCJUYWJcIikgcmV0dXJuO1xuXG4gICAgICBvbkNsaWNrVGh1bWJuYWlsKGFzc2V0SW5kZXgsIGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaHVtYm5haWxcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgc2hvdWxkVXNlTGlnaHRUaGVtZT17c2hvdWxkVXNlTGlnaHRUaGVtZX1cbiAgICAgICAgYXJpYS1sYWJlbD17YCR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RvcExlZnRJY29uTmFtZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZEljb25Db250YWluZXIgZGF0YS10ZXN0aWQ9XCJ0b3AtbGVmdC1pY29uXCI+XG4gICAgICAgICAgICA8SWNvbiBuYW1lPXt0b3BMZWZ0SWNvbk5hbWV9IHNpemU9XCJzXCIgY29sb3I9XCJpbmhlcml0XCIgLz5cbiAgICAgICAgICA8L1N0eWxlZEljb25Db250YWluZXI+XG4gICAgICAgICl9XG4gICAgICAgIDxNZWRpYUl0ZW1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICB0aXRsZT17dGl0bGUgPz8gXCJhc3NldFwifVxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgc3F1YXJlQnlXaWR0aFxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17KGJvdHRvbUxlZnRJY29uTmFtZSBhcyBJY29uUHJvcHNbXCJuYW1lXCJdKSA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgY2F0ZWdvcnlQbGFjZW1lbnQ9XCJpbnNpZGVcIlxuICAgICAgICAgIHNob3dUaXRsZT17ZmFsc2V9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlEb3dufVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUaHVtYm5haWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzRCIn0= */");export const CarouselThumbnail=forwardRef(({assetIndex,bottomLeftIconName,isActive,onClickThumbnail,shouldUseLightTheme,src,title,topLeftIconName},ref)=>React.createElement(StyledThumbnail,{isActive:isActive,role:"presentation",shouldUseLightTheme:shouldUseLightTheme,"aria-label":`${title}`},topLeftIconName&&React.createElement(StyledIconContainer,{"data-testid":"top-left-icon"},React.createElement(Icon,{name:topLeftIconName,size:"s",color:"inherit"})),React.createElement(MediaItem,{src:src,title:title??"asset",size:"xs",squareByWidth:!0,categoryIcon:bottomLeftIconName??void 0,categoryPlacement:"inside",showTitle:!1,onClick:()=>{onClickThumbnail(assetIndex)},onKeyDown:ev=>{ev.key.startsWith("Arrow")||"Tab"===ev.key||onClickThumbnail(assetIndex,ev)},ref:ref})));
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ import { type IconProps } from "../../Icon/Icon";
3
+ type MediaAsset = {
4
+ bottomLeftIconName?: IconProps["name"];
5
+ src: string;
6
+ title: string;
7
+ topLeftIconName?: IconProps["name"];
8
+ xid: string;
9
+ };
10
+ export type MediaCarouselProps = {
11
+ activeItemRef?: React.MutableRefObject<HTMLButtonElement | null>;
12
+ currentIndex: number;
13
+ mediaAssets: MediaAsset[];
14
+ nextBtnAriaLabel: string;
15
+ onClickNext: VoidFunction;
16
+ onClickPrevious: VoidFunction;
17
+ onClickThumbnail: (newIndex: number) => void;
18
+ prevBtnAriaLabel: string;
19
+ setIsReady: React.Dispatch<React.SetStateAction<boolean>>;
20
+ shouldHideArrowButtons?: boolean;
21
+ shouldUseLightTheme: boolean;
22
+ skipArrowKeysListener: boolean;
23
+ };
24
+ export declare const MediaCarousel: ({ activeItemRef, currentIndex, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, setIsReady, shouldHideArrowButtons, shouldUseLightTheme, skipArrowKeysListener, }: MediaCarouselProps) => React.ReactNode;
25
+ export {};
@@ -0,0 +1 @@
1
+ import React,{useRef,useEffect}from"react";import styled from"@emotion/styled";import{Button}from"../../Button/Button";import{Icon}from"../../Icon/Icon";import{useIsScrollable}from"../useIsScrollable";import{CarouselThumbnail}from"../CarouselThumbnail/CarouselThumbnail";let StyledWrapper=styled("div",{target:"e1suv5or0",label:"StyledWrapper"})(({isScrollable,showNavButtons,theme})=>({overflow:"hidden",width:"100%",...isScrollable&&{display:"flex"},"button:focus-visible":{border:"2px solid royalblue",borderRadius:theme.variables.size.borderRadius.s,outline:"none !important"},...!showNavButtons&&{padding:"0 8px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFzQiJ9 */"),StyledOuterContainer=styled("div",{target:"e1suv5or1",label:"StyledOuterContainer"})(({theme})=>({display:"flex",flexWrap:"nowrap",justifyContent:"center",overflowX:"auto",overflowY:"hidden",paddingTop:theme.variables.size.spacing.xxs,scrollBehavior:"smooth",width:"100%",scrollbarWidth:"auto",scrollbarColor:`${theme.values.color.tag.background.gray} ${theme.values.color.background.transparent.active}`,"::-webkit-scrollbar":{height:"8px"},"::-webkit-scrollbar-thumb":{background:theme.values.color.tag.background.gray},"::-webkit-scrollbar-track":{background:theme.values.color.background.transparent.active}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNkIifQ== */"),StyledInnerContainer=styled("div",{target:"e1suv5or2",label:"StyledInnerContainer"})({display:"flex",flexWrap:"nowrap",maxWidth:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9NZWRpYVZpZXdlckNhcm91c2VsL01lZGlhQ2Fyb3VzZWwvTWVkaWFDYXJvdXNlbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgY29uc2lzdGVudC1yZXR1cm4gKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgdHlwZSBJY29uUHJvcHMgfSBmcm9tIFwiLi4vLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyB1c2VJc1Njcm9sbGFibGUgfSBmcm9tIFwiLi4vdXNlSXNTY3JvbGxhYmxlXCI7XG5pbXBvcnQgeyBDYXJvdXNlbFRodW1ibmFpbCB9IGZyb20gXCIuLi9DYXJvdXNlbFRodW1ibmFpbC9DYXJvdXNlbFRodW1ibmFpbFwiO1xuXG5jb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkLmRpdjx7XG4gIGlzU2Nyb2xsYWJsZTogYm9vbGVhbjtcbiAgc2hvd05hdkJ1dHRvbnM6IGJvb2xlYW47XG59PigoeyBpc1Njcm9sbGFibGUsIHNob3dOYXZCdXR0b25zLCB0aGVtZSB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAuLi4oaXNTY3JvbGxhYmxlICYmIHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSksXG4gIFwiYnV0dG9uOmZvY3VzLXZpc2libGVcIjoge1xuICAgIGJvcmRlcjogXCIycHggc29saWQgcm95YWxibHVlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMucyxcbiAgICBvdXRsaW5lOiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICB9LFxuICAuLi4oIXNob3dOYXZCdXR0b25zICYmIHtcbiAgICBwYWRkaW5nOiBcIjAgOHB4XCIsXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgb3ZlcmZsb3dYOiBcImF1dG9cIixcbiAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgc2Nyb2xsQmVoYXZpb3I6IFwic21vb3RoXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJDb2xvcjogYCR7dGhlbWUudmFsdWVzLmNvbG9yLnRhZy5iYWNrZ3JvdW5kLmdyYXl9ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlfWAsXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgaGVpZ2h0OiBcIjhweFwiLFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcuYmFja2dyb3VuZC5ncmF5LFxuICB9LFxuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2tcIjoge1xuICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkSW5uZXJDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICBtYXhXaWR0aDogXCIxMDAlXCIsXG59KTtcblxudHlwZSBNZWRpYUFzc2V0ID0ge1xuICBib3R0b21MZWZ0SWNvbk5hbWU/OiBJY29uUHJvcHNbXCJuYW1lXCJdO1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgdG9wTGVmdEljb25OYW1lPzogSWNvblByb3BzW1wibmFtZVwiXTtcbiAgeGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBNZWRpYUNhcm91c2VsUHJvcHMgPSB7XG4gIGFjdGl2ZUl0ZW1SZWY/OiBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBtZWRpYUFzc2V0czogTWVkaWFBc3NldFtdO1xuICBuZXh0QnRuQXJpYUxhYmVsOiBzdHJpbmc7XG4gIG9uQ2xpY2tOZXh0OiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tQcmV2aW91czogVm9pZEZ1bmN0aW9uO1xuICBvbkNsaWNrVGh1bWJuYWlsOiAobmV3SW5kZXg6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbDogc3RyaW5nO1xuICBzZXRJc1JlYWR5OiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj47XG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM/OiBib29sZWFuO1xuICBzaG91bGRVc2VMaWdodFRoZW1lOiBib29sZWFuO1xuICBza2lwQXJyb3dLZXlzTGlzdGVuZXI6IGJvb2xlYW47XG59O1xuXG5leHBvcnQgY29uc3QgTWVkaWFDYXJvdXNlbCA9ICh7XG4gIGFjdGl2ZUl0ZW1SZWYsXG4gIGN1cnJlbnRJbmRleCxcbiAgbWVkaWFBc3NldHMsXG4gIG5leHRCdG5BcmlhTGFiZWwsXG4gIG9uQ2xpY2tOZXh0LFxuICBvbkNsaWNrUHJldmlvdXMsXG4gIG9uQ2xpY2tUaHVtYm5haWwsXG4gIHByZXZCdG5BcmlhTGFiZWwsXG4gIHNldElzUmVhZHksXG4gIHNob3VsZEhpZGVBcnJvd0J1dHRvbnMsXG4gIHNob3VsZFVzZUxpZ2h0VGhlbWUsXG4gIHNraXBBcnJvd0tleXNMaXN0ZW5lcixcbn06IE1lZGlhQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSA9PiB7XG4gIGNvbnN0IHRodW1ibmFpbENvdW50ID0gbWVkaWFBc3NldHMubGVuZ3RoO1xuICBjb25zdCBzY3JvbGxDb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpbm5lckNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzU2Nyb2xsYWJsZSA9IHVzZUlzU2Nyb2xsYWJsZShzY3JvbGxDb250YWluZXJSZWYsIGlubmVyQ29udGFpbmVyUmVmKTtcbiAgY29uc3QgY3VycmVudEluZGV4UmVmID0gdXNlUmVmKGN1cnJlbnRJbmRleCk7XG4gIGNvbnN0IHNob3dOYXZCdXR0b25zID0gaXNTY3JvbGxhYmxlICYmICFzaG91bGRIaWRlQXJyb3dCdXR0b25zO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPSBjdXJyZW50SW5kZXg7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChcbiAgICAgICEoXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWYuY3VycmVudCAmJlxuICAgICAgICBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJlxuICAgICAgICBpbm5lckNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgICApXG4gICAgKVxuICAgICAgcmV0dXJuO1xuXG4gICAgLy8gZW5zdXJlcyB0aGF0IHdlIHNjcm9sbCB0byB0aGUgYWN0aXZlIGl0ZW0gb24gZmlyc3QgbW91bnRcbiAgICBzZXRJc1JlYWR5KCgpID0+IHRydWUpO1xuICB9LCBbYWN0aXZlSXRlbVJlZiwgc2Nyb2xsQ29udGFpbmVyUmVmLCBpbm5lckNvbnRhaW5lclJlZiwgc2V0SXNSZWFkeV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrTmV4dCA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudEluZGV4UmVmLmN1cnJlbnQgPT09IHRodW1ibmFpbENvdW50IC0gMSkgcmV0dXJuO1xuICAgIG9uQ2xpY2tOZXh0KCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogaXRlbVdpZHRoLFxuICAgICAgICBiZWhhdmlvcjogXCJzbW9vdGhcIixcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDbGlja1ByZXZpb3VzID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50SW5kZXhSZWYuY3VycmVudCA8PSAwKSByZXR1cm47XG4gICAgb25DbGlja1ByZXZpb3VzKCk7XG4gICAgaWYgKGlzU2Nyb2xsYWJsZSAmJiBzY3JvbGxDb250YWluZXJSZWYuY3VycmVudCAmJiBhY3RpdmVJdGVtUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGl0ZW1XaWR0aCA9IGFjdGl2ZUl0ZW1SZWYuY3VycmVudC5vZmZzZXRXaWR0aCArIDg7IC8vIDhweCBmb3IgbWFyZ2lucyAoNHB4IG9uIGVhY2ggc2lkZSlcbiAgICAgIHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50Py5zY3JvbGxCeT8uKHtcbiAgICAgICAgbGVmdDogLWl0ZW1XaWR0aCxcbiAgICAgICAgYmVoYXZpb3I6IFwic21vb3RoXCIsXG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2tpcEFycm93S2V5c0xpc3RlbmVyKSByZXR1cm47XG4gICAgY29uc3QgY3VycmVudFJlZiA9IHNjcm9sbENvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghY3VycmVudFJlZikgcmV0dXJuO1xuXG4gICAgZnVuY3Rpb24gbGlzdGVuZXIoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09IFwiQXJyb3dSaWdodFwiKSB7XG4gICAgICAgIGhhbmRsZUNsaWNrTmV4dCgpO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gXCJBcnJvd0xlZnRcIikge1xuICAgICAgICBoYW5kbGVDbGlja1ByZXZpb3VzKCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgY3VycmVudFJlZi5hZGRFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY3VycmVudFJlZi5yZW1vdmVFdmVudExpc3RlbmVyKFwia2V5ZG93blwiLCBsaXN0ZW5lcik7XG4gICAgfTtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtzY3JvbGxDb250YWluZXJSZWZdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyIGlzU2Nyb2xsYWJsZT17aXNTY3JvbGxhYmxlfSBzaG93TmF2QnV0dG9ucz17c2hvd05hdkJ1dHRvbnN9PlxuICAgICAge3Nob3dOYXZCdXR0b25zICYmIChcbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tQcmV2aW91c31cbiAgICAgICAgICBkaXNhYmxlZD17Y3VycmVudEluZGV4ID09PSAwfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtwcmV2QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwic2Vjb25kYXJ5XCIgLz5cbiAgICAgICAgPC9CdXR0b24+XG4gICAgICApfVxuICAgICAgPFN0eWxlZE91dGVyQ29udGFpbmVyXG4gICAgICAgIHJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICBhcmlhLWxhYmVsPVwidGh1bWJuYWlscyBzY3JvbGxhYmxlIGNvbnRhaW5lclwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRJbm5lckNvbnRhaW5lciByZWY9e2lubmVyQ29udGFpbmVyUmVmfT5cbiAgICAgICAgICB7bWVkaWFBc3NldHMubWFwKFxuICAgICAgICAgICAgKHsgc3JjLCB0aXRsZSwgYm90dG9tTGVmdEljb25OYW1lLCB0b3BMZWZ0SWNvbk5hbWUsIHhpZCB9LCBpZHgpID0+IChcbiAgICAgICAgICAgICAgPENhcm91c2VsVGh1bWJuYWlsXG4gICAgICAgICAgICAgICAga2V5PXtgY2Fyb3VzZWwtaXRlbS0ke3hpZH1gfVxuICAgICAgICAgICAgICAgIGFzc2V0SW5kZXg9e2lkeH1cbiAgICAgICAgICAgICAgICBpc0FjdGl2ZT17aWR4ID09PSBjdXJyZW50SW5kZXh9XG4gICAgICAgICAgICAgICAgcmVmPXtpZHggPT09IGN1cnJlbnRJbmRleCA/IGFjdGl2ZUl0ZW1SZWYgOiBudWxsfVxuICAgICAgICAgICAgICAgIHNob3VsZFVzZUxpZ2h0VGhlbWU9e3Nob3VsZFVzZUxpZ2h0VGhlbWV9XG4gICAgICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIHRvcExlZnRJY29uTmFtZT17dG9wTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIGJvdHRvbUxlZnRJY29uTmFtZT17Ym90dG9tTGVmdEljb25OYW1lfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRJbm5lckNvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkT3V0ZXJDb250YWluZXI+XG4gICAgICB7c2hvd05hdkJ1dHRvbnMgJiYgKFxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja05leHR9XG4gICAgICAgICAgZGlzYWJsZWQ9e2N1cnJlbnRJbmRleCA9PT0gdGh1bWJuYWlsQ291bnQgLSAxfVxuICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtuZXh0QnRuQXJpYUxhYmVsfVxuICAgICAgICA+XG4gICAgICAgICAgPEljb24gbmFtZT1cImNoZXZyb24tcmlnaHRcIiBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlENkIifQ== */");export const MediaCarousel=({activeItemRef,currentIndex,mediaAssets,nextBtnAriaLabel,onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel,setIsReady,shouldHideArrowButtons,shouldUseLightTheme,skipArrowKeysListener})=>{let thumbnailCount=mediaAssets.length,scrollContainerRef=useRef(null),innerContainerRef=useRef(null),isScrollable=useIsScrollable(scrollContainerRef,innerContainerRef),currentIndexRef=useRef(currentIndex),showNavButtons=isScrollable&&!shouldHideArrowButtons;useEffect(()=>{currentIndexRef.current=currentIndex},[currentIndex]),useEffect(()=>{activeItemRef.current&&scrollContainerRef.current&&innerContainerRef.current&&setIsReady(()=>!0)},[activeItemRef,scrollContainerRef,innerContainerRef,setIsReady]);let handleClickNext=()=>{if(currentIndexRef.current!==thumbnailCount-1&&(onClickNext(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:itemWidth,behavior:"smooth"})}},handleClickPrevious=()=>{if(!(currentIndexRef.current<=0)&&(onClickPrevious(),isScrollable&&scrollContainerRef.current&&activeItemRef.current)){let itemWidth=activeItemRef.current.offsetWidth+8;scrollContainerRef.current?.scrollBy?.({left:-itemWidth,behavior:"smooth"})}};return useEffect(()=>{if(skipArrowKeysListener)return;let currentRef=scrollContainerRef.current;if(currentRef)return currentRef.addEventListener("keydown",listener),()=>{currentRef.removeEventListener("keydown",listener)};function listener(event){"ArrowRight"===event.key&&handleClickNext(),"ArrowLeft"===event.key&&handleClickPrevious()}},[scrollContainerRef]),React.createElement(StyledWrapper,{isScrollable:isScrollable,showNavButtons:showNavButtons},showNavButtons&&React.createElement(Button,{variant:"tertiary",onClick:handleClickPrevious,disabled:0===currentIndex,size:"s","aria-label":prevBtnAriaLabel},React.createElement(Icon,{name:"chevron-left",color:"secondary"})),React.createElement(StyledOuterContainer,{ref:scrollContainerRef,"aria-label":"thumbnails scrollable container"},React.createElement(StyledInnerContainer,{ref:innerContainerRef},mediaAssets.map(({src,title,bottomLeftIconName,topLeftIconName,xid},idx)=>React.createElement(CarouselThumbnail,{key:`carousel-item-${xid}`,assetIndex:idx,isActive:idx===currentIndex,ref:idx===currentIndex?activeItemRef:null,shouldUseLightTheme:shouldUseLightTheme,src:src,title:title,topLeftIconName:topLeftIconName,bottomLeftIconName:bottomLeftIconName,onClickThumbnail:onClickThumbnail})))),showNavButtons&&React.createElement(Button,{variant:"tertiary",onClick:handleClickNext,disabled:currentIndex===thumbnailCount-1,size:"s","aria-label":nextBtnAriaLabel},React.createElement(Icon,{name:"chevron-right",color:"secondary"})))};
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { type MediaCarouselProps } from "./MediaCarousel/MediaCarousel";
3
+ export type MediaViewerCarouselProps = {
4
+ currentIndex: number;
5
+ dataE2eTestId?: string;
6
+ isExpanded: boolean;
7
+ mediaAssets: MediaCarouselProps["mediaAssets"];
8
+ nextBtnAriaLabel?: string;
9
+ onClickNext: VoidFunction;
10
+ onClickPrevious: VoidFunction;
11
+ onClickThumbnail: (newVal: number) => void;
12
+ prevBtnAriaLabel?: string;
13
+ shouldUseLightTheme: boolean;
14
+ skipArrowKeysListener?: boolean;
15
+ toggleExpanded: VoidFunction;
16
+ toggleBtnAriaLabel?: string;
17
+ };
18
+ export declare function MediaViewerCarousel({ currentIndex, dataE2eTestId, isExpanded, mediaAssets, nextBtnAriaLabel, onClickNext, onClickPrevious, onClickThumbnail, prevBtnAriaLabel, shouldUseLightTheme, skipArrowKeysListener, toggleExpanded, toggleBtnAriaLabel, }: MediaViewerCarouselProps): React.ReactNode;
@@ -0,0 +1 @@
1
+ import React,{useRef,useEffect,useState}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{MediaCarousel}from"./MediaCarousel/MediaCarousel";import breakpoints from"../../web-tokens/_breakpoints.json";let StyledBottomBar=styled("div",{target:"e1cziuz30",label:"StyledBottomBar"})(({isExpanded,shouldUseLightTheme,theme})=>({alignItems:"center",backgroundColor:shouldUseLightTheme?theme.values.color.background.onAccent.disabled:theme.values.color.background.backdrop.default,bottom:theme.variables.size.spacing.zero,boxShadow:theme.values.elevation[2],borderTop:`1px solid ${theme.values.color.border.secondary.default}`,display:"flex",flexDirection:"column",height:124,justifyContent:"flex-start",left:theme.variables.size.spacing.zero,paddingTop:theme.variables.size.spacing.m,position:"absolute",right:theme.variables.size.spacing.zero,transform:isExpanded?"translateY(0)":"translateY(108px)",transition:"transform 0.3s ease-in-out",zIndex:6,[`@media (min-width: ${breakpoints.medium.value}px)`]:{justifyContent:"center"},[`@media (max-width: ${breakpoints.medium.value}px)`]:{height:140,paddingTop:theme.variables.size.spacing.xl,transform:isExpanded?"translateY(0)":"translateY(108px)",zIndex:5}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QiJ9 */"),StyledToggleButtonContainer=styled("div",{target:"e1cziuz31",label:"StyledToggleButtonContainer"})(({theme})=>({position:"absolute",top:theme.variables.size.spacing.zero,[`@media (max-width: ${breakpoints.medium.value}px)`]:{left:"calc(50% - 75px)",width:"150px"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQyJ9 */"),StyledToggleButton=styled("button",{target:"e1cziuz32",label:"StyledToggleButton"})(({theme})=>({alignItems:"center",backgroundColor:theme.values.color.icon.quaternary.default,border:"none",borderRadius:`${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.none} ${theme.variables.size.borderRadius.xs} ${theme.variables.size.borderRadius.xs}`,cursor:"pointer",display:"flex",height:16,[`@media (max-width: ${breakpoints.medium.value}px)`]:{height:32,justifyContent:"center",width:"100%"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTWVkaWFWaWV3ZXJDYXJvdXNlbC9NZWRpYVZpZXdlckNhcm91c2VsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBjb25zaXN0ZW50LXJldHVybiAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7XG4gIE1lZGlhQ2Fyb3VzZWwsXG4gIHR5cGUgTWVkaWFDYXJvdXNlbFByb3BzLFxufSBmcm9tIFwiLi9NZWRpYUNhcm91c2VsL01lZGlhQ2Fyb3VzZWxcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG5jb25zdCBCT1RUT01fQkFSX0hFSUdIVCA9IDEyNDtcbmNvbnN0IEJPVFRPTV9CQVJfSEVJR0hUX01PQklMRSA9IDE0MDtcbmNvbnN0IFRPR0dMRV9CVVRUT05fSEVJR0hUID0gMTY7XG5jb25zdCBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEUgPSAzMjtcblxuY29uc3QgU3R5bGVkQm90dG9tQmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIHNob3VsZFVzZUxpZ2h0VGhlbWU6IGJvb2xlYW47XG59PigoeyBpc0V4cGFuZGVkLCBzaG91bGRVc2VMaWdodFRoZW1lLCB0aGVtZSB9KSA9PiAoe1xuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHNob3VsZFVzZUxpZ2h0VGhlbWVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLm9uQWNjZW50LmRpc2FibGVkXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICBib3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IEJPVFRPTV9CQVJfSEVJR0hULFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIGxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICA/IFwidHJhbnNsYXRlWSgwKVwiXG4gICAgOiBgdHJhbnNsYXRlWSgke0JPVFRPTV9CQVJfSEVJR0hUIC0gVE9HR0xFX0JVVFRPTl9IRUlHSFR9cHgpYCxcbiAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dFwiLFxuICB6SW5kZXg6IDYsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0sXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgaGVpZ2h0OiBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICB0cmFuc2Zvcm06IGlzRXhwYW5kZWRcbiAgICAgID8gXCJ0cmFuc2xhdGVZKDApXCJcbiAgICAgIDogYHRyYW5zbGF0ZVkoJHtcbiAgICAgICAgICBCT1RUT01fQkFSX0hFSUdIVF9NT0JJTEUgLSBUT0dHTEVfQlVUVE9OX0hFSUdIVF9NT0JJTEVcbiAgICAgICAgfXB4KWAsXG4gICAgekluZGV4OiA1LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLm1lZGl1bS52YWx1ZX1weClgXToge1xuICAgIGxlZnQ6IFwiY2FsYyg1MCUgLSA3NXB4KVwiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZC5idXR0b24oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaWNvbi5xdWF0ZXJuYXJ5LmRlZmF1bHQsXG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLm5vbmV9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54c31gLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBUT0dHTEVfQlVUVE9OX0hFSUdIVCxcbiAgW2BAbWVkaWEgKG1heC13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICBoZWlnaHQ6IFRPR0dMRV9CVVRUT05fSEVJR0hUX01PQklMRSxcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyA9IHtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG4gIGRhdGFFMmVUZXN0SWQ/OiBzdHJpbmc7XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gIG1lZGlhQXNzZXRzOiBNZWRpYUNhcm91c2VsUHJvcHNbXCJtZWRpYUFzc2V0c1wiXTtcbiAgbmV4dEJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgb25DbGlja05leHQ6IFZvaWRGdW5jdGlvbjtcbiAgb25DbGlja1ByZXZpb3VzOiBWb2lkRnVuY3Rpb247XG4gIG9uQ2xpY2tUaHVtYm5haWw6IChuZXdWYWw6IG51bWJlcikgPT4gdm9pZDtcbiAgcHJldkJ0bkFyaWFMYWJlbD86IHN0cmluZztcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZTogYm9vbGVhbjtcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyPzogYm9vbGVhbjtcbiAgdG9nZ2xlRXhwYW5kZWQ6IFZvaWRGdW5jdGlvbjtcbiAgdG9nZ2xlQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQ2Fyb3VzZWwoe1xuICBjdXJyZW50SW5kZXgsXG4gIGRhdGFFMmVUZXN0SWQsXG4gIGlzRXhwYW5kZWQsXG4gIG1lZGlhQXNzZXRzLFxuICBuZXh0QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgbmV4dCBpbWFnZVwiLFxuICBvbkNsaWNrTmV4dCxcbiAgb25DbGlja1ByZXZpb3VzLFxuICBvbkNsaWNrVGh1bWJuYWlsLFxuICBwcmV2QnRuQXJpYUxhYmVsID0gXCJDbGljayB0byBnbyB0byB0aGUgcHJldmlvdXMgaW1hZ2VcIixcbiAgc2hvdWxkVXNlTGlnaHRUaGVtZSxcbiAgc2tpcEFycm93S2V5c0xpc3RlbmVyID0gZmFsc2UsXG4gIHRvZ2dsZUV4cGFuZGVkLFxuICB0b2dnbGVCdG5BcmlhTGFiZWwgPSBcIkNsaWNrIHRvIGV4cGFuZCBvciBjb2xsYXBzZSB0aGUgY2Fyb3VzZWxcIixcbn06IE1lZGlhVmlld2VyQ2Fyb3VzZWxQcm9wcyk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gIGNvbnN0IGFjdGl2ZUl0ZW1SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbaXNSZWFkeSwgc2V0SXNSZWFkeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtpc01vYmlsZSwgc2V0SXNNb2JpbGVdID0gdXNlU3RhdGUoXG4gICAgISF3aW5kb3cgJiYgd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVSZXNpemUgPSAoKSA9PiB7XG4gICAgICBpZiAoIXdpbmRvdykgcmV0dXJuO1xuXG4gICAgICBzZXRJc01vYmlsZSgocHJldlZhbCkgPT4ge1xuICAgICAgICBjb25zdCBuZXdWYWwgPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWU7XG4gICAgICAgIGlmIChuZXdWYWwgIT09IHByZXZWYWwpIHtcbiAgICAgICAgICByZXR1cm4gbmV3VmFsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBwcmV2VmFsO1xuICAgICAgfSk7XG4gICAgfTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcInJlc2l6ZVwiLCBoYW5kbGVSZXNpemUpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghKGlzRXhwYW5kZWQgJiYgaXNSZWFkeSkpIHJldHVybjtcblxuICAgIC8vIHdoZW4gZXhwYW5kaW5nIGJvdHRvbSBiYXIgd2FpdCBmb3IgdGhlIGFuaW1hdGlvbiB0byBmaW5pc2ggYmVmb3JlIGZvY3VzaW5nXG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgYWN0aXZlSXRlbVJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgIH0sIDM1MCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xuICAgIH07XG4gIH0sIFtpc0V4cGFuZGVkLCBpc1JlYWR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNFeHBhbmRlZCAmJiBpc1JlYWR5KSB7XG4gICAgICBhY3RpdmVJdGVtUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJvdHRvbUJhclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgID5cbiAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25Db250YWluZXI+XG4gICAgICAgIDxTdHlsZWRUb2dnbGVCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0b2dnbGVCdG5BcmlhTGFiZWx9XG4gICAgICAgID5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwibFwiIHZTcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tZG93blwiIDogXCJjaGV2cm9uLXVwXCJ9XG4gICAgICAgICAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TdHlsZWRUb2dnbGVCdXR0b24+XG4gICAgICA8L1N0eWxlZFRvZ2dsZUJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgIDxNZWRpYUNhcm91c2VsXG4gICAgICAgIGFjdGl2ZUl0ZW1SZWY9e2FjdGl2ZUl0ZW1SZWZ9XG4gICAgICAgIGN1cnJlbnRJbmRleD17Y3VycmVudEluZGV4fVxuICAgICAgICBtZWRpYUFzc2V0cz17bWVkaWFBc3NldHN9XG4gICAgICAgIG5leHRCdG5BcmlhTGFiZWw9e25leHRCdG5BcmlhTGFiZWx9XG4gICAgICAgIG9uQ2xpY2tOZXh0PXtvbkNsaWNrTmV4dH1cbiAgICAgICAgb25DbGlja1ByZXZpb3VzPXtvbkNsaWNrUHJldmlvdXN9XG4gICAgICAgIG9uQ2xpY2tUaHVtYm5haWw9e29uQ2xpY2tUaHVtYm5haWx9XG4gICAgICAgIHByZXZCdG5BcmlhTGFiZWw9e3ByZXZCdG5BcmlhTGFiZWx9XG4gICAgICAgIHNldElzUmVhZHk9e3NldElzUmVhZHl9XG4gICAgICAgIHNob3VsZEhpZGVBcnJvd0J1dHRvbnM9e2lzTW9iaWxlfVxuICAgICAgICBzaG91bGRVc2VMaWdodFRoZW1lPXtzaG91bGRVc2VMaWdodFRoZW1lfVxuICAgICAgICBza2lwQXJyb3dLZXlzTGlzdGVuZXI9e3NraXBBcnJvd0tleXNMaXN0ZW5lcn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRCb3R0b21CYXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0UyQiJ9 */");export function MediaViewerCarousel({currentIndex,dataE2eTestId,isExpanded,mediaAssets,nextBtnAriaLabel="Click to go to the next image",onClickNext,onClickPrevious,onClickThumbnail,prevBtnAriaLabel="Click to go to the previous image",shouldUseLightTheme,skipArrowKeysListener=!1,toggleExpanded,toggleBtnAriaLabel="Click to expand or collapse the carousel"}){let activeItemRef=useRef(null),[isReady,setIsReady]=useState(!1),[isMobile,setIsMobile]=useState(!!window&&window.innerWidth<=breakpoints.medium.value);return useEffect(()=>{let handleResize=()=>{window&&setIsMobile(prevVal=>{let newVal=window.innerWidth<=breakpoints.medium.value;return newVal!==prevVal?newVal:prevVal})};return window.addEventListener("resize",handleResize),()=>{window.removeEventListener("resize",handleResize)}},[]),useEffect(()=>{if(!(isExpanded&&isReady))return;let timeout=setTimeout(()=>{activeItemRef.current?.focus()},350);return()=>{clearTimeout(timeout)}},[isExpanded,isReady]),useEffect(()=>{isExpanded&&isReady&&activeItemRef.current?.focus()},[currentIndex]),React.createElement(StyledBottomBar,{"data-e2e-test-id":dataE2eTestId,isExpanded:isExpanded,shouldUseLightTheme:shouldUseLightTheme},React.createElement(StyledToggleButtonContainer,null,React.createElement(StyledToggleButton,{onClick:toggleExpanded,"aria-label":toggleBtnAriaLabel},React.createElement(Box,{space:"l",vSpace:"zero"},React.createElement(Icon,{name:isExpanded?"chevron-down":"chevron-up",color:"secondary",size:"s"})))),React.createElement(MediaCarousel,{activeItemRef:activeItemRef,currentIndex:currentIndex,mediaAssets:mediaAssets,nextBtnAriaLabel:nextBtnAriaLabel,onClickNext:onClickNext,onClickPrevious:onClickPrevious,onClickThumbnail:onClickThumbnail,prevBtnAriaLabel:prevBtnAriaLabel,setIsReady:setIsReady,shouldHideArrowButtons:isMobile,shouldUseLightTheme:shouldUseLightTheme,skipArrowKeysListener:skipArrowKeysListener}))}
@@ -0,0 +1,2 @@
1
+ import type { MediaViewerCarouselProps } from "./MediaViewerCarousel";
2
+ export declare const generateMediaAssets: (count: number) => MediaViewerCarouselProps["mediaAssets"];
@@ -0,0 +1 @@
1
+ export const generateMediaAssets=count=>Array.from({length:count},(_,index)=>({xid:(Date.now()+index).toString(),src:"https://media-us.medicuja.de/media/thumbs/big_55683f15d2480.jpg",title:`Asset ${index+1}`,assetIndex:index,topLeftIconName:index%3==0?"bookmark-filled":void 0,bottomLeftIconName:index%5==0?"smartzoom":void 0}));
@@ -0,0 +1,2 @@
1
+ import { type RefObject } from "react";
2
+ export declare const useIsScrollable: (scrollContainerRef: RefObject<HTMLDivElement>, innerContainerRef: RefObject<HTMLDivElement>) => boolean;
@@ -0,0 +1 @@
1
+ import{useEffect,useState}from"react";export const useIsScrollable=(scrollContainerRef,innerContainerRef)=>{let[isScrollable,setIsScrollable]=useState(!1);return useEffect(()=>{let innerContainerWidth=innerContainerRef?.current?.offsetWidth??0,scrollContainerWidth=scrollContainerRef?.current?.offsetWidth??0,newVal=innerContainerWidth>0&&scrollContainerWidth>0&&innerContainerWidth+48>=scrollContainerWidth;newVal!==isScrollable&&setIsScrollable(newVal)},[innerContainerRef,scrollContainerRef,isScrollable]),isScrollable};
@@ -297,17 +297,17 @@
297
297
  "lightOriginalValue": "gray.light02"
298
298
  }
299
299
  },
300
- "dossage-icon": {
301
- "color-dossage-icon-default": {
302
- "name": "dossage-icon.default",
300
+ "dosage-icon": {
301
+ "color-dosage-icon-default": {
302
+ "name": "dosage-icon.default",
303
303
  "subState": "",
304
304
  "darkValue": "#7d67c5",
305
305
  "darkOriginalValue": "night-purple.light01",
306
306
  "lightValue": "#7254d3",
307
307
  "lightOriginalValue": "purple.regular"
308
308
  },
309
- "color-dossage-icon-hover": {
310
- "name": "dossage-icon.hover",
309
+ "color-dosage-icon-hover": {
310
+ "name": "dosage-icon.hover",
311
311
  "subState": "",
312
312
  "darkValue": "#ad97f7",
313
313
  "darkOriginalValue": "night-purple.light02",
@@ -447,7 +447,7 @@
447
447
  "value": "0px",
448
448
  "original": 0,
449
449
  "variableName": "$size-border-radius-none",
450
- "isUsed": false
450
+ "isUsed": true
451
451
  },
452
452
  {
453
453
  "category": "size",
@@ -201,7 +201,7 @@ type AmbossTheme = {
201
201
  "gray": string;
202
202
  };
203
203
  };
204
- "dossageIcon": {
204
+ "dosageIcon": {
205
205
  "default": string;
206
206
  "hover": string;
207
207
  };
@@ -1 +1 @@
1
- let 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"}}},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"}}},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}};export const 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)"}},dossageIcon:{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"},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:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},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)"}},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)"}},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)"}},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)"}}}}}},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"}},dossageIcon:{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"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.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"},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)"}},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)"}},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)"}}}}}}};
1
+ let 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"}}},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"}}},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}};export const 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"},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:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},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)"}},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)"}},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)"}},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)"}}}}}},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"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#a3b2bd",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.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"},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)"}},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)"}},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)"}}}}}}};
@@ -32,8 +32,8 @@
32
32
  --color-badge-borderSubtle-purple: #d8d0f3;
33
33
  --color-badge-borderSubtle-red: #fad1d1;
34
34
  --color-badge-borderSubtle-gray: #e0e6eb;
35
- --color-dossage-icon-default: #7254d3;
36
- --color-dossage-icon-hover: #5d44ab;
35
+ --color-dosage-icon-default: #7254d3;
36
+ --color-dosage-icon-hover: #5d44ab;
37
37
  --color-toggle-background-highlight: #f3eb75;
38
38
  --color-toggle-border-highlight: #f3eb75;
39
39
  --color-segmented-progress-bar-monochrome: #5a7183;
@@ -237,8 +237,8 @@
237
237
  --color-badge-borderSubtle-purple: rgba(255, 255, 255, 0.08);
238
238
  --color-badge-borderSubtle-red: rgba(255, 255, 255, 0.08);
239
239
  --color-badge-borderSubtle-gray: rgba(255, 255, 255, 0.08);
240
- --color-dossage-icon-default: #7d67c5;
241
- --color-dossage-icon-hover: #ad97f7;
240
+ --color-dosage-icon-default: #7d67c5;
241
+ --color-dosage-icon-hover: #ad97f7;
242
242
  --color-toggle-background-highlight: #b2ab39;
243
243
  --color-toggle-border-highlight: #b2ab39;
244
244
  --color-segmented-progress-bar-monochrome: #ced1d6;
@@ -30,8 +30,8 @@ $colorBadgeBorderSubtleBrand: var(--color-badge-borderSubtle-brand);
30
30
  $colorBadgeBorderSubtlePurple: var(--color-badge-borderSubtle-purple);
31
31
  $colorBadgeBorderSubtleRed: var(--color-badge-borderSubtle-red);
32
32
  $colorBadgeBorderSubtleGray: var(--color-badge-borderSubtle-gray);
33
- $colorDossageIconDefault: var(--color-dossage-icon-default);
34
- $colorDossageIconHover: var(--color-dossage-icon-hover);
33
+ $colorDosageIconDefault: var(--color-dosage-icon-default);
34
+ $colorDosageIconHover: var(--color-dosage-icon-hover);
35
35
  $colorToggleBackgroundHighlight: var(--color-toggle-background-highlight);
36
36
  $colorToggleBorderHighlight: var(--color-toggle-border-highlight);
37
37
  $colorSegmentedProgressBarMonochrome: var(--color-segmented-progress-bar-monochrome);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "3.7.9",
3
+ "version": "3.8.0",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "AMBOSS",
6
6
  "license": "ISC",