carbon-react 150.0.0 → 150.1.0

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

@@ -1,8 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
+import { IconType } from "../icon";
 import { CommonInputProps } from "../../__internal__/input";
 import { ValidationProps } from "../../__internal__/validations";
-import { IconType } from "../icon";
 export declare const ALIGN_DEFAULT = "left";
 export declare const SIZE_DEFAULT = "medium";
 export declare const LABEL_WIDTH_DEFAULT = 30;

package/lib/components/textbox/textbox.component.js

@@ -6,23 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Textbox = exports.SIZE_DEFAULT = exports.LABEL_WIDTH_DEFAULT = exports.LABEL_VALIDATION_DEFAULT = exports.ALIGN_DEFAULT = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../../style/utils");
-var _input = require("../../__internal__/input");
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
+var _box = _interopRequireDefault(require("../box"));
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
-var _useUniqueId = _interopRequireDefault(require("../../hooks/__internal__/useUniqueId"));
+var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
+var _input = require("../../__internal__/input");
 var _inputBehaviour = require("../../__internal__/input-behaviour");
-var _prefix = _interopRequireDefault(require("./__internal__/prefix.style"));
+var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
-var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
-var _textbox = require("./textbox.style");
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
+var _utils = require("../../style/utils");
 var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 var _numeralDate = _interopRequireDefault(require("../numeral-date/__internal__/numeral-date.context"));
-var _box = _interopRequireDefault(require("../box"));
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
+var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
+var _useUniqueId = _interopRequireDefault(require("../../hooks/__internal__/useUniqueId"));
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
+var _textbox = _interopRequireDefault(require("./textbox.style"));
+var _prefix = _interopRequireDefault(require("./__internal__/prefix.style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -216,16 +217,18 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
     "data-element": dataElement,
     validationIconId: validationRedesignOptIn ? undefined : validationId,
     validationRedesignOptIn: validationRedesignOptIn
-  }, (0, _utils.filterStyledSystemMarginProps)(props)), (inputHint || labelHelp && validationRedesignOptIn) && /*#__PURE__*/_react.default.createElement(_textbox.StyledHintText, {
+  }, (0, _utils.filterStyledSystemMarginProps)(props)), (inputHint || labelHelp && validationRedesignOptIn) && /*#__PURE__*/_react.default.createElement(_hintText.default, {
+    align: labelAlign,
+    "data-element": "input-hint",
     id: inputHintId,
-    "data-element": "input-hint"
+    isComponentInline: labelInline
   }, inputHint || labelHelp), validationRedesignOptIn ? /*#__PURE__*/_react.default.createElement(_box.default, {
     position: "relative"
   }, /*#__PURE__*/_react.default.createElement(_validationMessage.default, {
     error: error,
     validationId: validationId,
     warning: warning
-  }), !disableErrorBorder && (error || warning) && /*#__PURE__*/_react.default.createElement(_textbox.ErrorBorder, {
+  }), !disableErrorBorder && (error || warning) && /*#__PURE__*/_react.default.createElement(_textbox.default, {
     warning: !!(!error && warning)
   }), input) : input), characterCount));
 });

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

@@ -2,5 +2,4 @@ declare const ErrorBorder: import("styled-components").StyledComponent<"span", a
     warning: boolean;
     inline?: boolean | undefined;
 }, never>;
-declare const StyledHintText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { StyledHintText, ErrorBorder };
+export default ErrorBorder;

package/lib/components/textbox/textbox.style.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledHintText = exports.ErrorBorder = void 0;
+exports.default = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ErrorBorder = exports.ErrorBorder = _styledComponents.default.span`
+const ErrorBorder = _styledComponents.default.span`
   ${({
   warning,
   inline
@@ -21,13 +21,4 @@ const ErrorBorder = exports.ErrorBorder = _styledComponents.default.span`
     top: 0px;
   `}
 `;
-const StyledHintText = exports.StyledHintText = _styledComponents.default.div`
-  ::after {
-    content: " ";
-  }
-
-  margin-top: 0px;
-  margin-bottom: 8px;
-  color: var(--colorsUtilityYin055);
-  font-size: 14px;
-`;
+var _default = exports.default = ErrorBorder;

package/lib/components/time/time.component.js

@@ -12,12 +12,13 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
 var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
 var _box = _interopRequireDefault(require("../box"));
-var _textbox = require("../textbox/textbox.style");
+var _textbox = _interopRequireDefault(require("../textbox/textbox.style"));
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
 var _number = _interopRequireDefault(require("../number"));
 var _typography = _interopRequireDefault(require("../typography"));
-var _time = require("./time.style");
+var _time = _interopRequireDefault(require("./time.style"));
 var _timeToggle = require("./__internal__/time-toggle");
+var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -181,7 +182,8 @@ const Time = /*#__PURE__*/_react.default.forwardRef(({
     id: internalId.current
   }, rest, (0, _tags.default)("time", rest), {
     "aria-describedby": inputHint ? combinedAriaDescribedBy : ariaDescribedBy
-  }), inputHint && /*#__PURE__*/_react.default.createElement(_time.StyledHintText, {
+  }), inputHint && /*#__PURE__*/_react.default.createElement(_hintText.default, {
+    align: labelAlign,
     id: inputHintId.current,
     isDisabled: disabled
   }, inputHint), /*#__PURE__*/_react.default.createElement(_box.default, {
@@ -191,11 +193,11 @@ const Time = /*#__PURE__*/_react.default.forwardRef(({
     validationId: validationId,
     error: error,
     warning: warning
-  }), hasValidationFailure && /*#__PURE__*/_react.default.createElement(_textbox.ErrorBorder, {
+  }), hasValidationFailure && /*#__PURE__*/_react.default.createElement(_textbox.default, {
     warning: !!(!error && warning)
   }), /*#__PURE__*/_react.default.createElement(_box.default, {
     display: "flex"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_time.StyledLabel, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_time.default, {
     "aria-label": hrsAriaLabel,
     htmlFor: internalHrsId.current,
     disabled: disabled,
@@ -223,7 +225,7 @@ const Time = /*#__PURE__*/_react.default.forwardRef(({
     isDisabled: disabled,
     variant: "span",
     mb: "-4px"
-  }, ":")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_time.StyledLabel, {
+  }, ":")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_time.default, {
     "aria-label": minsAriaLabel,
     htmlFor: internalMinsId.current,
     disabled: disabled,

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

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-export declare const StyledLabel: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, className, "aria-label": ariaLabel, }: import("../../__internal__/label").LabelProps) => import("react").JSX.Element>, any, {}, never>;
-export declare const StyledHintText: import("styled-components").StyledComponent<"div", any, {
-    isDisabled?: boolean | undefined;
-    hasError?: boolean | undefined;
-}, never>;
+declare const StyledLabel: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ align, as, children, disabled, error, help, helpIcon, htmlFor, info, inline, isDarkBackground, isRequired, labelId, optional, pr, pl, tooltipId, useValidationIcon, validationIconId, warning, width, className, "aria-label": ariaLabel, }: import("../../__internal__/label").LabelProps) => import("react").JSX.Element>, any, {}, never>;
+export default StyledLabel;

package/lib/components/time/time.style.js

@@ -3,24 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledLabel = exports.StyledHintText = void 0;
+exports.default = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _label = _interopRequireDefault(require("../../__internal__/label"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledLabel = exports.StyledLabel = (0, _styledComponents.default)(_label.default)`
+const StyledLabel = (0, _styledComponents.default)(_label.default)`
   label {
     font-weight: var(--fontWeights400);
   }
 `;
-const StyledHintText = exports.StyledHintText = _styledComponents.default.div`
-  ::after {
-    content: " ";
-  }
-
-  margin-top: var(--spacing000);
-  margin-bottom: var(--spacing100);
-  color: ${({
-  isDisabled
-}) => isDisabled ? "var(--colorsUtilityYin030)" : "var(--colorsUtilityYin055)"};
-  font-size: 14px;
-`;
+var _default = exports.default = StyledLabel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "150.0.0",
+  "version": "150.1.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",