@ntbjs/react-components 1.3.0-rc.3 → 1.3.0-rc.31

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 (30) hide show
  1. package/.eslintrc +7 -8
  2. package/{ActionButton-46735b89.js → ActionButton-98202fed.js} +5 -1
  3. package/{AssetGallery-54776ee8.js → AssetAction-e7e78b13.js} +291 -200
  4. package/{AssetPreviewTopBar-912c3469.js → AssetPreviewTopBar-1ef9dafb.js} +24 -9
  5. package/{Button-49f82b31.js → Button-4a6f72b6.js} +1 -1
  6. package/{CompactAutocompleteSelect-edc65d55.js → CompactAutocompleteSelect-b0c7e4ec.js} +3 -3
  7. package/{CompactStarRating-8c3bd253.js → CompactStarRating-d8674f9e.js} +5 -5
  8. package/{CompactTextInput-dd686674.js → CompactTextInput-9b8d7c49.js} +55 -41
  9. package/{Instructions-f20e5278.js → Instructions-29555f04.js} +39 -4
  10. package/{MultiLevelCheckboxSelect-44078570.js → MultiLevelCheckboxSelect-068d98fc.js} +3 -3
  11. package/{Popover-569cd272.js → Popover-2605c9d0.js} +36 -49
  12. package/{Tabs-a8c77f71.js → Tabs-116aa951.js} +27 -19
  13. package/{TextArea-ff463ed5.js → TextArea-6cc4023f.js} +78 -72
  14. package/{VerificationStatusIcon-6fe95a92.js → VerificationStatusIcon-d5bfb67a.js} +4 -1
  15. package/data/Popover/index.js +1 -2
  16. package/data/Tabs/index.js +1 -1
  17. package/data/index.js +3 -4
  18. package/inputs/ActionButton/index.js +1 -1
  19. package/inputs/Button/index.js +2 -3
  20. package/inputs/CompactAutocompleteSelect/index.js +4 -5
  21. package/inputs/CompactStarRating/index.js +4 -5
  22. package/inputs/CompactTextInput/index.js +4 -5
  23. package/inputs/TextArea/index.js +5 -6
  24. package/inputs/index.js +10 -11
  25. package/package.json +2 -1
  26. package/widgets/AssetGallery/index.js +17 -16
  27. package/widgets/AssetPreview/AssetPreviewTopBar/index.js +1 -1
  28. package/widgets/Instructions/index.js +6 -8
  29. package/widgets/index.js +18 -17
  30. package/warning-circle-24522402.js +0 -41
package/.eslintrc CHANGED
@@ -8,13 +8,12 @@
8
8
  "parserOptions": {
9
9
  "sourceType": "module"
10
10
  },
11
- "ignorePatterns": [
12
- "build",
13
- "storybook-static"
14
- ],
11
+ "ignorePatterns": ["build", "storybook-static"],
15
12
  "parser": "@babel/eslint-parser",
16
- "extends": [
17
- "eslint:recommended",
18
- "plugin:react/recommended"
19
- ]
13
+ "extends": ["eslint:recommended", "plugin:react/recommended"],
14
+ "settings": {
15
+ "react": {
16
+ "version": "detect"
17
+ }
18
+ }
20
19
  }
package/{ActionButton-46735b89.js → ActionButton-98202fed.js} RENAMED
@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
12
 
13
13
  var _templateObject, _templateObject2;
14
- var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n width: ", ";\n height: ", ";\n border: 0;\n color: inherit;\n background-color: transparent;\n ", "\n background-position: center;\n background-repeat: no-repeat;\n background-size: 0 0;\n transition: background-size 250ms ease;\n cursor: pointer;\n\n ", "\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n color: inherit;\n cursor: not-allowed;\n }\n\n svg {\n width: 100%;\n max-height: 20px;\n max-width: 20px;\n pointer-events: none;\n transition: color 250ms;\n }\n"])), function (props) {
14
+ var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n width: ", ";\n height: ", ";\n border: 0;\n color: inherit;\n background-color: transparent;\n ", "\n background-position: center;\n background-repeat: no-repeat;\n background-size: 0 0;\n transition: background-size 250ms ease;\n cursor: pointer;\n\n ", "\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n color: inherit;\n cursor: not-allowed;\n }\n\n svg {\n width: 100%;\n max-width: ", ";\n max-height: ", ";\n\n pointer-events: none;\n transition: color 250ms;\n }\n"])), function (props) {
15
15
  return "".concat(props.buttonWidthHeight[0], "px");
16
16
  }, function (props) {
17
17
  return "".concat(props.buttonWidthHeight[1], "px");
@@ -27,6 +27,10 @@ var ActionButton$1 = styled__default['default'].button.attrs(defaultTheme.applyD
27
27
  });
28
28
  }, function (props) {
29
29
  return props.useShadow ? props.theme.themeProp('box-shadow', "0px 3px 6px ".concat(polished.rgba(props.theme.getColor('black'), 0.7)), "0px 3px 6px ".concat(props.theme.getColor('black'))) : null;
30
+ }, function (props) {
31
+ return "".concat(props.buttonWidthHeight[0] - 15, "px");
32
+ }, function (props) {
33
+ return "".concat(props.buttonWidthHeight[1] - 15, "px");
30
34
  });
31
35
 
32
36
  var ActionButton = React__default['default'].forwardRef(function ActionButton(_ref, forwardedRef) {