@pingux/astro 1.26.1-alpha.1 → 1.26.1-alpha.4

package/lib/cjs/components/AccordionGroup/AccordionGroup.js

@@ -42,7 +42,7 @@ var _isIterable = require("../../utils/devUtils/props/isIterable");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["onPress", "onExpandedChange"];
+var _excluded = ["onExpandedChange"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -59,8 +59,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var AccordionGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context;
 
-  var onPress = props.onPress,
-      onExpandedChange = props.onExpandedChange,
+  var onExpandedChange = props.onExpandedChange,
       others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var state = (0, _tree.useTreeState)(props);
   var accordionRef = (0, _react.useRef)();
@@ -90,9 +89,6 @@ AccordionGroup.propTypes = {
   /** Handler that is called when items are expanded or collapsed. */
   onExpandedChange: _propTypes["default"].func,
 
-  /**  Handler that is called when the press is released over the target. */
-  onPress: _propTypes["default"].func,
-
   /** Item objects in the collection. */
   items: _isIterable.isIterableProp,
 

package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js

@@ -81,22 +81,6 @@ var getComponentInOverlayPanel = function getComponentInOverlayPanel() {
     }
   }
 });
-test('button press', function () {
-  var onPress = jest.fn();
-  getComponent({
-    onPress: onPress
-  });
-
-  var buttons = _testWrapper.screen.getAllByRole('button');
-
-  var selectedItem = buttons[0];
-  expect(selectedItem).not.toHaveClass('is-pressed');
-  expect(onPress).not.toHaveBeenCalled(); // Hold down the button to see pressed styles
-
-  _testWrapper.fireEvent.mouseDown(selectedItem);
-
-  expect(selectedItem).toHaveClass('is-pressed');
-});
 test('button press uses callback', function () {
   var onPress = jest.fn();
   getComponent({

package/lib/cjs/recipes/Arrow.stories.js

@@ -23,24 +23,28 @@ var _default = {
 };
 exports["default"] = _default;
 var ArrowIcon = "\u25BA";
+var sx = {
+  wrapper: {
+    height: '8px',
+    width: '80px',
+    alignItems: 'center'
+  },
+  arrowLine: {
+    width: '100%',
+    // Use this instead of border property, to avoid cropping of strokes in Safari and FF
+    backgroundImage: "linear-gradient(to right, ".concat(_colors.line.light, " 50%, white 50%)"),
+    backgroundRepeat: 'repeat-x',
+    backgroundSize: '10px 2px',
+    height: '2px'
+  }
+};
 
 var Default = function Default() {
   return (0, _react2.jsx)(_Box["default"], {
     isRow: true,
-    height: 8,
-    width: 80,
-    sx: {
-      'align-items': 'center'
-    }
+    sx: sx.wrapper
   }, (0, _react2.jsx)(_Box["default"], {
-    width: "100%" // Use this instead of border property, to avoid cropping of strokes in Safari and FF
-    ,
-    sx: {
-      backgroundImage: "linear-gradient(to right, ".concat(_colors.line.light, " 50%, white 50%)"),
-      backgroundRepeat: 'repeat-x',
-      backgroundSize: '10px 2px',
-      height: 2
-    }
+    sx: sx.arrowLine
   }), (0, _react2.jsx)(_Box["default"], {
     color: "line.regular"
   }, ArrowIcon));

package/lib/cjs/recipes/StatsCircle.stories.js

@@ -24,18 +24,21 @@ var _default = {
   title: 'Recipes/StatsCircle'
 };
 exports["default"] = _default;
+var sx = {
+  statsCircle: {
+    border: '3px solid',
+    borderColor: _colors.active,
+    borderRadius: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+};
 
 var Default = function Default() {
   return (0, _react2.jsx)(_Box["default"], {
     width: "110px",
     height: "110px",
-    sx: {
-      'border': '3px solid',
-      'borderColor': _colors.active,
-      'borderRadius': '100%',
-      'alignItems': 'center',
-      'justifyContent': 'center'
-    }
+    sx: sx.statsCircle
   }, (0, _react2.jsx)(_Text["default"], {
     fontSize: 30
   }, "63"), (0, _react2.jsx)(_Text["default"], {

package/lib/components/AccordionGroup/AccordionGroup.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["onPress", "onExpandedChange"];
+var _excluded = ["onExpandedChange"];
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useAccordion } from '@react-aria/accordion';
 import { useTreeState } from '@react-stately/tree';
@@ -24,8 +24,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 var AccordionGroup = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context;
 
-  var onPress = props.onPress,
-      onExpandedChange = props.onExpandedChange,
+  var onExpandedChange = props.onExpandedChange,
       others = _objectWithoutProperties(props, _excluded);
 
   var state = useTreeState(props);
@@ -56,9 +55,6 @@ AccordionGroup.propTypes = {
   /** Handler that is called when items are expanded or collapsed. */
   onExpandedChange: PropTypes.func,
 
-  /**  Handler that is called when the press is released over the target. */
-  onPress: PropTypes.func,
-
   /** Item objects in the collection. */
   items: isIterableProp,
 

package/lib/components/AccordionGroup/AccordionGroup.test.js

@@ -66,19 +66,6 @@ axeTest(getComponent, {
     }
   }
 });
-test('button press', function () {
-  var onPress = jest.fn();
-  getComponent({
-    onPress: onPress
-  });
-  var buttons = screen.getAllByRole('button');
-  var selectedItem = buttons[0];
-  expect(selectedItem).not.toHaveClass('is-pressed');
-  expect(onPress).not.toHaveBeenCalled(); // Hold down the button to see pressed styles
-
-  fireEvent.mouseDown(selectedItem);
-  expect(selectedItem).toHaveClass('is-pressed');
-});
 test('button press uses callback', function () {
   var onPress = jest.fn();
   getComponent({

package/lib/recipes/Arrow.stories.js

@@ -6,23 +6,27 @@ export default {
   title: 'Recipes/Arrow'
 };
 var ArrowIcon = "\u25BA";
+var sx = {
+  wrapper: {
+    height: '8px',
+    width: '80px',
+    alignItems: 'center'
+  },
+  arrowLine: {
+    width: '100%',
+    // Use this instead of border property, to avoid cropping of strokes in Safari and FF
+    backgroundImage: "linear-gradient(to right, ".concat(line.light, " 50%, white 50%)"),
+    backgroundRepeat: 'repeat-x',
+    backgroundSize: '10px 2px',
+    height: '2px'
+  }
+};
 export var Default = function Default() {
   return ___EmotionJSX(Box, {
     isRow: true,
-    height: 8,
-    width: 80,
-    sx: {
-      'align-items': 'center'
-    }
+    sx: sx.wrapper
   }, ___EmotionJSX(Box, {
-    width: "100%" // Use this instead of border property, to avoid cropping of strokes in Safari and FF
-    ,
-    sx: {
-      backgroundImage: "linear-gradient(to right, ".concat(line.light, " 50%, white 50%)"),
-      backgroundRepeat: 'repeat-x',
-      backgroundSize: '10px 2px',
-      height: 2
-    }
+    sx: sx.arrowLine
   }), ___EmotionJSX(Box, {
     color: "line.regular"
   }, ArrowIcon));

package/lib/recipes/StatsCircle.stories.js

@@ -6,17 +6,20 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/StatsCircle'
 };
+var sx = {
+  statsCircle: {
+    border: '3px solid',
+    borderColor: active,
+    borderRadius: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+};
 export var Default = function Default() {
   return ___EmotionJSX(Box, {
     width: "110px",
     height: "110px",
-    sx: {
-      'border': '3px solid',
-      'borderColor': active,
-      'borderRadius': '100%',
-      'alignItems': 'center',
-      'justifyContent': 'center'
-    }
+    sx: sx.statsCircle
   }, ___EmotionJSX(Text, {
     fontSize: 30
   }, "63"), ___EmotionJSX(Text, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.26.1-alpha.1",
+  "version": "1.26.1-alpha.4",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",