carbon-react 106.0.2 → 106.0.3

package/lib/__internal__/input/input.style.js

@@ -7,10 +7,6 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,8 +50,5 @@ const StyledInput = _styledComponents.default.input`
       color: var(--colorsActionMinorYin090);
     `}
 `;
-StyledInput.propTypes = {
-  disabled: _propTypes.default.bool
-};
 var _default = StyledInput;
 exports.default = _default;

package/lib/__internal__/input-behaviour/index.d.ts

@@ -1,2 +1,3 @@
 export { InputBehaviour, InputContext } from "./input-behaviour.component";
-export { InputGroupBehaviour, InputGroupContext } from "./input-group-behaviour.component";
+export { InputGroupBehaviour, InputGroupContext, } from "./input-group-behaviour.component";
+export type { InputContextProps } from "./useInputBehaviour";

package/lib/__internal__/input-behaviour/input-behaviour.component.d.ts

@@ -1,11 +1,8 @@
-export const InputContext: React.Context<{}>;
-export function InputBehaviour({ children }: {
-    children: any;
-}): JSX.Element;
-export namespace InputBehaviour {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";
+import { InputContextProps } from "./useInputBehaviour";
+declare const InputContext: React.Context<InputContextProps>;
+export interface InputBehaviourProps {
+    children?: React.ReactNode;
+}
+declare const InputBehaviour: ({ children }: InputBehaviourProps) => JSX.Element;
+export { InputContext, InputBehaviour };

package/lib/__internal__/input-behaviour/input-behaviour.component.js

@@ -7,9 +7,7 @@ exports.InputBehaviour = exports.InputContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _inlineInputs = require("../../components/inline-inputs/inline-inputs.component");
+var _inlineInputs = require("../../components/inline-inputs");
 
 var _useInputBehaviour = _interopRequireDefault(require("./useInputBehaviour"));
 
@@ -19,9 +17,7 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const defaultValue = {};
-
-const InputContext = /*#__PURE__*/_react.default.createContext(defaultValue);
+const InputContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.InputContext = InputContext;
 
@@ -39,7 +35,4 @@ const InputBehaviour = ({
   }, children);
 };
 
-exports.InputBehaviour = InputBehaviour;
-InputBehaviour.propTypes = {
-  children: _propTypes.default.node
-};
+exports.InputBehaviour = InputBehaviour;

package/lib/__internal__/input-behaviour/input-group-behaviour.component.d.ts

@@ -1,13 +1,9 @@
-export const InputGroupContext: React.Context<{}>;
-export function InputGroupBehaviour({ children, blockGroupBehaviour }: {
-    children: any;
-    blockGroupBehaviour: any;
-}): JSX.Element;
-export namespace InputGroupBehaviour {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const blockGroupBehaviour: PropTypes.Requireable<boolean>;
-    }
-}
 import React from "react";
-import PropTypes from "prop-types";
+import { InputContextProps } from "./useInputBehaviour";
+import { InputBehaviourProps } from "./input-behaviour.component";
+declare const InputGroupContext: React.Context<InputContextProps>;
+export interface InputGroupBehaviourProps extends InputBehaviourProps {
+    blockGroupBehaviour?: boolean;
+}
+declare const InputGroupBehaviour: ({ children, blockGroupBehaviour, }: InputGroupBehaviourProps) => JSX.Element;
+export { InputGroupContext, InputGroupBehaviour };

package/lib/__internal__/input-behaviour/input-group-behaviour.component.js

@@ -7,15 +7,11 @@ exports.InputGroupBehaviour = exports.InputGroupContext = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useInputBehaviour = _interopRequireDefault(require("./useInputBehaviour"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const defaultValue = {};
-
-const InputGroupContext = /*#__PURE__*/_react.default.createContext(defaultValue);
+const InputGroupContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.InputGroupContext = InputGroupContext;
 
@@ -29,8 +25,4 @@ const InputGroupBehaviour = ({
   }, children);
 };
 
-exports.InputGroupBehaviour = InputGroupBehaviour;
-InputGroupBehaviour.propTypes = {
-  children: _propTypes.default.node,
-  blockGroupBehaviour: _propTypes.default.bool
-};
+exports.InputGroupBehaviour = InputGroupBehaviour;

package/lib/__internal__/input-behaviour/useInputBehaviour.d.ts

@@ -1,11 +1,15 @@
+export interface InputContextProps {
+    hasFocus?: boolean;
+    hasMouseOver?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onMouseDown?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    inputRef?: (input: {
+        current: HTMLInputElement | null;
+    }) => void;
+    ariaLabelledBy?: string;
+}
+declare const useInputBehaviour: (blockGroupBehaviour?: boolean | undefined) => InputContextProps;
 export default useInputBehaviour;
-declare function useInputBehaviour(blockGroupBehaviour: any): {
-    hasFocus: boolean;
-    hasMouseOver: boolean;
-    onFocus: (() => void) | undefined;
-    onBlur: (() => void) | undefined;
-    onMouseDown: () => void;
-    onMouseEnter: (() => void) | undefined;
-    onMouseLeave: (() => void) | undefined;
-    inputRef: (input: any) => void;
-};

package/lib/__internal__/label/label.d.ts

@@ -29,7 +29,7 @@ export interface LabelPropTypes extends ValidationPropTypes {
   /** Whether to show the validation icon */
   useValidationIcon?: boolean;
   /** A string that represents the ID of another form element */
-  htmlFor: string;
+  htmlFor?: string;
   /** Padding right, integer multiplied by base spacing constant (8) */
   pr?: 1 | 2;
   /** Padding left, integer multiplied by base spacing constant (8) */

package/lib/components/badge/badge.component.d.ts

@@ -1,14 +1,11 @@
-export default Badge;
-declare function Badge({ children, counter, onClick }: {
-    children: any;
-    counter: any;
-    onClick: any;
-}): JSX.Element;
-declare namespace Badge {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const counter: PropTypes.Requireable<string | number>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
+import React from "react";
+export interface BadgeProps {
+    /** The badge will be added to this element */
+    children: React.ReactNode;
+    /** The number rendered in the badge component */
+    counter?: string | number;
+    /** Callback fired when badge is clicked */
+    onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
 }
-import PropTypes from "prop-types";
+export declare const Badge: ({ children, counter, onClick }: BadgeProps) => JSX.Element;
+export default Badge;

package/lib/components/badge/badge.component.js

@@ -1,44 +1,66 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
-exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+exports.default = exports.Badge = void 0;
 
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _badge = require("./badge.style");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Badge = ({
-  children,
-  counter,
-  onClick
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_badge.StyledBadgeWrapper, null, counter > 0 && /*#__PURE__*/_react.default.createElement(_badge.StyledButton, {
-    "data-component": "badge",
-    buttonType: "secondary",
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_badge.StyledCrossIcon, {
-    "data-element": "badge-cross-icon",
-    type: "cross"
-  }), /*#__PURE__*/_react.default.createElement(_badge.StyledCounter, {
-    "data-element": "badge-counter"
-  }, counter > 99 ? 99 : counter)), children);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const Badge = ({ children, counter = 0, onClick }) => {
+  return /*#__PURE__*/ _react.default.createElement(
+    _badge.StyledBadgeWrapper,
+    null,
+    counter > 0 &&
+      /*#__PURE__*/ _react.default.createElement(
+        _badge.StyledButton,
+        {
+          "data-component": "badge",
+          buttonType: "secondary",
+          onClick: onClick,
+        },
+        /*#__PURE__*/ _react.default.createElement(_badge.StyledCrossIcon, {
+          "data-element": "badge-cross-icon",
+          type: "cross",
+        }),
+        /*#__PURE__*/ _react.default.createElement(
+          _badge.StyledCounter,
+          {
+            "data-element": "badge-counter",
+          },
+          counter > 99 ? 99 : counter
+        )
+      ),
+    children
+  );
 };
 
 Badge.propTypes = {
-  /** The badge will be added to this element */
-  children: _propTypes.default.node.isRequired,
-
-  /** The number rendered in the badge component */
-  counter: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
-  /** Callback fired when badge is clicked */
-  onClick: _propTypes.default.func
+  /**
+   * The badge will be added to this element
+   */
+  children: _propTypes.default.node,
+  /**
+   * The number rendered in the badge component
+   */
+  counter: _propTypes.default.oneOfType([
+    _propTypes.default.number,
+    _propTypes.default.string,
+  ]),
+  /**
+   * Callback fired when badge is clicked
+   */
+  onClick: _propTypes.default.func,
 };
+
+exports.Badge = Badge;
 var _default = Badge;
-exports.default = _default;
+exports.default = _default;

package/lib/components/badge/badge.style.d.ts

@@ -1,8 +1,10 @@
-export const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledButton: import("styled-components").StyledComponent<{
+/// <reference types="react" />
+import Icon from "../icon";
+declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledButton: import("styled-components").StyledComponent<{
     ({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: import("../button").ButtonProps): JSX.Element;
     displayName: string;
 }, any, {}, never>;
-export const StyledCrossIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
-export const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
-import Icon from "../icon";
+declare const StyledCrossIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+export { StyledBadgeWrapper, StyledButton, StyledCrossIcon, StyledCounter };

package/lib/components/badge/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./badge";
+export { default } from "./badge.component";
+export type { BadgeProps } from "./badge.component";

package/lib/components/carbon-provider/carbon-provider.component.d.ts

@@ -1,16 +1,10 @@
-export const NewValidationContext: React.Context<{}>;
-export default CarbonProvider;
 import React from "react";
-declare function CarbonProvider({ children, theme, validationRedesignOptIn, }: {
-    children: any;
-    theme?: import("../../style/themes/base").ThemeObject | undefined;
-    validationRedesignOptIn?: boolean | undefined;
-}): JSX.Element;
-declare namespace CarbonProvider {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const theme: PropTypes.Requireable<object>;
-        const validationRedesignOptIn: PropTypes.Requireable<boolean>;
-    }
+import { ThemeObject } from "../../style/themes/base";
+export interface CarbonProviderProps {
+    theme?: ThemeObject;
+    children: React.ReactNode;
+    validationRedesignOptIn?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const NewValidationContext: React.Context<Pick<CarbonProviderProps, "validationRedesignOptIn">>;
+export declare const CarbonProvider: ({ children, theme, validationRedesignOptIn, }: CarbonProviderProps) => JSX.Element;
+export default CarbonProvider;

package/lib/components/carbon-provider/carbon-provider.component.js

@@ -1,45 +1,140 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
-exports.default = exports.NewValidationContext = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+exports.default = exports.CarbonProvider = exports.NewValidationContext = void 0;
 
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = require("styled-components");
 
 var _mint = _interopRequireDefault(require("../../style/themes/mint"));
 
-var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider"));
+var _carbonScopedTokensProvider = _interopRequireDefault(
+  require("../../style/design-tokens/carbon-scoped-tokens-provider")
+);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function () {
+    return cache;
+  };
+  return cache;
+}
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor
+        ? Object.getOwnPropertyDescriptor(obj, key)
+        : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 
-const NewValidationContext = /*#__PURE__*/(0, _react.createContext)({});
+const NewValidationContext = /*#__PURE__*/ (0, _react.createContext)({});
 exports.NewValidationContext = NewValidationContext;
 
 const CarbonProvider = ({
   children,
   theme = _mint.default,
-  validationRedesignOptIn = false
-}) => /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
-  theme: theme
-}, /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(NewValidationContext.Provider, {
-  value: {
-    validationRedesignOptIn
-  }
-}, children)));
+  validationRedesignOptIn = false,
+}) =>
+  /*#__PURE__*/ _react.default.createElement(
+    _styledComponents.ThemeProvider,
+    {
+      theme: theme,
+    },
+    /*#__PURE__*/ _react.default.createElement(
+      _carbonScopedTokensProvider.default,
+      null,
+      /*#__PURE__*/ _react.default.createElement(
+        NewValidationContext.Provider,
+        {
+          value: {
+            validationRedesignOptIn,
+          },
+        },
+        children
+      )
+    )
+  );
 
 CarbonProvider.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  theme: _propTypes.default.object,
-  validationRedesignOptIn: _propTypes.default.bool
+  children: _propTypes.default.node,
+  theme: _propTypes.default.shape({
+    colors: _propTypes.default.shape({
+      destructive: _propTypes.default.shape({
+        hover: _propTypes.default.string.isRequired,
+      }).isRequired,
+      error: _propTypes.default.string.isRequired,
+      focus: _propTypes.default.string.isRequired,
+      info: _propTypes.default.string.isRequired,
+      loadingBarBackground: _propTypes.default.string.isRequired,
+      placeholder: _propTypes.default.string.isRequired,
+      primary: _propTypes.default.string.isRequired,
+      secondary: _propTypes.default.string.isRequired,
+      tertiary: _propTypes.default.string.isRequired,
+      warning: _propTypes.default.string.isRequired,
+      warningText: _propTypes.default.string.isRequired,
+      white: _propTypes.default.oneOf(["#FFFFFF"]).isRequired,
+    }).isRequired,
+    disabled: _propTypes.default.shape({
+      background: _propTypes.default.string.isRequired,
+    }).isRequired,
+    name: _propTypes.default.string.isRequired,
+    palette: _propTypes.default.shape({
+      blackOpacity: _propTypes.default.func.isRequired,
+      whiteOpacity: _propTypes.default.func.isRequired,
+    }).isRequired,
+    space: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+    spacing: _propTypes.default.number.isRequired,
+    zIndex: _propTypes.default.shape({
+      aboveAll: _propTypes.default.number.isRequired,
+      fullScreenModal: _propTypes.default.number.isRequired,
+      header: _propTypes.default.number.isRequired,
+      modal: _propTypes.default.number.isRequired,
+      nav: _propTypes.default.number.isRequired,
+      notification: _propTypes.default.number.isRequired,
+      overlay: _propTypes.default.number.isRequired,
+      popover: _propTypes.default.number.isRequired,
+      smallOverlay: _propTypes.default.number.isRequired,
+    }).isRequired,
+  }),
+  validationRedesignOptIn: _propTypes.default.bool,
 };
+
+exports.CarbonProvider = CarbonProvider;
 var _default = CarbonProvider;
-exports.default = _default;
+exports.default = _default;

package/lib/components/carbon-provider/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./carbon-provider";
+export { default } from "./carbon-provider.component";
+export type { CarbonProviderProps } from "./carbon-provider.component";

package/lib/components/date-range/date-range.style.js

@@ -11,9 +11,9 @@ var _styledSystem = require("styled-system");
 
 var _date = _interopRequireDefault(require("../date/date.style"));
 
-var _labelStyle = require("../../__internal__/label/label.style.js");
+var _label = require("../../__internal__/label/label.style");
 
-var _inputPresentationStyle = require("../../__internal__/input/input-presentation.style.js");
+var _inputPresentation = require("../../__internal__/input/input-presentation.style");
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
@@ -34,11 +34,11 @@ const StyledDateRange = _styledComponents.default.div`
     margin-right: var(--spacing300);
   }
 
-  ${_labelStyle.StyledLabelContainer} {
+  ${_label.StyledLabelContainer} {
     width: auto;
   }
 
-  ${_inputPresentationStyle.StyledInputPresentationContainer} {
+  ${_inputPresentation.StyledInputPresentationContainer} {
     flex: auto;
   }
 `;

package/lib/components/decimal/decimal.component.js

@@ -211,7 +211,8 @@ const Decimal = ({
     onChange: handleOnChange,
     onBlur: handleOnBlur,
     value: stateValue,
-    "data-component": "decimal"
+    "data-component": "decimal",
+    id: id
   }, rest)), /*#__PURE__*/_react.default.createElement("input", {
     name: name,
     value: toStandardDecimal(stateValue),

package/lib/components/heading/heading.style.d.ts

@@ -7,9 +7,8 @@ export const StyledHeaderHelp: import("styled-components").StyledComponent<typeo
 export const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, {}, never>;
 export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr/hr.component").HrProps) => JSX.Element, any, {}, never>;
 export const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledHeadingBackButton: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
 import Icon from "../icon";
 import Help from "../help";
 import Typography from "../typography";
-import Link from "../link";

package/lib/components/inline-inputs/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./inline-inputs";
+export { default, InlineInputsContext } from "./inline-inputs.component";
+export type { InlineInputsProps } from "./inline-inputs.component";

package/lib/components/inline-inputs/index.js

@@ -9,7 +9,15 @@ Object.defineProperty(exports, "default", {
     return _inlineInputs.default;
   }
 });
+Object.defineProperty(exports, "InlineInputsContext", {
+  enumerable: true,
+  get: function () {
+    return _inlineInputs.InlineInputsContext;
+  }
+});
+
+var _inlineInputs = _interopRequireWildcard(require("./inline-inputs.component"));
 
-var _inlineInputs = _interopRequireDefault(require("./inline-inputs.component"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/components/inline-inputs/inline-inputs.component.d.ts

@@ -1,24 +1,27 @@
-export const InlineInputsContext: React.Context<{}>;
-export default InlineInputs;
 import React from "react";
-declare function InlineInputs(props: any): JSX.Element;
-declare namespace InlineInputs {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const className: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<string>;
-        const htmlFor: PropTypes.Requireable<string>;
-        const gutter: PropTypes.Requireable<string>;
-        const inputWidth: PropTypes.Requireable<number>;
-        const labelWidth: PropTypes.Requireable<number>;
-    }
-    namespace defaultProps {
-        const children_1: null;
-        export { children_1 as children };
-        const className_1: string;
-        export { className_1 as className };
-        const gutter_1: string;
-        export { gutter_1 as gutter };
-    }
+interface InlineInputsContextProps {
+    ariaLabelledBy?: string;
+}
+declare type GutterOptions = "none" | "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large";
+export interface InlineInputsProps {
+    /** Children elements */
+    children?: React.ReactNode;
+    /** [Legacy prop] A custom class name for the component. */
+    className?: string;
+    /** Gutter prop gets passed down to Row component if false gutter value is "none" */
+    gutter?: GutterOptions;
+    /** The id of the corresponding input control for the label */
+    htmlFor?: string;
+    /** Width of the inline inputs container in percentage */
+    inputWidth?: number;
+    /** Defines the label text for the heading. */
+    label?: string;
+    /** Width of a label in percentage */
+    labelWidth?: number;
 }
-import PropTypes from "prop-types";
+export declare const InlineInputsContext: React.Context<InlineInputsContextProps>;
+declare const InlineInputs: {
+    ({ label, htmlFor, children, className, gutter, inputWidth, labelWidth, }: InlineInputsProps): JSX.Element;
+    displayName: string;
+};
+export default InlineInputs;