@ntbjs/react-components 1.3.0-rc.49 → 1.3.0-rc.50

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 (7) hide show
  1. package/{AssetAction-7c90bae1.js → AssetAction-2a416c3f.js} +1 -1
  2. package/{Button-380825b9.js → Button-7316410c.js} +17 -12
  3. package/inputs/Button/index.js +1 -1
  4. package/inputs/index.js +1 -1
  5. package/package.json +1 -1
  6. package/widgets/AssetGallery/index.js +2 -2
  7. package/widgets/index.js +2 -2
package/{AssetAction-7c90bae1.js → AssetAction-2a416c3f.js} RENAMED
@@ -21,7 +21,7 @@ var polished = require('polished');
21
21
  var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
22
22
  require('./AssetPreviewTopBar-b1fe3188.js');
23
23
  var ActionButton = require('./ActionButton-b2345555.js');
24
- require('./Button-380825b9.js');
24
+ require('./Button-7316410c.js');
25
25
  require('./Checkbox-ad9c9e54.js');
26
26
  require('./CompactAutocompleteSelect-5676b507.js');
27
27
  require('./CompactStarRating-d4cfae17.js');
package/{Button-380825b9.js → Button-7316410c.js} RENAMED
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
14
 
15
- 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;
15
+ 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;
16
16
  var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n border-radius: 3px;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 400;\n padding: 12px 16px;\n cursor: pointer;\n background: ", ";\n border: 2px solid ", ";\n transition: all 250ms, opacity 200ms;\n\n &:hover,\n &.dropdown-is-active {\n background: #296c58;\n border-color: #296c58;\n }\n\n ", "\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n && {\n ", ";\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (props) {
17
17
  return props.theme.getColor('emerald-500');
18
18
  }, function (props) {
@@ -62,21 +62,21 @@ var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDe
62
62
  });
63
63
  var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
64
64
  var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
65
- var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n width: auto;\n"])));
66
- styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n background: ", ";\n"])), function (props) {
67
- return props.theme.getColor('emerald-500');
65
+ var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n display: flex;\n"])));
66
+ var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n border-radius: 3px;\n ", ";\n"])), function (props) {
67
+ return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n background: ", ";\n "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
68
68
  });
69
- var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
70
- return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
69
+ var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
70
+ return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
71
71
  }, function (props) {
72
- return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
72
+ return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
73
73
  });
74
- var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
75
- return props.singleAction && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
74
+ var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
75
+ return props.singleAction && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
76
76
  }, function (props) {
77
- return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
77
+ return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
78
78
  });
79
- var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n\n button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n\n ", ";\n }\n\n svg {\n color: inherit;\n height: 7px;\n width: 12px;\n\n ", ";\n }\n"])), function (props) {
79
+ var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n\n button {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n\n ", ";\n }\n\n svg {\n color: inherit;\n height: 7px;\n width: 12px;\n\n ", ";\n }\n"])), function (props) {
80
80
  return !props.singleAction && 'border-left: none';
81
81
  }, function (props) {
82
82
  return !props.singleAction && 'margin-bottom: 1px';
@@ -150,7 +150,12 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
150
150
  var handleDropdownClose = function handleDropdownClose() {
151
151
  setDropdownIsActive(false);
152
152
  };
153
- return React__default["default"].createElement(ButtonWrapper, null, !singleAction ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MainButtonContainer, {
153
+ return React__default["default"].createElement(ButtonWrapper, null, !singleAction ? React__default["default"].createElement(MainButtonWrapper, {
154
+ activeDropdown: activeDropdown,
155
+ dropdownItems: dropdownItems,
156
+ outlined: outlined,
157
+ secondary: secondary
158
+ }, React__default["default"].createElement(MainButtonContainer, {
154
159
  dropdownItems: dropdownItems,
155
160
  secondary: secondary,
156
161
  outlined: outlined
package/inputs/Button/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-380825b9.js');
3
+ var Button = require('../../Button-7316410c.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var ActionButton = require('../ActionButton-b2345555.js');
6
- var Button = require('../Button-380825b9.js');
6
+ var Button = require('../Button-7316410c.js');
7
7
  var Checkbox = require('../Checkbox-ad9c9e54.js');
8
8
  var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-5676b507.js');
9
9
  var CompactStarRating = require('../CompactStarRating-d4cfae17.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.49",
3
+ "version": "1.3.0-rc.50",
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-7c90bae1.js');
3
+ var AssetAction = require('../../AssetAction-2a416c3f.js');
4
4
  require('../../defaultTheme-cd01e6c2.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -39,7 +39,7 @@ require('@floating-ui/react');
39
39
  require('../../ContextMenu-4eb8fdc5.js');
40
40
  require('../../AssetPreviewTopBar-b1fe3188.js');
41
41
  require('../../ActionButton-b2345555.js');
42
- require('../../Button-380825b9.js');
42
+ require('../../Button-7316410c.js');
43
43
  require('../../CompactStarRating-d4cfae17.js');
44
44
  require('../../CompactTextInput-f89988be.js');
45
45
  require('../../MultiSelect-f87624b5.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-7c90bae1.js');
5
+ var AssetAction = require('../AssetAction-2a416c3f.js');
6
6
  var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-b1fe3188.js');
8
8
  var Instructions = require('../Instructions-d1545bd4.js');
@@ -34,7 +34,7 @@ require('../close-1751121a.js');
34
34
  require('react-lazy-load-image-component');
35
35
  require('@floating-ui/react');
36
36
  require('../ActionButton-b2345555.js');
37
- require('../Button-380825b9.js');
37
+ require('../Button-7316410c.js');
38
38
  require('../expand-more-d74e2bd2.js');
39
39
  require('../CompactAutocompleteSelect-5676b507.js');
40
40
  require('react-select');