@ntbjs/react-components 1.3.0-rc.44 → 1.3.0-rc.45

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-d0ed95a3.js → AssetAction-89d9aac8.js} +1 -1
  2. package/{Button-44c7e0cd.js → Button-25280e98.js} +3 -3
  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-d0ed95a3.js → AssetAction-89d9aac8.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-44c7e0cd.js');
24
+ require('./Button-25280e98.js');
25
25
  require('./Checkbox-ad9c9e54.js');
26
26
  require('./CompactAutocompleteSelect-5676b507.js');
27
27
  require('./CompactStarRating-d4cfae17.js');
package/{Button-44c7e0cd.js → Button-25280e98.js} RENAMED
@@ -16,7 +16,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
16
16
  var MainContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n width: ", ";\n"])), function (props) {
17
17
  return props.dynamic ? '150px' : 'auto';
18
18
  });
19
- var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n width: ", ";\n transition: width 0.3s ease;\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) {
19
+ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n width: ", ";\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) {
20
20
  return props.dynamic ? '100%' : 'auto';
21
21
  }, function (props) {
22
22
  return props.theme.getColor('emerald-500');
@@ -53,7 +53,7 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
53
53
  }, function (props) {
54
54
  return props.singleAction && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 34px;\n border-radius: 3px !important;\n transition: all 250ms, opacity 200ms;\n "])));
55
55
  });
56
- var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n transition: width 0.3s ease;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
56
+ var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n transform: scale(1);\n opacity: 1;\n transition: all 200ms;\n\n > svg {\n width: 100%;\n max-width: 16px;\n max-height: 16px;\n margin-right: 8px;\n\n ", ";\n\n ", ";\n }\n\n ", "\n\n ", ";\n"])), function (props) {
57
57
  return props.size === 'small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n max-width: 13px;\n max-height: 13px;\n "])));
58
58
  }, function (props) {
59
59
  return props.size === 'x-small' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n max-width: 11px;\n max-height: 11px;\n "])));
@@ -68,7 +68,7 @@ var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDe
68
68
  var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n height: 100%;\n color: inherit;\n transform: rotate(-88deg);\n"])));
69
69
  var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n transition: stroke-dashoffset 300ms linear;\n stroke-dasharray: 113;\n"])));
70
70
  var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n white-space: nowrap;\n"])));
71
- var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: ", ";\n transition: width 0.3s ease;\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
71
+ var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n display: inline-block;\n width: ", ";\n button {\n ", ";\n\n ", ";\n }\n"])), function (props) {
72
72
  return !props.dropdownItems ? '100%' : '69.2%';
73
73
  }, function (props) {
74
74
  return props.dropdownItems && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n "])));
package/inputs/Button/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../../Button-44c7e0cd.js');
3
+ var Button = require('../../Button-25280e98.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-44c7e0cd.js');
6
+ var Button = require('../Button-25280e98.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.44",
3
+ "version": "1.3.0-rc.45",
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-d0ed95a3.js');
3
+ var AssetAction = require('../../AssetAction-89d9aac8.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-44c7e0cd.js');
42
+ require('../../Button-25280e98.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-d0ed95a3.js');
5
+ var AssetAction = require('../AssetAction-89d9aac8.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-44c7e0cd.js');
37
+ require('../Button-25280e98.js');
38
38
  require('../expand-more-d74e2bd2.js');
39
39
  require('../CompactAutocompleteSelect-5676b507.js');
40
40
  require('react-select');