@pingux/astro 1.33.0-alpha.1 → 1.33.0-alpha.2

package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js

@@ -101,12 +101,9 @@ var AccordionGridItem = function AccordionGridItem(props) {
   delete rowProps.onPointerDown;
   delete rowProps.onClick;
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    as: "div",
-    role: "row",
-    tabindex: "0"
+    as: "div"
   }, (0, _utils.mergeProps)(rowProps, others), {
     "aria-selected": isSelected,
-    "aria-expanded": isSelected,
     className: classNames,
     variant: "accordion.accordionGridItem",
     ref: rowRef

package/lib/cjs/components/PasswordField/PasswordField.js

@@ -118,7 +118,7 @@ var PasswordField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return inputRef.current;
   });
 
-  var _hooks$useProgressive = hooks.useProgressiveState(isVisibleProp, isVisibleProp),
+  var _hooks$useProgressive = hooks.useProgressiveState(isVisibleProp, onVisibleChangeProp),
       _hooks$useProgressive2 = (0, _slicedToArray2["default"])(_hooks$useProgressive, 2),
       isVisible = _hooks$useProgressive2[0],
       setIsShown = _hooks$useProgressive2[1]; // Measure the width of the input to inform the width of the menu (below).

package/lib/cjs/styles/variants/accordion.js

@@ -1,37 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
 exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _buttons = require("../variants/buttons");
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var accordionTitle = {
   display: 'inline-block !important',
   overflowWrap: 'break-word',
@@ -73,9 +48,13 @@ var accordionGridHeader = {
   color: 'neutral.10',
   flexGrow: 1,
   fontWeight: 700,
-  '&.is-focused': _objectSpread(_objectSpread({}, _buttons.defaultFocus), {}, {
+  '&.is-focused': {
+    outline: 'none',
+    boxShadow: 'focus',
+    WebkitBoxShadow: 'focus',
+    MozBoxShadow: 'focus',
     zIndex: '10'
-  }),
+  },
   minHeight: '64px',
   '&.is-hovered': {
     backgroundColor: 'accent.99'

package/lib/components/AccordionGridItem/AccordionGridItem.js

@@ -64,12 +64,9 @@ var AccordionGridItem = function AccordionGridItem(props) {
   delete rowProps.onPointerDown;
   delete rowProps.onClick;
   return ___EmotionJSX(Box, _extends({
-    as: "div",
-    role: "row",
-    tabindex: "0"
+    as: "div"
   }, mergeProps(rowProps, others), {
     "aria-selected": isSelected,
-    "aria-expanded": isSelected,
     className: classNames,
     variant: "accordion.accordionGridItem",
     ref: rowRef

package/lib/components/PasswordField/PasswordField.js

@@ -72,7 +72,7 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
     return inputRef.current;
   });
 
-  var _hooks$useProgressive = hooks.useProgressiveState(isVisibleProp, isVisibleProp),
+  var _hooks$useProgressive = hooks.useProgressiveState(isVisibleProp, onVisibleChangeProp),
       _hooks$useProgressive2 = _slicedToArray(_hooks$useProgressive, 2),
       isVisible = _hooks$useProgressive2[0],
       setIsShown = _hooks$useProgressive2[1]; // Measure the width of the input to inform the width of the menu (below).

package/lib/styles/variants/accordion.js

@@ -1,18 +1,3 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { defaultFocus } from '../variants/buttons';
 var accordionTitle = {
   display: 'inline-block !important',
   overflowWrap: 'break-word',
@@ -54,9 +39,13 @@ var accordionGridHeader = {
   color: 'neutral.10',
   flexGrow: 1,
   fontWeight: 700,
-  '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
+  '&.is-focused': {
+    outline: 'none',
+    boxShadow: 'focus',
+    WebkitBoxShadow: 'focus',
+    MozBoxShadow: 'focus',
     zIndex: '10'
-  }),
+  },
   minHeight: '64px',
   '&.is-hovered': {
     backgroundColor: 'accent.99'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.33.0-alpha.1",
+  "version": "1.33.0-alpha.2",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",