@redsift/design-system 11.9.4 → 12.0.0-muiv5

package/_internal/NumberField.js

@@ -1,18 +1,19 @@
-import { _ as _objectSpread2, a as _defineProperty, b as _objectWithoutProperties, d as _classPrivateFieldInitSpec, e as _classPrivateFieldSet, f as _classPrivateFieldGet, c as _extends } from './_rollupPluginBabelHelpers.js';
+import { a as _objectSpread2, _ as _defineProperty, b as _objectWithoutProperties, d as _classPrivateFieldInitSpec, e as _classPrivateFieldSet, f as _classPrivateFieldGet, c as _extends } from './_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useCallback, useEffect, useMemo, useContext, createContext, forwardRef } from 'react';
 import classNames from 'classnames';
 import { w as warnIfNoAccessibleLabelFound } from './warnIfNoAccessibleLabelFound.js';
 import styled, { css } from 'styled-components';
-import { i as baseStyling } from './styles4.js';
+import { i as baseStyling } from './styles5.js';
 import { T as Theme } from './colors.js';
 import { mdiMenuUp, mdiMenuDown } from '@redsift/icons';
-import { S as StyledIconButton } from './styles2.js';
+import { S as StyledIconButton } from './styles3.js';
 import { a as useSSRSafeId, u as useLocale } from './context.js';
 import { N as NumberFormatter, u as useNumberFormatter } from './useNumberFormatter.js';
 import { u as useLocalizedStringFormatter } from './useLocalizedStringFormatter.js';
 import { b as useLayoutEffect, i as isFirefox, c as isMac, d as isWebKit, e as isIPad, f as useEffectEvent, g as isIOS, h as getOwnerDocument, j as isVirtualPointerEvent, k as isVirtualClick, l as getOwnerWindow, m as getInteractionModality, n as useFocus, s as setInteractionModality, a as useFocusWithin, o as isIPhone, p as isAndroid, u as useFocusRing } from './useFocusRing.js';
 import { u as useMessageFormatter } from './useMessageFormatter.js';
 import c from 'clsx';
+import { f as getStylingTransientProps } from './styles.js';
 import { u as useTheme } from './useTheme.js';
 import { a as Icon } from './Icon2.js';
 import { F as Flexbox } from './Flexbox2.js';
@@ -3803,6 +3804,10 @@ const CLASSNAME = 'redsift-number-field';
  * Can be used as controlled or uncontrolled.
  */
 const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    transientProps,
+    otherProps
+  } = getStylingTransientProps(props);
   const {
       autoFocus,
       className,
@@ -3834,8 +3839,8 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
       theme: propsTheme,
       value,
       variant = NumberFieldVariant.default
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
+    } = otherProps,
+    forwardedProps = _objectWithoutProperties(otherProps, _excluded);
   const numberFieldProps = {
     id,
     isDisabled,
@@ -3901,7 +3906,7 @@ const NumberField = /*#__PURE__*/forwardRef((props, ref) => {
     onFocusWithinChange: isFocusWithin => setFocusWithin(isFocusWithin)
   });
   warnIfNoAccessibleLabelFound(props, [label], 'NumberField');
-  return /*#__PURE__*/React__default.createElement(StyledNumberField, _extends({}, forwardedProps, focusWithinProps, {
+  return /*#__PURE__*/React__default.createElement(StyledNumberField, _extends({}, forwardedProps, focusWithinProps, transientProps, {
     $hasContent: isFocusWithin || Boolean(inputProps.value !== undefined && inputProps.value !== '') || Boolean(placeholder),
     $hasLeftIcon: Boolean(leftIcon),
     $isColored: isColored,