@atlaskit/media-viewer 46.5.0 → 47.0.2

package/dist/cjs/styled.js

@@ -1,209 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.blanketColor = exports.ZoomWrapper = exports.ZoomLevelIndicator = exports.ZoomControlsWrapper = exports.Video = exports.SpinnerWrapper = exports.SidebarWrapper = exports.RightWrapper = exports.RightHeader = exports.PDFWrapper = exports.MetadataWrapper = exports.MetadataSubText = exports.MetadataIconWrapper = exports.MetadataFileName = exports.MedatadataTextWrapper = exports.ListWrapper = exports.LeftWrapper = exports.LeftHeader = exports.Img = exports.ImageWrapper = exports.HeaderWrapper = exports.Header = exports.HDIconWrapper = exports.HDIconGroupWrapper = exports.FormattedMessageWrapper = exports.ErrorReasonTip = exports.ErrorMessageWrapper = exports.ErrorImage = exports.DownloadButtonWrapper = exports.DefaultCoverWrapper = exports.CustomVideoPlayerWrapper = exports.CustomAudioPlayerWrapper = exports.ContentWrapper = exports.CloseButtonWrapper = exports.Blanket = exports.BaselineExtend = exports.AudioPlayer = exports.AudioCover = exports.Audio = exports.ArrowsWrapper = exports.Arrow = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _mediaUi = require("@atlaskit/media-ui");
-
-var _styled = require("./viewers/archiveSidebar/styled");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
-
-var overlayZindex = _constants.layers.modal() + 10;
-var sidebarWidth = 416;
-var blanketColor = _colors.DN30;
-exports.blanketColor = blanketColor;
-
-var Blanket = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-color: ", ";\n  z-index: ", ";\n  display: flex;\n"])), blanketColor, overlayZindex);
-
-exports.Blanket = Blanket;
-
-var HeaderWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 98px;\n  opacity: 0.85;\n  background-image: linear-gradient(to bottom, #0e1624, rgba(14, 22, 36, 0));\n  color: #b8c7e0;\n  font-weight: 500;\n  padding-top: 15px;\n  padding: 24px;\n  box-sizing: border-box;\n  pointer-events: none;\n  z-index: ", ";\n"])), overlayZindex + 1);
-
-exports.HeaderWrapper = HeaderWrapper;
-HeaderWrapper.displayName = 'HeaderWrapper';
-
-var ListWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-
-exports.ListWrapper = ListWrapper;
-ListWrapper.displayName = 'ListWrapper';
-
-var ArrowsWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  width: 100%;\n"])));
-
-exports.ArrowsWrapper = ArrowsWrapper;
-
-var CloseButtonWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 24px;\n  right: 20px;\n  z-index: ", ";\n"])), overlayZindex + 2);
-
-exports.CloseButtonWrapper = CloseButtonWrapper;
-
-var ContentWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", ";\n"])), function (props) {
-  return props.isSidebarVisible ? "calc(100% - ".concat(sidebarWidth, "px)") : '100%';
-});
-
-exports.ContentWrapper = ContentWrapper;
-
-var ZoomWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  height: 98px;\n  background-image: linear-gradient(to top, #0e1624, rgba(14, 22, 36, 0));\n  opacity: 0.85;\n  pointer-events: none;\n"])));
-
-exports.ZoomWrapper = ZoomWrapper;
-
-var ZoomControlsWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: absolute;\n  text-align: center;\n  bottom: 10px;\n  button {\n    margin-right: 10px;\n  }\n  > * {\n    pointer-events: all;\n  }\n"])));
-
-exports.ZoomControlsWrapper = ZoomControlsWrapper;
-
-var ZoomLevelIndicator = _styledComponents.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 24px;\n  bottom: 22px;\n  color: #b8c7e0;\n  pointer-events: all;\n"])));
-
-exports.ZoomLevelIndicator = ZoomLevelIndicator;
-
-var HDIconGroupWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  right: 69px;\n  bottom: 16px;\n"])));
-
-exports.HDIconGroupWrapper = HDIconGroupWrapper;
-
-var HDIconWrapper = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: top;\n  margin-left: -24px;\n"])));
-
-exports.HDIconWrapper = HDIconWrapper;
-
-var ErrorMessageWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  color: #b8c7e0;\n  p {\n    line-height: 100%;\n  }\n"])));
-
-exports.ErrorMessageWrapper = ErrorMessageWrapper;
-
-var ErrorImage = _styledComponents.default.img(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: 10px;\n  user-select: none;\n"])));
-
-exports.ErrorImage = ErrorImage;
-
-var Video = _styledComponents.default.video(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100vw;\n  height: 100vh;\n"])));
-
-exports.Video = Video;
-
-var PDFWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n\n  .", " {\n    position: fixed;\n  }\n"])), _mediaUi.hideControlsClassName);
-
-exports.PDFWrapper = PDFWrapper;
-
-var Arrow = _styledComponents.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  && button {\n    height: inherit;\n    background: none;\n  }\n  > span {\n    color: rgba(27, 38, 56, 0.5);\n    fill: #9fb0cc;\n    filter: drop-shadow(1px 1px 1px rgba(27, 38, 56, 0.2));\n\n    &:hover {\n      color: #fff;\n    }\n  }\n"])));
-
-exports.Arrow = Arrow;
-
-var ArrowWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 20px;\n"])));
-
-var LeftWrapper = (0, _styledComponents.default)(ArrowWrapper)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: left;\n  left: 0;\n"])));
-exports.LeftWrapper = LeftWrapper;
-var RightWrapper = (0, _styledComponents.default)(ArrowWrapper)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: right;\n  right: 0;\n"]))); // header.tsx
-
-exports.RightWrapper = RightWrapper;
-
-var Header = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding-left: ", ";\n"])), function (_ref) {
-  var isArchiveSideBarVisible = _ref.isArchiveSideBarVisible;
-  return isArchiveSideBarVisible ? "".concat(_styled.ArchiveSideBarWidth, "px") : '0';
-});
-
-exports.Header = Header;
-
-var LeftHeader = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  overflow: hidden;\n  > * {\n    pointer-events: all;\n  }\n"])));
-
-exports.LeftHeader = LeftHeader;
-
-var ImageWrapper = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100vw;\n  height: 100vh;\n  overflow: auto;\n  text-align: center;\n  vertical-align: middle;\n  white-space: nowrap;\n"])));
-
-exports.ImageWrapper = ImageWrapper;
-
-var BaselineExtend = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  display: inline-block;\n  vertical-align: middle;\n"])));
-
-exports.BaselineExtend = BaselineExtend;
-
-var Img = _styledComponents.default.img(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  cursor: ", ";\n  ", "\n"])), function (_ref2) {
-  var canDrag = _ref2.canDrag,
-      isDragging = _ref2.isDragging;
-
-  if (canDrag && isDragging) {
-    return 'grabbing';
-  } else if (canDrag) {
-    return 'grab';
-  } else {
-    return 'auto';
-  }
-}, function (_ref3) {
-  var shouldPixelate = _ref3.shouldPixelate;
-  return shouldPixelate ? "/* Prevent images from being smoothed when scaled up */\n    image-rendering: optimizeSpeed; /* Legal fallback */\n    image-rendering: -moz-crisp-edges; /* Firefox        */\n    image-rendering: -o-crisp-edges; /* Opera          */\n    image-rendering: -webkit-optimize-contrast; /* Safari         */\n    image-rendering: optimize-contrast; /* CSS3 Proposed  */\n    image-rendering: crisp-edges; /* CSS4 Proposed  */\n    image-rendering: pixelated; /* CSS4 Proposed  */\n    -ms-interpolation-mode: nearest-neighbor; /* IE8+           */" : "";
-});
-
-exports.Img = Img;
-
-var MedatadataTextWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: hidden;\n"])));
-
-exports.MedatadataTextWrapper = MedatadataTextWrapper;
-
-var MetadataWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
-
-exports.MetadataWrapper = MetadataWrapper;
-
-var MetadataFileName = _styledComponents.default.div(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2.default)(["\n  &::first-letter {\n    text-transform: uppercase;\n  }\n  ", ";\n"])), (0, _mediaUi.ellipsis)());
-
-exports.MetadataFileName = MetadataFileName;
-
-var MetadataSubText = _styledComponents.default.div(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  ", ";\n"])), _colors.DN400, (0, _mediaUi.ellipsis)());
-
-exports.MetadataSubText = MetadataSubText;
-
-var MetadataIconWrapper = _styledComponents.default.div(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 4px;\n  padding-right: 12px;\n"])));
-
-exports.MetadataIconWrapper = MetadataIconWrapper;
-
-var RightHeader = _styledComponents.default.div(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: right;\n  margin-right: 40px;\n  min-width: 200px;\n  > * {\n    pointer-events: all;\n  }\n"])));
-
-exports.RightHeader = RightHeader;
-
-var CustomAudioPlayerWrapper = _styledComponents.default.div(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
-
-exports.CustomAudioPlayerWrapper = CustomAudioPlayerWrapper;
-
-var AudioPlayer = _styledComponents.default.div(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: ", ";\n  align-items: center;\n  justify-content: center;\n  width: 400px;\n  height: 400px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"])), blanketColor, (0, _constants.borderRadius)());
-
-exports.AudioPlayer = AudioPlayer;
-AudioPlayer.displayName = 'AudioPlayer';
-
-var Audio = _styledComponents.default.audio(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n"])));
-
-exports.Audio = Audio;
-
-var AudioCover = _styledComponents.default.img(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  background-color: #000;\n"])));
-
-exports.AudioCover = AudioCover;
-
-var DefaultCoverWrapper = _styledComponents.default.div(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  > * {\n    transform: scale(2);\n  }\n"])));
-
-exports.DefaultCoverWrapper = DefaultCoverWrapper;
-
-var DownloadButtonWrapper = _styledComponents.default.div(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 28px;\n  text-align: center;\n\n  button {\n    font-weight: bold;\n  }\n"])));
-
-exports.DownloadButtonWrapper = DownloadButtonWrapper;
-
-var CustomVideoPlayerWrapper = _styledComponents.default.div(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteral2.default)(["\n  video {\n    flex: 1;\n    width: 100vw;\n    height: 100vh;\n    max-height: 100vh;\n  }\n"])));
-
-exports.CustomVideoPlayerWrapper = CustomVideoPlayerWrapper;
-
-var SidebarWrapper = _styledComponents.default.div(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteral2.default)(["\n  top: 0;\n  right: 0;\n  width: ", "px;\n  height: 100vh;\n  overflow: hidden auto;\n  background-color: ", ";\n  color: ", ";\n"])), sidebarWidth, _colors.DN50, _colors.N0);
-
-exports.SidebarWrapper = SidebarWrapper;
-
-var SpinnerWrapper = _styledComponents.default.div(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n"])));
-
-exports.SpinnerWrapper = SpinnerWrapper;
-
-var ErrorReasonTip = _styledComponents.default.div(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 10pt;\n  margin: 10px 0 40px 0;\n  color: ", ";\n"])), _colors.DN400);
-
-exports.ErrorReasonTip = ErrorReasonTip;
-
-var FormattedMessageWrapper = _styledComponents.default.span(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteral2.default)([""])));
-
-exports.FormattedMessageWrapper = FormattedMessageWrapper;

package/dist/cjs/viewers/archiveSidebar/styled.js

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.itemStyle = exports.SidebarItemWrapper = exports.SidebarHeaderWrapper = exports.SidebarHeaderIcon = exports.SidebarHeaderEntry = exports.Separator = exports.ArchiveViewerWrapper = exports.ArchiveSidebarFolderWrapper = exports.ArchiveSidebarFileEntryWrapper = exports.ArchiveSideBarWidth = exports.ArchiveSideBar = exports.ArchiveLayout = exports.ArchiveItemViewerWrapper = exports.ArchiveDownloadButtonWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var ArchiveSideBarWidth = 300;
-exports.ArchiveSideBarWidth = ArchiveSideBarWidth;
-
-var ArchiveItemViewerWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
-
-exports.ArchiveItemViewerWrapper = ArchiveItemViewerWrapper;
-
-var ArchiveSideBar = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 22px 20px 20px 20px;\n  /** TODO [BMPT-370] Use new bg color after ThemeProvider is removed */\n  background-color: rgba(14, 22, 36);\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: ", "px;\n  bottom: 0;\n  box-sizing: border-box;\n  overflow-y: scroll;\n"])), ArchiveSideBarWidth);
-
-exports.ArchiveSideBar = ArchiveSideBar;
-var slideDown = (0, _styledComponents.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n"])));
-
-var ArchiveSidebarFolderWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  transform: translateY(-100%);\n  transition: all 1s;\n  opacity: 0;\n  animation: ", " 0.3s forwards;\n"])), slideDown);
-
-exports.ArchiveSidebarFolderWrapper = ArchiveSidebarFolderWrapper;
-
-var ArchiveDownloadButtonWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px 7px 5px 8px;\n  border: none;\n  border-radius: 3px;\n  background-color: transparent;\n\n  &:hover {\n    cursor: pointer;\n    background-color: #253a5f;\n    /** TODO [BMPT-370] Use new color after ThemeProvider is removed */\n  }\n"])));
-
-exports.ArchiveDownloadButtonWrapper = ArchiveDownloadButtonWrapper;
-
-var SidebarItemWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  width: 85%;\n"])));
-
-exports.SidebarItemWrapper = SidebarItemWrapper;
-
-var ArchiveSidebarFileEntryWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: 5px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s;\n"])));
-
-exports.ArchiveSidebarFileEntryWrapper = ArchiveSidebarFileEntryWrapper;
-
-var ArchiveLayout = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
-
-exports.ArchiveLayout = ArchiveLayout;
-
-var ArchiveViewerWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  left: ", "px;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  display: flex;\n"])), ArchiveSideBarWidth);
-
-exports.ArchiveViewerWrapper = ArchiveViewerWrapper;
-
-var Separator = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1px;\n  height: 2px;\n  margin: ", "px 0;\n  background-color: rgb(36, 50, 76);\n  flex-shrink: 0;\n"])), ((0, _constants.gridSize)() * 5 - 2) / 2);
-
-exports.Separator = Separator;
-
-var SidebarHeaderWrapper = _styledComponents.default.span(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n"])));
-
-exports.SidebarHeaderWrapper = SidebarHeaderWrapper;
-
-var SidebarHeaderIcon = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin-right: 10px;\n  flex-shrink: 0;\n"])));
-
-exports.SidebarHeaderIcon = SidebarHeaderIcon;
-
-var SidebarHeaderEntry = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 1.14286;\n  color: ", ";\n"])), _colors.DN500);
-/** TODO Replace background colors of item with theme from @atlaskit/tokens once ready*/
-
-
-exports.SidebarHeaderEntry = SidebarHeaderEntry;
-var itemStyle = {
-  backgroundColor: "".concat(_colors.DN10),
-  fill: "".concat(_colors.DN10),
-  color: "".concat(_colors.DN500),
-  ':hover': {
-    backgroundColor: '#253a5f',
-    color: "".concat(_colors.DN500)
-  }
-};
-exports.itemStyle = itemStyle;

package/dist/cjs/viewers/codeViewer/styled.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CodeViewerHeaderBar = exports.CodeViewWrapper = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _theme = require("@atlaskit/theme");
-
-var _templateObject, _templateObject2;
-
-var CodeViewWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  overflow: auto;\n"])), _theme.colors.N20);
-
-exports.CodeViewWrapper = CodeViewWrapper;
-
-var CodeViewerHeaderBar = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  height: 75px;\n  background-color: #0e1624;\n"])));
-
-exports.CodeViewerHeaderBar = CodeViewerHeaderBar;

package/dist/esm/styled.js

@@ -1,76 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
-
-import styled from 'styled-components';
-import { layers, borderRadius } from '@atlaskit/theme/constants';
-import { DN30, DN50, DN400, N0 } from '@atlaskit/theme/colors';
-import { ellipsis, hideControlsClassName } from '@atlaskit/media-ui';
-import { ArchiveSideBarWidth } from './viewers/archiveSidebar/styled';
-var overlayZindex = layers.modal() + 10;
-var sidebarWidth = 416;
-export var blanketColor = DN30;
-export var Blanket = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background-color: ", ";\n  z-index: ", ";\n  display: flex;\n"])), blanketColor, overlayZindex);
-export var HeaderWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 98px;\n  opacity: 0.85;\n  background-image: linear-gradient(to bottom, #0e1624, rgba(14, 22, 36, 0));\n  color: #b8c7e0;\n  font-weight: 500;\n  padding-top: 15px;\n  padding: 24px;\n  box-sizing: border-box;\n  pointer-events: none;\n  z-index: ", ";\n"])), overlayZindex + 1);
-HeaderWrapper.displayName = 'HeaderWrapper';
-export var ListWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-ListWrapper.displayName = 'ListWrapper';
-export var ArrowsWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  width: 100%;\n"])));
-export var CloseButtonWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 24px;\n  right: 20px;\n  z-index: ", ";\n"])), overlayZindex + 2);
-export var ContentWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: ", ";\n"])), function (props) {
-  return props.isSidebarVisible ? "calc(100% - ".concat(sidebarWidth, "px)") : '100%';
-});
-export var ZoomWrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  height: 98px;\n  background-image: linear-gradient(to top, #0e1624, rgba(14, 22, 36, 0));\n  opacity: 0.85;\n  pointer-events: none;\n"])));
-export var ZoomControlsWrapper = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: absolute;\n  text-align: center;\n  bottom: 10px;\n  button {\n    margin-right: 10px;\n  }\n  > * {\n    pointer-events: all;\n  }\n"])));
-export var ZoomLevelIndicator = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 24px;\n  bottom: 22px;\n  color: #b8c7e0;\n  pointer-events: all;\n"])));
-export var HDIconGroupWrapper = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 69px;\n  bottom: 16px;\n"])));
-export var HDIconWrapper = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: top;\n  margin-left: -24px;\n"])));
-export var ErrorMessageWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  text-align: center;\n  color: #b8c7e0;\n  p {\n    line-height: 100%;\n  }\n"])));
-export var ErrorImage = styled.img(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n  user-select: none;\n"])));
-export var Video = styled.video(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  width: 100vw;\n  height: 100vh;\n"])));
-export var PDFWrapper = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n\n  .", " {\n    position: fixed;\n  }\n"])), hideControlsClassName);
-export var Arrow = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  && button {\n    height: inherit;\n    background: none;\n  }\n  > span {\n    color: rgba(27, 38, 56, 0.5);\n    fill: #9fb0cc;\n    filter: drop-shadow(1px 1px 1px rgba(27, 38, 56, 0.2));\n\n    &:hover {\n      color: #fff;\n    }\n  }\n"])));
-var ArrowWrapper = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  padding: 20px;\n"])));
-export var LeftWrapper = styled(ArrowWrapper)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  text-align: left;\n  left: 0;\n"])));
-export var RightWrapper = styled(ArrowWrapper)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  text-align: right;\n  right: 0;\n"]))); // header.tsx
-
-export var Header = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  padding-left: ", ";\n"])), function (_ref) {
-  var isArchiveSideBarVisible = _ref.isArchiveSideBarVisible;
-  return isArchiveSideBarVisible ? "".concat(ArchiveSideBarWidth, "px") : '0';
-});
-export var LeftHeader = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  flex: 1;\n  overflow: hidden;\n  > * {\n    pointer-events: all;\n  }\n"])));
-export var ImageWrapper = styled.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  width: 100vw;\n  height: 100vh;\n  overflow: auto;\n  text-align: center;\n  vertical-align: middle;\n  white-space: nowrap;\n"])));
-export var BaselineExtend = styled.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: inline-block;\n  vertical-align: middle;\n"])));
-export var Img = styled.img(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  cursor: ", ";\n  ", "\n"])), function (_ref2) {
-  var canDrag = _ref2.canDrag,
-      isDragging = _ref2.isDragging;
-
-  if (canDrag && isDragging) {
-    return 'grabbing';
-  } else if (canDrag) {
-    return 'grab';
-  } else {
-    return 'auto';
-  }
-}, function (_ref3) {
-  var shouldPixelate = _ref3.shouldPixelate;
-  return shouldPixelate ? "/* Prevent images from being smoothed when scaled up */\n    image-rendering: optimizeSpeed; /* Legal fallback */\n    image-rendering: -moz-crisp-edges; /* Firefox        */\n    image-rendering: -o-crisp-edges; /* Opera          */\n    image-rendering: -webkit-optimize-contrast; /* Safari         */\n    image-rendering: optimize-contrast; /* CSS3 Proposed  */\n    image-rendering: crisp-edges; /* CSS4 Proposed  */\n    image-rendering: pixelated; /* CSS4 Proposed  */\n    -ms-interpolation-mode: nearest-neighbor; /* IE8+           */" : "";
-});
-export var MedatadataTextWrapper = styled.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-export var MetadataWrapper = styled.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-export var MetadataFileName = styled.div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  &::first-letter {\n    text-transform: uppercase;\n  }\n  ", ";\n"])), ellipsis());
-export var MetadataSubText = styled.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", ";\n"])), DN400, ellipsis());
-export var MetadataIconWrapper = styled.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  padding-top: 4px;\n  padding-right: 12px;\n"])));
-export var RightHeader = styled.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  text-align: right;\n  margin-right: 40px;\n  min-width: 200px;\n  > * {\n    pointer-events: all;\n  }\n"])));
-export var CustomAudioPlayerWrapper = styled.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n"])));
-export var AudioPlayer = styled.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: ", ";\n  align-items: center;\n  justify-content: center;\n  width: 400px;\n  height: 400px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"])), blanketColor, borderRadius());
-AudioPlayer.displayName = 'AudioPlayer';
-export var Audio = styled.audio(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n"])));
-export var AudioCover = styled.img(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n  background-color: #000;\n"])));
-export var DefaultCoverWrapper = styled.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  > * {\n    transform: scale(2);\n  }\n"])));
-export var DownloadButtonWrapper = styled.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n  margin-top: 28px;\n  text-align: center;\n\n  button {\n    font-weight: bold;\n  }\n"])));
-export var CustomVideoPlayerWrapper = styled.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n  video {\n    flex: 1;\n    width: 100vw;\n    height: 100vh;\n    max-height: 100vh;\n  }\n"])));
-export var SidebarWrapper = styled.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n  top: 0;\n  right: 0;\n  width: ", "px;\n  height: 100vh;\n  overflow: hidden auto;\n  background-color: ", ";\n  color: ", ";\n"])), sidebarWidth, DN50, N0);
-export var SpinnerWrapper = styled.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n"])));
-export var ErrorReasonTip = styled.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n  font-size: 10pt;\n  margin: 10px 0 40px 0;\n  color: ", ";\n"])), DN400);
-export var FormattedMessageWrapper = styled.span(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral([""])));

package/dist/esm/viewers/archiveSidebar/styled.js

@@ -1,32 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-
-import styled, { keyframes } from 'styled-components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { DN10, DN500 } from '@atlaskit/theme/colors';
-export var ArchiveSideBarWidth = 300;
-export var ArchiveItemViewerWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n"])));
-export var ArchiveSideBar = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 22px 20px 20px 20px;\n  /** TODO [BMPT-370] Use new bg color after ThemeProvider is removed */\n  background-color: rgba(14, 22, 36);\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: ", "px;\n  bottom: 0;\n  box-sizing: border-box;\n  overflow-y: scroll;\n"])), ArchiveSideBarWidth);
-var slideDown = keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n"])));
-export var ArchiveSidebarFolderWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transform: translateY(-100%);\n  transition: all 1s;\n  opacity: 0;\n  animation: ", " 0.3s forwards;\n"])), slideDown);
-export var ArchiveDownloadButtonWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 8px 7px 5px 8px;\n  border: none;\n  border-radius: 3px;\n  background-color: transparent;\n\n  &:hover {\n    cursor: pointer;\n    background-color: #253a5f;\n    /** TODO [BMPT-370] Use new color after ThemeProvider is removed */\n  }\n"])));
-export var SidebarItemWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 85%;\n"])));
-export var ArchiveSidebarFileEntryWrapper = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  padding-bottom: 5px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s;\n"])));
-export var ArchiveLayout = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
-export var ArchiveViewerWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: ", "px;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  display: flex;\n"])), ArchiveSideBarWidth);
-export var Separator = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  border-radius: 1px;\n  height: 2px;\n  margin: ", "px 0;\n  background-color: rgb(36, 50, 76);\n  flex-shrink: 0;\n"])), (gridSize() * 5 - 2) / 2);
-export var SidebarHeaderWrapper = styled.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n"])));
-export var SidebarHeaderIcon = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-right: 10px;\n  flex-shrink: 0;\n"])));
-export var SidebarHeaderEntry = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 1.14286;\n  color: ", ";\n"])), DN500);
-/** TODO Replace background colors of item with theme from @atlaskit/tokens once ready*/
-
-export var itemStyle = {
-  backgroundColor: "".concat(DN10),
-  fill: "".concat(DN10),
-  color: "".concat(DN500),
-  ':hover': {
-    backgroundColor: '#253a5f',
-    color: "".concat(DN500)
-  }
-};

package/dist/esm/viewers/codeViewer/styled.js

@@ -1,10 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { colors } from '@atlaskit/theme';
-export var CodeViewWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background-color: ", ";\n  overflow: auto;\n"])), colors.N20);
-export var CodeViewerHeaderBar = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 75px;\n  background-color: #0e1624;\n"])));

package/dist/types/styled.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import { MediaType } from '@atlaskit/media-client';
-export declare const blanketColor = "#1B2638";
-export declare const Blanket: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const HeaderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export interface ContentWrapperProps {
-    showControls: boolean;
-}
-export declare const ListWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArrowsWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const CloseButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ContentWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    isSidebarVisible?: boolean | undefined;
-}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    isSidebarVisible?: boolean | undefined;
-}>;
-export declare const ZoomWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ZoomControlsWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ZoomLevelIndicator: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const HDIconGroupWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const HDIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ErrorMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ErrorImage: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, any, import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>>;
-export declare const Video: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement>, any, import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement>>;
-export declare const PDFWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const Arrow: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const LeftWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const RightWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare type HeaderProps = {
-    isArchiveSideBarVisible: boolean;
-};
-export declare const Header: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderProps>;
-export declare const LeftHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ImageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const BaselineExtend: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare type ImgProps = {
-    canDrag: boolean;
-    isDragging: boolean;
-    shouldPixelate: boolean;
-};
-export declare const Img: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & ImgProps, any, import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & ImgProps>;
-export declare const MedatadataTextWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const MetadataWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const MetadataFileName: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const MetadataSubText: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const MetadataIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export interface IconWrapperProps {
-    type: MediaType;
-}
-export declare const RightHeader: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const CustomAudioPlayerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const AudioPlayer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const Audio: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLAudioElement> & import("react").AudioHTMLAttributes<HTMLAudioElement>, any, import("react").ClassAttributes<HTMLAudioElement> & import("react").AudioHTMLAttributes<HTMLAudioElement>>;
-export declare const AudioCover: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, any, import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>>;
-export declare const DefaultCoverWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const DownloadButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const CustomVideoPlayerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SidebarWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SpinnerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ErrorReasonTip: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const FormattedMessageWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;

package/dist/types/viewers/archiveSidebar/styled.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export declare const ArchiveSideBarWidth = 300;
-export declare const ArchiveItemViewerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArchiveSideBar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArchiveSidebarFolderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArchiveDownloadButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SidebarItemWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArchiveSidebarFileEntryWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArchiveLayout: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ArchiveViewerWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const Separator: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SidebarHeaderWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const SidebarHeaderIcon: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SidebarHeaderEntry: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-/** TODO Replace background colors of item with theme from @atlaskit/tokens once ready*/
-export declare const itemStyle: {
-    backgroundColor: string;
-    fill: string;
-    color: string;
-    ':hover': {
-        backgroundColor: string;
-        color: string;
-    };
-};

package/dist/types/viewers/codeViewer/styled.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const CodeViewWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const CodeViewerHeaderBar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;