@ntbjs/react-components 1.3.0-rc.57 → 1.3.0-rc.59

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

@@ -35,14 +35,10 @@ var ActionButton$1 = styled__default["default"].button.attrs(defaultTheme.applyD
 var _excluded = ["icon", "disabled", "active", "onClick", "actionWidthHeight"];
 var ActionButton = React__default["default"].forwardRef(function ActionButton(_ref, forwardedRef) {
   var icon = _ref.icon,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    _ref$actionWidthHeigh = _ref.actionWidthHeight,
-    actionWidthHeight = _ref$actionWidthHeigh === void 0 ? [40, 40] : _ref$actionWidthHeigh,
+    disabled = _ref.disabled,
+    active = _ref.active,
+    onClick = _ref.onClick,
+    actionWidthHeight = _ref.actionWidthHeight,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   return React__default["default"].createElement(ActionButton$1, defaultTheme._extends({
     ref: forwardedRef,
@@ -60,5 +56,9 @@ ActionButton.propTypes = process.env.NODE_ENV !== "production" ? {
   backgroundColors: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string),
   actionWidthHeight: defaultTheme.PropTypes.array
 } : {};
+ActionButton.defaultProps = {
+  onClick: function onClick() {},
+  actionWidthHeight: [40, 40]
+};
 
 exports.ActionButton = ActionButton;

package/{Alert-1b2ff6dd.js → Alert-d69a3f95.js}

@@ -39,24 +39,17 @@ var AlertRender = styled__default["default"].div.attrs(defaultTheme.applyDefault
 
 var _excluded = ["warning", "error", "type", "alertMessage", "align", "icon", "fontSize", "lineHeight", "lineClamp", "verticalPadding", "horizontalPadding", "width"];
 var Alert = React__default["default"].forwardRef(function Alert(_ref, forwardedRef) {
-  var _ref$warning = _ref.warning,
-    warning = _ref$warning === void 0 ? false : _ref$warning,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
+  var warning = _ref.warning,
+    error = _ref.error,
     type = _ref.type,
-    _ref$alertMessage = _ref.alertMessage,
-    alertMessage = _ref$alertMessage === void 0 ? 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.' : _ref$alertMessage,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
+    alertMessage = _ref.alertMessage,
+    align = _ref.align,
     icon = _ref.icon,
     fontSize = _ref.fontSize,
     lineHeight = _ref.lineHeight,
-    _ref$lineClamp = _ref.lineClamp,
-    lineClamp = _ref$lineClamp === void 0 ? 0 : _ref$lineClamp,
-    _ref$verticalPadding = _ref.verticalPadding,
-    verticalPadding = _ref$verticalPadding === void 0 ? 17 : _ref$verticalPadding,
-    _ref$horizontalPaddin = _ref.horizontalPadding,
-    horizontalPadding = _ref$horizontalPaddin === void 0 ? 30 : _ref$horizontalPaddin,
+    lineClamp = _ref.lineClamp,
+    verticalPadding = _ref.verticalPadding,
+    horizontalPadding = _ref.horizontalPadding,
     width = _ref.width,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var isWarning = false;
@@ -107,5 +100,14 @@ Alert.propTypes = process.env.NODE_ENV !== "production" ? {
   horizontalPadding: defaultTheme.PropTypes.number,
   width: defaultTheme.PropTypes.number
 } : {};
+Alert.defaultProps = {
+  warning: false,
+  error: false,
+  align: 'left',
+  alertMessage: 'Use subject to restrictions. Editorial use only, no commercial use without prior consent from rights holder.',
+  lineClamp: 0,
+  horizontalPadding: 30,
+  verticalPadding: 17
+};
 
 exports.Alert = Alert;

package/{AssetAction-b9d9a5f5.js → AssetAction-9622c4f9.js}

@@ -5,33 +5,33 @@ var lodash = require('lodash');
 var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
-var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-e2325c8f.js');
+var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-3d5d5f2c.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-48ff279a.js');
-var Alert = require('./Alert-1b2ff6dd.js');
-var Badge = require('./Badge-e055db69.js');
+var Instructions = require('./Instructions-dbd4514c.js');
+var Alert = require('./Alert-d69a3f95.js');
+var Badge = require('./Badge-e984e6f5.js');
 var Popover = require('./Popover-52d29ca6.js');
-require('./Tab-124fef45.js');
-require('./Tabs-62bdcdfa.js');
-var Tooltip = require('./Tooltip-4111dfdd.js');
-require('./VerificationStatusIcon-3a74c2ab.js');
+require('./Tab-e43241f0.js');
+require('./Tabs-cfc08c6b.js');
+var Tooltip = require('./Tooltip-a68a7e49.js');
+require('./VerificationStatusIcon-7b0e23fe.js');
 var react = require('@floating-ui/react');
 var polished = require('polished');
-var ContextMenu = require('./ContextMenu-1b7b7cec.js');
-require('./AssetPreviewTopBar-08ca770d.js');
-var ActionButton = require('./ActionButton-f84f83eb.js');
-require('./Button-4d1069dc.js');
-require('./Checkbox-acd15d02.js');
-require('./CompactAutocompleteSelect-b0d2ce48.js');
-require('./CompactStarRating-957641bf.js');
-require('./CompactTextInput-05b5d847.js');
-require('./MultiSelect-d6294329.js');
-require('./Radio-abb11971.js');
-require('./TextArea-7c6023fe.js');
-require('./TextInput-7b83f6f4.js');
-require('./Switch-66cd66ab.js');
-var ContextMenuItem = require('./ContextMenuItem-50de2150.js');
+var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
+require('./AssetPreviewTopBar-b1fe3188.js');
+var ActionButton = require('./ActionButton-b2345555.js');
+require('./Button-090fb526.js');
+require('./Checkbox-ad9c9e54.js');
+require('./CompactAutocompleteSelect-26949125.js');
+require('./CompactStarRating-65bf27e5.js');
+require('./CompactTextInput-60edc635.js');
+require('./MultiSelect-cdfe6ffa.js');
+require('./Radio-55db4781.js');
+require('./TextArea-44b4d3c4.js');
+require('./TextInput-c3c71881.js');
+require('./Switch-04ecd8d0.js');
+var ContextMenuItem = require('./ContextMenuItem-c536b460.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -218,27 +218,17 @@ styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultT
 
 var _excluded$6 = ["activeSummaryCard", "title", "description", "instructions", "instructionsType", "headerLeft", "headerRight", "footerLeft", "footerRight", "width", "useBorder", "view"];
 var SummaryCard = React__default["default"].forwardRef(function AssetSummaryCard(_ref, forwardedRef) {
-  var _ref$activeSummaryCar = _ref.activeSummaryCard,
-    activeSummaryCard = _ref$activeSummaryCar === void 0 ? false : _ref$activeSummaryCar,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? '' : _ref$description,
-    _ref$instructions = _ref.instructions,
-    instructions = _ref$instructions === void 0 ? '' : _ref$instructions,
-    _ref$instructionsType = _ref.instructionsType,
-    instructionsType = _ref$instructionsType === void 0 ? 'info' : _ref$instructionsType,
-    _ref$headerLeft = _ref.headerLeft,
-    headerLeft = _ref$headerLeft === void 0 ? null : _ref$headerLeft,
-    _ref$headerRight = _ref.headerRight,
-    headerRight = _ref$headerRight === void 0 ? null : _ref$headerRight,
-    _ref$footerLeft = _ref.footerLeft,
-    footerLeft = _ref$footerLeft === void 0 ? null : _ref$footerLeft,
-    _ref$footerRight = _ref.footerRight,
-    footerRight = _ref$footerRight === void 0 ? null : _ref$footerRight,
+  var activeSummaryCard = _ref.activeSummaryCard,
+    title = _ref.title,
+    description = _ref.description,
+    instructions = _ref.instructions,
+    instructionsType = _ref.instructionsType,
+    headerLeft = _ref.headerLeft,
+    headerRight = _ref.headerRight,
+    footerLeft = _ref.footerLeft,
+    footerRight = _ref.footerRight,
     width = _ref.width,
-    _ref$useBorder = _ref.useBorder,
-    useBorder = _ref$useBorder === void 0 ? false : _ref$useBorder,
+    useBorder = _ref.useBorder,
     view = _ref.view,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded$6);
   var shouldRenderInstructions = !!instructions;
@@ -290,6 +280,18 @@ SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
   useBorder: defaultTheme.PropTypes.bool,
   view: defaultTheme.PropTypes.string
 } : {};
+SummaryCard.defaultProps = {
+  title: '',
+  description: '',
+  instructions: '',
+  instructionsType: 'info',
+  headerLeft: null,
+  headerRight: null,
+  footerLeft: null,
+  footerRight: null,
+  useBorder: false,
+  activeSummaryCard: false
+};
 
 var _templateObject$3, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27, _templateObject28, _templateObject29;
 var AssetGalleryWrapper$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$3 || (_templateObject$3 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
@@ -403,6 +405,7 @@ AssetActionsBase.propTypes = process.env.NODE_ENV !== "production" ? {
   actions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
   asset: defaultTheme.PropTypes.object
 } : {};
+AssetActionsBase.defaultProps = {};
 
 var _excluded$4 = ["component", "asset"];
 var ComputedRootComponent$1 = function ComputedRootComponent(_ref) {
@@ -1246,6 +1249,7 @@ AssetGalleryGridCard.propTypes = process.env.NODE_ENV !== "production" ? {
   component: defaultTheme.PropTypes.func,
   scrollPosition: defaultTheme.PropTypes.number
 } : {};
+AssetGalleryGridCard.defaultProps = {};
 var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default["default"].memo(AssetGalleryGridCard, function (prevProps, nextProps) {
   var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'asset.layout'];
   return reactiveProps.every(function (propKey) {
@@ -1647,24 +1651,18 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
 
 var _excluded$1 = ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component", "displayIcon"];
 var AssetGallery = React__default["default"].forwardRef(function AssetGallery(_ref, forwardedRef) {
-  var _ref$assets = _ref.assets,
-    assets = _ref$assets === void 0 ? [] : _ref$assets,
-    _ref$activeSummaryCar = _ref.activeSummaryCard,
-    activeSummaryCard = _ref$activeSummaryCar === void 0 ? false : _ref$activeSummaryCar,
-    _ref$viewMode = _ref.viewMode,
-    viewMode = _ref$viewMode === void 0 ? 'compact' : _ref$viewMode,
-    _ref$thumbnailMaxHeig = _ref.thumbnailMaxHeight,
-    thumbnailMaxHeight = _ref$thumbnailMaxHeig === void 0 ? 300 : _ref$thumbnailMaxHeig,
+  var assets = _ref.assets,
+    activeSummaryCard = _ref.activeSummaryCard,
+    viewMode = _ref.viewMode,
+    thumbnailMaxHeight = _ref.thumbnailMaxHeight,
     selectable = _ref.selectable,
-    _ref$selectedAssetKey = _ref.selectedAssetKeys,
-    selectedAssetKeys = _ref$selectedAssetKey === void 0 ? [] : _ref$selectedAssetKey,
+    selectedAssetKeys = _ref.selectedAssetKeys,
     onSelectedChanged = _ref.onSelectedChanged,
     softSelectable = _ref.softSelectable,
     scrollElement = _ref.scrollElement,
     onSoftSelectedChanged = _ref.onSoftSelectedChanged,
     component = _ref.component,
-    _ref$displayIcon = _ref.displayIcon,
-    displayIcon = _ref$displayIcon === void 0 ? '' : _ref$displayIcon,
+    displayIcon = _ref.displayIcon,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded$1);
   var _useState = React.useState(selectedAssetKeys || []),
     _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -1745,6 +1743,14 @@ AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   onSoftSelectedChanged: defaultTheme.PropTypes.func,
   component: defaultTheme.PropTypes.func
 } : {};
+AssetGallery.defaultProps = {
+  assets: [],
+  viewMode: 'compact',
+  thumbnailMaxHeight: 300,
+  selectedAssetKeys: [],
+  activeSummaryCard: false,
+  displayIcon: ''
+};
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var AssetAction$2 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n"])), function (props) {
@@ -1863,6 +1869,7 @@ AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
   asset: defaultTheme.PropTypes.object,
   itemKey: defaultTheme.PropTypes.string
 } : {};
+AssetAction.defaultProps = {};
 var AssetAction$1 = AssetAction;
 
 exports.AssetAction = AssetAction$1;

package/{AssetPreviewTopBar-08ca770d.js → AssetPreviewTopBar-b1fe3188.js}

@@ -99,5 +99,6 @@ AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   border: defaultTheme.PropTypes.bool,
   buttons: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.node)
 } : {};
+AssetPreviewTopBar.defaultProps = {};
 
 exports.AssetPreviewTopBar = AssetPreviewTopBar;

package/{Badge-e055db69.js → Badge-e984e6f5.js}

@@ -120,22 +120,15 @@ var BadgeIcon = styled__default["default"].span.attrs(defaultTheme.applyDefaultT
 var _excluded = ["badgeContent", "badgeIcon", "children", "elevated", "fontSize", "fontWeight", "lineHeight", "active", "error", "warning", "backgroundColors", "colors", "verticalPadding", "horizontalPadding", "height", "minHeight", "width", "minWidth"];
 var Badge = React__default["default"].forwardRef(function Badge(_ref, forwardedRef) {
   var badgeContent = _ref.badgeContent,
-    _ref$badgeIcon = _ref.badgeIcon,
-    badgeIcon = _ref$badgeIcon === void 0 ? null : _ref$badgeIcon,
+    badgeIcon = _ref.badgeIcon,
     children = _ref.children,
-    _ref$elevated = _ref.elevated,
-    elevated = _ref$elevated === void 0 ? false : _ref$elevated,
+    elevated = _ref.elevated,
     fontSize = _ref.fontSize,
-    _ref$fontWeight = _ref.fontWeight,
-    fontWeight = _ref$fontWeight === void 0 ? 'normal' : _ref$fontWeight,
-    _ref$lineHeight = _ref.lineHeight,
-    lineHeight = _ref$lineHeight === void 0 ? 'normal' : _ref$lineHeight,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$error = _ref.error,
-    error = _ref$error === void 0 ? false : _ref$error,
-    _ref$warning = _ref.warning,
-    warning = _ref$warning === void 0 ? false : _ref$warning,
+    fontWeight = _ref.fontWeight,
+    lineHeight = _ref.lineHeight,
+    active = _ref.active,
+    error = _ref.error,
+    warning = _ref.warning,
     backgroundColors = _ref.backgroundColors,
     colors = _ref.colors,
     verticalPadding = _ref.verticalPadding,
@@ -194,5 +187,14 @@ Badge.propTypes = process.env.NODE_ENV !== "production" ? {
   width: defaultTheme.PropTypes.number,
   minWidth: defaultTheme.PropTypes.number
 } : {};
+Badge.defaultProps = {
+  elevated: false,
+  active: false,
+  error: false,
+  warning: false,
+  badgeIcon: null,
+  fontWeight: 'normal',
+  lineHeight: 'normal'
+};
 
 exports.Badge = Badge;

package/{Button-4d1069dc.js → Button-090fb526.js}

@@ -4,7 +4,7 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var React = require('react');
 var styled = require('styled-components');
 var Popover = require('./Popover-52d29ca6.js');
-var ContextMenu = require('./ContextMenu-1b7b7cec.js');
+var ContextMenu = require('./ContextMenu-4eb8fdc5.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,8 +12,8 @@ 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, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
-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"])), function (props) {
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
+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) {
   return props.theme.getColor('emerald-500');
 }, function (props) {
   return props.theme.getColor('emerald-500');
@@ -46,43 +46,45 @@ var Button$1 = styled__default["default"].button.attrs(defaultTheme.applyDefault
 }, function (props) {
   return props.size === 'large' && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      padding: 16px 16px;\n    "])));
 }, function (props) {
-  return props.singleAction && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      gap: 34px;\n      border-radius: 3px !important;\n      transition: all 250ms, opacity 200ms;\n    "])));
+  return props.singleAction && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      gap: ", "px;\n      border-radius: 3px !important;\n      transition: all 250ms, opacity 200ms;\n    "])), props.singleActionGap);
+}, function (props) {
+  return props.width && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      min-width: ", "px;\n      justify-content: center;\n    "])), props.width);
 });
-var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: scale(1);\n  opacity: 1;\n  transition: all 200ms;\n\n  > svg {\n    width: 100%;\n    max-width: 16px;\n    max-height: 16px;\n    margin-right: 8px;\n\n    ", ";\n\n    ", ";\n  }\n\n  ", "\n\n  ", ";\n"])), function (props) {
-  return props.size === 'small' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n        max-width: 13px;\n        max-height: 13px;\n      "])));
+var ButtonContent = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: scale(1);\n  opacity: 1;\n  transition: all 200ms;\n\n  > svg {\n    width: 100%;\n    max-width: 16px;\n    max-height: 16px;\n    margin-right: 8px;\n\n    ", ";\n\n    ", ";\n  }\n\n  ", "\n\n  ", ";\n"])), function (props) {
+  return props.size === 'small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        max-width: 13px;\n        max-height: 13px;\n      "])));
 }, function (props) {
-  return props.size === 'x-small' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n        max-width: 11px;\n        max-height: 11px;\n      "])));
+  return props.size === 'x-small' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n        max-width: 11px;\n        max-height: 11px;\n      "])));
 }, function (props) {
-  return props.$loading && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n      transform: scale(0.95);\n      opacity: 0;\n    "])));
+  return props.$loading && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      transform: scale(0.95);\n      opacity: 0;\n    "])));
 }, function (props) {
-  return props.singleAction && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n      svg {\n        width: 100% !important;\n        height: 100% !important;\n        margin-right: 24px;\n      }\n    "])));
+  return props.singleAction && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n      svg {\n        width: 100% !important;\n        height: 100% !important;\n        margin-right: 24px;\n      }\n    "])));
 });
-var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  padding: 4px;\n  background: inherit;\n  opacity: 0;\n  transition: opacity 200ms;\n  box-sizing: border-box;\n\n  ", "\n"])), function (props) {
-  return props.$loading && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 1;\n    "])));
+var LoadingIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  padding: 4px;\n  background: inherit;\n  opacity: 0;\n  transition: opacity 200ms;\n  box-sizing: border-box;\n\n  ", "\n"])), function (props) {
+  return props.$loading && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 1;\n    "])));
 });
-var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n  height: 100%;\n  color: inherit;\n  transform: rotate(-88deg);\n"])));
-var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n  transition: stroke-dashoffset 300ms linear;\n  stroke-dasharray: 113;\n"])));
-var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  white-space: nowrap;\n  display: flex;\n"])));
-var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: 3px;\n  ", ";\n"])), function (props) {
-  return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n        background: ", ";\n      "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
+var LoadingIndicatorSvg = styled__default["default"].svg.attrs(defaultTheme.applyDefaultTheme)(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n  height: 100%;\n  color: inherit;\n  transform: rotate(-88deg);\n"])));
+var LoadingIndicatorSvgCircle = styled__default["default"].circle.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n  transition: stroke-dashoffset 300ms linear;\n  stroke-dasharray: 113;\n"])));
+var ButtonWrapper = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n  white-space: nowrap;\n  display: flex;\n"])));
+var MainButtonWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: 3px;\n  ", ";\n"])), function (props) {
+  return (props.activeDropdown || props.dropdownItems) && !props.outlined && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n        background: ", ";\n      "])), props.secondary ? props.theme.getColor('gray-200') : props.theme.getColor('emerald-500'));
 });
-var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n  button {\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
-  return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      "])));
+var MainButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n  button {\n    ", ";\n\n    ", ";\n  }\n"])), function (props) {
+  return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      "])));
 }, function (props) {
-  return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n        border-right: none;\n      "])));
+  return (props.activeDropdown || props.dropdownItems) && props.outlined && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n        border-right: none;\n      "])));
 });
-var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n  width: 100%;\n  ", ";\n\n  button {\n    ", ";\n  }\n"])), function (props) {
-  return props.singleAction && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      border-radius: 3px !important;\n      transition: all 250ms, opacity 200ms;\n    "])));
+var MainButtonContainerSingle = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n  width: 100%;\n  ", ";\n\n  button {\n    ", ";\n  }\n"])), function (props) {
+  return props.singleAction && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n      display: flex;\n      align-items: center;\n      border-radius: 3px !important;\n      transition: all 250ms, opacity 200ms;\n    "])));
 }, function (props) {
-  return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      "])));
+  return (props.activeDropdown || props.dropdownItems) && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      "])));
 });
-var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n\n  button {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n\n    ", ";\n  }\n\n  svg {\n    color: inherit;\n    height: 7px;\n    width: 12px;\n\n    ", ";\n  }\n"])), function (props) {
+var DropdownButtonContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n  display: inline-block;\n\n  button {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n\n    ", ";\n  }\n\n  svg {\n    color: inherit;\n    height: 7px;\n    width: 12px;\n\n    ", ";\n  }\n"])), function (props) {
   return !props.singleAction && 'border-left: none';
 }, function (props) {
   return !props.singleAction && 'margin-bottom: 1px';
 });
 
-var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children"];
+var _excluded = ["onClickEffect", "singleAction", "activeDropdown", "dropdownItems", "secondary", "outlined", "block", "icon", "size", "disabled", "loading", "className", "children", "singleActionGap", "width"];
 var Button = React__default["default"].forwardRef(function Button(_ref, forwardedRef) {
   var onClickEffect = _ref.onClickEffect,
     _ref$singleAction = _ref.singleAction,
@@ -100,6 +102,9 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     loading = _ref.loading,
     className = _ref.className,
     children = _ref.children,
+    _ref$singleActionGap = _ref.singleActionGap,
+    singleActionGap = _ref$singleActionGap === void 0 ? 34 : _ref$singleActionGap,
+    width = _ref.width,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(loading || false),
     _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -170,7 +175,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     size: size,
     disabled: disabled,
     className: className,
-    "aria-busy": disabled
+    "aria-busy": disabled,
+    width: width
   }, props), React__default["default"].createElement(ButtonContent, {
     $loading: loadingState,
     size: size
@@ -204,6 +210,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
   }, React__default["default"].createElement(Button$1, {
     ref: forwardedRef,
     singleAction: singleAction,
+    singleActionGap: singleActionGap,
     dropdownItems: dropdownItems,
     secondary: secondary,
     outlined: outlined,
@@ -211,7 +218,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     size: size,
     disabled: disabled,
     onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : ''
+    className: dropdownIsActive ? 'dropdown-is-active' : '',
+    width: width
   }, React__default["default"].createElement(expandMore.SvgExpandMore, null))))) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(MainButtonContainerSingle, {
     dropdownItems: dropdownItems,
     secondary: secondary,
@@ -228,6 +236,7 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
   }, React__default["default"].createElement(Button$1, {
     ref: forwardedRef,
     singleAction: singleAction,
+    singleActionGap: singleActionGap,
     dropdownItems: dropdownItems,
     secondary: secondary,
     outlined: outlined,
@@ -235,7 +244,8 @@ var Button = React__default["default"].forwardRef(function Button(_ref, forwarde
     size: size,
     disabled: disabled,
     onClick: handleDropdownButtonClick,
-    className: dropdownIsActive ? 'dropdown-is-active' : ''
+    className: dropdownIsActive ? 'dropdown-is-active' : '',
+    width: width
   }, React__default["default"].createElement(ButtonContent, {
     $loading: loadingState,
     size: size,
@@ -255,7 +265,9 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: defaultTheme.PropTypes.bool,
   loading: defaultTheme.PropTypes.bool,
   className: defaultTheme.PropTypes.string,
-  children: defaultTheme.PropTypes.any.isRequired
+  children: defaultTheme.PropTypes.any.isRequired,
+  singleActionGap: defaultTheme.PropTypes.number,
+  width: defaultTheme.PropTypes.number
 } : {};
 
 exports.Button = Button;

package/{Checkbox-acd15d02.js → Checkbox-ad9c9e54.js}

@@ -45,16 +45,13 @@ var Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTh
 var Checkbox = React__default["default"].forwardRef(function Checkbox(_ref, forwardedRef) {
   var checked = _ref.checked,
     defaultChecked = _ref.defaultChecked,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
     name = _ref.name,
     value = _ref.value,
     description = _ref.description,
     error = _ref.error,
-    _ref$indeterminate = _ref.indeterminate,
-    indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
+    indeterminate = _ref.indeterminate,
     muted = _ref.muted,
     label = _ref.label,
     onChange = _ref.onChange,
@@ -129,5 +126,10 @@ Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
   className: defaultTheme.PropTypes.string,
   style: defaultTheme.PropTypes.object
 } : {};
+Checkbox.defaultProps = {
+  disabled: false,
+  readOnly: false,
+  indeterminate: false
+};
 
 exports.Checkbox = Checkbox;

package/{CompactAutocompleteSelect-b0d2ce48.js → CompactAutocompleteSelect-26949125.js}

@@ -4,17 +4,17 @@ var defaultTheme = require('./defaultTheme-cd01e6c2.js');
 var lodash = require('lodash');
 var nanoid = require('nanoid');
 var React = require('react');
-require('./Alert-1b2ff6dd.js');
-require('./Badge-e055db69.js');
+require('./Alert-d69a3f95.js');
+require('./Badge-e984e6f5.js');
 require('./Popover-52d29ca6.js');
-require('./Tab-124fef45.js');
-require('./Tabs-62bdcdfa.js');
-var Tooltip = require('./Tooltip-4111dfdd.js');
-require('./VerificationStatusIcon-3a74c2ab.js');
+require('./Tab-e43241f0.js');
+require('./Tabs-cfc08c6b.js');
+var Tooltip = require('./Tooltip-a68a7e49.js');
+require('./VerificationStatusIcon-7b0e23fe.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-9e24f67f.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-383b1e78.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 
@@ -161,31 +161,17 @@ var CompactAutocompleteSelect = React__default["default"].forwardRef(function Co
     placeholder = _ref.placeholder,
     selectedOption = _ref.selectedOption,
     loadOptions = _ref.loadOptions,
-    _ref$noOptionsMessage = _ref.noOptionsMessageFunc,
-    noOptionsMessageFunc = _ref$noOptionsMessage === void 0 ? function (inputValue) {
-      if (inputValue) {
-        return "No matches for \"".concat(inputValue, "\"");
-      } else {
-        return 'No available options';
-      }
-    } : _ref$noOptionsMessage,
+    noOptionsMessageFunc = _ref.noOptionsMessageFunc,
     createNewOptionMessageFunc = _ref.createNewOptionMessageFunc,
     onUpdateCallback = _ref.onUpdateCallback,
     loadingMessageFunc = _ref.loadingMessageFunc,
-    _ref$creatable = _ref.creatable,
-    creatable = _ref$creatable === void 0 ? true : _ref$creatable,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    _ref$edit = _ref.edit,
-    edit = _ref$edit === void 0 ? false : _ref$edit,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$hidden = _ref.hidden,
-    hidden = _ref$hidden === void 0 ? false : _ref$hidden,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? '' : _ref$type,
-    _ref$descriptionToolT = _ref.descriptionToolTip,
-    descriptionToolTip = _ref$descriptionToolT === void 0 ? '' : _ref$descriptionToolT,
+    creatable = _ref.creatable,
+    readOnly = _ref.readOnly,
+    edit = _ref.edit,
+    disabled = _ref.disabled,
+    hidden = _ref.hidden,
+    type = _ref.type,
+    descriptionToolTip = _ref.descriptionToolTip,
     loadingIcon = _ref.loadingIcon,
     successIcon = _ref.successIcon,
     props = defaultTheme._objectWithoutProperties(_ref, _excluded);
@@ -411,5 +397,23 @@ CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   loadingIcon: defaultTheme.PropTypes.element,
   successIcon: defaultTheme.PropTypes.element
 } : {};
+CompactAutocompleteSelect.defaultProps = {
+  noOptionsMessageFunc: function noOptionsMessageFunc(inputValue) {
+    if (inputValue) {
+      return "No matches for \"".concat(inputValue, "\"");
+    } else {
+      return 'No available options';
+    }
+  },
+  readOnly: false,
+  disabled: false,
+  creatable: true,
+  edit: false,
+  error: false,
+  warning: false,
+  hidden: false,
+  type: '',
+  descriptionToolTip: ''
+};
 
 exports.CompactAutocompleteSelect = CompactAutocompleteSelect;