@doist/reactist 11.1.0 → 11.2.0

package/dist/reactist.cjs.development.js

@@ -228,8 +228,7 @@ var Box = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
       borderRadius = _ref.borderRadius,
       minWidth = _ref.minWidth,
       maxWidth = _ref.maxWidth,
-      _ref$textAlign = _ref.textAlign,
-      textAlign = _ref$textAlign === void 0 ? 'start' : _ref$textAlign,
+      textAlign = _ref.textAlign,
       padding = _ref.padding,
       paddingY = _ref.paddingY,
       paddingX = _ref.paddingX,
@@ -258,7 +257,7 @@ var Box = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
   var resolvedMarginLeft = (_ref9 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : marginX) !== null && _ref9 !== void 0 ? _ref9 : margin;
   var omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
   return /*#__PURE__*/React.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), textAlign !== 'start' ? getClassNames(modules_54d944f2, 'textAlign', textAlign) : null, // padding
+    className: classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), getClassNames(modules_54d944f2, 'textAlign', textAlign), // padding
     getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
     getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
     omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, // other props
@@ -600,7 +599,7 @@ function Spinner(_ref) {
 
 var modules_b9569bce = {"label":"_1f20c88a","baseButton":"_623015f3","size-small":"_062de645","size-normal":"_55e2a6a9","size-large":"cab32a7c","disabled":"e71c191a","iconButton":"_368efc16","startIcon":"d35389c1","endIcon":"_900d41d8","variant-primary":"_7c95e162","variant-secondary":"_9cb889aa","variant-tertiary":"_611b5b28","variant-quaternary":"_80c2bb84","tone-destructive":"ee13c455"};
 
-var _excluded$7 = ["as", "variant", "tone", "size", "disabled", "loading", "tooltip", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "icon"];
+var _excluded$7 = ["as", "variant", "tone", "size", "disabled", "loading", "tooltip", "tooltipGapSize", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "icon"];
 
 function preventDefault(event) {
   event.preventDefault();
@@ -629,6 +628,7 @@ var BaseButton = /*#__PURE__*/polymorphicComponent(function BaseButton(_ref, ref
       _ref$loading = _ref.loading,
       loading = _ref$loading === void 0 ? false : _ref$loading,
       tooltip = _ref.tooltip,
+      tooltipGapSize = _ref.tooltipGapSize,
       onClick = _ref.onClick,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
       children = _ref.children,
@@ -658,7 +658,8 @@ var BaseButton = /*#__PURE__*/polymorphicComponent(function BaseButton(_ref, ref
 
   var tooltipContent = icon ? tooltip !== null && tooltip !== void 0 ? tooltip : props['aria-label'] : tooltip;
   return tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipContent
+    content: tooltipContent,
+    gapSize: tooltipGapSize
   }, buttonElement) : buttonElement;
 });
 
@@ -1796,13 +1797,14 @@ function ModalHeader(_ref2) {
     alignY: "center"
   }, /*#__PURE__*/React.createElement(Column, {
     width: "auto"
-  }, children), /*#__PURE__*/React.createElement(Column, {
+  }, children), button === false || button === null ? null : /*#__PURE__*/React.createElement(Column, {
     width: "content",
-    exceptionallySetClassName: modules_8f59d13b.buttonContainer
-  }, typeof button !== 'boolean' ? button : button === true ? /*#__PURE__*/React.createElement(ModalCloseButton, {
+    exceptionallySetClassName: modules_8f59d13b.buttonContainer,
+    "data-testid": "button-container"
+  }, typeof button === 'boolean' ? /*#__PURE__*/React.createElement(ModalCloseButton, {
     "aria-label": "Close modal",
     autoFocus: false
-  }) : null))), withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
+  }) : button))), withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
 }
 /**
  * Renders the body of a modal.