@pingux/astro 1.21.1-alpha.0 → 1.22.0-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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.21.1](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.21.0...@pingux/astro@1.21.1) (2022-06-28)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * [UIP-5444] ComboBox long value filter issue fix ([8c6e4aa](https://gitlab.corp.pingidentity.com/ux/pingux/commit/8c6e4aa78be54337cfbfcc893a563577cf1325a7))
12
+ * [UIP-5494] New focus style on switch component ([f01fbbd](https://gitlab.corp.pingidentity.com/ux/pingux/commit/f01fbbdf3433eb78dcf5f84fb3b4aac8a8c9aa41))
13
+
14
+
15
+
16
+
17
+
6
18
  # [1.21.0](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.20.0...@pingux/astro@1.21.0) (2022-06-24)
7
19
 
8
20
 
@@ -345,6 +345,12 @@ ComboBoxField.propTypes = {
345
345
  /** Where the ComboBox menu opens relative to its trigger. */
346
346
  direction: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
347
347
 
348
+ /** Text rendered below the input. */
349
+ helperText: _propTypes["default"].node,
350
+
351
+ /** Determines the input status indicator and helper text styling. */
352
+ status: _propTypes["default"].oneOf(['default', 'success', 'warning', 'error']),
353
+
348
354
  /** The initial selected key in the collection (uncontrolled). */
349
355
  defaultSelectedKey: _propTypes["default"].string,
350
356
 
@@ -174,6 +174,7 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
174
174
  }
175
175
  };
176
176
 
177
+ inputProps['aria-roledescription'] = null;
177
178
  return (0, _react2.jsx)(_index.Box, fieldContainerProps, (0, _react2.jsx)(_index.Label, (0, _utils.mergeProps)(fieldLabelProps, labelProps)), (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
178
179
  variant: "numberField.noDefaultArrows"
179
180
  }, groupProps), (0, _react2.jsx)(_index.Box, {
@@ -144,6 +144,7 @@ var ControlledState = function ControlledState() {
144
144
  setValue = _useState2[1];
145
145
 
146
146
  return (0, _react2.jsx)(_NumberField["default"], {
147
+ label: "Controlled State",
147
148
  value: value,
148
149
  onChange: setValue
149
150
  });
@@ -81,6 +81,9 @@ var input = _objectSpread(_objectSpread({}, _text.text.inputValue), {}, {
81
81
  },
82
82
  '&::-ms-reveal, &::-ms-clear': {
83
83
  display: 'none'
84
+ },
85
+ '&.is-error': {
86
+ borderColor: 'critical.bright'
84
87
  }
85
88
  }); // Example variant input
86
89
 
@@ -299,6 +299,12 @@ ComboBoxField.propTypes = {
299
299
  /** Where the ComboBox menu opens relative to its trigger. */
300
300
  direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
301
301
 
302
+ /** Text rendered below the input. */
303
+ helperText: PropTypes.node,
304
+
305
+ /** Determines the input status indicator and helper text styling. */
306
+ status: PropTypes.oneOf(['default', 'success', 'warning', 'error']),
307
+
302
308
  /** The initial selected key in the collection (uncontrolled). */
303
309
  defaultSelectedKey: PropTypes.string,
304
310
 
@@ -133,6 +133,7 @@ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
133
133
  }
134
134
  };
135
135
 
136
+ inputProps['aria-roledescription'] = null;
136
137
  return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, mergeProps(fieldLabelProps, labelProps)), ___EmotionJSX(Box, _extends({
137
138
  variant: "numberField.noDefaultArrows"
138
139
  }, groupProps), ___EmotionJSX(Box, {
@@ -109,6 +109,7 @@ export var ControlledState = function ControlledState() {
109
109
  setValue = _useState2[1];
110
110
 
111
111
  return ___EmotionJSX(NumberField, {
112
+ label: "Controlled State",
112
113
  value: value,
113
114
  onChange: setValue
114
115
  });
@@ -61,6 +61,9 @@ export var input = _objectSpread(_objectSpread({}, text.inputValue), {}, {
61
61
  },
62
62
  '&::-ms-reveal, &::-ms-clear': {
63
63
  display: 'none'
64
+ },
65
+ '&.is-error': {
66
+ borderColor: 'critical.bright'
64
67
  }
65
68
  }); // Example variant input
66
69
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.21.1-alpha.0",
3
+ "version": "1.22.0-alpha.0",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "ux-development@pingidentity.com",
6
6
  "license": "Apache-2.0",