@pingux/astro 1.13.0-alpha.2 → 1.13.0-alpha.3

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.
@@ -58,8 +58,7 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
58
58
  return (0, _react2.jsx)(_index.TooltipTrigger, (0, _extends2["default"])({
59
59
  key: tooltip,
60
60
  direction: "top",
61
- isNotFlippable: true,
62
- offset: 5
61
+ isNotFlippable: true
63
62
  }, others), children, (0, _react2.jsx)(_index.Tooltip, null, tooltip));
64
63
  };
65
64
 
@@ -291,7 +291,8 @@ var WithSlots = function WithSlots() {
291
291
  var buttonSx = {
292
292
  position: 'absolute',
293
293
  right: 0,
294
- top: '5px'
294
+ top: '5px',
295
+ height: '32px'
295
296
  };
296
297
  var containerSx = {
297
298
  sx: {
@@ -174,7 +174,10 @@ var copy = {
174
174
  width: 'max-content',
175
175
  cursor: 'pointer',
176
176
  '& .is-focused': {
177
- boxShadow: 'inset 0 0 5px #5873bdbf'
177
+ outline: '1px solid',
178
+ outlineColor: 'active',
179
+ outlineOffset: '4px',
180
+ borderRadius: '4px'
178
181
  }
179
182
  };
180
183
  var topShadowScrollbox = {
@@ -472,13 +472,14 @@ var danger = _objectSpread(_objectSpread({}, base), {}, {
472
472
  var copy = {
473
473
  ml: 'xs',
474
474
  outline: 'none',
475
+ height: 'auto',
475
476
  cursor: 'pointer',
476
477
  path: {
477
478
  fill: 'neutral.10'
478
479
  },
479
- '&.is-focused': {
480
- boxShadow: 'inset 0 0 5px #5873bdbf'
481
- }
480
+ '&.is-focused': _objectSpread({
481
+ boxShadow: 'none'
482
+ }, defaultFocus)
482
483
  };
483
484
  var colorField = {
484
485
  border: "1px solid ".concat(_colors.neutral['80']),
@@ -23,8 +23,7 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
23
23
  return ___EmotionJSX(TooltipTrigger, _extends({
24
24
  key: tooltip,
25
25
  direction: "top",
26
- isNotFlippable: true,
27
- offset: 5
26
+ isNotFlippable: true
28
27
  }, others), children, ___EmotionJSX(Tooltip, null, tooltip));
29
28
  };
30
29
 
@@ -206,7 +206,8 @@ export var WithSlots = function WithSlots() {
206
206
  var buttonSx = {
207
207
  position: 'absolute',
208
208
  right: 0,
209
- top: '5px'
209
+ top: '5px',
210
+ height: '32px'
210
211
  };
211
212
  var containerSx = {
212
213
  sx: {
@@ -154,7 +154,10 @@ var copy = {
154
154
  width: 'max-content',
155
155
  cursor: 'pointer',
156
156
  '& .is-focused': {
157
- boxShadow: 'inset 0 0 5px #5873bdbf'
157
+ outline: '1px solid',
158
+ outlineColor: 'active',
159
+ outlineOffset: '4px',
160
+ borderRadius: '4px'
158
161
  }
159
162
  };
160
163
  var topShadowScrollbox = {
@@ -452,13 +452,14 @@ var danger = _objectSpread(_objectSpread({}, base), {}, {
452
452
  var copy = {
453
453
  ml: 'xs',
454
454
  outline: 'none',
455
+ height: 'auto',
455
456
  cursor: 'pointer',
456
457
  path: {
457
458
  fill: 'neutral.10'
458
459
  },
459
- '&.is-focused': {
460
- boxShadow: 'inset 0 0 5px #5873bdbf'
461
- }
460
+ '&.is-focused': _objectSpread({
461
+ boxShadow: 'none'
462
+ }, defaultFocus)
462
463
  };
463
464
  var colorField = {
464
465
  border: "1px solid ".concat(neutral['80']),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.13.0-alpha.2",
3
+ "version": "1.13.0-alpha.3",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "ux-development@pingidentity.com",
6
6
  "license": "Apache-2.0",