@pingux/astro 2.112.0-alpha.4 → 2.113.0-alpha.0

package/lib/cjs/components/ColorField/ColorField.js

@@ -38,7 +38,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var displayName = 'ColorField';
 var ColorField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _context;
+  var _context, _state$colorValue;
   var _props$align = props.align,
     align = _props$align === void 0 ? 'middle' : _props$align,
     buttonProps = props.buttonProps,
@@ -118,7 +118,7 @@ var ColorField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   };
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)(displayName), fieldContainerProps), isDetailedMode ? (0, _react2.jsx)(_ColorFieldPreviewButton["default"], (0, _extends2["default"])({
     isOpen: popoverState.isOpen,
-    colorValue: state.colorValue.toString('hex'),
+    colorValue: (_state$colorValue = state.colorValue) === null || _state$colorValue === void 0 ? void 0 : _state$colorValue.toString('hex'),
     label: label
   }, (0, _reactAria.mergeProps)(defaultButtonProps, buttonProps, ariaProps, triggerProps))) : (0, _react2.jsx)(_react["default"].Fragment, null, label && (0, _react2.jsx)(_.Label, fieldLabelProps), (0, _react2.jsx)(_.Button, (0, _extends2["default"])({
     "aria-label": "Select color",

package/lib/cjs/types/colorField.d.ts

@@ -47,5 +47,5 @@ export interface ColorFieldPreviewButtonProps extends ButtonProps {
     isOpen: boolean;
     bg: string;
     label: string | React.ReactNode;
-    colorValue: string;
+    colorValue?: string;
 }

package/lib/components/ColorField/ColorField.js

@@ -27,7 +27,7 @@ import ColorFieldPreviewButton from './ColorFieldPreviewButton';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var displayName = 'ColorField';
 var ColorField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _context;
+  var _context, _state$colorValue;
   var _props$align = props.align,
     align = _props$align === void 0 ? 'middle' : _props$align,
     buttonProps = props.buttonProps,
@@ -107,7 +107,7 @@ var ColorField = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   return ___EmotionJSX(Box, _extends({}, getPendoID(displayName), fieldContainerProps), isDetailedMode ? ___EmotionJSX(ColorFieldPreviewButton, _extends({
     isOpen: popoverState.isOpen,
-    colorValue: state.colorValue.toString('hex'),
+    colorValue: (_state$colorValue = state.colorValue) === null || _state$colorValue === void 0 ? void 0 : _state$colorValue.toString('hex'),
     label: label
   }, mergeProps(defaultButtonProps, buttonProps, ariaProps, triggerProps))) : ___EmotionJSX(React.Fragment, null, label && ___EmotionJSX(Label, fieldLabelProps), ___EmotionJSX(Button, _extends({
     "aria-label": "Select color",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.112.0-alpha.4",
+  "version": "2.113.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -50,7 +50,7 @@
     "@react-aria/button": "^3.2.1",
     "@react-aria/calendar": "^3.5.7",
     "@react-aria/checkbox": "^3.2.0",
-    "@react-aria/color": "~3.0.0-beta.15",
+    "@react-aria/color": "~3.0.0",
     "@react-aria/combobox": "^3.0.0",
     "@react-aria/datepicker": "^3.10.1",
     "@react-aria/dialog": "^3.1.2",
@@ -77,7 +77,7 @@
     "@react-spectrum/test-utils": "^3.0.0-alpha.1",
     "@react-spectrum/utils": "~3.6.1",
     "@react-stately/calendar": "^3.5.0",
-    "@react-stately/color": "~3.1.1",
+    "@react-stately/color": "~3.8.1",
     "@react-stately/datepicker": "^3.9.4",
     "@react-stately/dnd": "^3.2.6",
     "@react-stately/grid": "~3.3.1",