@ntbjs/react-components 0.0.1-beta.8 → 1.0.0

package/inputs/Switch/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Switch = require('../../Switch-aa384260.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('nanoid');
+require('polished');
+
+
+
+module.exports = Switch.Switch;

package/inputs/TextArea/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var TextArea = require('../../TextArea-52cf4c0a.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('nanoid');
+require('lodash');
+
+
+
+module.exports = TextArea.TextArea;

package/inputs/TextInput/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var TextInput = require('../../TextInput-a7c32f5f.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('nanoid');
+require('lodash');
+
+
+
+module.exports = TextInput.TextInput;

package/inputs/index.js

@@ -1,4 +1,27 @@
-export { A as ActionButton } from '../ActionButton-dfa33fb3.js';
-import '../defaultTheme-f1063879.js';
-import 'styled-components';
-import 'react';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ActionButton = require('../ActionButton-90485300.js');
+var Button = require('../Button-0d728b52.js');
+var Checkbox = require('../Checkbox-50f1f3c7.js');
+var Radio = require('../Radio-0b46b2a8.js');
+var TextArea = require('../TextArea-52cf4c0a.js');
+var TextInput = require('../TextInput-a7c32f5f.js');
+var Switch = require('../Switch-aa384260.js');
+require('../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('nanoid');
+require('lodash');
+require('polished');
+
+
+
+exports.ActionButton = ActionButton.ActionButton;
+exports.Button = Button.Button;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Radio = Radio.Radio;
+exports.TextArea = TextArea.TextArea;
+exports.TextInput = TextInput.TextInput;
+exports.Switch = Switch.Switch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "0.0.1-beta.8",
+  "version": "1.0.0",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -35,11 +35,11 @@
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
-    "@storybook/addon-actions": "^6.2.9",
-    "@storybook/addon-docs": "^6.2.9",
-    "@storybook/addon-essentials": "^6.2.9",
-    "@storybook/addon-links": "^6.2.9",
-    "@storybook/react": "^6.2.9",
+    "@storybook/addon-actions": "^6.5.14",
+    "@storybook/addon-docs": "^6.5.14",
+    "@storybook/addon-essentials": "^6.5.14",
+    "@storybook/addon-links": "^6.5.14",
+    "@storybook/react": "^6.5.14",
     "@svgr/rollup": "^5.5.0",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.12.0",
@@ -67,14 +67,19 @@
     "rollup-plugin-url": "^3.0.1",
     "sass": "^1.34.1",
     "sass-loader": "^10.1.1",
-    "storybook-dark-mode": "^1.0.8",
+    "storybook-dark-mode": "^2.0.4",
     "url-loader": "^4.1.1"
   },
   "dependencies": {
     "@restart/hooks": "^0.3.26",
+    "@storybook/addons": "^6.5.14",
+    "@storybook/theming": "^6.5.14",
     "@tippyjs/react": "^4.2.5",
     "lodash": "^4.17.21",
+    "nanoid": "^3.1.25",
+    "polished": "^4.1.3",
     "react-lazy-load-image-component": "^1.5.1",
-    "styled-components": "^5.3.0"
+    "resize-observer-polyfill": "^1.5.1",
+    "styled-components": "^5.3.5"
   }
 }

package/ssr/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+
+
+Object.defineProperty(exports, 'ServerStyleSheet', {
+	enumerable: true,
+	get: function () {
+		return styled.ServerStyleSheet;
+	}
+});

package/widgets/AssetGallery/index.js

@@ -1,10 +1,25 @@
-export { A as default } from '../../AssetGallery-493397de.js';
-import '../../defaultTheme-f1063879.js';
-import 'styled-components';
-import 'react';
-import 'lodash';
-import 'react-lazy-load-image-component';
-import '../../ActionButton-dfa33fb3.js';
-import '../../Popover-ca8883c5.js';
-import '@tippyjs/react';
-import '../../Tooltip-be5c2611.js';
+'use strict';
+
+var AssetGallery = require('../../AssetGallery-2d26f3cf.js');
+require('../../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('lodash');
+require('../../TextInput-a7c32f5f.js');
+require('nanoid');
+require('resize-observer-polyfill');
+require('react-lazy-load-image-component');
+require('../../ActionButton-90485300.js');
+require('../../Button-0d728b52.js');
+require('../../Checkbox-50f1f3c7.js');
+require('../../Radio-0b46b2a8.js');
+require('polished');
+require('../../TextArea-52cf4c0a.js');
+require('../../Switch-aa384260.js');
+require('../../Popover-d3e2f6c0.js');
+require('@tippyjs/react');
+require('../../Tooltip-f95a39f4.js');
+
+
+
+module.exports = AssetGallery.AssetGallery;

package/widgets/index.js

@@ -1,10 +1,27 @@
-export { A as AssetGallery } from '../AssetGallery-493397de.js';
-import '../defaultTheme-f1063879.js';
-import 'styled-components';
-import 'react';
-import 'lodash';
-import 'react-lazy-load-image-component';
-import '../ActionButton-dfa33fb3.js';
-import '../Popover-ca8883c5.js';
-import '@tippyjs/react';
-import '../Tooltip-be5c2611.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AssetGallery = require('../AssetGallery-2d26f3cf.js');
+require('../defaultTheme-870f7df1.js');
+require('styled-components');
+require('react');
+require('lodash');
+require('../TextInput-a7c32f5f.js');
+require('nanoid');
+require('resize-observer-polyfill');
+require('react-lazy-load-image-component');
+require('../ActionButton-90485300.js');
+require('../Button-0d728b52.js');
+require('../Checkbox-50f1f3c7.js');
+require('../Radio-0b46b2a8.js');
+require('polished');
+require('../TextArea-52cf4c0a.js');
+require('../Switch-aa384260.js');
+require('../Popover-d3e2f6c0.js');
+require('@tippyjs/react');
+require('../Tooltip-f95a39f4.js');
+
+
+
+exports.AssetGallery = AssetGallery.AssetGallery;

package/ActionButton-dfa33fb3.js

@@ -1,36 +0,0 @@
-import { a as applyDefaultTheme, _ as _taggedTemplateLiteral, b as _objectWithoutProperties, c as _extends, P as PropTypes } from './defaultTheme-f1063879.js';
-import React__default from 'react';
-import styled, { css } from 'styled-components';
-
-var _templateObject, _templateObject2;
-var ActionButton$1 = styled.button.attrs(applyDefaultTheme)(_templateObject || (_templateObject = _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) {
-  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%)"));
-}, function (props) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", ":not(:disabled) {\n      background-size: 200% 200%;\n\n      svg {\n        ", ";\n      }\n    }\n  "])), props.active ? '' : ':hover', function (props) {
-    return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
-  });
-});
-
-var ActionButton = React__default.forwardRef(function ActionButton(_ref, forwardedRef) {
-  var icon = _ref.icon,
-      disabled = _ref.disabled,
-      active = _ref.active,
-      onClick = _ref.onClick,
-      props = _objectWithoutProperties(_ref, ["icon", "disabled", "active", "onClick"]);
-
-  return React__default.createElement(ActionButton$1, _extends({
-    ref: forwardedRef,
-    disabled: disabled,
-    active: active,
-    onClick: onClick
-  }, props), icon);
-});
-ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: PropTypes.element.isRequired,
-  disabled: PropTypes.bool,
-  active: PropTypes.bool,
-  onClick: PropTypes.func
-} : {};
-ActionButton.defaultProps = {};
-
-export { ActionButton as A };