@procore/core-react 12.48.2 → 12.49.1

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-12_48_2__sc-wgvjj9-0"
+  componentId: "core-12_49_1__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-12_48_2__sc-wgvjj9-1"
+  componentId: "core-12_49_1__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["@media (prefers-reduced-motion:no-preference){animation:", " 0.5s linear infinite;}background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/MenuImperative/MenuImperative.styles.js

@@ -11,15 +11,15 @@ var optionMinHeight = 32;
 // Do not merge with StyledMenu, needed for max-height working in IE
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledWrapper",
-  componentId: "core-12_48_2__sc-z984sz-0"
+  componentId: "core-12_49_1__sc-z984sz-0"
 })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
 export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMenu",
-  componentId: "core-12_48_2__sc-z984sz-1"
+  componentId: "core-12_49_1__sc-z984sz-1"
 })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_48_2__sc-z984sz-2"
+  componentId: "core-12_49_1__sc-z984sz-2"
 })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}ol&{padding:", "px 0;list-style-type:none;margin:0;}"], optionMinHeight, function (_ref) {
   var _ref$$scrollable = _ref.$scrollable,
     $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,27 +27,27 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
 }, spacing.sm, getFocus(), spacing.sm);
 export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGrip",
-  componentId: "core-12_48_2__sc-z984sz-3"
+  componentId: "core-12_49_1__sc-z984sz-3"
 })(["padding:0 2px;height:24px;"]);
 export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeader",
-  componentId: "core-12_48_2__sc-z984sz-4"
+  componentId: "core-12_49_1__sc-z984sz-4"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_48_2__sc-z984sz-5"
+  componentId: "core-12_49_1__sc-z984sz-5"
 })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_48_2__sc-z984sz-6"
+  componentId: "core-12_49_1__sc-z984sz-6"
 })(["&:not(:first-child){margin-top:", "px;}"], spacing.md);
 export var StyledGroupLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGroupLabel",
-  componentId: "core-12_48_2__sc-z984sz-7"
+  componentId: "core-12_49_1__sc-z984sz-7"
 })(["", " display:block;color:", ";font-weight:", ";padding:", "px ", "px;cursor:default;"], getTypographyIntent('body'), colors.gray15, typographyWeights.semibold, spacing.xs, spacing.lg);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_48_2__sc-z984sz-8"
+  componentId: "core-12_49_1__sc-z984sz-8"
 })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " ", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref2) {
   var as = _ref2.as;
   return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -76,10 +76,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDroppable",
-  componentId: "core-12_48_2__sc-z984sz-9"
+  componentId: "core-12_49_1__sc-z984sz-9"
 })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
 export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_48_2__sc-z984sz-10"
+  componentId: "core-12_49_1__sc-z984sz-10"
 })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
 //# sourceMappingURL=MenuImperative.styles.js.map

package/dist/Modal/Modal.styles.js

@@ -32,15 +32,15 @@ var screenWidthPixelBreakpoints = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-12_48_2__sc-1ijdug2-0"
+  componentId: "core-12_49_1__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-12_48_2__sc-1ijdug2-1"
+  componentId: "core-12_49_1__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-12_48_2__sc-1ijdug2-2"
+  componentId: "core-12_49_1__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
   var $compact = _ref.$compact;
   if (!$compact) {
@@ -64,11 +64,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-12_48_2__sc-1ijdug2-3"
+  componentId: "core-12_49_1__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-12_48_2__sc-1ijdug2-4"
+  componentId: "core-12_49_1__sc-1ijdug2-4"
 })(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
   var $noSideSpacing = _ref4.$noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
@@ -85,7 +85,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-12_48_2__sc-1ijdug2-5"
+  componentId: "core-12_49_1__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
   var _ref7$$compact = _ref7.$compact,
     $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -96,11 +96,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-12_48_2__sc-1ijdug2-6"
+  componentId: "core-12_49_1__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-12_48_2__sc-1ijdug2-7"
+  componentId: "core-12_49_1__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
   var $compact = _ref8.$compact,
     $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -118,7 +118,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-12_48_2__sc-1ijdug2-8"
+  componentId: "core-12_49_1__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
   var $compact = _ref0.$compact;
   return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -134,18 +134,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-12_48_2__sc-1ijdug2-9"
+  componentId: "core-12_49_1__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-12_48_2__sc-1ijdug2-10"
+  componentId: "core-12_49_1__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-12_48_2__sc-1ijdug2-11"
+  componentId: "core-12_49_1__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-12_48_2__sc-1ijdug2-12"
+  componentId: "core-12_49_1__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/MultiSelect/MultiSelect.styles.js

@@ -8,34 +8,34 @@ import { getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledMultiSelectInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectInner",
-  componentId: "core-12_48_2__sc-s9ym9q-0"
+  componentId: "core-12_49_1__sc-s9ym9q-0"
 })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
 export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectValues",
-  componentId: "core-12_48_2__sc-s9ym9q-1"
+  componentId: "core-12_49_1__sc-s9ym9q-1"
 })(["display:contents;"]);
 export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectToken",
-  componentId: "core-12_48_2__sc-s9ym9q-2"
+  componentId: "core-12_49_1__sc-s9ym9q-2"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
 export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledMultiSelectSearchInput",
-  componentId: "core-12_48_2__sc-s9ym9q-3"
+  componentId: "core-12_49_1__sc-s9ym9q-3"
 })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
   var $isNavigatingTokens = _ref.$isNavigatingTokens;
   return $isNavigatingTokens && css(["color:transparent;"]);
 }, colors.gray45);
 export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearch",
-  componentId: "core-12_48_2__sc-s9ym9q-4"
+  componentId: "core-12_49_1__sc-s9ym9q-4"
 })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
 export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultiSelectSearchIcon",
-  componentId: "core-12_48_2__sc-s9ym9q-5"
+  componentId: "core-12_49_1__sc-s9ym9q-5"
 })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
 export var StyledMultiSelectClearIcon = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledMultiSelectClearIcon",
-  componentId: "core-12_48_2__sc-s9ym9q-6"
+  componentId: "core-12_49_1__sc-s9ym9q-6"
 })(["", " ", "{pointer-events:none;}"], function (_ref2) {
   var $show = _ref2.$show;
   return css(["opacity:", ";"], $show ? 1 : 0);
@@ -45,7 +45,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
 export var StyledMultiSelectMenu = StyledSelectMenu;
 export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
   displayName: "StyledMultiSelectButton",
-  componentId: "core-12_48_2__sc-s9ym9q-7"
+  componentId: "core-12_49_1__sc-s9ym9q-7"
 })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref3) {
   var $emptyValue = _ref3.$emptyValue;
   return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);

package/dist/NextMenu/NextMenu.styles.js

@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
 export var defaultMenuHeight = 64;
 export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledOptions",
-  componentId: "core-12_48_2__sc-3o6zya-0"
+  componentId: "core-12_49_1__sc-3o6zya-0"
 })([""]);
 export var StyledItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledItem",
-  componentId: "core-12_48_2__sc-3o6zya-1"
+  componentId: "core-12_49_1__sc-3o6zya-1"
 })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
 export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroup",
-  componentId: "core-12_48_2__sc-3o6zya-2"
+  componentId: "core-12_49_1__sc-3o6zya-2"
 })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
 //# sourceMappingURL=NextMenu.styles.js.map

package/dist/NextTile/NextTile.styles.js

@@ -75,26 +75,26 @@ function selectableTileFocusWithinOutlineCss() {
 }
 export var StyledNextTileInertContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNextTileInertContent",
-  componentId: "core-12_48_2__sc-17bbrfw-0"
+  componentId: "core-12_49_1__sc-17bbrfw-0"
 })(["display:contents;color:", ";& *{color:inherit;}"], disabledText);
 export var StyledNextTileFocusTarget = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledNextTileFocusTarget",
-  componentId: "core-12_48_2__sc-17bbrfw-1"
+  componentId: "core-12_49_1__sc-17bbrfw-1"
 })(["border-radius:inherit;min-height:0;outline:none;"]);
 export var StyledNextInteractableTile = /*#__PURE__*/styled(StyledInteractableTile).withConfig({
   displayName: "StyledNextInteractableTile",
-  componentId: "core-12_48_2__sc-17bbrfw-2"
+  componentId: "core-12_49_1__sc-17bbrfw-2"
 })(["border:", ";position:relative;", ""], nextTileNeutralBorder, function (_ref5) {
   var $disabled = _ref5.$disabled;
   return $disabled && css(["&&{border-color:", ";cursor:not-allowed;pointer-events:none;}&&:focus{border:1px solid ", ";box-shadow:none;outline:none;}", ""], colors.gray85, colors.gray85, disabledInteractableStyles);
 });
 export var StyledNextLinkTile = /*#__PURE__*/styled(StyledLinkTile).withConfig({
   displayName: "StyledNextLinkTile",
-  componentId: "core-12_48_2__sc-17bbrfw-3"
+  componentId: "core-12_49_1__sc-17bbrfw-3"
 })(["border:", ";position:relative;", ""], nextTileNeutralBorder, nextTileLinkLikeFocusStyles);
 export var StyledNextSelectableTile = /*#__PURE__*/styled(StyledSelectableTile).withConfig({
   displayName: "StyledNextSelectableTile",
-  componentId: "core-12_48_2__sc-17bbrfw-4"
+  componentId: "core-12_49_1__sc-17bbrfw-4"
 })(["position:relative;", " ", " ", " ", " ", " &:focus{", " outline:none;}", " ", ""], function (p) {
   return nextTileSelectableBorderStyles(p);
 }, function (_ref6) {

package/dist/Notation/Notation.js

@@ -14,7 +14,7 @@ var variantColorMap = {
 };
 var StyledNotation = /*#__PURE__*/styled.i.withConfig({
   displayName: "StyledNotation",
-  componentId: "core-12_48_2__sc-160q1m6-0"
+  componentId: "core-12_49_1__sc-160q1m6-0"
 })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant ? colors[variantColorMap[$variant]] : colors.gray15;

package/dist/NumberInput/NumberInput.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["aria-label", "aria-labelledby", "decimalScale", "defaultValue", "disabled", "error", "fillDecimalScale", "onChange", "onKeyDown", "onBlur", "prefix", "readOnly", "step", "style", "suffix", "value", "qa"],
+var _excluded = ["aria-label", "aria-labelledby", "decimalScale", "defaultValue", "disabled", "error", "fillDecimalScale", "max", "min", "onChange", "onKeyDown", "onBlur", "prefix", "readOnly", "step", "style", "suffix", "value", "qa"],
   _excluded2 = ["currencyDisplay", "currencyIsoCode", "decimalScale", "fillDecimalScale", "prefix", "suffix"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -24,7 +24,7 @@ import { mergeRefs } from '../_utils/mergeRefs';
 import { defaultCurrencyFillDecimalScale, defaultCurrencyInputPrefix } from './NumberInput.constants';
 import { useNumberFormat, useNumberInputLabel, usePrevious } from './NumberInput.hooks';
 import { addonRootFontFamily, addonRootFontSize, addonRootPadding, inputDefaultXPadding, StyledIncrementerButton, StyledIncrementerWrapper, StyledInput, StyledPrefix, StyledSuffix, StyledWrapper } from './NumberInput.styles';
-import { backspaceKey, commaKey, controlKey, copyKey, defaultLocale, deleteKey, emptyString, format, getNewCursorPosition, getSeparators, highlightAllKey, identicalLocales, identifyPressedKey, maxDigitLength, metaKeyIdentifier, minus, numericKeypadKey, periodKey, prepareValueToFormatting, toFixed, unformat } from './NumberInput.utils';
+import { backspaceKey, clamp, commaKey, controlKey, copyKey, defaultLocale, deleteKey, emptyString, format, getNewCursorPosition, getSeparators, highlightAllKey, identicalLocales, identifyPressedKey, maxDigitLength, metaKeyIdentifier, minus, numericKeypadKey, periodKey, prepareValueToFormatting, toFixed, unformat } from './NumberInput.utils';
 function noop() {}
 var PlusIcon = function PlusIcon() {
   return /*#__PURE__*/React.createElement("svg", {
@@ -73,6 +73,8 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     error = _ref$error === void 0 ? false : _ref$error,
     _ref$fillDecimalScale = _ref.fillDecimalScale,
     fillDecimalScale = _ref$fillDecimalScale === void 0 ? 'none' : _ref$fillDecimalScale,
+    max = _ref.max,
+    min = _ref.min,
     _onChange = _ref.onChange,
     _ref$onKeyDown = _ref.onKeyDown,
     _onKeyDown = _ref$onKeyDown === void 0 ? noop : _ref$onKeyDown,
@@ -272,8 +274,11 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var diff = toFixed(step, stepPrecision) * (down ? -1 : 1);
     var precision = Math.max(stepPrecision, fixedDecimalScale ? verifiedDecimalScale : prevValuePrecision);
     var significantPrecision = Math.max(prevValueSignificantPrecision, stepPrecision);
-    var calculated = inputValue ? ((parsedNumber || 0) + diff).toFixed(significantPrecision) : diff;
-    var _getValueLengthInfo = getValueLengthInfo(calculated, true),
+    var calculatedNumber = inputValue ? (parsedNumber || 0) + diff : diff;
+    var clampedNumber = clamp(calculatedNumber, min, max);
+    var wasClamped = clampedNumber !== calculatedNumber;
+    var calculated = inputValue ? clampedNumber.toFixed(significantPrecision) : clampedNumber;
+    var _getValueLengthInfo = getValueLengthInfo(wasClamped ? clampedNumber : calculated, true),
       isSafeLength = _getValueLengthInfo.isSafeLength,
       isSafeIntegerLength = _getValueLengthInfo.isSafeIntegerLength;
     var rejectStepByLengthLimit = !isSafeLength || !isSafeIntegerLength;
@@ -281,7 +286,7 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       console.warn("WARNING: Incrementer's step was not fulfilled since result oversteps input ".concat(maxDigitLength, "-digit limit and can't be presented without a loss of precision."));
       return;
     }
-    var formatted = format(locale, precision, 'always', calculated, true);
+    var formatted = wasClamped ? formatValue(clampedNumber) : format(locale, precision, 'always', calculated, true);
     setInputValue(formatted);
     externalOnChange(formatted);
   };
@@ -369,33 +374,45 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var isDecimalSeparatorRedundant = verifiedDecimalScale > 0 && inputValue[inputValue.length - 1] === decimal && !fillDecimalScaleOnBlur;
     var isDecimalScaleNotFilled = verifiedDecimalScale - fraction.length > 0;
     var shouldDecimalScaleBeFilled = fillDecimalScaleOnBlur && isDecimalScaleNotFilled;
-    if (shouldValueBeCleared || shouldIntegerPartBeFilled || isDecimalSeparatorRedundant || shouldDecimalScaleBeFilled) {
-      var getNewValue = function getNewValue() {
-        if (shouldValueBeCleared) {
-          return emptyString;
-        }
-        if (shouldIntegerPartBeFilled) {
-          var numberOfZerosToPad = verifiedDecimalScale - fraction.length;
-          return "".concat(integer, "0").concat(decimal).concat(shouldDecimalScaleBeFilled ? fraction.concat(Array.from({
-            length: numberOfZerosToPad
-          }, function (_) {
-            return '0';
-          }).join(emptyString)) : fraction);
-        }
-        if (isDecimalSeparatorRedundant) {
-          return inputValue.replace(new RegExp("[".concat(decimal, "]"), 'g'), emptyString);
-        }
-        if (shouldDecimalScaleBeFilled) {
-          return format(locale, verifiedDecimalScale, 'always', inputValue);
-        }
-        return inputValue;
-      };
-      var newValue = getNewValue();
-      setInputValue(newValue);
-      externalOnChange(newValue);
+    var getBaseValue = function getBaseValue() {
+      if (shouldValueBeCleared) {
+        return emptyString;
+      }
+      if (shouldIntegerPartBeFilled) {
+        var numberOfZerosToPad = verifiedDecimalScale - fraction.length;
+        return "".concat(integer, "0").concat(decimal).concat(shouldDecimalScaleBeFilled ? fraction.concat(Array.from({
+          length: numberOfZerosToPad
+        }, function (_) {
+          return '0';
+        }).join(emptyString)) : fraction);
+      }
+      if (isDecimalSeparatorRedundant) {
+        return inputValue.replace(new RegExp("[".concat(decimal, "]"), 'g'), emptyString);
+      }
+      if (shouldDecimalScaleBeFilled) {
+        return format(locale, verifiedDecimalScale, 'always', inputValue);
+      }
+      return inputValue;
+    };
+    var baseValue = getBaseValue();
+    var hasBounds = typeof min === 'number' || typeof max === 'number';
+    var _unformat5 = unformat(locale, baseValue),
+      baseParsed = _unformat5.parsedNumber;
+    var clampedParsed = clamp(baseParsed, min, max);
+    var needsClamp = hasBounds && Number.isFinite(baseParsed) && clampedParsed !== baseParsed;
+    var clampFillScale = fixedDecimalScale || fillDecimalScaleOnBlur ? 'always' : 'none';
+    var finalValue = needsClamp ? format(locale, verifiedDecimalScale, clampFillScale, clampedParsed, true) : baseValue;
+    if (finalValue !== inputValue) {
+      setInputValue(finalValue);
+      externalOnChange(finalValue);
     }
     _onBlur(e);
   };
+  var _unformat6 = unformat(locale, inputValue),
+    currentParsedNumber = _unformat6.parsedNumber;
+  var hasFiniteValue = Number.isFinite(currentParsedNumber);
+  var isAtMax = hasFiniteValue && Number.isFinite(max) && currentParsedNumber >= max;
+  var isAtMin = hasFiniteValue && Number.isFinite(min) && currentParsedNumber <= min;
   return /*#__PURE__*/React.createElement(StyledWrapper, {
     $hasIncrementer: hasIncrementer,
     "data-qa": qa === null || qa === void 0 ? void 0 : qa.wrapper
@@ -427,7 +444,7 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, suffixProps), suffix), hasIncrementer && /*#__PURE__*/React.createElement(StyledIncrementerWrapper, null, /*#__PURE__*/React.createElement(StyledIncrementerButton, {
     "aria-hidden": "true",
     type: "button",
-    disabled: disabled,
+    disabled: disabled || isAtMax,
     tabIndex: -1,
     "data-qa": qa === null || qa === void 0 ? void 0 : qa.increment,
     onClick: function onClick() {
@@ -436,7 +453,7 @@ export var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(PlusIcon, null)), /*#__PURE__*/React.createElement(StyledIncrementerButton, {
     "aria-hidden": "true",
     type: "button",
-    disabled: disabled,
+    disabled: disabled || isAtMin,
     tabIndex: -1,
     "data-qa": qa === null || qa === void 0 ? void 0 : qa.decrement,
     onClick: function onClick() {