@pingux/astro 2.173.0 → 2.173.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/lib/cjs/components/RockerButton/RockerButton.js +7 -5
  2. package/lib/cjs/components/RockerButton/RockerButton.styles.d.ts +1 -1
  3. package/lib/cjs/components/RockerButton/RockerButton.styles.js +1 -1
  4. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +1 -1
  5. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +1 -1
  6. package/lib/cjs/styles/themes/next-gen/variants/variants.js +1 -1
  7. package/lib/components/RockerButton/RockerButton.js +8 -6
  8. package/lib/components/RockerButton/RockerButton.styles.js +1 -1
  9. package/lib/styles/themes/next-gen/variants/variants.js +1 -1
  10. package/lib/tsconfig.lib.tsbuildinfo +1 -1
  11. package/package.json +1 -1
package/lib/cjs/components/RockerButton/RockerButton.js CHANGED
@@ -56,16 +56,18 @@ var RockerButton = exports.RockerButton = /*#__PURE__*/(0, _react.forwardRef)(fu
56
56
  isSelected = _useToggleButtonGroup.isSelected,
57
57
  isRaDisabled = _useToggleButtonGroup.isDisabled,
58
58
  isPressed = _useToggleButtonGroup.isPressed;
59
+ var _useFocusRing = (0, _reactAria.useFocusRing)(),
60
+ isFocusVisible = _useFocusRing.isFocusVisible,
61
+ focusProps = _useFocusRing.focusProps;
59
62
  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
60
63
  isHovered: isHovered,
61
64
  isPressed: isPressed,
62
65
  isDisabled: isRaDisabled,
63
- isSelected: isSelected
66
+ isSelected: isSelected,
67
+ isFocused: isFocusVisible
64
68
  }),
65
69
  classNames = _useStatusClasses.classNames;
66
- return (0, _react2.jsx)(_reactAria.FocusRing, {
67
- focusRingClass: "is-focused"
68
- }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
70
+ return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
69
71
  as: "button",
70
72
  isRow: true,
71
73
  className: classNames,
@@ -80,6 +82,6 @@ var RockerButton = exports.RockerButton = /*#__PURE__*/(0, _react.forwardRef)(fu
80
82
  bg: (0, _colors.getDarkerColor)(backgroundHexColor, 0.4)
81
83
  }
82
84
  }
83
- }, (0, _utils.mergeProps)(hoverProps, rockerButtonProps)), children || name));
85
+ }, (0, _utils.mergeProps)(hoverProps, rockerButtonProps), focusProps), children || name);
84
86
  });
85
87
  var _default = exports["default"] = RockerButton;
package/lib/cjs/components/RockerButton/RockerButton.styles.d.ts CHANGED
@@ -37,7 +37,7 @@ declare const _default: {
37
37
  };
38
38
  };
39
39
  };
40
- '&.is-focused': {
40
+ '&.is-focused:focus': {
41
41
  outline: string;
42
42
  outlineColor: string;
43
43
  outlineOffset: string;
package/lib/cjs/components/RockerButton/RockerButton.styles.js CHANGED
@@ -55,7 +55,7 @@ var thumbSwitch = _objectSpread(_objectSpread({}, _Buttons.base), {}, {
55
55
  }
56
56
  }
57
57
  },
58
- '&.is-focused': _objectSpread({}, _Buttons.defaultFocus),
58
+ '&.is-focused:focus': _objectSpread({}, _Buttons.defaultFocus),
59
59
  '&.is-hovered': {
60
60
  bg: 'white'
61
61
  },
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -6221,7 +6221,7 @@ declare const _default: {
6221
6221
  backgroundColor: string;
6222
6222
  color: string;
6223
6223
  };
6224
- '&.is-focused': {
6224
+ '&.is-focused:focus': {
6225
6225
  position: string;
6226
6226
  zIndex: string;
6227
6227
  outline: string;
package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts CHANGED
@@ -1608,7 +1608,7 @@ declare const _default: {
1608
1608
  backgroundColor: string;
1609
1609
  color: string;
1610
1610
  };
1611
- '&.is-focused': {
1611
+ '&.is-focused:focus': {
1612
1612
  position: string;
1613
1613
  zIndex: string;
1614
1614
  outline: string;
package/lib/cjs/styles/themes/next-gen/variants/variants.js CHANGED
@@ -341,7 +341,7 @@ var rockerButton = {
341
341
  backgroundColor: '#135CBC !important',
342
342
  color: 'white'
343
343
  },
344
- '&.is-focused': _objectSpread(_objectSpread({}, _button.defaultFocus), {}, {
344
+ '&.is-focused:focus': _objectSpread(_objectSpread({}, _button.defaultFocus), {}, {
345
345
  position: 'relative',
346
346
  zIndex: '1000'
347
347
  })
package/lib/components/RockerButton/RockerButton.js CHANGED
@@ -12,7 +12,7 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/ins
12
12
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
13
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
14
14
  import React, { forwardRef, useContext } from 'react';
15
- import { FocusRing } from 'react-aria';
15
+ import { useFocusRing } from 'react-aria';
16
16
  import { useToggleButtonGroupItem } from '@react-aria/button';
17
17
  import { useHover } from '@react-aria/interactions';
18
18
  import { mergeProps } from '@react-aria/utils';
@@ -46,16 +46,18 @@ export var RockerButton = /*#__PURE__*/forwardRef(function (props, ref) {
46
46
  isSelected = _useToggleButtonGroup.isSelected,
47
47
  isRaDisabled = _useToggleButtonGroup.isDisabled,
48
48
  isPressed = _useToggleButtonGroup.isPressed;
49
+ var _useFocusRing = useFocusRing(),
50
+ isFocusVisible = _useFocusRing.isFocusVisible,
51
+ focusProps = _useFocusRing.focusProps;
49
52
  var _useStatusClasses = useStatusClasses(className, {
50
53
  isHovered: isHovered,
51
54
  isPressed: isPressed,
52
55
  isDisabled: isRaDisabled,
53
- isSelected: isSelected
56
+ isSelected: isSelected,
57
+ isFocused: isFocusVisible
54
58
  }),
55
59
  classNames = _useStatusClasses.classNames;
56
- return ___EmotionJSX(FocusRing, {
57
- focusRingClass: "is-focused"
58
- }, ___EmotionJSX(Box, _extends({
60
+ return ___EmotionJSX(Box, _extends({
59
61
  as: "button",
60
62
  isRow: true,
61
63
  className: classNames,
@@ -70,6 +72,6 @@ export var RockerButton = /*#__PURE__*/forwardRef(function (props, ref) {
70
72
  bg: getDarkerColor(backgroundHexColor, 0.4)
71
73
  }
72
74
  }
73
- }, mergeProps(hoverProps, rockerButtonProps)), children || name));
75
+ }, mergeProps(hoverProps, rockerButtonProps), focusProps), children || name);
74
76
  });
75
77
  export default RockerButton;
package/lib/components/RockerButton/RockerButton.styles.js CHANGED
@@ -48,7 +48,7 @@ var thumbSwitch = _objectSpread(_objectSpread({}, base), {}, {
48
48
  }
49
49
  }
50
50
  },
51
- '&.is-focused': _objectSpread({}, defaultFocus),
51
+ '&.is-focused:focus': _objectSpread({}, defaultFocus),
52
52
  '&.is-hovered': {
53
53
  bg: 'white'
54
54
  },
package/lib/styles/themes/next-gen/variants/variants.js CHANGED
@@ -331,7 +331,7 @@ var rockerButton = {
331
331
  backgroundColor: '#135CBC !important',
332
332
  color: 'white'
333
333
  },
334
- '&.is-focused': _objectSpread(_objectSpread({}, defaultFocus), {}, {
334
+ '&.is-focused:focus': _objectSpread(_objectSpread({}, defaultFocus), {}, {
335
335
  position: 'relative',
336
336
  zIndex: '1000'
337
337
  })