@ntbjs/react-components 1.2.0-rc.52 → 1.2.0-rc.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/{AssetGallery-0f99de75.js → AssetGallery-455fff71.js} +6 -4
  2. package/package.json +1 -1
  3. package/widgets/AssetGallery/index.js +1 -1
  4. package/widgets/index.js +1 -1
package/{AssetGallery-0f99de75.js → AssetGallery-455fff71.js} RENAMED
@@ -170,9 +170,7 @@ var GroupLabel = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
170
170
  }, function (props) {
171
171
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
172
172
  });
173
- var AssetGalleryCardBase = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$3 || (_templateObject3$3 = defaultTheme._taggedTemplateLiteral(["\n ", ";\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"])), function (props) {
174
- return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
175
- });
173
+ var AssetGalleryCardBase = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$3 || (_templateObject3$3 = 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"])));
176
174
 
177
175
  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";
178
176
  defaultTheme.styleInject(css_248z);
@@ -300,12 +298,14 @@ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$
300
298
  var AssetGalleryWrapper$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n"])), function (props) {
301
299
  return props.disabled && styled.css(_templateObject2$1 || (_templateObject2$1 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
302
300
  });
303
- var AssetGalleryCompactCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = 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 video {\n width: 100%;\n height: 100%;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n height: 100%;\n svg {\n width: 25%;\n }\n }\n"])), function (props) {
301
+ var AssetGalleryCompactCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = 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) {
304
302
  return props.selected ? 1 : 0;
305
303
  }, function (props) {
306
304
  return props.selected ? 1 : 0;
307
305
  }, function (props) {
308
306
  return props.selected ? 1 : 0;
307
+ }, function (props) {
308
+ return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
309
309
  }, function (props) {
310
310
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
311
311
  }, function (props) {
@@ -766,6 +766,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
766
766
  key: "".concat(asset.key, "-").concat(action.title),
767
767
  content: action.title
768
768
  }, React__default['default'].createElement(Fragment$1, {
769
+ key: "".concat(asset.key, "-").concat(action.title),
769
770
  as: ComputedActionButton$1,
770
771
  component: action.component,
771
772
  className: action.className,
@@ -1198,6 +1199,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
1198
1199
  key: "".concat(asset.key, "-").concat(action.title),
1199
1200
  content: action.title
1200
1201
  }, React__default['default'].createElement(Fragment, {
1202
+ key: "".concat(asset.key, "-").concat(action.title),
1201
1203
  as: ComputedActionButton,
1202
1204
  component: action.component,
1203
1205
  className: action.className,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.52",
3
+ "version": "1.2.0-rc.53",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-0f99de75.js');
3
+ var AssetGallery = require('../../AssetGallery-455fff71.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-0f99de75.js');
5
+ var AssetGallery = require('../AssetGallery-455fff71.js');
6
6
  var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
8
8
  var Instructions = require('../Instructions-b9f2e184.js');