@primer/components 0.0.0-20211030163410 → 0.0.0-20211030164933

package/lib/CheckboxInputField.d.ts

@@ -5,7 +5,6 @@ declare const _default: React.FC<import("./_InputField/ToggleInputField").Props>
     }>;
     Caption: React.FC<{}>;
     Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
     LeadingVisual: React.FC<{}>;
 };
 export default _default;

package/lib/CheckboxInputField.js

@@ -67,7 +67,6 @@ var _default = Object.assign(CheckboxInputField, {
   Input,
   Caption: _InputField.default.Caption,
   Label: _InputField.default.Label,
-  Validation: _InputField.default.Validation,
   LeadingVisual: _ToggleInputLeadingVisual.default
 });
 

package/lib/RadioInputField.d.ts

@@ -3,7 +3,6 @@ declare const _default: React.FC<import("./_InputField/ToggleInputField").Props>
     Input: React.FC<React.HTMLProps<HTMLInputElement>>;
     Caption: React.FC<{}>;
     Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
     LeadingVisual: React.FC<{}>;
 };
 export default _default;

package/lib/RadioInputField.js

@@ -76,7 +76,6 @@ var _default = Object.assign(RadioInputField, {
   Input,
   Caption: _InputField.default.Caption,
   Label: _InputField.default.Label,
-  Validation: _InputField.default.Validation,
   LeadingVisual: _ToggleInputLeadingVisual.default
 });
 

package/lib/_InputCaption.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 interface Props {
+    /**
+     * The unique identifier used to associate the caption with an input
+     */
     id: string;
+    /**
+     * Whether the input associated with this caption is disabled
+     */
+    disabled?: boolean;
 }
 declare const InputCaption: React.FC<Props>;
 export default InputCaption;

package/lib/_InputCaption.js

@@ -11,12 +11,15 @@ var _ = require(".");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const InputCaption = props => /*#__PURE__*/_react.default.createElement(_.Text, _extends({
-  color: "fg.muted",
-  fontSize: 0
-}, props));
+const InputCaption = ({
+  children,
+  disabled,
+  id
+}) => /*#__PURE__*/_react.default.createElement(_.Text, {
+  color: disabled ? 'fg.subtle' : 'fg.muted',
+  fontSize: 0,
+  id: id
+}, children);
 
 InputCaption.displayName = "InputCaption";
 var _default = InputCaption;

package/lib/_InputField/InputFieldCaption.js

@@ -18,9 +18,11 @@ const InputFieldCaption = ({
 }) => /*#__PURE__*/_react.default.createElement(_slots.Slot, {
   name: "Caption"
 }, ({
-  captionId
+  captionId,
+  disabled
 }) => /*#__PURE__*/_react.default.createElement(_InputCaption.default, {
-  id: captionId
+  id: captionId,
+  disabled: disabled
 }, children));
 
 InputFieldCaption.displayName = "InputFieldCaption";

package/lib-esm/CheckboxInputField.d.ts

@@ -5,7 +5,6 @@ declare const _default: React.FC<import("./_InputField/ToggleInputField").Props>
     }>;
     Caption: React.FC<{}>;
     Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
     LeadingVisual: React.FC<{}>;
 };
 export default _default;

package/lib-esm/CheckboxInputField.js

@@ -52,6 +52,5 @@ export default Object.assign(CheckboxInputField, {
   Input,
   Caption: InputField.Caption,
   Label: InputField.Label,
-  Validation: InputField.Validation,
   LeadingVisual: ToggleInputLeadingVisual
 });

package/lib-esm/RadioInputField.d.ts

@@ -3,7 +3,6 @@ declare const _default: React.FC<import("./_InputField/ToggleInputField").Props>
     Input: React.FC<React.HTMLProps<HTMLInputElement>>;
     Caption: React.FC<{}>;
     Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    Validation: React.FC<import("./_InputField/InputFieldValidation").InputFieldValidationProps>;
     LeadingVisual: React.FC<{}>;
 };
 export default _default;

package/lib-esm/RadioInputField.js

@@ -61,6 +61,5 @@ export default Object.assign(RadioInputField, {
   Input,
   Caption: InputField.Caption,
   Label: InputField.Label,
-  Validation: InputField.Validation,
   LeadingVisual: ToggleInputLeadingVisual
 });

package/lib-esm/_InputCaption.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 interface Props {
+    /**
+     * The unique identifier used to associate the caption with an input
+     */
     id: string;
+    /**
+     * Whether the input associated with this caption is disabled
+     */
+    disabled?: boolean;
 }
 declare const InputCaption: React.FC<Props>;
 export default InputCaption;

package/lib-esm/_InputCaption.js

@@ -1,12 +1,15 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { Text } from '.';
 
-const InputCaption = props => /*#__PURE__*/React.createElement(Text, _extends({
-  color: "fg.muted",
-  fontSize: 0
-}, props));
+const InputCaption = ({
+  children,
+  disabled,
+  id
+}) => /*#__PURE__*/React.createElement(Text, {
+  color: disabled ? 'fg.subtle' : 'fg.muted',
+  fontSize: 0,
+  id: id
+}, children);
 
 InputCaption.displayName = "InputCaption";
 export default InputCaption;

package/lib-esm/_InputField/InputFieldCaption.js

@@ -7,9 +7,11 @@ const InputFieldCaption = ({
 }) => /*#__PURE__*/React.createElement(Slot, {
   name: "Caption"
 }, ({
-  captionId
+  captionId,
+  disabled
 }) => /*#__PURE__*/React.createElement(InputCaption, {
-  id: captionId
+  id: captionId,
+  disabled: disabled
 }, children));
 
 InputFieldCaption.displayName = "InputFieldCaption";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-20211030163410",
+  "version": "0.0.0-20211030164933",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",