@ntbjs/react-components 1.3.0-rc.36 → 1.3.0-rc.38

package/{ActionButton-b2345555.js → ActionButton-df714c16.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var styled = require('styled-components');
 var polished = require('polished');
@@ -10,8 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2;
-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) {
+var ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "ActionButtonstyled__ActionButton",
+  componentId: "sc-14sb7cm-0"
+})(["display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:", ";height:", ";border:0;color:inherit;background-color:transparent;", " background-position:center;background-repeat:no-repeat;background-size:0 0;transition:background-size 250ms ease;cursor:pointer;", " ", " &:disabled{opacity:0.5;color:inherit;cursor:not-allowed;}svg{width:100%;max-width:", ";max-height:", ";pointer-events:none;transition:color 250ms;}"], function (props) {
   return "".concat(props.actionWidthHeight[0], "px");
 }, function (props) {
   return "".concat(props.actionWidthHeight[1], "px");
@@ -21,7 +23,7 @@ var ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.applyD
   var lightThemeBgColor = (_props$backgroundColo3 = props === null || props === void 0 ? void 0 : (_props$backgroundColo4 = props.backgroundColors) === null || _props$backgroundColo4 === void 0 ? void 0 : _props$backgroundColo4[1]) !== null && _props$backgroundColo3 !== void 0 ? _props$backgroundColo3 : props.theme.getColor('gray-200');
   return props.theme.themeProp('background-image', "radial-gradient(circle at center, ".concat(darkThemeBgColor, " 50%, transparent 50%)"), "radial-gradient(circle at center, ".concat(lightThemeBgColor, " 50%, transparent 50%)"));
 }, function (props) {
-  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) {
+  return styled.css(["", ":not(:disabled){background-size:200% 200%;svg{", ";}}"], props.active ? '' : ':hover', function (props) {
     return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
   });
 }, function (props) {

package/{Alert-d69a3f95.js → Alert-28de48e1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultTheme = require('./defaultTheme-cd01e6c2.js');
+var defaultTheme = require('./defaultTheme-b6420d7d.js');
 var React = require('react');
 var styled = require('styled-components');
 var lodash = require('lodash');
@@ -10,8 +10,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var Alert$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: ", ";\n  width: ", ";\n  box-sizing: border-box;\n\n  ", "\n\n  ", "\n  \n  ", "\n  \n  text-align: ", ";\n"])), function (props) {
+var Alert$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Alertstyled__Alert",
+  componentId: "sc-1pjcgpa-0"
+})(["display:flex;flex-direction:column;padding:", ";width:", ";box-sizing:border-box;", " ", " ", " text-align:", ";"], function (props) {
   var _props$verticalPaddin, _props$horizontalPadd;
   var verticalPadding = (_props$verticalPaddin = props.verticalPadding) !== null && _props$verticalPaddin !== void 0 ? _props$verticalPaddin : 17;
   var horizontalPadding = (_props$horizontalPadd = props.horizontalPadding) !== null && _props$horizontalPadd !== void 0 ? _props$horizontalPadd : 30;
@@ -19,22 +21,25 @@ var Alert$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.width ? "".concat(props.width, "px") : '100%';
 }, function (props) {
-  return props.warning && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400')));
+  return props.warning && styled.css(["", ""], props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400')));
 }, function (props) {
-  return props.error && styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200')));
+  return props.error && styled.css(["", ""], props.theme.themeProp('background', '#7F1B1B', props.theme.getColor('red-200')));
 }, function (props) {
-  return props.info && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      background: transparent;\n    "])));
+  return props.info && styled.css(["background:transparent;"]);
 }, function (props) {
   return props.align === 'center' ? 'center' : 'left';
 });
-var AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  word-break: break-word;\n  ", "\n  ", "\n  ", ";\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  span {\n    flex: 1;\n    padding-left: 5px;\n    ", ";\n  }\n"])), function (props) {
+var AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme).withConfig({
+  displayName: "Alertstyled__AlertRender",
+  componentId: "sc-1pjcgpa-1"
+})(["display:flex;align-items:center;word-break:break-word;", " ", " ", ";svg{width:12px;height:12px;}span{flex:1;padding-left:5px;", ";}"], function (props) {
   return props.lineHeight ? "line-height: ".concat(props.lineHeight, "px;") : null;
 }, function (props) {
   return props.fontSize ? "font-size: ".concat(props.fontSize, "px;") : null;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'));
 }, function (props) {
-  return props.lineClamp ? styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n            display: -webkit-box;\n            -webkit-line-clamp: ", ";\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            text-overflow: ellipsis;\n          "])), props.lineClamp) : null;
+  return props.lineClamp ? styled.css(["display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;"], props.lineClamp) : null;
 });
 
 var _excluded = ["warning", "error", "type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"];