@procore/core-react 11.26.2 → 11.28.0

package/dist/Form/Form.js

@@ -54,6 +54,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Ban, Check } from '@procore/core-icons';
 import { useId } from '@react-aria/utils';
 import conditionalStrings from 'classnames';
 import { Formik, useField as useFormikField, useFormikContext } from 'formik';
@@ -826,22 +827,36 @@ export var CheckboxOutput = /*#__PURE__*/React.forwardRef(function CheckboxOutpu
     hasRequiredMark = _ref18.hasRequiredMark,
     props = _objectWithoutProperties(_ref18, _excluded17);
   var i18n = useI18nContext();
-  var yes = i18n.t('selected', {
-    scope: i18nScope,
-    // old default supports new key addition and backwards i18nScope support. changed 11.x
-    defaultValue: i18n.t('yes', {
-      scope: i18nScope
+  var yes = /*#__PURE__*/React.createElement("span", {
+    style: {
+      verticalAlign: 'middle'
+    },
+    "aria-label": i18n.t('checked', {
+      scope: i18nScope,
+      // old default supports new key addition and backwards i18nScope support. changed 11.x
+      defaultValue: i18n.t('yes', {
+        scope: i18nScope
+      })
     })
-  });
-  var no = i18n.t('deselected', {
-    scope: i18nScope,
-    defaultValue: i18n.t('no', {
-      scope: i18nScope
+  }, /*#__PURE__*/React.createElement(Check, {
+    size: "sm"
+  }));
+  var no = /*#__PURE__*/React.createElement("span", {
+    style: {
+      verticalAlign: 'middle'
+    },
+    "aria-label": i18n.t('unchecked', {
+      scope: i18nScope,
+      defaultValue: i18n.t('no', {
+        scope: i18nScope
+      })
     })
-  });
+  }, /*#__PURE__*/React.createElement(Ban, {
+    size: "sm"
+  }));
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: ref
-  }, props), field.input.value ? yes : no, inlineLabel && /*#__PURE__*/React.createElement(React.Fragment, null, ' - ', inlineLabel), tooltip && /*#__PURE__*/React.createElement(FormFieldTooltip, {
+  }, props), field.input.value ? yes : no, inlineLabel && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0", inlineLabel), tooltip && /*#__PURE__*/React.createElement(FormFieldTooltip, {
     overlay: tooltip
   }));
 });