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

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 };

package/build/{Badge-aa4cd9c1.js → Badge-d93586a9.js}

@@ -1,16 +1,9 @@
-'use strict';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import React__default from 'react';
+import styled, { css } from 'styled-components';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var React = require('react');
-var styled = require('styled-components');
-
-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 Badge$1 = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)`
+const Badge$1 = styled.span.attrs(applyDefaultTheme)`
   align-content: center;
   display: ${props => props.elevated || !props.hasChildren ? 'inline-flex' : 'flex'};
   font-family: ${props => props.theme.primaryFontFamily};
@@ -20,12 +13,12 @@ const Badge$1 = styled__default["default"].span.attrs(defaultTheme.applyDefaultT
   position: relative;
   width: ${props => props.elevated ? 'fit-content' : 'initial'};
 `;
-const BadgeChildrenContainer = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)`
+const BadgeChildrenContainer = styled.span.attrs(applyDefaultTheme)`
   align-self: center;
   height: fit-content;
   margin-right: 8px;
 `;
-const BadgeLabel = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)`
+const BadgeLabel = styled.span.attrs(applyDefaultTheme)`
   border-radius: ${props => props.elevated ? '12px' : '14px'};
   display: flex;
   align-items: center;
@@ -48,15 +41,15 @@ const BadgeLabel = styled__default["default"].span.attrs(defaultTheme.applyDefau
   right: 0;
   transform: ${props => props.elevated ? 'translate(33%, -8px)' : 'initial'};
 
-  ${props => props.width ? styled.css`
+  ${props => props.width ? css`
           width: ${props.width}px;
         ` : null}
 
-  ${props => props.minWidth ? styled.css`
+  ${props => props.minWidth ? css`
           min-width: ${props.minWidth}px;
         ` : null}
 
-  ${props => props.minHeight ? styled.css`
+  ${props => props.minHeight ? css`
           min-height: ${props.minHeight}px;
         ` : null}
       
@@ -64,7 +57,7 @@ const BadgeLabel = styled__default["default"].span.attrs(defaultTheme.applyDefau
   ${props => {
   const verticalPadding = props.verticalPadding ? `${props.verticalPadding}px` : props.elevated ? '4px' : '6px';
   const horizontalPadding = props.horizontalPadding ? `${props.horizontalPadding}px` : props.elevated ? '7px' : '10px';
-  return styled.css`
+  return css`
       padding: ${verticalPadding} ${horizontalPadding};
     `;
 }}
@@ -129,7 +122,7 @@ const BadgeLabel = styled__default["default"].span.attrs(defaultTheme.applyDefau
   }
 })}
 `;
-const BadgeIcon = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)`
+const BadgeIcon = styled.span.attrs(applyDefaultTheme)`
   display: flex;
   align-items: center;
   margin-right: ${props => props.useGutter ? '4px' : 0};
@@ -138,7 +131,7 @@ const BadgeIcon = styled__default["default"].span.attrs(defaultTheme.applyDefaul
   }
 `;
 
-const Badge = React__default["default"].forwardRef(function Badge({
+const Badge = React__default.forwardRef(function Badge({
   badgeContent,
   badgeIcon,
   children,
@@ -164,11 +157,11 @@ const Badge = React__default["default"].forwardRef(function Badge({
       notation: 'compact'
     }).format(badgeContent);
   }
-  return React__default["default"].createElement(Badge$1, _rollupPluginBabelHelpers._extends({
+  return React__default.createElement(Badge$1, _extends({
     ref: forwardedRef,
     elevated: elevated,
     hasChildren: Boolean(children)
-  }, props), children && React__default["default"].createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React__default["default"].createElement(BadgeLabel, {
+  }, props), children && React__default.createElement(BadgeChildrenContainer, null, children), (badgeIcon || badgeContent) && React__default.createElement(BadgeLabel, {
     backgroundColors: backgroundColors,
     colors: colors,
     elevated: elevated,
@@ -184,29 +177,29 @@ const Badge = React__default["default"].forwardRef(function Badge({
     minHeight: minHeight,
     width: width,
     minWidth: minWidth
-  }, badgeIcon && React__default["default"].createElement(BadgeIcon, {
+  }, badgeIcon && React__default.createElement(BadgeIcon, {
     useGutter: !!badgeContent
   }, badgeIcon), badgeContent));
 });
 Badge.propTypes = process.env.NODE_ENV !== "production" ? {
-  badgeIcon: defaultTheme.PropTypes.node,
-  badgeContent: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number, defaultTheme.PropTypes.func, defaultTheme.PropTypes.element]),
-  children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.node, defaultTheme.PropTypes.string]),
-  elevated: defaultTheme.PropTypes.bool,
-  active: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.bool,
-  warning: defaultTheme.PropTypes.bool,
-  fontSize: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
-  fontWeight: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
-  lineHeight: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.number, defaultTheme.PropTypes.string]),
-  colors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
-  backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
-  verticalPadding: defaultTheme.PropTypes.number,
-  horizontalPadding: defaultTheme.PropTypes.number,
-  height: defaultTheme.PropTypes.number,
-  minHeight: defaultTheme.PropTypes.number,
-  width: defaultTheme.PropTypes.number,
-  minWidth: defaultTheme.PropTypes.number
+  badgeIcon: PropTypes.node,
+  badgeContent: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.func, PropTypes.element]),
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  elevated: PropTypes.bool,
+  active: PropTypes.bool,
+  error: PropTypes.bool,
+  warning: PropTypes.bool,
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontWeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  colors: PropTypes.arrayOf(PropTypes.string),
+  backgroundColors: PropTypes.arrayOf(PropTypes.string),
+  verticalPadding: PropTypes.number,
+  horizontalPadding: PropTypes.number,
+  height: PropTypes.number,
+  minHeight: PropTypes.number,
+  width: PropTypes.number,
+  minWidth: PropTypes.number
 } : {};
 Badge.defaultProps = {
   elevated: false,
@@ -218,4 +211,4 @@ Badge.defaultProps = {
   lineHeight: 'normal'
 };
 
-exports.Badge = Badge;
+export { Badge as B };