@ntbjs/react-components 1.3.0-rc.36 → 1.3.0-rc.38

package/{AssetAction-32bdf257.js → AssetAction-163f4042.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-3fa37f40.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-d8e6ab4c.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-52e8f6dd.js');
-var Alert = require('./Alert-d69a3f95.js');
-var Badge = require('./Badge-e984e6f5.js');
-var Popover = require('./Popover-85ce744d.js');
-require('./Tab-e43241f0.js');
-require('./Tabs-cfc08c6b.js');
-var Tooltip = require('./Tooltip-a68a7e49.js');
-require('./VerificationStatusIcon-7b0e23fe.js');
+var Instructions = require('./Instructions-5d777a4d.js');
+var Alert = require('./Alert-28de48e1.js');
+var Badge = require('./Badge-2e008fe7.js');
+var Popover = require('./Popover-8e025dcb.js');
+require('./Tab-74c2bca2.js');
+require('./Tabs-41bd6cc1.js');
+var Tooltip = require('./Tooltip-dbd1bc99.js');
+require('./VerificationStatusIcon-b43db48d.js');
 var react = require('@floating-ui/react');
 var polished = require('polished');
-var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
-require('./AssetPreviewTopBar-f800a63a.js');
-var ActionButton = require('./ActionButton-b2345555.js');
-require('./Button-17bb2db1.js');
-require('./Checkbox-ad9c9e54.js');
-require('./CompactAutocompleteSelect-76b297c1.js');
-require('./CompactStarRating-158381c8.js');
-require('./CompactTextInput-90c41fe2.js');
-require('./MultiSelect-32e3ed90.js');
-require('./Radio-55db4781.js');
-require('./TextArea-77fd5efd.js');
-require('./TextInput-9a995449.js');
-require('./Switch-04ecd8d0.js');
-var ContextMenuItem = require('./ContextMenuItem-c536b460.js');
+var ContextMenu = require('./ContextMenu-265b13dc.js');
+require('./AssetPreviewTopBar-5636a6e9.js');
+var ActionButton = require('./ActionButton-df714c16.js');
+require('./Button-700afca4.js');
+require('./Checkbox-89fb44b0.js');
+require('./CompactAutocompleteSelect-394a96f2.js');
+require('./CompactStarRating-c02080fd.js');
+require('./CompactTextInput-1a216516.js');
+require('./MultiSelect-f9fbcdff.js');
+require('./Radio-ecf4226c.js');
+require('./TextArea-40baf21d.js');
+require('./TextInput-c1bb5c8c.js');
+require('./Switch-76d7d568.js');
+var ContextMenuItem = require('./ContextMenuItem-9008feb7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -155,14 +155,22 @@ var assetShapeWithLayout = defaultTheme._objectSpread2(defaultTheme._objectSprea
   }).isRequired
 });
 
-var _templateObject$5, _templateObject2$4, _templateObject3$4;
-var AssetGalleryBase$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$5 || (_templateObject$5 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n"])));
-var GroupLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2$4 || (_templateObject2$4 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  ", "\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n"])), function (props) {
+var AssetGalleryBase$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryBasestyled__AssetGalleryBase",
+  componentId: "sc-1i613b5-0"
+})(["position:relative;"]);
+var GroupLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryBasestyled__GroupLabel",
+  componentId: "sc-1i613b5-1"
+})(["font-family:", ";", " display:flex;align-items:flex-end;position:absolute;padding-bottom:4px;box-sizing:border-box;"], function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 });
-var AssetGalleryCardBase = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$4 || (_templateObject3$4 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  z-index: 1;\n  will-change: transform, width, height;\n\n  &:hover {\n    z-index: 2;\n  }\n"])));
+var AssetGalleryCardBase = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryBasestyled__AssetGalleryCardBase",
+  componentId: "sc-1i613b5-2"
+})(["position:absolute;top:0;left:0;margin:0;z-index:1;will-change:transform,width,height;&:hover{z-index:2;}"]);
 
 var css_248z = ".lazy-load-image-background.opacity {\n  opacity: 0;\n}\n\n.lazy-load-image-background.opacity.lazy-load-image-loaded {\n  opacity: 1;\n  transition: opacity .3s;\n}\n";
 defaultTheme.styleInject(css_248z);
@@ -182,37 +190,72 @@ var convertMsToHMS = function convertMsToHMS(ms) {
   return hmsString;
 };
 
-var _templateObject$4, _templateObject2$3, _templateObject3$3, _templateObject4$3, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2;
-var SummaryCard$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$4 || (_templateObject$4 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  border-radius: 4px;\n  width: ", ";\n  ", ";\n\n  ", "\n"])), function (props) {
+var SummaryCard$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__SummaryCard",
+  componentId: "sc-yp7o2-0"
+})(["display:flex;flex-direction:column;border-radius:4px;width:", ";", ";", ""], function (props) {
   return props.width ? "".concat(props.width, "px") : '100%';
 }, function (props) {
   return props.compact ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')) : 'background: transparent';
 }, function (props) {
   return props.useBorder ? props.theme.themeProp('border', "1px solid ".concat(props.theme.getColor('gray-500')), "1px solid ".concat(props.theme.getColor('gray-300'))) : null;
 });
-var Gutter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2$3 || (_templateObject2$3 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  padding-bottom: ", "px;\n"])), function (props) {
+var Gutter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__Gutter",
+  componentId: "sc-yp7o2-1"
+})(["", " padding-bottom:", "px;"], function (props) {
   if (props.renderAsMargin) {
-    return styled.css(_templateObject3$3 || (_templateObject3$3 = defaultTheme._taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), props.gutter || 8);
+    return styled.css(["margin-bottom:", "px;"], props.gutter || 8);
   } else {
-    return styled.css(_templateObject4$3 || (_templateObject4$3 = defaultTheme._taggedTemplateLiteral(["\n        padding-bottom: ", "px;\n      "])), props.gutter || 8);
+    return styled.css(["padding-bottom:", "px;"], props.gutter || 8);
   }
 }, function (props) {
   return props.gutter || 8;
 });
-var Header = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5$3 || (_templateObject5$3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n"])));
-var HeaderLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6$2 || (_templateObject6$2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  > * {\n    margin-right: 4px;\n  }\n"])));
-var HeaderRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7$2 || (_templateObject7$2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  > * {\n    margin-left: 4px;\n  }\n"])));
-var Title = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject8$2 || (_templateObject8$2 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n  padding: 0 16px;\n  font: normal normal 500 14px/19px Roboto;\n  letter-spacing: 0.28px;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n\n  ", ";\n"])), function (props) {
+var Header = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__Header",
+  componentId: "sc-yp7o2-2"
+})(["display:flex;align-items:center;justify-content:space-between;padding:0 16px;"]);
+var HeaderLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__HeaderLeft",
+  componentId: "sc-yp7o2-3"
+})(["display:flex;align-items:center;justify-content:flex-start;> *{margin-right:4px;}"]);
+var HeaderRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__HeaderRight",
+  componentId: "sc-yp7o2-4"
+})(["display:flex;align-items:center;justify-content:flex-end;> *{margin-left:4px;}"]);
+var Title = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__Title",
+  componentId: "sc-yp7o2-5"
+})(["display:inline-block;padding:0 16px;font:normal normal 500 14px/19px Roboto;letter-spacing:0.28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;", ";"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 });
-var Description = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject9$2 || (_templateObject9$2 = defaultTheme._taggedTemplateLiteral(["\n  padding: 0 16px;\n  text-align: left;\n  font: normal normal normal 12px/16px Roboto;\n  letter-spacing: 0.24px;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n\n  ", ";\n"])), function (props) {
+var Description = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__Description",
+  componentId: "sc-yp7o2-6"
+})(["padding:0 16px;text-align:left;font:normal normal normal 12px/16px Roboto;letter-spacing:0.24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;", ";"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 });
-var Instruction = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10$2 || (_templateObject10$2 = defaultTheme._taggedTemplateLiteral([""])));
-var Footer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11$2 || (_templateObject11$2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n"])));
-var FooterLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12$2 || (_templateObject12$2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  > * {\n    margin-right: 4px;\n  }\n"])));
-var FooterRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13$2 || (_templateObject13$2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n\n  > * {\n    margin-left: 4px;\n  }\n"])));
-styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(_templateObject14$2 || (_templateObject14$2 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+var Instruction = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__Instruction",
+  componentId: "sc-yp7o2-7"
+})([""]);
+var Footer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__Footer",
+  componentId: "sc-yp7o2-8"
+})(["display:flex;align-items:center;justify-content:space-between;padding:0 16px;"]);
+var FooterLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__FooterLeft",
+  componentId: "sc-yp7o2-9"
+})(["display:flex;align-items:center;justify-content:flex-start;> *{margin-right:4px;}"]);
+var FooterRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__FooterRight",
+  componentId: "sc-yp7o2-10"
+})(["display:flex;align-items:center;justify-content:flex-end;> *{margin-left:4px;}"]);
+styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "SummaryCardstyled__StyledFloatingArrow",
+  componentId: "sc-yp7o2-11"
+})(["", ""], function (props) {
   return props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'));
 });
 
@@ -293,12 +336,20 @@ SummaryCard.defaultProps = {
   activeSummaryCard: false
 };
 
-var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27, _templateObject28, _templateObject29;
-var AssetGalleryWrapper$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$3 || (_templateObject$3 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return props.disabled && styled.css(_templateObject2$2 || (_templateObject2$2 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+var AssetGalleryWrapper$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__AssetGalleryWrapper",
+  componentId: "sc-1efhhw4-0"
+})(["", ";"], function (props) {
+  return props.disabled && styled.css(["cursor:not-allowed;"]);
 });
-var Reference = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$2 || (_templateObject3$2 = defaultTheme._taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n"])));
-var AssetGalleryCompactCard$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4$2 || (_templateObject4$2 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-top: ", "px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n"])), function (props) {
+var Reference = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Reference",
+  componentId: "sc-1efhhw4-1"
+})(["width:100%;height:100%;"]);
+var AssetGalleryCompactCard$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__AssetGalleryCompactCard",
+  componentId: "sc-1efhhw4-2"
+})(["display:block;height:100%;padding-left:", "px;padding-right:", "px;padding-top:", "px;box-sizing:border-box;cursor:pointer;", ";", ";", ";", " video{width:100%;height:100%;}.audio{display:flex;justify-content:center;svg{width:25%;}}"], function (props) {
   return props.selected ? 1 : 0;
 }, function (props) {
   return props.selected ? 1 : 0;
@@ -309,36 +360,60 @@ var AssetGalleryCompactCard$2 = styled__default["default"].div.attrs(defaultThem
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject5$2 || (_templateObject5$2 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n      opacity: 0.4;\n    "])));
+  return props.disabled && styled.css(["pointer-events:none;opacity:0.4;"]);
 }, function (props) {
-  return props.extendedSelectMode && styled.css(_templateObject6$1 || (_templateObject6$1 = defaultTheme._taggedTemplateLiteral(["\n      cursor: pointer;\n    "])));
+  return props.extendedSelectMode && styled.css(["cursor:pointer;"]);
 });
-var Figure$1 = styled__default["default"].figure(_templateObject7$1 || (_templateObject7$1 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  .lazy-load-image-background {\n    display: block !important;\n  }\n\n  img {\n    display: block;\n    height: 100%;\n    width: 100%;\n    ", "\n  }\n"])), function (props) {
-  return props.hasHeightAndWidth ? styled.css(_templateObject8$1 || (_templateObject8$1 = defaultTheme._taggedTemplateLiteral(["\n            object-fit: cover;\n          "]))) : styled.css(_templateObject9$1 || (_templateObject9$1 = defaultTheme._taggedTemplateLiteral(["\n            object-fit: contain;\n          "])));
+var Figure$1 = styled__default["default"].figure.withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Figure",
+  componentId: "sc-1efhhw4-3"
+})(["display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;position:relative;margin:0;width:100%;height:100%;box-sizing:border-box;.lazy-load-image-background{display:block !important;}img{display:block;height:100%;width:100%;", "}"], function (props) {
+  return props.hasHeightAndWidth ? styled.css(["object-fit:cover;"]) : styled.css(["object-fit:contain;"]);
 });
-var FigureOverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10$1 || (_templateObject10$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  inset: 0;\n  opacity: ", ";\n  background-color: ", ";\n"])), function (props) {
+var FigureOverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__FigureOverlayBackdrop",
+  componentId: "sc-1efhhw4-4"
+})(["position:absolute;inset:0;opacity:", ";background-color:", ";"], function (props) {
   return props.selected ? 0.6 : 0;
 }, function (props) {
   return props.selected ? '#ACCEF7' : 'transparent';
 });
-var Overlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11$1 || (_templateObject11$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
-var OverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12$1 || (_templateObject12$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n\n  ", "\n  ", "\n    ", ":hover & {\n    opacity: 1;\n  }\n"])), function (props) {
-  return !props.selected ? styled.css(_templateObject13$1 || (_templateObject13$1 = defaultTheme._taggedTemplateLiteral(["\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        "]))) : null;
+var Overlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Overlay",
+  componentId: "sc-1efhhw4-5"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;"]);
+var OverlayBackdrop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayBackdrop",
+  componentId: "sc-1efhhw4-6"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity 220ms;", " ", " ", ":hover &{opacity:1;}"], function (props) {
+  return !props.selected ? styled.css(["background:radial-gradient( ellipse at center,rgba(0,0,0,0.3) 27%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.7) 90% );"]) : null;
 }, function (props) {
-  return (props.selected || props.softSelected) && styled.css(_templateObject14$1 || (_templateObject14$1 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 1;\n    "])));
+  return (props.selected || props.softSelected) && styled.css(["opacity:1;"]);
 }, Overlay$1);
-var OverlayInfo$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject15$1 || (_templateObject15$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 50px 10px 12px;\n  color: ", ";\n  & span {\n    overflow: hidden;\n    word-wrap: break-word;\n  }\n"])), function (props) {
+var OverlayInfo$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfo",
+  componentId: "sc-1efhhw4-7"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;padding:15px 50px 10px 12px;color:", ";& span{overflow:hidden;word-wrap:break-word;}"], function (props) {
   return props.theme.getColor('gray-100');
 });
-var OverlayCompleted = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16$1 || (_templateObject16$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ", ";\n"])), function (props) {
+var OverlayCompleted = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayCompleted",
+  componentId: "sc-1efhhw4-8"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;transition:border-color 120ms;border:3px solid;", ";"], function (props) {
   if (props.softSelected) return null;
   return props.theme.themeProp('border-color', props.theme.getColor('emerald-500'), polished.rgba(props.theme.getColor('emerald-500'), 0.7));
 });
-var OverlayHasError = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17$1 || (_templateObject17$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border: 3px solid;\n  ", "\n"])), function (props) {
+var OverlayHasError = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayHasError",
+  componentId: "sc-1efhhw4-9"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;transition:border-color 120ms;border:3px solid;", ""], function (props) {
   if (props.softSelected) return null;
   return props.theme.themeProp('border-color', props.theme.getColor('red-600'), polished.rgba(props.theme.getColor('red-500'), 0.7));
 });
-var OverlaySelected$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18$1 || (_templateObject18$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: border-color 120ms;\n  border-style: solid;\n  border-width: 3px;\n\n  ", ";\n"])), function (props) {
+var OverlaySelected$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlaySelected",
+  componentId: "sc-1efhhw4-10"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;transition:border-color 120ms;border-style:solid;border-width:3px;", ";"], function (props) {
   if (props.softSelected) {
     return props.theme.themeProp('border-color', polished.rgba(props.theme.getColor('gray-100'), 0.5), polished.rgba(props.theme.getColor('gray-700'), 0.5));
   }
@@ -347,40 +422,75 @@ var OverlaySelected$1 = styled__default["default"].div.attrs(defaultTheme.applyD
   }
   return props.theme.themeProp('border-color', 'transparent', 'transparent');
 });
-var OverlayInfoTop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19$1 || (_templateObject19$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n"])));
-var OverlayInfoTopActions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20$1 || (_templateObject20$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ", "\n\n  opacity: ", ";\n"])), function (props) {
+var OverlayInfoTop$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTop",
+  componentId: "sc-1efhhw4-11"
+})(["position:absolute;left:0;right:0;top:0;padding:8px;display:flex;"]);
+var OverlayInfoTopActions$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTopActions",
+  componentId: "sc-1efhhw4-12"
+})(["position:absolute;top:0;right:0;padding:4px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity 220ms;z-index:99999;", " opacity:", ";"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.isOverlayHovered ? 1 : 0;
 });
-var OverlayInfoTopLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21$1 || (_templateObject21$1 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  display: ", ";\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), function (props) {
+var OverlayInfoTopLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTopLeft",
+  componentId: "sc-1efhhw4-13"
+})(["opacity:1;display:", ";", ":hover &{opacity:0;}"], function (props) {
   return props !== null && props !== void 0 && props.collapseExtraInfo ? 'none' : 'block';
 }, Overlay$1);
-var OverlayInfoTopWarning$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22$1 || (_templateObject22$1 = defaultTheme._taggedTemplateLiteral(["\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ", ";\n  background-color: ", ";\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ", ";\n  }\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), function (props) {
+var OverlayInfoTopWarning$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoTopWarning",
+  componentId: "sc-1efhhw4-14"
+})(["margin-left:auto;height:24px;width:24px;border-radius:50%;box-sizing:border-box;padding:", ";background-color:", ";opacity:1;svg{width:100%;color:", ";}", ":hover &{opacity:0;}"], function (props) {
   return props.type === 'error' ? 0 : '3px 4px';
 }, function (props) {
   return props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100');
 }, function (props) {
   return props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700');
 }, Overlay$1);
-var OverlayInfoBottom$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23$1 || (_templateObject23$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n"])));
-var OverlayInfoBottomSelectButton$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24$1 || (_templateObject24$1 = defaultTheme._taggedTemplateLiteral(["\n  opacity: ", ";\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n  height: 24px;\n\n  > svg {\n    width: 24px;\n    height: 24px;\n    transition: opacity 120ms;\n    opacity: ", ";\n  }\n\n  ", ":hover & {\n    opacity: 1;\n  }\n"])), function (props) {
+var OverlayInfoBottom$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoBottom",
+  componentId: "sc-1efhhw4-15"
+})(["position:absolute;left:0;right:0;bottom:0;padding:8px;display:flex;"]);
+var OverlayInfoBottomSelectButton$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoBottomSelectButton",
+  componentId: "sc-1efhhw4-16"
+})(["opacity:", ";flex-shrink:0;cursor:pointer;transition:opacity 220ms;height:24px;> svg{width:24px;height:24px;transition:opacity 120ms;opacity:", ";}", ":hover &{opacity:1;}"], function (props) {
   return props.selected ? 1 : 0;
 }, function (props) {
   return props.selected ? 1 : 0.5;
 }, Overlay$1);
-var OverlayInfoBottomMediaIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25$1 || (_templateObject25$1 = defaultTheme._taggedTemplateLiteral(["\n  margin-left: auto;\n  opacity: 1;\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), Overlay$1);
-var ConsumerDefinedOverlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26$1 || (_templateObject26$1 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n"])));
-styled__default["default"].div(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n  margin: 4px;\n"])));
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  padding: 4px 8px;\n  border-radius: 4px;\n"])), function (props) {
+var OverlayInfoBottomMediaIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__OverlayInfoBottomMediaIcon",
+  componentId: "sc-1efhhw4-17"
+})(["margin-left:auto;opacity:1;", ":hover &{opacity:0;}"], Overlay$1);
+var ConsumerDefinedOverlay$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__ConsumerDefinedOverlay",
+  componentId: "sc-1efhhw4-18"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;"]);
+styled__default["default"].div.withConfig({
+  displayName: "AssetGalleryCompactCardstyled__Fragment",
+  componentId: "sc-1efhhw4-19"
+})(["margin:4px;"]);
+styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__ActionTitle",
+  componentId: "sc-1efhhw4-20"
+})(["", " padding:4px 8px;border-radius:4px;"], function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'));
 });
-var StyledFloatingArrow$1 = styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n"])), function (props) {
+var StyledFloatingArrow$1 = styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryCompactCardstyled__StyledFloatingArrow",
+  componentId: "sc-1efhhw4-21"
+})(["", ""], function (props) {
   return props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'));
 });
 
-var _templateObject$2;
-var AssetActions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$2 || (_templateObject$2 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  display: flex;\n  flex-direction: column;\n  padding: 2px;\n  gap: 8px;\n"])), function (props) {
+var AssetActions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetActionsBasestyled__AssetActions",
+  componentId: "sc-1h2xr12-0"
+})(["font-family:", ";font-size:1rem;font-weight:500;display:flex;flex-direction:column;padding:2px;gap:8px;"], function (props) {
   return props.theme.primaryFontFamily;
 });
 
@@ -487,10 +597,14 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     }),
     isMounted = _useTransitionStyles.isMounted,
     styles = _useTransitionStyles.styles;
-  var hover = react.useHover(context);
+  var hover = react.useHover(context, {
+    restMs: 100
+  });
   var dismiss = react.useDismiss(context, {
     referencePress: true,
-    ancestorScroll: true
+    ancestorScroll: true,
+    windowScroll: true,
+    windowBlur: true
   });
   var _useInteractions = react.useInteractions([dismiss, hover]),
     getReferenceProps = _useInteractions.getReferenceProps,
@@ -742,7 +856,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }), selectable && React__default["default"].createElement(OverlaySelected$1, {
     selected: selected,
     softSelected: softSelected
-  }), isOpen && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default["default"].createElement("div", defaultTheme._extends({
+  }), isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default["default"].createElement("div", defaultTheme._extends({
     ref: refs.setFloating,
     style: floatingStyles
   }, getFloatingProps()), React__default["default"].createElement("div", {
@@ -770,7 +884,6 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
   activeSummaryCard: defaultTheme.PropTypes.bool,
   displayIcon: defaultTheme.PropTypes.oneOf(['versions', 'verifications', ''])
 } : {};
-AssetGalleryCompactCard.defaultProps = {};
 var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default["default"].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
   var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'hasHeightAndWidth', 'collapseExtraInfo'];
   return reactiveProps.every(function (propKey) {
@@ -778,11 +891,16 @@ var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(Re
   });
 }));
 
-var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-var AssetGalleryWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return props.disabled && styled.css(_templateObject2$1 || (_templateObject2$1 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+var AssetGalleryWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__AssetGalleryWrapper",
+  componentId: "sc-j1t2nm-0"
+})(["", ";"], function (props) {
+  return props.disabled && styled.css(["cursor:not-allowed;"]);
 });
-var AssetGalleryGridCard$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  border-width: ", "px;\n  border-style: solid;\n  text-decoration: none;\n  cursor: pointer;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  ", ";\n"])), function (props) {
+var AssetGalleryGridCard$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__AssetGalleryGridCard",
+  componentId: "sc-j1t2nm-1"
+})(["display:block;position:relative;height:100%;margin:0;box-sizing:border-box;border-width:", "px;border-style:solid;text-decoration:none;cursor:pointer;", " ", ";", " ", ";"], function (props) {
   var selected = props.selected,
     softSelected = props.softSelected,
     hasError = props.hasError,
@@ -791,9 +909,9 @@ var AssetGalleryGridCard$2 = styled__default["default"].div.attrs(defaultTheme.a
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.disabled && styled.css(_templateObject4$1 || (_templateObject4$1 = defaultTheme._taggedTemplateLiteral(["\n      pointer-events: none;\n      opacity: 0.4;\n    "])));
+  return props.disabled && styled.css(["pointer-events:none;opacity:0.4;"]);
 }, function (props) {
-  return props.extendedSelectMode && styled.css(_templateObject5$1 || (_templateObject5$1 = defaultTheme._taggedTemplateLiteral(["\n      cursor: pointer;\n    "])));
+  return props.extendedSelectMode && styled.css(["cursor:pointer;"]);
 }, function (props) {
   if (props.softSelected) {
     return props.theme.themeProp('border-color', polished.rgba(props.theme.getColor('gray-100'), 0.5), polished.rgba(props.theme.getColor('gray-700'), 0.5));
@@ -809,51 +927,102 @@ var AssetGalleryGridCard$2 = styled__default["default"].div.attrs(defaultTheme.a
   }
   return props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
 });
-var ContentWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px;\n  padding-top: 35px;\n  height: 100%;\n"])), function (props) {
+var ContentWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__ContentWrapper",
+  componentId: "sc-j1t2nm-2"
+})(["display:flex;flex-direction:column;box-sizing:border-box;padding:", "px;padding-top:35px;height:100%;"], function (props) {
   return props.selected || props.softSelected ? 4 : 0;
 });
-var Asset = styled__default["default"].div(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  padding: 0 36px;\n  min-height: 200px;\n  box-sizing: border-box;\n\n  video {\n    display: block;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n"])));
-var Figure = styled__default["default"].figure(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin: 0;\n\n  img,\n  video,\n  .audio {\n    display: block;\n    max-height: 200px;\n    width: 100%;\n    box-sizing: border-box;\n\n    ", "\n  }\n\n  .audio {\n    display: flex;\n    height: 200px;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n"])), function (props) {
-  return props.hasHeightAndWidth ? styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n            object-fit: cover;\n          "]))) : styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n            object-fit: contain;\n          "])));
+var Asset = styled__default["default"].div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__Asset",
+  componentId: "sc-j1t2nm-3"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;padding:0 36px;min-height:200px;box-sizing:border-box;video{display:block;}.audio{display:flex;justify-content:center;svg{width:25%;}}"]);
+var Figure = styled__default["default"].figure.withConfig({
+  displayName: "AssetGalleryGridCardstyled__Figure",
+  componentId: "sc-j1t2nm-4"
+})(["position:relative;display:flex;flex-direction:column;justify-content:flex-start;margin:0;img,video,.audio{display:block;max-height:200px;width:100%;box-sizing:border-box;", "}.audio{display:flex;height:200px;justify-content:center;svg{width:25%;}}"], function (props) {
+  return props.hasHeightAndWidth ? styled.css(["object-fit:cover;"]) : styled.css(["object-fit:contain;"]);
 });
-var FigureOverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  inset: 0;\n  opacity: ", ";\n  background-color: ", ";\n"])), function (props) {
+var FigureOverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__FigureOverlayBackdrop",
+  componentId: "sc-j1t2nm-5"
+})(["position:absolute;inset:0;opacity:", ";background-color:", ";"], function (props) {
   return props.selected ? 0.6 : 0;
 }, function (props) {
   return props.selected ? '#ACCEF7' : 'transparent';
 });
-var Overlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n"])));
-var OverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n  ", "\n\n  ", "\n\n  ", ":hover & {\n    opacity: 1;\n  }\n\n  ", ":hover & {\n    opacity: 1;\n  }\n"])), function (props) {
-  return !props.selected ? styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        "]))) : null;
+var Overlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__Overlay",
+  componentId: "sc-j1t2nm-6"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;"]);
+var OverlayBackdrop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayBackdrop",
+  componentId: "sc-j1t2nm-7"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity 220ms;", " ", " ", ":hover &{opacity:1;}", ":hover &{opacity:1;}"], function (props) {
+  return !props.selected ? styled.css(["background:radial-gradient( ellipse at center,rgba(0,0,0,0.3) 27%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.7) 90% );"]) : null;
 }, function (props) {
-  return (props.selected || props.softSelected) && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 1;\n    "])));
+  return (props.selected || props.softSelected) && styled.css(["opacity:1;"]);
 }, Overlay, AssetGalleryGridCard$2);
-var OverlayInfo = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 12px 10px;\n  color: ", ";\n"])), function (props) {
+var OverlayInfo = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfo",
+  componentId: "sc-j1t2nm-8"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;padding:15px 12px 10px;color:", ";"], function (props) {
   return props.theme.getColor('gray-100');
 });
-var OverlaySelected = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n"])));
-var OverlayInfoTop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n"])));
-var OverlayInfoTopVersions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), AssetGalleryGridCard$2);
-var OverlayInfoTopWarning = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ", ";\n  background-color: ", ";\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ", ";\n  }\n\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), function (props) {
+var OverlaySelected = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlaySelected",
+  componentId: "sc-j1t2nm-9"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;"]);
+var OverlayInfoTop = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoTop",
+  componentId: "sc-j1t2nm-10"
+})(["position:absolute;left:0;right:0;top:0;padding:8px;display:flex;"]);
+var OverlayInfoTopVersions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoTopVersions",
+  componentId: "sc-j1t2nm-11"
+})(["opacity:1;", ":hover &{opacity:0;}"], AssetGalleryGridCard$2);
+var OverlayInfoTopWarning = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoTopWarning",
+  componentId: "sc-j1t2nm-12"
+})(["margin-left:auto;height:24px;width:24px;border-radius:50%;box-sizing:border-box;padding:", ";background-color:", ";opacity:1;svg{width:100%;color:", ";}", ":hover &{opacity:0;}"], function (props) {
   return props.type === 'error' ? 0 : '4px';
 }, function (props) {
   return props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100');
 }, function (props) {
   return props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700');
 }, AssetGalleryGridCard$2);
-var OverlayInfoTopActions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ", "\n\n  opacity: ", ";\n"])), function (props) {
+var OverlayInfoTopActions = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoTopActions",
+  componentId: "sc-j1t2nm-13"
+})(["position:absolute;top:0;right:0;padding:4px;display:flex;flex-direction:column;justify-content:space-between;transition:opacity 220ms;z-index:99999;", " opacity:", ";"], function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.isCardHovered ? 1 : 0;
 });
-var OverlayInfoBottom = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n"])));
-var OverlayInfoBottomSelectButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  opacity: ", ";\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n\n  > svg {\n    width: 23px;\n    height: 100%;\n    transition: opacity 120ms;\n    opacity: ", ";\n  }\n\n  ", ":hover & {\n    opacity: 1;\n  }\n\n  ", ":hover & {\n    opacity: 1;\n  }\n"])), function (props) {
+var OverlayInfoBottom = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoBottom",
+  componentId: "sc-j1t2nm-14"
+})(["position:absolute;left:0;right:0;bottom:0;padding:8px;display:flex;"]);
+var OverlayInfoBottomSelectButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoBottomSelectButton",
+  componentId: "sc-j1t2nm-15"
+})(["opacity:", ";flex-shrink:0;cursor:pointer;transition:opacity 220ms;> svg{width:23px;height:100%;transition:opacity 120ms;opacity:", ";}", ":hover &{opacity:1;}", ":hover &{opacity:1;}"], function (props) {
   return props.selected ? 1 : 0;
 }, function (props) {
   return props.selected ? 1 : 0.5;
 }, Overlay, AssetGalleryGridCard$2);
-var OverlayInfoBottomMediaIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n  margin-left: auto;\n  opacity: 1;\n  ", ":hover & {\n    opacity: 0;\n  }\n"])), AssetGalleryGridCard$2);
-var ConsumerDefinedOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n"])));
-var Fragment = styled__default["default"].div(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n  margin: 4px;\n"])));
+var OverlayInfoBottomMediaIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__OverlayInfoBottomMediaIcon",
+  componentId: "sc-j1t2nm-16"
+})(["margin-left:auto;opacity:1;", ":hover &{opacity:0;}"], AssetGalleryGridCard$2);
+var ConsumerDefinedOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryGridCardstyled__ConsumerDefinedOverlay",
+  componentId: "sc-j1t2nm-17"
+})(["position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;"]);
+var Fragment = styled__default["default"].div.withConfig({
+  displayName: "AssetGalleryGridCardstyled__Fragment",
+  componentId: "sc-j1t2nm-18"
+})(["margin:4px;"]);
 
 var _excluded$3 = ["component", "asset"],
   _excluded2 = ["component", "className", "subActions", "isSubActionsOpened"];
@@ -1732,11 +1901,16 @@ AssetGallery.defaultProps = {
   displayIcon: ''
 };
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var AssetAction$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n"])), function (props) {
+var AssetAction$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__AssetAction",
+  componentId: "sc-ccistm-0"
+})(["font-family:", ";"], function (props) {
   return props.theme.primaryFontFamily;
 });
-var AssetActionButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n  ", ";\n  svg {\n    pointer-events: none;\n    width: ", ";\n    height: ", ";\n    ", ";\n  }\n"])), function (props) {
+var AssetActionButton = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__AssetActionButton",
+  componentId: "sc-ccistm-1"
+})(["border-radius:50%;width:", ";height:", ";cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0px 3px 6px rgba(0,0,0,0.16);", ";svg{pointer-events:none;width:", ";height:", ";", ";}"], function (props) {
   return props.actionWidthHeight ? "".concat(props.actionWidthHeight[0], "px") : 'auto';
 }, function (props) {
   return props.actionWidthHeight ? "".concat(props.actionWidthHeight[1], "px") : 'auto';
@@ -1749,13 +1923,22 @@ var AssetActionButton = styled__default["default"].div.attrs(defaultTheme.applyD
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
 });
-var ActionTitle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 14px;\n  border-radius: 4px;\n  padding: 8px 12px;\n  white-space: nowrap;\n  color: white;\n  background: ", ";\n"])), function (props) {
+var ActionTitle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__ActionTitle",
+  componentId: "sc-ccistm-2"
+})(["font-size:14px;border-radius:4px;padding:8px 12px;white-space:nowrap;color:white;background:", ";"], function (props) {
   return props.theme.getColor('gray-700');
 });
-var StyledFloatingArrow = styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n  fill: ", ";\n"])), function (props) {
+var StyledFloatingArrow = styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__StyledFloatingArrow",
+  componentId: "sc-ccistm-3"
+})(["fill:", ";"], function (props) {
   return props.theme.getColor('gray-700');
 });
-var Floating = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  pointer-events: none;\n"])));
+var Floating = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__Floating",
+  componentId: "sc-ccistm-4"
+})(["pointer-events:none;"]);
 
 var _excluded = ["action", "asset", "itemKey"];
 var AssetAction = React__default["default"].forwardRef(function AssetAction(_ref, forwardedRef) {