@carbon/react 1.95.0 → 1.96.0

package/lib/components/Slider/Slider.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import type { TranslateWithId } from '../../types/common';
 declare const translationIds: {
     readonly 'carbon.slider.auto-correct-announcement': "carbon.slider.auto-correct-announcement";
@@ -162,146 +161,5 @@ export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      */
     warnText?: ReactNode;
 }
-export declare const Slider: {
-    (props: SliderProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        /**
-         * The `ariaLabel` for the `<input>`.
-         */
-        ariaLabelInput: PropTypes.Requireable<string>;
-        /**
-         * The child nodes.
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The CSS class name for the slider.
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * `true` to disable this slider.
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * The callback to format the label associated with the minimum/maximum value.
-         */
-        formatLabel: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * `true` to hide the number input box.
-         */
-        hideTextInput: PropTypes.Requireable<boolean>;
-        /**
-         * The ID of the `<input>`.
-         */
-        id: PropTypes.Requireable<string>;
-        /**
-         * The `type` attribute of the `<input>`.
-         */
-        inputType: PropTypes.Requireable<string>;
-        /**
-         * `Specify whether the Slider is currently invalid
-         */
-        invalid: PropTypes.Requireable<boolean>;
-        /**
-         * Provide the text that is displayed when the Slider is in an invalid state
-         */
-        invalidText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * The label for the slider.
-         */
-        labelText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Specify whether you want the underlying label to be visually hidden
-         */
-        hideLabel: PropTypes.Requireable<boolean>;
-        /**
-         * `true` to use the light version.
-         */
-        light: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
-        /**
-         * The maximum value.
-         */
-        max: PropTypes.Validator<number>;
-        /**
-         * The label associated with the maximum value.
-         */
-        maxLabel: PropTypes.Requireable<string>;
-        /**
-         * The minimum value.
-         */
-        min: PropTypes.Validator<number>;
-        /**
-         * The label associated with the minimum value.
-         */
-        minLabel: PropTypes.Requireable<string>;
-        /**
-         * The `name` attribute of the `<input>`.
-         */
-        name: PropTypes.Requireable<string>;
-        /**
-         * Provide an optional function to be called when the input element
-         * loses focus
-         */
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The callback to get notified of change in value.
-         */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Provide an optional function to be called when a key is pressed in the number input.
-         */
-        onInputKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The callback to get notified of value on handle release.
-         */
-        onRelease: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Whether the slider should be read-only
-         */
-        readOnly: PropTypes.Requireable<boolean>;
-        /**
-         * `true` to specify if the control is required.
-         */
-        required: PropTypes.Requireable<boolean>;
-        /**
-         * A value determining how much the value should increase/decrease by moving the thumb by mouse. If a value other than 1 is provided and the input is *not* hidden, the new step requirement should be added to a visible label. Values outside the `step` increment will be considered invalid.
-         */
-        step: PropTypes.Requireable<number>;
-        /**
-         * A value determining how much the value should increase/decrease by Shift+arrow keys,
-         * which will be `(max - min) / stepMultiplier`.
-         */
-        stepMultiplier: PropTypes.Requireable<number>;
-        /**
-         * Supply a method to translate internal strings with your i18n tool of
-         * choice. Translation keys are available on the `translationIds` field for
-         * this component.
-         */
-        translateWithId: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * The `ariaLabel` for the upper bound `<input>` when there are two handles.
-         */
-        unstable_ariaLabelInputUpper: PropTypes.Requireable<string>;
-        /**
-         * The `name` attribute of the upper bound `<input>` when there are two handles.
-         */
-        unstable_nameUpper: PropTypes.Requireable<string>;
-        /**
-         * The upper bound when there are two handles.
-         */
-        unstable_valueUpper: PropTypes.Requireable<number>;
-        /**
-         * The value of the slider. When there are two handles, value is the lower
-         * bound.
-         */
-        value: PropTypes.Validator<number>;
-        /**
-         * `Specify whether the Slider is in a warn state
-         */
-        warn: PropTypes.Requireable<boolean>;
-        /**
-         * Provide the text that is displayed when the Slider is in a warn state
-         */
-        warnText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-};
-export {};
+declare const _default: (props: SliderProps) => ReactNode;
+export default _default;

package/lib/components/Slider/Slider.js

@@ -7,6 +7,8 @@
 
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -1356,4 +1358,4 @@ Slider.propTypes = {
   warnText: PropTypes.node
 };
 
-exports.Slider = Slider;
+exports.default = Slider;

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

@@ -4,7 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Slider } from './Slider';
+export { default as Slider } from './Slider';
 export { default as SliderSkeleton } from './Slider.Skeleton';
-export default Slider;
-export { Slider };

package/lib/components/TimePicker/TimePicker.js

@@ -15,7 +15,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
-var iconsReact = require('@carbon/icons-react');
+var useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
 
 const frFn = React.forwardRef;
 const TimePicker = frFn((props, ref) => {
@@ -74,15 +74,24 @@ const TimePicker = frFn((props, ref) => {
       onBlur(evt);
     }
   }
+  const normalizedProps = useNormalizedInputProps.useNormalizedInputProps({
+    id,
+    readOnly,
+    disabled,
+    invalid,
+    invalidText,
+    warn: warning,
+    warnText: warningText
+  });
   const timePickerInputClasses = cx(`${prefix}--time-picker__input-field`, `${prefix}--text-input`, [inputClassName], {
     [`${prefix}--text-input--light`]: light,
-    [`${prefix}--time-picker__input-field-error`]: invalid || warning
+    [`${prefix}--time-picker__input-field-error`]: normalizedProps.invalid || normalizedProps.warn
   });
   const timePickerClasses = cx({
     [`${prefix}--time-picker`]: true,
     [`${prefix}--time-picker--light`]: light,
-    [`${prefix}--time-picker--invalid`]: invalid,
-    [`${prefix}--time-picker--warning`]: warning,
+    [`${prefix}--time-picker--invalid`]: normalizedProps.invalid,
+    [`${prefix}--time-picker--warning`]: normalizedProps.warn,
     [`${prefix}--time-picker--readonly`]: readOnly,
     [`${prefix}--time-picker--${size}`]: size,
     ...(pickerClassName && {
@@ -140,8 +149,8 @@ const TimePicker = frFn((props, ref) => {
     className: `${prefix}--time-picker__input`
   }, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({
     className: timePickerInputClasses,
-    "data-invalid": invalid ? invalid : undefined,
-    disabled: disabled,
+    "data-invalid": normalizedProps.invalid ? true : undefined,
+    disabled: normalizedProps.disabled,
     id: id,
     maxLength: maxLength,
     onClick: handleOnClick,
@@ -152,17 +161,12 @@ const TimePicker = frFn((props, ref) => {
     ref: ref,
     type: type,
     value: value
-  }, rest, readOnlyProps)), (invalid || warning) && /*#__PURE__*/React.createElement("div", {
+  }, rest, readOnlyProps)), (normalizedProps.invalid || normalizedProps.warn) && normalizedProps.icon && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__error__icon`
-  }, invalid ? /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
-    className: `${prefix}--checkbox__invalid-icon`,
-    size: 16
-  }) : /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
-    className: `${prefix}--text-input__invalid-icon--warning`,
+  }, /*#__PURE__*/React.createElement(normalizedProps.icon, {
+    className: normalizedProps.invalid ? `${prefix}--checkbox__invalid-icon` : `${prefix}--text-input__invalid-icon--warning`,
     size: 16
-  }))), getInternalPickerSelects()), (invalid || warning) && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, invalid ? invalidText : warningText));
+  }))), getInternalPickerSelects()), normalizedProps.validation);
 });
 TimePicker.propTypes = {
   /**

package/lib/index.js

@@ -396,7 +396,7 @@ exports.SelectItemGroup = SelectItemGroup.default;
 exports.SkeletonIcon = SkeletonIcon.default;
 exports.SkeletonPlaceholder = SkeletonPlaceholder.default;
 exports.SkeletonText = SkeletonText.default;
-exports.Slider = Slider.Slider;
+exports.Slider = Slider.default;
 exports.SliderSkeleton = Slider_Skeleton.default;
 exports.HStack = HStack.HStack;
 exports.Stack = Stack.Stack;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.95.0",
+  "version": "1.96.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -55,7 +55,7 @@
     "@carbon/feature-flags": "0.32.0",
     "@carbon/icons-react": "^11.70.0",
     "@carbon/layout": "^11.43.0",
-    "@carbon/styles": "^1.94.0",
+    "@carbon/styles": "^1.95.0",
     "@carbon/utilities": "^0.12.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -80,7 +80,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.38.0",
-    "@carbon/themes": "^11.62.0",
+    "@carbon/themes": "^11.63.0",
     "@figma/code-connect": "^1.3.5",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -139,5 +139,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "4bb1c57e936fa6a1527a4d6483668ecf3cfff51f"
+  "gitHead": "d2ccae94e5aa3defcce07cc9ea90058fda6c9705"
 }