@ntbjs/react-components 0.0.1-beta.47 → 0.0.1-beta.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.
- package/{ActionButton-d56265bd.js → ActionButton-90485300.js} +9 -9
- package/{AssetGallery-a5a6d3ee.js → AssetGallery-09750c77.js} +379 -279
- package/{Button-2ae8c0dc.js → Button-0d728b52.js} +36 -28
- package/{Checkbox-4037e160.js → Checkbox-5a78a73e.js} +33 -28
- package/{Popover-b16a26a5.js → Popover-d3e2f6c0.js} +15 -15
- package/{Radio-96f0bc13.js → Radio-73a1a897.js} +21 -20
- package/{Switch-7b696313.js → Switch-fcbf628c.js} +26 -24
- package/{TextArea-4be7199f.js → TextArea-167d2528.js} +37 -31
- package/TextInput-ce78de76.js +247 -0
- package/{Tooltip-a9271ef2.js → Tooltip-f95a39f4.js} +11 -11
- package/data/Popover/index.js +2 -2
- package/data/index.js +3 -3
- package/{defaultTheme-38b83bb5.js → defaultTheme-870f7df1.js} +105 -94
- package/inputs/ActionButton/index.js +2 -2
- package/inputs/Button/index.js +2 -2
- package/inputs/Checkbox/index.js +2 -2
- package/inputs/Radio/index.js +2 -2
- package/inputs/Switch/index.js +2 -2
- package/inputs/TextArea/index.js +2 -2
- package/inputs/TextInput/index.js +2 -2
- package/inputs/index.js +8 -8
- package/package.json +1 -1
- package/ssr/index.js +3 -1
- package/widgets/AssetGallery/index.js +12 -12
- package/widgets/index.js +12 -12
- package/TextInput-4deb971c.js +0 -163
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var defaultTheme = require('./defaultTheme-
|
|
3
|
+
var defaultTheme = require('./defaultTheme-870f7df1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
|
|
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
12
|
var _templateObject, _templateObject2;
|
|
13
|
-
var ActionButton$1 = styled__default[
|
|
13
|
+
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 height: 40px;\n width: 40px;\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 &: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
14
|
return props.theme.themeProp('background-image', "radial-gradient(circle at center, ".concat(props.theme.getColor('gray-600'), " 50%, transparent 50%)"), "radial-gradient(circle at center, ".concat(props.theme.getColor('gray-200'), " 50%, transparent 50%)"));
|
|
15
15
|
}, function (props) {
|
|
16
16
|
return styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n ", ":not(:disabled) {\n background-size: 200% 200%;\n\n svg {\n ", ";\n }\n }\n "])), props.active ? '' : ':hover', function (props) {
|
|
@@ -18,14 +18,14 @@ var ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.applyD
|
|
|
18
18
|
});
|
|
19
19
|
});
|
|
20
20
|
|
|
21
|
-
var
|
|
22
|
-
var ActionButton = React__default["default"].forwardRef(function ActionButton(_ref, forwardedRef) {
|
|
21
|
+
var ActionButton = React__default['default'].forwardRef(function ActionButton(_ref, forwardedRef) {
|
|
23
22
|
var icon = _ref.icon,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
disabled = _ref.disabled,
|
|
24
|
+
active = _ref.active,
|
|
25
|
+
onClick = _ref.onClick,
|
|
26
|
+
props = defaultTheme._objectWithoutProperties(_ref, ["icon", "disabled", "active", "onClick"]);
|
|
27
|
+
|
|
28
|
+
return React__default['default'].createElement(ActionButton$1, defaultTheme._extends({
|
|
29
29
|
ref: forwardedRef,
|
|
30
30
|
disabled: disabled,
|
|
31
31
|
active: active,
|