@ntbjs/react-components 2.0.0-rc.26 → 2.0.0-rc.28

package/build/{ActionButton-03dc5f67.js → ActionButton-4db754c3.js}

@@ -1,17 +1,10 @@
-'use strict';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled, { css } from 'styled-components';
+import { rgba } from 'polished';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var React = require('react');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var styled = require('styled-components');
-var polished = require('polished');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)`
+const ActionButton$1 = styled.button.attrs(applyDefaultTheme)`
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -32,7 +25,7 @@ const ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.appl
   transition: background-size 250ms ease;
   cursor: pointer;
 
-  ${props => styled.css`
+  ${props => css`
     ${props.active ? '' : ':hover'}:not(:disabled) {
       background-size: 200% 200%;
 
@@ -42,7 +35,7 @@ const ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.appl
     }
   `}
 
-  ${props => props.useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${polished.rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null}
+  ${props => props.useShadow ? props.theme.themeProp('box-shadow', `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`, `0px 3px 6px ${props.theme.getColor('black')}`) : null}
 
   &:disabled {
     opacity: 0.5;
@@ -60,7 +53,7 @@ const ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.appl
   }
 `;
 
-const ActionButton = React__default["default"].forwardRef(function ActionButton({
+const ActionButton = React__default.forwardRef(function ActionButton({
   icon,
   disabled,
   active,
@@ -68,7 +61,7 @@ const ActionButton = React__default["default"].forwardRef(function ActionButton(
   actionWidthHeight,
   ...props
 }, forwardedRef) {
-  return React__default["default"].createElement(ActionButton$1, _rollupPluginBabelHelpers._extends({
+  return React__default.createElement(ActionButton$1, _extends({
     ref: forwardedRef,
     disabled: disabled,
     active: active,
@@ -77,16 +70,16 @@ const ActionButton = React__default["default"].forwardRef(function ActionButton(
   }, props), icon);
 });
 ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  icon: defaultTheme.PropTypes.element.isRequired,
-  disabled: defaultTheme.PropTypes.bool,
-  active: defaultTheme.PropTypes.bool,
-  onClick: defaultTheme.PropTypes.func,
-  backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
-  actionWidthHeight: defaultTheme.PropTypes.array
+  icon: PropTypes.element.isRequired,
+  disabled: PropTypes.bool,
+  active: PropTypes.bool,
+  onClick: PropTypes.func,
+  backgroundColors: PropTypes.arrayOf(PropTypes.string),
+  actionWidthHeight: PropTypes.array
 } : {};
 ActionButton.defaultProps = {
   onClick: () => {},
   actionWidthHeight: [40, 40]
 };
 
-exports.ActionButton = ActionButton;
+export { ActionButton as A };

package/build/{Alert-8a511bdc.js → Alert-e6847a22.js}

@@ -1,17 +1,10 @@
-'use strict';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled, { css } from 'styled-components';
+import { isEmpty } from 'lodash';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var React = require('react');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var styled = require('styled-components');
-var lodash = require('lodash');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Alert$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const Alert$1 = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   flex-direction: column;
   padding: ${props => {
@@ -22,21 +15,21 @@ const Alert$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTh
   width: ${props => props.width ? `${props.width}px` : '100%'};
   box-sizing: border-box;
 
-  ${props => props.warning && styled.css`
+  ${props => props.warning && css`
       ${props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'))}
     `}
 
-  ${props => props.error && styled.css`
+  ${props => props.error && css`
       ${props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200'))}
     `}
   
-  ${props => props.info && styled.css`
+  ${props => props.info && css`
       background: transparent;
     `}
   
   text-align: ${props => props.align === 'center' ? 'center' : 'left'};
 `;
-const AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const AlertRender = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   align-items: center;
   word-break: break-word;
@@ -52,7 +45,7 @@ const AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefau
   span {
     flex: 1;
     padding-left: 5px;
-    ${props => props.lineClamp ? styled.css`
+    ${props => props.lineClamp ? css`
             display: -webkit-box;
             -webkit-line-clamp: ${props.lineClamp};
             -webkit-box-orient: vertical;
@@ -62,7 +55,7 @@ const AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefau
   }
 `;
 
-const Alert = React__default["default"].forwardRef(function Alert({
+const Alert = React__default.forwardRef(function Alert({
   warning,
   error,
   type,
@@ -80,7 +73,7 @@ const Alert = React__default["default"].forwardRef(function Alert({
   let isWarning = false;
   let isError = false;
   let isInfo = true;
-  if (!lodash.isEmpty(type)) {
+  if (!isEmpty(type)) {
     if (type === 'warning') {
       isWarning = true;
     } else if (type === 'error') {
@@ -95,7 +88,7 @@ const Alert = React__default["default"].forwardRef(function Alert({
       isInfo = false;
     }
   }
-  return React__default["default"].createElement(Alert$1, _rollupPluginBabelHelpers._extends({
+  return React__default.createElement(Alert$1, _extends({
     ref: forwardedRef,
     alertMessage: alertMessage,
     warning: isWarning,
@@ -105,25 +98,25 @@ const Alert = React__default["default"].forwardRef(function Alert({
     verticalPadding: verticalPadding,
     horizontalPadding: horizontalPadding,
     width: width
-  }, props), React__default["default"].createElement(AlertRender, {
+  }, props), React__default.createElement(AlertRender, {
     fontSize: fontSize,
     lineHeight: lineHeight,
     lineClamp: lineClamp
-  }, icon, " ", React__default["default"].createElement("span", null, alertMessage)));
+  }, icon, " ", React__default.createElement("span", null, alertMessage)));
 });
 Alert.propTypes = process.env.NODE_ENV !== "production" ? {
-  warning: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.bool,
-  type: defaultTheme.PropTypes.oneOf(['warning', 'error', 'info']),
-  icon: defaultTheme.PropTypes.element,
-  align: defaultTheme.PropTypes.oneOf(['left', 'center']),
-  alertMessage: defaultTheme.PropTypes.string,
-  fontSize: defaultTheme.PropTypes.number,
-  lineHeight: defaultTheme.PropTypes.number,
-  lineClamp: defaultTheme.PropTypes.number,
-  verticalPadding: defaultTheme.PropTypes.number,
-  horizontalPadding: defaultTheme.PropTypes.number,
-  width: defaultTheme.PropTypes.number
+  warning: PropTypes.bool,
+  error: PropTypes.bool,
+  type: PropTypes.oneOf(['warning', 'error', 'info']),
+  icon: PropTypes.element,
+  align: PropTypes.oneOf(['left', 'center']),
+  alertMessage: PropTypes.string,
+  fontSize: PropTypes.number,
+  lineHeight: PropTypes.number,
+  lineClamp: PropTypes.number,
+  verticalPadding: PropTypes.number,
+  horizontalPadding: PropTypes.number,
+  width: PropTypes.number
 } : {};
 Alert.defaultProps = {
   warning: false,
@@ -135,4 +128,4 @@ Alert.defaultProps = {
   verticalPadding: 17
 };
 
-exports.Alert = Alert;
+export { Alert as A };