carbon-react 140.0.0 → 140.0.1

package/esm/__internal__/validations/validation-icon.component.js

@@ -83,7 +83,8 @@ export const ValidationIcon = ({
     isPartOfInput: isPartOfInput,
     inputSize: size,
     id: iconId,
-    focusable: tabIndex !== -1
+    focusable: tabIndex !== -1,
+    "data-role": `icon-${validationType}`
   }));
 };
 export default ValidationIcon;

package/esm/components/date/__internal__/date-picker/date-picker.component.js

@@ -30,11 +30,11 @@ export const DatePicker = ({
   setOpen,
   pickerTabGuardId
 }) => {
-  const l = useLocale();
+  const locale = useLocale();
   const {
     localize,
     options
-  } = l.date.dateFnsLocale();
+  } = locale.date.dateFnsLocale();
   const {
     weekStartsOn
   } = options || /* istanbul ignore next */{};
@@ -53,7 +53,7 @@ export const DatePicker = ({
     length: 7
   }).map((_, i) => localize?.day(i)), [localize]);
   const weekdaysShort = useMemo(() => {
-    const isGivenLocale = str => l.locale().includes(str);
+    const isGivenLocale = str => locale.locale().includes(str);
     return Array.from({
       length: 7
     }).map((_, i) => localize?.day(i, ["de", "pl"].some(isGivenLocale) ? {
@@ -61,7 +61,7 @@ export const DatePicker = ({
     } : {
       width: "abbreviated"
     }).substring(0, isGivenLocale("de") ? 2 : 3));
-  }, [l, localize]);
+  }, [locale, localize]);
   const ref = useRef(null);
   useEffect(() => {
     if (open) {
@@ -178,7 +178,7 @@ export const DatePicker = ({
     fixedWeeks: true,
     initialMonth: selectedDays || undefined,
     disabledDays: getDisabledDays(minDate, maxDate),
-    locale: l.locale(),
+    locale: locale.locale(),
     localeUtils: localeUtils,
     onDayKeyDown: handleOnDayKeyDown
   }, pickerProps))));

package/esm/components/date/__internal__/navbar/navbar.component.js

@@ -22,7 +22,8 @@ export const Navbar = ({
     }
   };
   return /*#__PURE__*/React.createElement(StyledNavbar, {
-    className: className
+    className: className,
+    "data-role": "date-navbar"
   }, /*#__PURE__*/React.createElement(StyledButton, {
     "aria-label": previousMonthButton(),
     onClick: () => onPreviousClick?.(),

package/esm/components/date/date.component.js

@@ -48,10 +48,10 @@ const DateInput = /*#__PURE__*/React.forwardRef(({
   const alreadyFocused = useRef(false);
   const isBlurBlocked = useRef(false);
   const focusedViaPicker = useRef(false);
-  const l = useLocale();
+  const locale = useLocale();
   const {
     dateFnsLocale
-  } = l.date;
+  } = locale.date;
   const {
     format,
     formats

package/esm/components/progress-tracker/progress-tracker.style.js

@@ -60,8 +60,9 @@ const StyledProgressBar = styled.span`
 })};
     border-radius: ${theme.roundedCornersOptOut ? "25px" : "var(--borderRadius400)"};
     overflow-x: hidden;
-    height: ${getHeight(size)};
-    width: 100%;
+    width: 100%
+    min-height: fit-content;
+    box-sizing: border-box;
   `}
 `;
 const fontSizes = {

package/esm/components/tooltip/tooltip.component.js

@@ -161,6 +161,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     ref: handleTargetRef
   }), showTooltip ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledTooltip, _extends({
     "data-element": "tooltip",
+    "data-role": "tooltip",
     role: "tooltip",
     tabIndex: -1,
     type: type,

package/lib/__internal__/validations/validation-icon.component.js

@@ -92,7 +92,8 @@ const ValidationIcon = ({
     isPartOfInput: isPartOfInput,
     inputSize: size,
     id: iconId,
-    focusable: tabIndex !== -1
+    focusable: tabIndex !== -1,
+    "data-role": `icon-${validationType}`
   }));
 };
 exports.ValidationIcon = ValidationIcon;

package/lib/components/date/__internal__/date-picker/date-picker.component.js

@@ -38,11 +38,11 @@ const DatePicker = ({
   setOpen,
   pickerTabGuardId
 }) => {
-  const l = (0, _useLocale.default)();
+  const locale = (0, _useLocale.default)();
   const {
     localize,
     options
-  } = l.date.dateFnsLocale();
+  } = locale.date.dateFnsLocale();
   const {
     weekStartsOn
   } = options || /* istanbul ignore next */{};
@@ -61,7 +61,7 @@ const DatePicker = ({
     length: 7
   }).map((_, i) => localize?.day(i)), [localize]);
   const weekdaysShort = (0, _react.useMemo)(() => {
-    const isGivenLocale = str => l.locale().includes(str);
+    const isGivenLocale = str => locale.locale().includes(str);
     return Array.from({
       length: 7
     }).map((_, i) => localize?.day(i, ["de", "pl"].some(isGivenLocale) ? {
@@ -69,7 +69,7 @@ const DatePicker = ({
     } : {
       width: "abbreviated"
     }).substring(0, isGivenLocale("de") ? 2 : 3));
-  }, [l, localize]);
+  }, [locale, localize]);
   const ref = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     if (open) {
@@ -186,7 +186,7 @@ const DatePicker = ({
     fixedWeeks: true,
     initialMonth: selectedDays || undefined,
     disabledDays: (0, _utils.getDisabledDays)(minDate, maxDate),
-    locale: l.locale(),
+    locale: locale.locale(),
     localeUtils: localeUtils,
     onDayKeyDown: handleOnDayKeyDown
   }, pickerProps))));

package/lib/components/date/__internal__/navbar/navbar.component.js

@@ -29,7 +29,8 @@ const Navbar = ({
     }
   };
   return /*#__PURE__*/_react.default.createElement(_navbar.default, {
-    className: className
+    className: className,
+    "data-role": "date-navbar"
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     "aria-label": previousMonthButton(),
     onClick: () => onPreviousClick?.(),

package/lib/components/date/date.component.js

@@ -57,10 +57,10 @@ const DateInput = exports.DateInput = /*#__PURE__*/_react.default.forwardRef(({
   const alreadyFocused = (0, _react.useRef)(false);
   const isBlurBlocked = (0, _react.useRef)(false);
   const focusedViaPicker = (0, _react.useRef)(false);
-  const l = (0, _useLocale.default)();
+  const locale = (0, _useLocale.default)();
   const {
     dateFnsLocale
-  } = l.date;
+  } = locale.date;
   const {
     format,
     formats

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -69,8 +69,9 @@ const StyledProgressBar = exports.StyledProgressBar = _styledComponents.default.
 })};
     border-radius: ${theme.roundedCornersOptOut ? "25px" : "var(--borderRadius400)"};
     overflow-x: hidden;
-    height: ${getHeight(size)};
-    width: 100%;
+    width: 100%
+    min-height: fit-content;
+    box-sizing: border-box;
   `}
 `;
 const fontSizes = {

package/lib/components/tooltip/tooltip.component.js

@@ -170,6 +170,7 @@ const Tooltip = exports.Tooltip = /*#__PURE__*/_react.default.forwardRef(({
     ref: handleTargetRef
   }), showTooltip ? /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, _extends({
     "data-element": "tooltip",
+    "data-role": "tooltip",
     role: "tooltip",
     tabIndex: -1,
     type: type,

package/package.json

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