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

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.
@@ -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-561547dc.js');
24
- require('./InfoCard-4395be90.js');
23
+ require('./ProgressBar-951cee9d.js');
24
+ require('./InfoCard-4641e421.js');
25
25
  var ActionButton = require('./ActionButton-5bc79370.js');
26
26
  require('./Button-a9afcec0.js');
27
27
  require('./Checkbox-406f005c.js');
@@ -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: 85%;\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: 80%;\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'));
@@ -31,7 +31,7 @@ var Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(
31
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) {
32
32
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('black'));
33
33
  });
34
- var StyledArrowIcon = styled__default["default"](arrowForward.SvgArrowForward).attrs(defaultTheme.applyDefaultTheme)(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n height: 15px;\n margin-right: 10px;\n ", ";\n"])), function (props) {
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) {
35
35
  return props.theme.themeProp('fill', props.theme.getColor('gray-100'), props.theme.getColor('black'));
36
36
  });
37
37
 
@@ -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 ? '85%' : '100%';
40
+ return props.hasLink ? '80%' : '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,7 +61,7 @@ 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: 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"])));
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"])));
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
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.63",
3
+ "version": "1.3.0-rc.64",
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",
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetAction = require('../../AssetAction-311c598b.js');
3
+ var AssetAction = require('../../AssetAction-08647da5.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-561547dc.js');
41
+ require('../../ProgressBar-951cee9d.js');
42
42
  require('../../arrow-forward-d7c77ae3.js');
43
- require('../../InfoCard-4395be90.js');
43
+ require('../../InfoCard-4641e421.js');
44
44
  require('../../ActionButton-5bc79370.js');
45
45
  require('../../Button-a9afcec0.js');
46
46
  require('../../CompactStarRating-d228de55.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var InfoCard = require('../../InfoCard-4395be90.js');
3
+ var InfoCard = require('../../InfoCard-4641e421.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ProgressBar = require('../../ProgressBar-561547dc.js');
3
+ var ProgressBar = require('../../ProgressBar-951cee9d.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-311c598b.js');
5
+ var AssetAction = require('../AssetAction-08647da5.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-561547dc.js');
10
- var InfoCard = require('../InfoCard-4395be90.js');
9
+ var ProgressBar = require('../ProgressBar-951cee9d.js');
10
+ var InfoCard = require('../InfoCard-4641e421.js');
11
11
  require('../defaultTheme-24ea5c47.js');
12
12
  require('styled-components');
13
13
  require('lodash');