@arc-ui/components 11.11.0 → 11.12.0

package/dist/Button/Button.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../_shared/cjs/Button-80781596.js');
+var Button = require('../_shared/cjs/Button-4fed080a.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('react');

package/dist/Button/Button.esm.js

@@ -1,4 +1,4 @@
-export { B as Button } from '../_shared/esm/Button-69073fb3.js';
+export { B as Button } from '../_shared/esm/Button-a453e8e4.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import 'react';

package/dist/Modal/Modal.cjs.js

@@ -14,7 +14,7 @@ var index$3 = require('../_shared/cjs/index-43458549.js');
 var Icon = require('../_shared/cjs/Icon-a9801f05.js');
 var Base = require('../_shared/cjs/Base-f5a86eed.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
-var Button = require('../_shared/cjs/Button-80781596.js');
+var Button = require('../_shared/cjs/Button-4fed080a.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('react-dom');

package/dist/Modal/Modal.esm.js

@@ -10,7 +10,7 @@ import { $ as $01b9c$RemoveScroll, h as hideOthers } from '../_shared/esm/index-
 import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import { B as Button } from '../_shared/esm/Button-69073fb3.js';
+import { B as Button } from '../_shared/esm/Button-a453e8e4.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import 'react-dom';

package/dist/Select/Select.cjs.js

@@ -1724,11 +1724,12 @@ const BtIconChevronUp2Px = (props) =>
 
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = filterDataAttrs.__rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
+    var _b;
+    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _c = _a.selectSize, selectSize = _c === void 0 ? "m" : _c, props = filterDataAttrs.__rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
     var id = React.useId();
     var arcRootElement = React.useContext(Base.ArcRootElementContext);
     var surface = React.useContext(Surface.Context).surface;
-    var _b = React.useState(defaultValue), selectedValue = _b[0], setSelectedValue = _b[1];
+    var _d = React.useState(defaultValue), selectedValue = _d[0], setSelectedValue = _d[1];
     var onValueChange = function (value) {
         onChange && onChange(value);
         setSelectedValue(value);
@@ -1737,16 +1738,28 @@ var Select = function (_a) {
         var _a;
         return (_a = options.find(function (option) { return option.value === value; })) === null || _a === void 0 ? void 0 : _a.name;
     };
+    var getIconSize = function (selectSize) {
+        switch (selectSize) {
+            case "s":
+                return 16;
+            case "l":
+                return 24;
+            default:
+                return 20;
+        }
+    };
     return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
         React__default["default"].createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
-            React__default["default"].createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, filterDataAttrs.__assign({ id: id, name: name, onBlur: onBlur, className: index$1.classNames("arc-Select-trigger", {
-                    "arc-Select-trigger--constrained": !isFluid,
-                    "arc-Select-trigger--onDarkSurface": surface === "dark",
-                    "arc-Select-trigger--invalid": errorMessage
-                }) }, filterDataAttrs.filterDataAttrs(props)),
+            React__default["default"].createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, filterDataAttrs.__assign({ id: id, name: name, onBlur: onBlur, className: index$1.classNames("arc-Select-trigger", (_b = {
+                        "arc-Select-trigger--constrained": !isFluid,
+                        "arc-Select-trigger--onDarkSurface": surface === "dark",
+                        "arc-Select-trigger--invalid": errorMessage
+                    },
+                    _b["arc-Select-trigger--size".concat(selectSize && selectSize.toUpperCase())] = selectSize && selectSize !== "m",
+                    _b)) }, filterDataAttrs.filterDataAttrs(props)),
                 React__default["default"].createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { asChild: true, "aria-label": getSelectedValueName(selectedValue) }, !selectedValue ? (React__default["default"].createElement("span", { "aria-hidden": true, className: "arc-Select-placeHolder" }, placeholder)) : (React__default["default"].createElement("span", { className: "arc-Select-valueItem" }, getSelectedValueName(selectedValue)))),
                 React__default["default"].createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
-                    React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronDown2Px_esm.BtIconChevronDown2Px, size: 20 }))),
+                    React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronDown2Px_esm.BtIconChevronDown2Px, size: getIconSize(selectSize) }))),
             React__default["default"].createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement || undefined },
                 React__default["default"].createElement($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: index$1.classNames("arc-Select-content", {
                         "arc-Select-content--onDarkSurface": surface === "dark"

package/dist/Select/Select.esm.js

@@ -1697,11 +1697,12 @@ const BtIconChevronUp2Px = (props) =>
 
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
+    var _b;
+    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _c = _a.selectSize, selectSize = _c === void 0 ? "m" : _c, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
     var id = useId();
     var arcRootElement = useContext(ArcRootElementContext);
     var surface = useContext(Context).surface;
-    var _b = useState(defaultValue), selectedValue = _b[0], setSelectedValue = _b[1];
+    var _d = useState(defaultValue), selectedValue = _d[0], setSelectedValue = _d[1];
     var onValueChange = function (value) {
         onChange && onChange(value);
         setSelectedValue(value);
@@ -1710,16 +1711,28 @@ var Select = function (_a) {
         var _a;
         return (_a = options.find(function (option) { return option.value === value; })) === null || _a === void 0 ? void 0 : _a.name;
     };
+    var getIconSize = function (selectSize) {
+        switch (selectSize) {
+            case "s":
+                return 16;
+            case "l":
+                return 24;
+            default:
+                return 20;
+        }
+    };
     return (React__default.createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
         React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
-            React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, className: classNames("arc-Select-trigger", {
-                    "arc-Select-trigger--constrained": !isFluid,
-                    "arc-Select-trigger--onDarkSurface": surface === "dark",
-                    "arc-Select-trigger--invalid": errorMessage
-                }) }, filterDataAttrs(props)),
+            React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, className: classNames("arc-Select-trigger", (_b = {
+                        "arc-Select-trigger--constrained": !isFluid,
+                        "arc-Select-trigger--onDarkSurface": surface === "dark",
+                        "arc-Select-trigger--invalid": errorMessage
+                    },
+                    _b["arc-Select-trigger--size".concat(selectSize && selectSize.toUpperCase())] = selectSize && selectSize !== "m",
+                    _b)) }, filterDataAttrs(props)),
                 React__default.createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { asChild: true, "aria-label": getSelectedValueName(selectedValue) }, !selectedValue ? (React__default.createElement("span", { "aria-hidden": true, className: "arc-Select-placeHolder" }, placeholder)) : (React__default.createElement("span", { className: "arc-Select-valueItem" }, getSelectedValueName(selectedValue)))),
                 React__default.createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
-                    React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: 20 }))),
+                    React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: getIconSize(selectSize) }))),
             React__default.createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement || undefined },
                 React__default.createElement($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: classNames("arc-Select-content", {
                         "arc-Select-content--onDarkSurface": surface === "dark"

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-0e2adbac.js');
+var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-a3f07c9e.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
@@ -13,7 +13,7 @@ require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Button-80781596.js');
+require('../_shared/cjs/Button-4fed080a.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 require('../_shared/cjs/Icon-a9801f05.js');

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,4 +1,4 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-bafcb166.js';
+export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-8f554bfd.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
@@ -9,7 +9,7 @@ import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Button-69073fb3.js';
+import '../_shared/esm/Button-a453e8e4.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import '../_shared/esm/Icon-abd0d990.js';

package/dist/TextArea/TextArea.cjs.js

@@ -10,7 +10,7 @@ require('../_shared/cjs/Heading-27cba320.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/Base-f5a86eed.js');
 require('../_shared/cjs/Breadcrumbs-ed70e75a.js');
-require('../_shared/cjs/Button-80781596.js');
+require('../_shared/cjs/Button-4fed080a.js');
 require('../_shared/cjs/Card-17dcc171.js');
 require('../_shared/cjs/Checkbox-b126194e.js');
 require('../_shared/cjs/Columns-ae4f8cef.js');
@@ -23,9 +23,9 @@ require('../_shared/cjs/ProgressStepper-9cdc0afe.js');
 require('../_shared/cjs/RadioGroup-56e3b0e5.js');
 require('../_shared/cjs/debounce-123468fb.js');
 require('../_shared/cjs/SiteFooter-6381ac4a.js');
-require('../_shared/cjs/SiteHeader.rehydrator-0e2adbac.js');
+require('../_shared/cjs/SiteHeader.rehydrator-a3f07c9e.js');
 require('../_shared/cjs/Tabs-2d2a517d.js');
-require('../_shared/cjs/TextInput-539f9f30.js');
+require('../_shared/cjs/TextInput-bf1fe052.js');
 require('../_shared/cjs/Toast-69108261.js');
 require('../_shared/cjs/UniversalHeader-5e43d320.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');

package/dist/TextArea/TextArea.esm.js

@@ -6,7 +6,7 @@ import '../_shared/esm/Heading-d16e0e53.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/Base-f200653c.js';
 import '../_shared/esm/Breadcrumbs-87e2bd46.js';
-import '../_shared/esm/Button-69073fb3.js';
+import '../_shared/esm/Button-a453e8e4.js';
 import '../_shared/esm/Card-201e9f28.js';
 import '../_shared/esm/Checkbox-d6ec5024.js';
 import '../_shared/esm/Columns-d96b7425.js';
@@ -19,9 +19,9 @@ import '../_shared/esm/ProgressStepper-f51f86c3.js';
 import '../_shared/esm/RadioGroup-c838764c.js';
 import '../_shared/esm/debounce-6fed6b84.js';
 import '../_shared/esm/SiteFooter-233bb926.js';
-import '../_shared/esm/SiteHeader.rehydrator-bafcb166.js';
+import '../_shared/esm/SiteHeader.rehydrator-8f554bfd.js';
 import '../_shared/esm/Tabs-f903187a.js';
-import '../_shared/esm/TextInput-ee68c88b.js';
+import '../_shared/esm/TextInput-991804b6.js';
 import '../_shared/esm/Toast-37549e68.js';
 import '../_shared/esm/UniversalHeader-b4c1577c.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';

package/dist/TextInput/TextInput.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-539f9f30.js');
+var TextInput = require('../_shared/cjs/TextInput-bf1fe052.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');

package/dist/TextInput/TextInput.esm.js

@@ -1,4 +1,4 @@
-export { T as TextInput } from '../_shared/esm/TextInput-ee68c88b.js';
+export { T as TextInput } from '../_shared/esm/TextInput-991804b6.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';

package/dist/_shared/cjs/{Button-80781596.js → Button-4fed080a.js}

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Button = React.forwardRef(function (_a, ref) {
     var _b;
-    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = filterDataAttrs.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type", "form"]);
+    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, _h = _a.size, size = _h === void 0 ? "m" : _h, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = filterDataAttrs.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "size", "supportingText", "target", "type", "form"]);
     var surface = React.useContext(Surface.Context).surface;
     var buttonClasses = index.classNames((_b = {
             "arc-Button": true,
@@ -31,6 +31,7 @@ var Button = React.forwardRef(function (_a, ref) {
             iconPosition !== "afterText",
         _b["arc-Button--hasSupportingText"] = supportingText,
         _b["arc-Button--onDarkSurface"] = surface === "dark",
+        _b["arc-Button--size".concat(size && size.toUpperCase())] = size && size !== "m",
         _b));
     var commonProps = filterDataAttrs.__assign({ id: id, onClick: onClick, ref: ref }, filterDataAttrs.filterDataAttrs(props));
     var buttonText = supportingText ? (React__default["default"].createElement("span", null,

package/dist/_shared/cjs/{SiteHeader.rehydrator-0e2adbac.js → SiteHeader.rehydrator-a3f07c9e.js}

@@ -9,7 +9,7 @@ var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');
 var Surface = require('./Surface-038db6e1.js');
 var BrandLogo = require('./BrandLogo-aea340c8.js');
-var Button = require('./Button-80781596.js');
+var Button = require('./Button-4fed080a.js');
 var suffixModifier = require('./suffix-modifier-64dcd338.js');
 var Text = require('./Text-606ca3a2.js');
 

package/dist/_shared/cjs/{TextInput-539f9f30.js → TextInput-bf1fe052.js}

@@ -42,9 +42,10 @@ var useNumericInput = function (props) {
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
 var TextInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, label = _a.label, _f = _a.labelSize, labelSize = _f === void 0 ? "l" : _f, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText"]);
+    var _b;
+    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize"]);
     var surface = React.useContext(Surface.Context).surface;
-    var _j = React.useState(false), showPasswordToggle = _j[0], setShowPasswordToggle = _j[1];
+    var _l = React.useState(false), showPasswordToggle = _l[0], setShowPasswordToggle = _l[1];
     var inferredInputProps = useNumericInput({
         inputMode: inputMode,
         pattern: pattern,
@@ -57,12 +58,14 @@ var TextInput = React.forwardRef(function (_a, ref) {
         helper: helper,
         disclosureText: disclosureText
     }).ariaDescribedby;
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
-            "arc-TextInput": true,
-            "arc-TextInput--withPasswordToggle": showPassword,
-            "arc-TextInput--invalid": errorMessage,
-            "arc-TextInput--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs.filterDataAttrs(props)),
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
+                "arc-TextInput": true,
+                "arc-TextInput--withPasswordToggle": showPassword,
+                "arc-TextInput--invalid": errorMessage,
+                "arc-TextInput--onDarkSurface": surface === "dark"
+            },
+            _b["arc-TextInput--size".concat(inputSize && inputSize.toUpperCase())] = inputSize && inputSize !== "m",
+            _b)) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
             React__default["default"].createElement("div", { className: "arc-TextInput-inputWrapper" },
                 React__default["default"].createElement("input", filterDataAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),

package/dist/_shared/esm/{Button-69073fb3.js → Button-a453e8e4.js}

@@ -12,7 +12,7 @@ import { C as Context } from './Surface-0ca6817d.js';
  */
 var Button = forwardRef(function (_a, ref) {
     var _b;
-    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type", "form"]);
+    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, _h = _a.size, size = _h === void 0 ? "m" : _h, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "size", "supportingText", "target", "type", "form"]);
     var surface = useContext(Context).surface;
     var buttonClasses = classNames((_b = {
             "arc-Button": true,
@@ -25,6 +25,7 @@ var Button = forwardRef(function (_a, ref) {
             iconPosition !== "afterText",
         _b["arc-Button--hasSupportingText"] = supportingText,
         _b["arc-Button--onDarkSurface"] = surface === "dark",
+        _b["arc-Button--size".concat(size && size.toUpperCase())] = size && size !== "m",
         _b));
     var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterDataAttrs(props));
     var buttonText = supportingText ? (React__default.createElement("span", null,

package/dist/_shared/esm/{SiteHeader.rehydrator-bafcb166.js → SiteHeader.rehydrator-8f554bfd.js}

@@ -7,7 +7,7 @@ import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px.esm-75e92636.js';
 import { S as Surface } from './Surface-0ca6817d.js';
 import { B as BrandLogo } from './BrandLogo-1af78f76.js';
-import { B as Button } from './Button-69073fb3.js';
+import { B as Button } from './Button-a453e8e4.js';
 import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 import { T as Text } from './Text-14f586ac.js';
 

package/dist/_shared/esm/{TextInput-ee68c88b.js → TextInput-991804b6.js}

@@ -36,9 +36,10 @@ var useNumericInput = function (props) {
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
 var TextInput = forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, label = _a.label, _f = _a.labelSize, labelSize = _f === void 0 ? "l" : _f, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText"]);
+    var _b;
+    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize"]);
     var surface = useContext(Context).surface;
-    var _j = useState(false), showPasswordToggle = _j[0], setShowPasswordToggle = _j[1];
+    var _l = useState(false), showPasswordToggle = _l[0], setShowPasswordToggle = _l[1];
     var inferredInputProps = useNumericInput({
         inputMode: inputMode,
         pattern: pattern,
@@ -51,12 +52,14 @@ var TextInput = forwardRef(function (_a, ref) {
         helper: helper,
         disclosureText: disclosureText
     }).ariaDescribedby;
-    return (React__default.createElement("div", __assign({ className: classNames({
-            "arc-TextInput": true,
-            "arc-TextInput--withPasswordToggle": showPassword,
-            "arc-TextInput--invalid": errorMessage,
-            "arc-TextInput--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs(props)),
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {
+                "arc-TextInput": true,
+                "arc-TextInput--withPasswordToggle": showPassword,
+                "arc-TextInput--invalid": errorMessage,
+                "arc-TextInput--onDarkSurface": surface === "dark"
+            },
+            _b["arc-TextInput--size".concat(inputSize && inputSize.toUpperCase())] = inputSize && inputSize !== "m",
+            _b)) }, filterDataAttrs(props)),
         React__default.createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
             React__default.createElement("div", { className: "arc-TextInput-inputWrapper" },
                 React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),

package/dist/index.es.js

@@ -1380,7 +1380,7 @@ const BtIconChevronRightMid = (props) =>
  */
 var Button = forwardRef(function (_a, ref) {
     var _b;
-    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type", "form"]);
+    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, _h = _a.size, size = _h === void 0 ? "m" : _h, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "size", "supportingText", "target", "type", "form"]);
     var surface = useContext(Context$3).surface;
     var buttonClasses = classNames((_b = {
             "arc-Button": true,
@@ -1393,6 +1393,7 @@ var Button = forwardRef(function (_a, ref) {
             iconPosition !== "afterText",
         _b["arc-Button--hasSupportingText"] = supportingText,
         _b["arc-Button--onDarkSurface"] = surface === "dark",
+        _b["arc-Button--size".concat(size && size.toUpperCase())] = size && size !== "m",
         _b));
     var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterDataAttrs(props));
     var buttonText = supportingText ? (React__default.createElement("span", null,
@@ -37593,11 +37594,12 @@ const BtIconChevronUp2Px = (props) =>
 
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure"]);
+    var _b;
+    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _c = _a.selectSize, selectSize = _c === void 0 ? "m" : _c, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
     var id = useId();
     var arcRootElement = useContext(ArcRootElementContext);
     var surface = useContext(Context$3).surface;
-    var _b = useState(defaultValue), selectedValue = _b[0], setSelectedValue = _b[1];
+    var _d = useState(defaultValue), selectedValue = _d[0], setSelectedValue = _d[1];
     var onValueChange = function (value) {
         onChange && onChange(value);
         setSelectedValue(value);
@@ -37606,16 +37608,28 @@ var Select = function (_a) {
         var _a;
         return (_a = options.find(function (option) { return option.value === value; })) === null || _a === void 0 ? void 0 : _a.name;
     };
+    var getIconSize = function (selectSize) {
+        switch (selectSize) {
+            case "s":
+                return 16;
+            case "l":
+                return 24;
+            default:
+                return 20;
+        }
+    };
     return (React__default.createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
         React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
-            React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, className: classNames("arc-Select-trigger", {
-                    "arc-Select-trigger--constrained": !isFluid,
-                    "arc-Select-trigger--onDarkSurface": surface === "dark",
-                    "arc-Select-trigger--invalid": errorMessage
-                }) }, filterDataAttrs(props)),
+            React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, className: classNames("arc-Select-trigger", (_b = {
+                        "arc-Select-trigger--constrained": !isFluid,
+                        "arc-Select-trigger--onDarkSurface": surface === "dark",
+                        "arc-Select-trigger--invalid": errorMessage
+                    },
+                    _b["arc-Select-trigger--size".concat(selectSize && selectSize.toUpperCase())] = selectSize && selectSize !== "m",
+                    _b)) }, filterDataAttrs(props)),
                 React__default.createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { asChild: true, "aria-label": getSelectedValueName(selectedValue) }, !selectedValue ? (React__default.createElement("span", { "aria-hidden": true, className: "arc-Select-placeHolder" }, placeholder)) : (React__default.createElement("span", { className: "arc-Select-valueItem" }, getSelectedValueName(selectedValue)))),
                 React__default.createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
-                    React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: 20 }))),
+                    React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: getIconSize(selectSize) }))),
             React__default.createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement || undefined },
                 React__default.createElement($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: classNames("arc-Select-content", {
                         "arc-Select-content--onDarkSurface": surface === "dark"
@@ -39234,9 +39248,10 @@ var TextArea = forwardRef(function (_a, ref) {
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
 var TextInput = forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, label = _a.label, _f = _a.labelSize, labelSize = _f === void 0 ? "l" : _f, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText"]);
+    var _b;
+    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize"]);
     var surface = useContext(Context$3).surface;
-    var _j = useState(false), showPasswordToggle = _j[0], setShowPasswordToggle = _j[1];
+    var _l = useState(false), showPasswordToggle = _l[0], setShowPasswordToggle = _l[1];
     var inferredInputProps = useNumericInput({
         inputMode: inputMode,
         pattern: pattern,
@@ -39249,12 +39264,14 @@ var TextInput = forwardRef(function (_a, ref) {
         helper: helper,
         disclosureText: disclosureText
     }).ariaDescribedby;
-    return (React__default.createElement("div", __assign({ className: classNames({
-            "arc-TextInput": true,
-            "arc-TextInput--withPasswordToggle": showPassword,
-            "arc-TextInput--invalid": errorMessage,
-            "arc-TextInput--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs(props)),
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {
+                "arc-TextInput": true,
+                "arc-TextInput--withPasswordToggle": showPassword,
+                "arc-TextInput--invalid": errorMessage,
+                "arc-TextInput--onDarkSurface": surface === "dark"
+            },
+            _b["arc-TextInput--size".concat(inputSize && inputSize.toUpperCase())] = inputSize && inputSize !== "m",
+            _b)) }, filterDataAttrs(props)),
         React__default.createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
             React__default.createElement("div", { className: "arc-TextInput-inputWrapper" },
                 React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),