@ntbjs/react-components 1.3.0-rc.64 → 1.3.0-rc.66

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 (8) hide show
  1. package/{AssetAction-08647da5.js → AssetAction-53703abd.js} +2 -2
  2. package/{InfoCard-4641e421.js → InfoCard-2bc22973.js} +7 -7
  3. package/{ProgressBar-951cee9d.js → ProgressBar-ef31ea9d.js} +3 -3
  4. package/package.json +1 -1
  5. package/widgets/AssetGallery/index.js +3 -3
  6. package/widgets/InfoCard/index.js +1 -1
  7. package/widgets/ProgressBar/index.js +1 -1
  8. package/widgets/index.js +3 -3
package/{AssetAction-08647da5.js → AssetAction-53703abd.js} RENAMED
@@ -20,8 +20,8 @@ var react = require('@floating-ui/react');
20
20
  var polished = require('polished');
21
21
  var ContextMenu = require('./ContextMenu-9645746f.js');
22
22
  require('./AssetPreviewTopBar-6eaa7df8.js');
23
- require('./ProgressBar-951cee9d.js');
24
- require('./InfoCard-4641e421.js');
23
+ require('./ProgressBar-ef31ea9d.js');
24
+ require('./InfoCard-2bc22973.js');
25
25
  var ActionButton = require('./ActionButton-5bc79370.js');
26
26
  require('./Button-a9afcec0.js');
27
27
  require('./Checkbox-406f005c.js');
package/{InfoCard-4641e421.js → InfoCard-2bc22973.js} RENAMED
@@ -18,7 +18,7 @@ var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTh
18
18
  }, function (props) {
19
19
  return props.height ? "".concat(props.height, "px") : '50px';
20
20
  });
21
- var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 80%;\n gap: 5px;\n padding-left: 15px;\n"])));
21
+ var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 70%;\n gap: 5px;\n padding-left: 15px;\n"])));
22
22
  var IconTotalContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n"])));
23
23
  var Total = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1.22rem;\n font-weight: 700;\n ", ";\n"])), function (props) {
24
24
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
@@ -27,8 +27,8 @@ var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)
27
27
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-500'));
28
28
  });
29
29
  var IconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n margin-top: -0.05rem;\n"])));
30
- var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n width: 15%;\n opacity: 0.7;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-right: 20px;\n cursor: pointer;\n height: 100%;\n gap: 10px;\n svg {\n transition: transform 0.2s ease-in-out;\n }\n &:hover svg {\n transform: translateX(2px);\n }\n"])));
31
- var ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 500;\n height: 100%;\n display: flex;\n align-items: center;\n ", ";\n"])), function (props) {
30
+ var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n width: 30%;\n opacity: 0.7;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-right: 20px;\n cursor: pointer;\n height: 100%;\n gap: 10px;\n svg {\n transition: transform 0.2s ease-in-out;\n }\n &:hover svg {\n transform: translateX(2px);\n }\n"])));
31
+ var ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 500;\n height: 100%;\n display: flex;\n align-items: center;\n white-space: nowrap;\n ", ";\n"])), function (props) {
32
32
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('black'));
33
33
  });
34
34
  var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n height: 20px;\n margin-right: 10px;\n ", ";\n"])), function (props) {
@@ -50,15 +50,15 @@ var InfoCard = React__default["default"].forwardRef(function InfoCard(_ref, forw
50
50
  return React__default["default"].createElement(Container, defaultTheme._extends({
51
51
  height: height,
52
52
  ref: forwardedRef
53
- }, props), React__default["default"].createElement(MetricsContainer, null, React__default["default"].createElement(IconTotalContainer, null, React__default["default"].createElement(IconContainer, null, icon), React__default["default"].createElement(Total, null, total)), React__default["default"].createElement(Label, null, label)), React__default["default"].createElement(Link, {
53
+ }, props), React__default["default"].createElement(MetricsContainer, null, React__default["default"].createElement(IconTotalContainer, null, React__default["default"].createElement(IconContainer, null, icon), React__default["default"].createElement(Total, null, total)), React__default["default"].createElement(Label, null, label)), linkLabel && onClick && React__default["default"].createElement(Link, {
54
54
  onClick: handleLinkClick
55
55
  }, React__default["default"].createElement(ButtonLink, null, linkLabel), React__default["default"].createElement(StyledArrowIcon, null)));
56
56
  });
57
57
  InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
58
- icon: defaultTheme.PropTypes.element,
58
+ icon: defaultTheme.PropTypes.element.isRequired,
59
59
  total: defaultTheme.PropTypes.number.isRequired,
60
- label: defaultTheme.PropTypes.string,
61
- linkLabel: defaultTheme.PropTypes.string.isRequired,
60
+ label: defaultTheme.PropTypes.string.isRequired,
61
+ linkLabel: defaultTheme.PropTypes.string,
62
62
  onClick: defaultTheme.PropTypes.func,
63
63
  height: defaultTheme.PropTypes.number
64
64
  } : {};
package/{ProgressBar-951cee9d.js → ProgressBar-ef31ea9d.js} RENAMED
@@ -37,7 +37,7 @@ var Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTh
37
37
  return props.theme.primaryFontFamily;
38
38
  });
39
39
  var MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: ", ";\n height: 100%;\n flex-direction: row;\n justify-content: flex-start;\n"])), function (props) {
40
- return props.hasLink ? '80%' : '100%';
40
+ return props.hasLink ? '85%' : '100%';
41
41
  });
42
42
  var Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n ", "\n"])), function (props) {
43
43
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
@@ -61,12 +61,12 @@ var ProgressBarFill = styled__default["default"].div.attrs(defaultTheme.applyDef
61
61
  }, function (props) {
62
62
  return getBackgroundColor(props);
63
63
  });
64
- var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n width: 20%;\n opacity: 0.7;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-right: 20px;\n cursor: pointer;\n height: 100%;\n gap: 10px;\n svg {\n transition: transform 0.2s ease-in-out;\n }\n &:hover svg {\n transform: translateX(2px);\n }\n"])));
64
+ var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 400;\n width: 15%;\n opacity: 0.7;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-right: 20px;\n cursor: pointer;\n height: 100%;\n gap: 10px;\n svg {\n transition: transform 0.2s ease-in-out;\n }\n &:hover svg {\n transform: translateX(2px);\n }\n"])));
65
65
  var ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.875rem;\n font-weight: 500;\n height: 100%;\n display: flex;\n align-items: center;\n ", ";\n"])), function (props) {
66
66
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
67
67
  });
68
68
  var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n height: 15px;\n margin-right: 10px;\n ", ";\n"])), function (props) {
69
- return props.theme.themeProp('fill', props.theme.getColor('black'), props.theme.getColor('black'));
69
+ return props.theme.themeProp('fill', props.theme.getColor('gray-100'), props.theme.getColor('black'));
70
70
  });
71
71
 
72
72
  var _excluded = ["totalAssets", "completedAssets", "percentageText", "barColor", "height", "label", "type", "linkText", "onClick"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.64",
3
+ "version": "1.3.0-rc.66",
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 AssetAction = require('../../AssetAction-08647da5.js');
3
+ var AssetAction = require('../../AssetAction-53703abd.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -38,9 +38,9 @@ require('../../TextArea-10a01b00.js');
38
38
  require('@floating-ui/react');
39
39
  require('../../ContextMenu-9645746f.js');
40
40
  require('../../AssetPreviewTopBar-6eaa7df8.js');
41
- require('../../ProgressBar-951cee9d.js');
41
+ require('../../ProgressBar-ef31ea9d.js');
42
42
  require('../../arrow-forward-d7c77ae3.js');
43
- require('../../InfoCard-4641e421.js');
43
+ require('../../InfoCard-2bc22973.js');
44
44
  require('../../ActionButton-5bc79370.js');
45
45
  require('../../Button-a9afcec0.js');
46
46
  require('../../CompactStarRating-d228de55.js');
package/widgets/InfoCard/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var InfoCard = require('../../InfoCard-4641e421.js');
3
+ var InfoCard = require('../../InfoCard-2bc22973.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
package/widgets/ProgressBar/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ProgressBar = require('../../ProgressBar-951cee9d.js');
3
+ var ProgressBar = require('../../ProgressBar-ef31ea9d.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
package/widgets/index.js CHANGED
@@ -2,12 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-08647da5.js');
5
+ var AssetAction = require('../AssetAction-53703abd.js');
6
6
  var ContextMenu = require('../ContextMenu-9645746f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-6eaa7df8.js');
8
8
  var Instructions = require('../Instructions-655dd119.js');
9
- var ProgressBar = require('../ProgressBar-951cee9d.js');
10
- var InfoCard = require('../InfoCard-4641e421.js');
9
+ var ProgressBar = require('../ProgressBar-ef31ea9d.js');
10
+ var InfoCard = require('../InfoCard-2bc22973.js');
11
11
  require('../defaultTheme-24ea5c47.js');
12
12
  require('styled-components');
13
13
  require('lodash');