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

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-122bff17.js → AssetAction-7c90bae1.js} +1 -1
  2. package/{Button-cecb719a.js → Button-380825b9.js} +13 -10
  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-122bff17.js → AssetAction-7c90bae1.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-cecb719a.js');
24
+ require('./Button-380825b9.js');
25
25
  require('./Checkbox-ad9c9e54.js');
26
26
  require('./CompactAutocompleteSelect-5676b507.js');
27
27
  require('./CompactStarRating-d4cfae17.js');
package/{Button-cecb719a.js → Button-380825b9.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;
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;
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,18 +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"])));
66
- var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
67
- return props.dropdownItems && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\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');
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 "])));
68
71
  }, function (props) {
69
- return props.dropdownItems && props.outlined && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
72
+ return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n border-right: none;\n "])));
70
73
  });
71
- var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: 100%;\n ", ";\n\n button {\n ", ";\n }\n"])), function (props) {
72
- return props.singleAction && styled.css(_templateObject26 || (_templateObject26 = 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)(_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 "])));
73
76
  }, function (props) {
74
- return props.dropdownItems && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
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 "])));
75
78
  });
76
- var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = 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)(_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) {
77
80
  return !props.singleAction && 'border-left: none';
78
81
  }, function (props) {
79
82
  return !props.singleAction && 'margin-bottom: 1px';
@@ -183,7 +186,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
183
186
  style: {
184
187
  strokeDashoffset: "".concat(loadingStep, "px")
185
188
  }
186
- }))))), (dropdownItems || activeDropdown) && React__default["default"].createElement(DropdownButtonContainer, {
189
+ }))))), (activeDropdown || dropdownItems) && React__default["default"].createElement(DropdownButtonContainer, {
187
190
  dropdownItems: dropdownItems,
188
191
  secondary: secondary,
189
192
  outlined: outlined
package/inputs/Button/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-cecb719a.js');
3
+ var Button = require('../../Button-380825b9.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-cecb719a.js');
6
+ var Button = require('../Button-380825b9.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.47",
3
+ "version": "1.3.0-rc.49",
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-122bff17.js');
3
+ var AssetAction = require('../../AssetAction-7c90bae1.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-cecb719a.js');
42
+ require('../../Button-380825b9.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-122bff17.js');
5
+ var AssetAction = require('../AssetAction-7c90bae1.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-cecb719a.js');
37
+ require('../Button-380825b9.js');
38
38
  require('../expand-more-d74e2bd2.js');
39
39
  require('../CompactAutocompleteSelect-5676b507.js');
40
40
  require('react-select');