@ntbjs/react-components 1.1.28 → 1.1.29

package/{AssetAction-af841b38.js → AssetAction-8e86002e.js}

@@ -23,7 +23,7 @@ require('./AssetPreviewTopBar-d8887502.js');
 require('./ProgressBar-e6a86080.js');
 require('./InfoCard-11f0ca7f.js');
 var ActionButton = require('./ActionButton-41ea1bda.js');
-require('./Button-e1c2d914.js');
+require('./Button-cb9afe67.js');
 require('./Checkbox-153048de.js');
 require('./CompactAutocompleteSelect-d87f259e.js');
 require('./CompactStarRating-224afe96.js');

package/{Button-e1c2d914.js → Button-cb9afe67.js}

@@ -13,8 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
-var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  border-radius: 3px;\n  font-family: inherit;\n  font-size: 0.875rem;\n  font-weight: 400;\n  padding: 12px 16px;\n  cursor: pointer;\n  background: ", ";\n  border: 2px solid ", ";\n  transition: all 250ms, opacity 200ms;\n\n  &:hover,\n  &.dropdown-is-active {\n    background: #296c58;\n    border-color: #296c58;\n  }\n\n  ", "\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  border-radius: 3px;\n  font-family: inherit;\n  font-size: 0.875rem;\n  font-weight: 400;\n  padding: 12px 16px;\n  cursor: pointer;\n  background: ", ";\n  border: ", "px solid ", ";\n  transition: all 250ms, opacity 200ms;\n\n  &:hover,\n  &.dropdown-is-active {\n    background: #296c58;\n    border-color: #296c58;\n  }\n\n  ", "\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  && {\n    ", ";\n  }\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return props.theme.getColor('emerald-500');
+}, function (props) {
+  return props.border;
 }, function (props) {
   return props.theme.getColor('emerald-500');
 }, function (props) {
@@ -84,7 +86,7 @@ var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.
   return !props.singleAction && 'margin-bottom: 1px';
 });
 
-var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
+var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width", "border"];
 var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
   var onClickEffect = _ref.onClickEffect,
     _ref$singleAction = _ref.singleAction,
@@ -105,6 +107,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     _ref$singleActionGap = _ref.singleActionGap,
     singleActionGap = _ref$singleActionGap === void 0 ? 34 : _ref$singleActionGap,
     width = _ref.width,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? 2 : _ref$border,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(loading || false),
     _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -167,6 +171,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
   }, React__default["default"].createElement(Button$1, defaultTheme._extends({
     ref: forwardedRef,
     onClick: onClickEffect,
+    border: border,
     singleAction: singleAction,
     dropdownItems: dropdownItems,
     secondary: secondary,
@@ -214,6 +219,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     dropdownItems: dropdownItems,
     secondary: secondary,
     outlined: outlined,
+    border: border,
     block: block,
     size: size,
     disabled: disabled,
@@ -240,6 +246,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     dropdownItems: dropdownItems,
     secondary: secondary,
     outlined: outlined,
+    border: border,
     block: block,
     size: size,
     disabled: disabled,
@@ -259,6 +266,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   dropdownItems: defaultTheme.PropTypes.node,
   secondary: defaultTheme.PropTypes.bool,
   outlined: defaultTheme.PropTypes.bool,
+  border: defaultTheme.PropTypes.number,
   block: defaultTheme.PropTypes.bool,
   icon: defaultTheme.PropTypes.element,
   size: defaultTheme.PropTypes.oneOf(['x-small', 'small', 'normal', 'large']),

package/inputs/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button-e1c2d914.js');
+var Button = require('../../Button-cb9afe67.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ActionButton = require('../ActionButton-41ea1bda.js');
-var Button = require('../Button-e1c2d914.js');
+var Button = require('../Button-cb9afe67.js');
 var Checkbox = require('../Checkbox-153048de.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-d87f259e.js');
 var CompactStarRating = require('../CompactStarRating-224afe96.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.28",
+  "version": "1.1.29",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-af841b38.js');
+var AssetAction = require('../../AssetAction-8e86002e.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('lodash');
@@ -42,7 +42,7 @@ require('../../ProgressBar-e6a86080.js');
 require('../../arrow-forward-d7c77ae3.js');
 require('../../InfoCard-11f0ca7f.js');
 require('../../ActionButton-41ea1bda.js');
-require('../../Button-e1c2d914.js');
+require('../../Button-cb9afe67.js');
 require('../../CompactStarRating-224afe96.js');
 require('../../CompactTextInput-f951e9e5.js');
 require('../../MultiSelect-efaecd6e.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetAction = require('../AssetAction-af841b38.js');
+var AssetAction = require('../AssetAction-8e86002e.js');
 var ContextMenu = require('../ContextMenu-5198c59f.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-d8887502.js');
 var Instructions = require('../Instructions-fa82c59d.js');
@@ -36,7 +36,7 @@ require('../close-1751121a.js');
 require('react-lazy-load-image-component');
 require('@floating-ui/react');
 require('../ActionButton-41ea1bda.js');
-require('../Button-e1c2d914.js');
+require('../Button-cb9afe67.js');
 require('../expand-more-d74e2bd2.js');
 require('../CompactAutocompleteSelect-d87f259e.js');
 require('react-select');