@pingux/astro 1.21.1 → 1.22.0-alpha.0

package/lib/cjs/components/ComboBoxField/ComboBoxField.js

@@ -345,6 +345,12 @@ ComboBoxField.propTypes = {
   /** Where the ComboBox menu opens relative to its trigger. */
   direction: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
 
+  /** Text rendered below the input. */
+  helperText: _propTypes["default"].node,
+
+  /** Determines the input status indicator and helper text styling. */
+  status: _propTypes["default"].oneOf(['default', 'success', 'warning', 'error']),
+
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey: _propTypes["default"].string,
 

package/lib/cjs/components/NumberField/NumberField.js

@@ -174,6 +174,7 @@ var NumberField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   };
 
+  inputProps['aria-roledescription'] = null;
   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"])({
     variant: "numberField.noDefaultArrows"
   }, groupProps), (0, _react2.jsx)(_index.Box, {

package/lib/cjs/components/NumberField/NumberField.stories.js

@@ -144,6 +144,7 @@ var ControlledState = function ControlledState() {
       setValue = _useState2[1];
 
   return (0, _react2.jsx)(_NumberField["default"], {
+    label: "Controlled State",
     value: value,
     onChange: setValue
   });

package/lib/cjs/styles/forms/input.js

@@ -81,6 +81,9 @@ var input = _objectSpread(_objectSpread({}, _text.text.inputValue), {}, {
   },
   '&::-ms-reveal, &::-ms-clear': {
     display: 'none'
+  },
+  '&.is-error': {
+    borderColor: 'critical.bright'
   }
 }); // Example variant input
 

package/lib/components/ComboBoxField/ComboBoxField.js

@@ -299,6 +299,12 @@ ComboBoxField.propTypes = {
   /** Where the ComboBox menu opens relative to its trigger. */
   direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
 
+  /** Text rendered below the input. */
+  helperText: PropTypes.node,
+
+  /** Determines the input status indicator and helper text styling. */
+  status: PropTypes.oneOf(['default', 'success', 'warning', 'error']),
+
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey: PropTypes.string,
 

package/lib/components/NumberField/NumberField.js

@@ -133,6 +133,7 @@ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   };
 
+  inputProps['aria-roledescription'] = null;
   return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, mergeProps(fieldLabelProps, labelProps)), ___EmotionJSX(Box, _extends({
     variant: "numberField.noDefaultArrows"
   }, groupProps), ___EmotionJSX(Box, {

package/lib/components/NumberField/NumberField.stories.js

@@ -109,6 +109,7 @@ export var ControlledState = function ControlledState() {
       setValue = _useState2[1];
 
   return ___EmotionJSX(NumberField, {
+    label: "Controlled State",
     value: value,
     onChange: setValue
   });

package/lib/styles/forms/input.js

@@ -61,6 +61,9 @@ export var input = _objectSpread(_objectSpread({}, text.inputValue), {}, {
   },
   '&::-ms-reveal, &::-ms-clear': {
     display: 'none'
+  },
+  '&.is-error': {
+    borderColor: 'critical.bright'
   }
 }); // Example variant input
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.21.1",
+  "version": "1.22.0-alpha.0",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",