@pingux/astro 2.139.0-alpha.2 → 2.139.0-alpha.4

package/lib/cjs/components/DataTable/DataTable.js

@@ -352,20 +352,15 @@ var TableRow = function TableRow(_ref4) {
   var isSelectable = state.selectionManager.selectionMode !== 'none';
   var isSelected = state.selectionManager.isSelected(item.key);
   var isDisabled = state.disabledKeys.has(item.key);
-  var _useFocusRing2 = (0, _reactAria.useFocusRing)({
-      within: true
-    }),
-    isFocusVisibleWithin = _useFocusRing2.isFocusVisible,
-    focusWithinProps = _useFocusRing2.focusProps;
-  var _useFocusRing3 = (0, _reactAria.useFocusRing)(),
-    isFocusVisible = _useFocusRing3.isFocusVisible,
-    focusProps = _useFocusRing3.focusProps;
+  var _useFocusRing2 = (0, _reactAria.useFocusRing)(),
+    isFocusVisible = _useFocusRing2.isFocusVisible,
+    focusProps = _useFocusRing2.focusProps;
   var _useHover = (0, _interactions.useHover)({}),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
-  var props = (0, _reactAria.mergeProps)(otherProps, focusWithinProps, focusProps, rowProps, hoverProps);
+  var props = (0, _reactAria.mergeProps)(otherProps, focusProps, rowProps, hoverProps);
   var _useStatusClasses3 = (0, _hooks.useStatusClasses)('', {
-      'is-row-focus-visible': isFocusVisible || isFocusVisibleWithin,
+      'is-row-focus-visible': isFocusVisible,
       isSelectable: isSelectable,
       isSelected: isSelected,
       isHovered: isHovered,
@@ -373,11 +368,13 @@ var TableRow = function TableRow(_ref4) {
     }),
     classNames = _useStatusClasses3.classNames;
   var variant = isSelectable ? 'dataTable.selectableTableRow' : 'dataTable.tableRow';
-  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, props, {
+  return (0, _react2.jsx)(_reactAria.FocusRing, {
+    focusRingClass: "is-row-focus-visible"
+  }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, props, {
     ref: ref,
     variant: variant,
     className: classNames
-  }), children);
+  }), children));
 };
 var TableHeaderRow = function TableHeaderRow(_ref5) {
   var item = _ref5.item,

package/lib/cjs/components/Modal/Modal.js

@@ -131,7 +131,7 @@ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       name: 'Close Icon'
     }
   }))), titleContent), (0, _react2.jsx)(_Box["default"], {
-    pt: "lg"
+    pt: "md"
   }, children)))));
 });
 Modal.defaultProps = {

package/lib/cjs/components/Modal/Modal.stories.js

@@ -97,12 +97,10 @@ var _default = {
 exports["default"] = _default;
 var Default = function Default(args) {
   var state = (0, _hooks.useModalState)();
-  var ModalBodyContent = (0, _react2.jsx)(_index.Box, {
-    gap: "lg"
-  }, (0, _react2.jsx)(_index.Text, null, "Do you want to continue with this action that you\u2018re performing?"), (0, _react2.jsx)(_index.Box, {
+  var ModalBodyContent = (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, null, "Do you want to continue with this action that you\u2018re performing?"), (0, _react2.jsx)(_index.Box, {
     isRow: true,
-    pt: "lg",
     mr: "auto",
+    width: "100%",
     variant: "modal.buttonsContainer"
   }, (0, _react2.jsx)(_index.Button, {
     variant: "primary",

package/lib/components/DataTable/DataTable.js

@@ -341,20 +341,15 @@ var TableRow = function TableRow(_ref4) {
   var isSelectable = state.selectionManager.selectionMode !== 'none';
   var isSelected = state.selectionManager.isSelected(item.key);
   var isDisabled = state.disabledKeys.has(item.key);
-  var _useFocusRing2 = useFocusRing({
-      within: true
-    }),
-    isFocusVisibleWithin = _useFocusRing2.isFocusVisible,
-    focusWithinProps = _useFocusRing2.focusProps;
-  var _useFocusRing3 = useFocusRing(),
-    isFocusVisible = _useFocusRing3.isFocusVisible,
-    focusProps = _useFocusRing3.focusProps;
+  var _useFocusRing2 = useFocusRing(),
+    isFocusVisible = _useFocusRing2.isFocusVisible,
+    focusProps = _useFocusRing2.focusProps;
   var _useHover = useHover({}),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
-  var props = mergeProps(otherProps, focusWithinProps, focusProps, rowProps, hoverProps);
+  var props = mergeProps(otherProps, focusProps, rowProps, hoverProps);
   var _useStatusClasses3 = useStatusClasses('', {
-      'is-row-focus-visible': isFocusVisible || isFocusVisibleWithin,
+      'is-row-focus-visible': isFocusVisible,
       isSelectable: isSelectable,
       isSelected: isSelected,
       isHovered: isHovered,
@@ -362,11 +357,13 @@ var TableRow = function TableRow(_ref4) {
     }),
     classNames = _useStatusClasses3.classNames;
   var variant = isSelectable ? 'dataTable.selectableTableRow' : 'dataTable.tableRow';
-  return ___EmotionJSX(Box, _extends({}, props, {
+  return ___EmotionJSX(FocusRing, {
+    focusRingClass: "is-row-focus-visible"
+  }, ___EmotionJSX(Box, _extends({}, props, {
     ref: ref,
     variant: variant,
     className: classNames
-  }), children);
+  }), children));
 };
 var TableHeaderRow = function TableHeaderRow(_ref5) {
   var item = _ref5.item,

package/lib/components/Modal/Modal.js

@@ -120,7 +120,7 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
       name: 'Close Icon'
     }
   }))), titleContent), ___EmotionJSX(Box, {
-    pt: "lg"
+    pt: "md"
   }, children)))));
 });
 Modal.defaultProps = {

package/lib/components/Modal/Modal.stories.js

@@ -88,12 +88,10 @@ export default {
 };
 export var Default = function Default(args) {
   var state = useModalState();
-  var ModalBodyContent = ___EmotionJSX(Box, {
-    gap: "lg"
-  }, ___EmotionJSX(Text, null, "Do you want to continue with this action that you\u2018re performing?"), ___EmotionJSX(Box, {
+  var ModalBodyContent = ___EmotionJSX(Box, null, ___EmotionJSX(Text, null, "Do you want to continue with this action that you\u2018re performing?"), ___EmotionJSX(Box, {
     isRow: true,
-    pt: "lg",
     mr: "auto",
+    width: "100%",
     variant: "modal.buttonsContainer"
   }, ___EmotionJSX(Button, {
     variant: "primary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.139.0-alpha.2",
+  "version": "2.139.0-alpha.4",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",