@arc-ui/components 11.10.0 → 11.12.0

package/dist/_shared/esm/{Text-a3720712.js → Text-14f586ac.js}

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
 import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
-import { C as Context } from './Surface-c6e817cd.js';
+import { C as Context } from './Surface-0ca6817d.js';
 
 /**
  * Use `Text` to display text.

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

@@ -1,8 +1,8 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { forwardRef, useContext, useState } from 'react';
-import { u as useAriaDescribedby, F as FormControl } from './FormControl-aad4288c.js';
-import { C as Context } from './Surface-c6e817cd.js';
+import { u as useAriaDescribedby, F as FormControl } from './FormControl-351e5f1b.js';
+import { C as Context } from './Surface-0ca6817d.js';
 import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.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/_shared/esm/{Toast-b81384a4.js → Toast-37549e68.js}

@@ -6,10 +6,10 @@ import { b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $c512c27ab02ef895$
 import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from './index-a1d2d9b3.js';
 import { b as $5cb92bef7577960e$export$aecb2ddcb55c95be, c as $5cb92bef7577960e$export$be92b6f5f03c0fe9, $ as $f1701beae083dbae$export$602eac185826482c } from './index-3797d77e.js';
 import { c as classNames } from './index-2e73c2e9.js';
-import { B as BtIconCrossAlt2Px } from './BtIconCrossAlt2Px.esm-425a6beb.js';
-import { B as BtIconNotification, a as BtIconAlertTriangle, b as BtIconTick } from './BtIconTick.esm-673282f5.js';
-import { B as BtIconAlert } from './BtIconAlert.esm-09346130.js';
-import { I as Icon } from './Icon-3bfabb14.js';
+import { B as BtIconCrossAlt2Px } from './BtIconCrossAlt2Px.esm-7165ab1a.js';
+import { B as BtIconNotification, a as BtIconAlertTriangle, b as BtIconTick } from './BtIconTick.esm-e265098f.js';
+import { B as BtIconAlert } from './BtIconAlert.esm-a4608d47.js';
+import { I as Icon } from './Icon-abd0d990.js';
 
 const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
     return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, props, {

package/dist/_shared/esm/{UniversalHeader-354a1867.js → UniversalHeader-b4c1577c.js}

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { useEffect } from 'react';
-import { S as Surface } from './Surface-c6e817cd.js';
+import { S as Surface } from './Surface-0ca6817d.js';
 
 /**
  * Use `UniversalHeader` to display a group-level page header.