@pingux/astro 2.163.0 → 2.163.1-alpha.1

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.
@@ -450,7 +450,7 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
450
450
  onDismiss: close
451
451
  }), (0, _react2.jsx)(_.ScrollBox, scrollBoxProps, (0, _react2.jsx)(_ListBox["default"], {
452
452
  ref: listBoxRef,
453
- hasAutoFocus: hasAutoFocus,
453
+ hasAutoFocus: true,
454
454
  hasVirtualFocus: true,
455
455
  hasNoEmptySelection: true,
456
456
  state: state,
@@ -558,8 +558,7 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
558
558
  flexWrap: 'wrap'
559
559
  }
560
560
  }, selectedItems), isOnyx ? onyxReadOnlyInputEntry : readOnlyInputEntry, selectionManager.selectedKeys.size > 0 && visuallyHidden)
561
- } // eslint-disable-line
562
- ,
561
+ },
563
562
  value: filterString,
564
563
  helperText: helperText,
565
564
  "aria-invalid": status === 'error' && true
@@ -421,6 +421,9 @@ declare const _default: {
421
421
  color: string;
422
422
  };
423
423
  };
424
+ '&.is-focus-visible': {
425
+ zIndex: number;
426
+ };
424
427
  };
425
428
  };
426
429
  modal: {
@@ -36,6 +36,9 @@ var listBox = {
36
36
  '&.is-focused': {
37
37
  color: 'text.primary'
38
38
  }
39
+ },
40
+ '&.is-focus-visible': {
41
+ zIndex: 1
39
42
  }
40
43
  }
41
44
  };
@@ -4437,14 +4437,24 @@ declare const _default: {
4437
4437
  '&.is-focused': {
4438
4438
  color: string;
4439
4439
  bg: string;
4440
+ borderRadius: string;
4441
+ };
4442
+ '&.is-focus-visible': {
4443
+ boxShadow: string;
4444
+ borderRadius: string;
4445
+ zIndex: number;
4440
4446
  };
4441
4447
  '&.is-selected': {
4442
4448
  color: string;
4443
4449
  bg: string;
4444
4450
  pl: string;
4451
+ borderRadius: string;
4445
4452
  '&.is-focused': {
4446
4453
  color: string;
4447
4454
  };
4455
+ '&.is-focus-visible': {
4456
+ bg: string;
4457
+ };
4448
4458
  };
4449
4459
  '&.is-pressed': {
4450
4460
  color: string;
@@ -769,14 +769,24 @@ declare const _default: {
769
769
  '&.is-focused': {
770
770
  color: string;
771
771
  bg: string;
772
+ borderRadius: string;
773
+ };
774
+ '&.is-focus-visible': {
775
+ boxShadow: string;
776
+ borderRadius: string;
777
+ zIndex: number;
772
778
  };
773
779
  '&.is-selected': {
774
780
  color: string;
775
781
  bg: string;
776
782
  pl: string;
783
+ borderRadius: string;
777
784
  '&.is-focused': {
778
785
  color: string;
779
786
  };
787
+ '&.is-focus-visible': {
788
+ bg: string;
789
+ };
780
790
  };
781
791
  '&.is-pressed': {
782
792
  color: string;
@@ -160,14 +160,24 @@ var listBox = {
160
160
  justifyContent: 'space-between',
161
161
  '&.is-focused': {
162
162
  color: 'text.primary',
163
- bg: 'gray-100'
163
+ bg: 'gray-100',
164
+ borderRadius: '4px'
165
+ },
166
+ '&.is-focus-visible': {
167
+ boxShadow: 'inset 0 0 0 1px #1a73e8',
168
+ borderRadius: '4px',
169
+ zIndex: 1
164
170
  },
165
171
  '&.is-selected': {
166
172
  color: 'text.primary',
167
173
  bg: 'lightblue',
168
174
  pl: '.75rem',
175
+ borderRadius: '4px',
169
176
  '&.is-focused': {
170
177
  color: 'text.primary'
178
+ },
179
+ '&.is-focus-visible': {
180
+ bg: 'lightblue'
171
181
  }
172
182
  },
173
183
  '&.is-pressed': {
@@ -439,7 +439,7 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
439
439
  onDismiss: close
440
440
  }), ___EmotionJSX(ScrollBox, scrollBoxProps, ___EmotionJSX(ListBox, {
441
441
  ref: listBoxRef,
442
- hasAutoFocus: hasAutoFocus,
442
+ hasAutoFocus: true,
443
443
  hasVirtualFocus: true,
444
444
  hasNoEmptySelection: true,
445
445
  state: state,
@@ -547,8 +547,7 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
547
547
  flexWrap: 'wrap'
548
548
  }
549
549
  }, selectedItems), isOnyx ? onyxReadOnlyInputEntry : readOnlyInputEntry, selectionManager.selectedKeys.size > 0 && visuallyHidden)
550
- } // eslint-disable-line
551
- ,
550
+ },
552
551
  value: filterString,
553
552
  helperText: helperText,
554
553
  "aria-invalid": status === 'error' && true
@@ -28,6 +28,9 @@ var listBox = {
28
28
  '&.is-focused': {
29
29
  color: 'text.primary'
30
30
  }
31
+ },
32
+ '&.is-focus-visible': {
33
+ zIndex: 1
31
34
  }
32
35
  }
33
36
  };
@@ -150,14 +150,24 @@ var listBox = {
150
150
  justifyContent: 'space-between',
151
151
  '&.is-focused': {
152
152
  color: 'text.primary',
153
- bg: 'gray-100'
153
+ bg: 'gray-100',
154
+ borderRadius: '4px'
155
+ },
156
+ '&.is-focus-visible': {
157
+ boxShadow: 'inset 0 0 0 1px #1a73e8',
158
+ borderRadius: '4px',
159
+ zIndex: 1
154
160
  },
155
161
  '&.is-selected': {
156
162
  color: 'text.primary',
157
163
  bg: 'lightblue',
158
164
  pl: '.75rem',
165
+ borderRadius: '4px',
159
166
  '&.is-focused': {
160
167
  color: 'text.primary'
168
+ },
169
+ '&.is-focus-visible': {
170
+ bg: 'lightblue'
161
171
  }
162
172
  },
163
173
  '&.is-pressed': {