@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta7

package/dist/Tag/Tag.cjs.js

@@ -2,15 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tag = require('../_shared/cjs/Tag-452048f6.js');
-require('../_shared/cjs/index-df60851b.js');
-require('react');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Icon-0ec0c1fb.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
-require('../_shared/cjs/ThemeIcon-ee814862.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var React = require('react');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Icon = require('../_shared/cjs/Icon-08447959.js');
+require('../_shared/cjs/Surface-1b5c2ac8.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-exports.Tag = Tag.Tag;
+const BtIconCross = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconCrossFill = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
+      fill: "currentColor",
+    }),
+  );
+
+/**
+ * Use `Tag` to promote features and manage filtering.
+ */
+var Tag = function (_a) {
+    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = index_es.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
+    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var onRemoveHandler = function () {
+        setIsRemoved(function (p) { return !p; });
+        onRemove && onRemove();
+    };
+    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Tag", {
+            "arc-Tag--isRemovable": isRemovable,
+            "arc-Tag--hasIcon": icon,
+            "arc-Tag--hasLink": link || onClick,
+            "arc-Tag--removed": isRemoved
+        }) }, (isRemoved && { "aria-hidden": true }), index_es.filterDataAttrs(props)),
+        link ? (React__default["default"].createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
+            icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
+                React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
+            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
+            icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
+                React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
+            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
+            icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
+                React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
+            React__default["default"].createElement("div", { className: "arc-Tag-label", title: title }, children))))),
+        isRemovable && (React__default["default"].createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconCross }),
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill })))));
+};
+
+exports.Tag = Tag;

package/dist/Tag/Tag.esm.js

@@ -1,8 +1,76 @@
-export { T as Tag } from '../_shared/esm/Tag-2513c185.js';
-import '../_shared/esm/index-288c66b5.js';
-import 'react';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Icon-512f834f.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/ThemeIcon-c2dc41a6.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
+import React__default, { useState } from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { I as Icon } from '../_shared/esm/Icon-a5cb17de.js';
+import '../_shared/esm/Surface-0af6a69a.js';
+
+const BtIconCross = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconCrossFill = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
+      fill: "currentColor",
+    }),
+  );
+
+/**
+ * Use `Tag` to promote features and manage filtering.
+ */
+var Tag = function (_a) {
+    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
+    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var onRemoveHandler = function () {
+        setIsRemoved(function (p) { return !p; });
+        onRemove && onRemove();
+    };
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
+            "arc-Tag--isRemovable": isRemovable,
+            "arc-Tag--hasIcon": icon,
+            "arc-Tag--hasLink": link || onClick,
+            "arc-Tag--removed": isRemoved
+        }) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs(props)),
+        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
+            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
+                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
+            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
+            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
+                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
+            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
+            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
+                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
+            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
+        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
+            React__default.createElement(Icon, { icon: BtIconCross }),
+            React__default.createElement(Icon, { icon: BtIconCrossFill })))));
+};
+
+export { Tag };

package/dist/Tag/styles.css

@@ -0,0 +1 @@
+.arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc .arc-Tag--removed{display:none}

package/dist/Text/Text.cjs.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('../_shared/cjs/Text-1c1110a4.js');
-require('../_shared/cjs/index-df60851b.js');
+var Text = require('../_shared/cjs/Text-c187d9ef.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/Surface-1b5c2ac8.js');
 
 
 

package/dist/Text/Text.esm.js

@@ -1,6 +1,5 @@
-export { T as Text } from '../_shared/esm/Text-a46fb76b.js';
-import '../_shared/esm/index-288c66b5.js';
+export { T as Text } from '../_shared/esm/Text-df93be85.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/Surface-0af6a69a.js';

package/dist/Text/styles.css

@@ -0,0 +1 @@
+.arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc .arc-Text--alignCenter{text-align:center}.arc .arc-Text--alignLeft{text-align:left}.arc .arc-Text--alignRight{text-align:right}.arc .arc-Text--inline{display:inline}.arc .arc-Text--measured{max-width:32em}.arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}/* ! semantic warning: use of muted with supporting class */.arc .arc-Text--muted{color:var(--sem-color-fg-secondary-light-strong)}/* ! semantic warning: use of muted with supporting class */.arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-strong)}/* ! semantic warning: use of muted with supporting class */.arc .arc-Text--supporting{color:var(--sem-color-fg-secondary-light-muted)}/* ! semantic warning: use of muted with supporting class */.arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-muted)}

package/dist/TextArea/TextArea.cjs.js

@@ -2,66 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
-require('../_shared/cjs/Heading-fb63844f.js');
-require('../_shared/cjs/Image-e9a5a326.js');
-require('../_shared/cjs/Breadcrumbs-7af0af2c.js');
-require('../_shared/cjs/Button-7d891a89.js');
-require('../_shared/cjs/ButtonV2-b2db3f46.js');
-require('../_shared/cjs/Calendar-649cc139.js');
-var Text = require('../_shared/cjs/Text-1c1110a4.js');
-require('../_shared/cjs/Checkbox-0e423653.js');
-require('../_shared/cjs/Columns-1224bdff.js');
-require('../_shared/cjs/DatePicker-2417e55b.js');
-require('../_shared/cjs/Filter-3b897d92.js');
-var FormControl = require('../_shared/cjs/FormControl-88d48f42.js');
-require('../_shared/cjs/Grid-9e91fb3d.js');
-require('../_shared/cjs/Group-3d5ea240.js');
-require('../_shared/cjs/HeroButton-0586a7c4.js');
-require('../_shared/cjs/MediaCard-8f41b411.js');
-require('../_shared/cjs/Poster-b7242b37.js');
-require('../_shared/cjs/ProgressStepper-fb8405c2.js');
-require('../_shared/cjs/RadioGroup-a4186267.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-25393f58.js');
+require('../_shared/cjs/Image-c8969ad9.js');
+require('../_shared/cjs/Heading-25d11688.js');
+require('../_shared/cjs/Breadcrumbs-ca30086e.js');
+require('../_shared/cjs/Button-a2150286.js');
+require('../_shared/cjs/ButtonV2-7c437d1a.js');
+require('../_shared/cjs/Calendar-9b4b01c8.js');
+var Text = require('../_shared/cjs/Text-c187d9ef.js');
+require('../_shared/cjs/Checkbox-f6712cc5.js');
+require('../_shared/cjs/Columns-5c6bab74.js');
+require('../_shared/cjs/ContentSwitcher-88b00e11.js');
+require('../_shared/cjs/ContentSwitcherDropdown-ba5330ed.js');
+require('../_shared/cjs/DatePicker-61d66a55.js');
+require('../_shared/cjs/Filter-b6ca2a39.js');
+var FormControl = require('../_shared/cjs/FormControl-0fba93b8.js');
+require('../_shared/cjs/Grid-69ed0e5c.js');
+require('../_shared/cjs/Group-7e6b78c9.js');
+require('../_shared/cjs/HeroButton-19814c26.js');
+require('../_shared/cjs/MediaCard-7bbe8aa0.js');
+require('../_shared/cjs/Poster-96aa286e.js');
+require('../_shared/cjs/ProgressStepper-c59ec56c.js');
+require('../_shared/cjs/RadioGroup-11f4b232.js');
 require('../_shared/cjs/debounce-a74c28cf.js');
-require('../_shared/cjs/SiteFooter-7c4072b5.js');
-require('../_shared/cjs/SiteHeaderV2-94687999.js');
-require('../_shared/cjs/Tabs-75c34f43.js');
-require('../_shared/cjs/TextInput-762e2309.js');
-require('../_shared/cjs/Toast-d06a89e0.js');
-require('../_shared/cjs/UniversalHeader-f6d9c63a.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/ThemeIcon-ee814862.js');
+require('../_shared/cjs/SiteFooter-d839f66a.js');
+require('../_shared/cjs/SiteHeaderV2-3793453c.js');
+require('../_shared/cjs/Tabs-30a12f1a.js');
+require('../_shared/cjs/TextInput-d39f5a80.js');
+require('../_shared/cjs/Toast-35c83925.js');
+require('../_shared/cjs/UniversalHeader-f9ef793f.js');
+require('../_shared/cjs/ThemeIcon-7f537bd2.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/Icon-0ec0c1fb.js');
-require('../_shared/cjs/ArcIconEclipse.esm-ac777a76.js');
-require('../_shared/cjs/index-7e31a45b.js');
-require('../_shared/cjs/index.es-16759329.js');
+require('../_shared/cjs/Icon-08447959.js');
+require('../_shared/cjs/Spinner-56122c43.js');
+require('../_shared/cjs/index-28fbfd5b.js');
+require('../_shared/cjs/index.es-f23456fa.js');
 require('../_shared/cjs/use-media-query-d34c83b9.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js');
-require('../_shared/cjs/index-3dd54df1.js');
+require('../_shared/cjs/index-1e7a1fce.js');
+require('../_shared/cjs/index-76f7dd53.js');
 require('react-dom');
-require('../_shared/cjs/Combination-3a639f6d.js');
-require('../_shared/cjs/index-039a9d35.js');
-require('../_shared/cjs/index-41b09e85.js');
-require('../_shared/cjs/component-df82bc05.js');
-require('../_shared/cjs/index-7aa7f96a.js');
-require('../_shared/cjs/index-996dec94.js');
-require('../_shared/cjs/DisclosureMini-c01ecce0.js');
-require('../_shared/cjs/BtIconArrowRight.esm-5989f2ca.js');
-require('../_shared/cjs/CardFooter-5414bc4f.js');
+require('../_shared/cjs/index-dbc843d3.js');
+require('../_shared/cjs/index-879e71ee.js');
+require('../_shared/cjs/index-527f962b.js');
+require('../_shared/cjs/index-89c323a4.js');
+require('../_shared/cjs/index-2bf59363.js');
+require('../_shared/cjs/floating-ui.react-dom-08b8b87c.js');
+require('../_shared/cjs/index-ba3141f5.js');
+require('../_shared/cjs/component-4e71e3d3.js');
+require('../_shared/cjs/Combination-854a36ce.js');
+require('react/jsx-runtime');
+require('../_shared/cjs/DisclosureMini-a46a4838.js');
+require('../_shared/cjs/VerticalSpace-973deefe.js');
+require('../_shared/cjs/CardHeading-88edadd4.js');
+require('../_shared/cjs/CardFooter-68235081.js');
+require('../_shared/cjs/BtIconArrowRight.esm-6053bb79.js');
 require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
-require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
-require('../_shared/cjs/VerticalSpace-e128ec68.js');
+require('../_shared/cjs/ConditionalWrapper-bf944594.js');
 require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
-require('../_shared/cjs/BrandLogo-1d2ca2c7.js');
-require('../_shared/cjs/Section-ecfc659b.js');
-require('../_shared/cjs/index-0c6319ec.js');
-require('../_shared/cjs/index-dcfdd5da.js');
-require('../_shared/cjs/index-3d629205.js');
+require('../_shared/cjs/BrandLogo-d4a6fd05.js');
+require('../_shared/cjs/Section-46646353.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -69,7 +73,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = React.forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _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, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, props = index.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight"]);
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _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, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, props = index_es.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight"]);
     var surface = React.useContext(Surface.Context).surface;
     var ourRef = React.useRef(null);
     var _k = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
@@ -92,7 +96,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
-    return (React__default["default"].createElement(FormControl.FormControl, index.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
+    return (React__default["default"].createElement(FormControl.FormControl, index_es.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Text.Text, { tone: isDisabled ? "muted" : "default" },
                 React__default["default"].createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
@@ -100,12 +104,12 @@ var TextArea = React.forwardRef(function (_a, ref) {
                     " / ",
                     maxLength,
                     " characters",
-                    characterCount === maxLength && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, "Maximum characters reached")))))) }, index.filterDataAttrs(props)),
-        React__default["default"].createElement("textarea", { id: id, className: index$1.classNames("arc-TextArea", {
+                    characterCount === maxLength && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, "Maximum characters reached")))))) }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement("textarea", index_es.__assign({ id: id, className: index.classNames("arc-TextArea", {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete })));
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete }, (helper && { "aria-describedby": "".concat(id, "-helper") })))));
 });
 
 exports.TextArea = TextArea;

package/dist/TextArea/TextArea.esm.js

@@ -1,63 +1,67 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
 import React__default, { forwardRef, useContext, useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
-import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-06692fd3.js';
-import '../_shared/esm/Heading-906c7c7c.js';
-import '../_shared/esm/Image-57d08939.js';
-import '../_shared/esm/Breadcrumbs-9078b68e.js';
-import '../_shared/esm/Button-dde2b46a.js';
-import '../_shared/esm/ButtonV2-49cd0615.js';
-import '../_shared/esm/Calendar-60591442.js';
-import { T as Text } from '../_shared/esm/Text-a46fb76b.js';
-import '../_shared/esm/Checkbox-0baca464.js';
-import '../_shared/esm/Columns-6a8f6fbb.js';
-import '../_shared/esm/DatePicker-c7bb178e.js';
-import '../_shared/esm/Filter-49dcf5ce.js';
-import { F as FormControl } from '../_shared/esm/FormControl-d873f7fa.js';
-import '../_shared/esm/Grid-fb9fc522.js';
-import '../_shared/esm/Group-66196f07.js';
-import '../_shared/esm/HeroButton-7ea692bf.js';
-import '../_shared/esm/MediaCard-c12d89ea.js';
-import '../_shared/esm/Poster-e05a8b45.js';
-import '../_shared/esm/ProgressStepper-189ed0f9.js';
-import '../_shared/esm/RadioGroup-8ff17cbb.js';
+import { C as Context } from '../_shared/esm/Surface-0af6a69a.js';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-cf45ac18.js';
+import '../_shared/esm/Image-c1dc10b5.js';
+import '../_shared/esm/Heading-0a8d3545.js';
+import '../_shared/esm/Breadcrumbs-bcf9ca79.js';
+import '../_shared/esm/Button-0506afa7.js';
+import '../_shared/esm/ButtonV2-c83db10c.js';
+import '../_shared/esm/Calendar-34b10bd5.js';
+import { T as Text } from '../_shared/esm/Text-df93be85.js';
+import '../_shared/esm/Checkbox-8195c42c.js';
+import '../_shared/esm/Columns-9aa5df4a.js';
+import '../_shared/esm/ContentSwitcher-bae1f0a7.js';
+import '../_shared/esm/ContentSwitcherDropdown-65291c09.js';
+import '../_shared/esm/DatePicker-aafbdea8.js';
+import '../_shared/esm/Filter-a5bf3fe3.js';
+import { F as FormControl } from '../_shared/esm/FormControl-ff671eb8.js';
+import '../_shared/esm/Grid-727d05d6.js';
+import '../_shared/esm/Group-c4f6c745.js';
+import '../_shared/esm/HeroButton-a98767b7.js';
+import '../_shared/esm/MediaCard-fdc76670.js';
+import '../_shared/esm/Poster-dc3d7ee8.js';
+import '../_shared/esm/ProgressStepper-427f24e3.js';
+import '../_shared/esm/RadioGroup-5b654bee.js';
 import '../_shared/esm/debounce-c8e41002.js';
-import '../_shared/esm/SiteFooter-b65497e8.js';
-import '../_shared/esm/SiteHeaderV2-784b3bf8.js';
-import '../_shared/esm/Tabs-21ac7dfe.js';
-import '../_shared/esm/TextInput-94c7b1a4.js';
-import '../_shared/esm/Toast-de6ca2f3.js';
-import '../_shared/esm/UniversalHeader-456ad60c.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/ThemeIcon-c2dc41a6.js';
+import '../_shared/esm/SiteFooter-1cdba967.js';
+import '../_shared/esm/SiteHeaderV2-743847f6.js';
+import '../_shared/esm/Tabs-d360207d.js';
+import '../_shared/esm/TextInput-7ab39a54.js';
+import '../_shared/esm/Toast-abd517c8.js';
+import '../_shared/esm/UniversalHeader-8ebc5322.js';
+import '../_shared/esm/ThemeIcon-e1e19266.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/Icon-512f834f.js';
-import '../_shared/esm/ArcIconEclipse.esm-bb48b82a.js';
-import '../_shared/esm/index-605031ca.js';
-import '../_shared/esm/index.es-1b6d33c2.js';
+import '../_shared/esm/Icon-a5cb17de.js';
+import '../_shared/esm/Spinner-6704017c.js';
+import '../_shared/esm/index-ce6dee84.js';
+import '../_shared/esm/index.es-932db59a.js';
 import '../_shared/esm/use-media-query-d3622da8.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-4764708f.js';
-import '../_shared/esm/index-cace3545.js';
+import '../_shared/esm/index-89a7c31c.js';
+import '../_shared/esm/index-57d4cb34.js';
 import 'react-dom';
-import '../_shared/esm/Combination-ae3a3f08.js';
-import '../_shared/esm/index-6028d797.js';
-import '../_shared/esm/index-4e58de24.js';
-import '../_shared/esm/component-d0a555cf.js';
-import '../_shared/esm/index-7740883c.js';
-import '../_shared/esm/index-fa93ec97.js';
-import '../_shared/esm/DisclosureMini-38f4c459.js';
-import '../_shared/esm/BtIconArrowRight.esm-6a17d0ce.js';
-import '../_shared/esm/CardFooter-c79fb2db.js';
+import '../_shared/esm/index-14c7f4da.js';
+import '../_shared/esm/index-b9923ee4.js';
+import '../_shared/esm/index-f2ddcbe2.js';
+import '../_shared/esm/index-afbf540d.js';
+import '../_shared/esm/index-e969452b.js';
+import '../_shared/esm/floating-ui.react-dom-1bb71aae.js';
+import '../_shared/esm/index-ac50b180.js';
+import '../_shared/esm/component-3e60a45e.js';
+import '../_shared/esm/Combination-2af75870.js';
+import 'react/jsx-runtime';
+import '../_shared/esm/DisclosureMini-f6d8c9bc.js';
+import '../_shared/esm/VerticalSpace-6a3533db.js';
+import '../_shared/esm/CardHeading-c65f9fb2.js';
+import '../_shared/esm/CardFooter-bf886438.js';
+import '../_shared/esm/BtIconArrowRight.esm-93da96bb.js';
 import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
-import '../_shared/esm/ConditionalWrapper-59be8f35.js';
-import '../_shared/esm/VerticalSpace-b07cd8e6.js';
+import '../_shared/esm/ConditionalWrapper-b85979de.js';
 import '../_shared/esm/_commonjsHelpers-0109d574.js';
-import '../_shared/esm/BrandLogo-7ed8aeda.js';
-import '../_shared/esm/Section-1acbc06a.js';
-import '../_shared/esm/index-f97466e9.js';
-import '../_shared/esm/index-a624de47.js';
-import '../_shared/esm/index-5113ed53.js';
+import '../_shared/esm/BrandLogo-45d0d795.js';
+import '../_shared/esm/Section-c1dc6e37.js';
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = forwardRef(function (_a, ref) {
@@ -93,11 +97,11 @@ var TextArea = forwardRef(function (_a, ref) {
                     maxLength,
                     " characters",
                     characterCount === maxLength && (React__default.createElement(VisuallyHidden, null, "Maximum characters reached")))))) }, filterDataAttrs(props)),
-        React__default.createElement("textarea", { id: id, className: classNames("arc-TextArea", {
+        React__default.createElement("textarea", __assign({ id: id, className: classNames("arc-TextArea", {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete })));
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete }, (helper && { "aria-describedby": "".concat(id, "-helper") })))));
 });
 
 export { TextArea };

package/dist/TextArea/styles.css

@@ -0,0 +1 @@
+.arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius-s);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;margin-top:var(--textarea-gap-m);padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc .arc-TextArea--resizable{resize:"vertical"}.arc .arc-TextArea--noResize{resize:none}.arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc .arc-TextArea-characterCount{white-space:nowrap}.arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}

package/dist/TextInput/TextInput.cjs.js

@@ -2,18 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-762e2309.js');
-require('../_shared/cjs/index-df60851b.js');
+var TextInput = require('../_shared/cjs/TextInput-d39f5a80.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/FormControl-88d48f42.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
-require('../_shared/cjs/DisclosureMini-c01ecce0.js');
-require('../_shared/cjs/Text-1c1110a4.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
-require('../_shared/cjs/Icon-0ec0c1fb.js');
+require('../_shared/cjs/FormControl-0fba93b8.js');
+require('../_shared/cjs/Surface-1b5c2ac8.js');
+require('../_shared/cjs/DisclosureMini-a46a4838.js');
+require('../_shared/cjs/Text-c187d9ef.js');
+require('../_shared/cjs/ThemeIcon-7f537bd2.js');
+require('../_shared/cjs/VisuallyHidden-25393f58.js');
+require('../_shared/cjs/Icon-08447959.js');
 
 
 

package/dist/TextInput/TextInput.esm.js

@@ -1,12 +1,11 @@
-export { a as TextInput } from '../_shared/esm/TextInput-94c7b1a4.js';
-import '../_shared/esm/index-288c66b5.js';
+export { a as TextInput } from '../_shared/esm/TextInput-7ab39a54.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/FormControl-d873f7fa.js';
-import '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/DisclosureMini-38f4c459.js';
-import '../_shared/esm/Text-a46fb76b.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/VisuallyHidden-06692fd3.js';
-import '../_shared/esm/Icon-512f834f.js';
+import '../_shared/esm/FormControl-ff671eb8.js';
+import '../_shared/esm/Surface-0af6a69a.js';
+import '../_shared/esm/DisclosureMini-f6d8c9bc.js';
+import '../_shared/esm/Text-df93be85.js';
+import '../_shared/esm/ThemeIcon-e1e19266.js';
+import '../_shared/esm/VisuallyHidden-cf45ac18.js';
+import '../_shared/esm/Icon-a5cb17de.js';

package/dist/TextInput/styles.css

@@ -0,0 +1 @@
+.arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--sem-type-body-reg-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));width:100%}.arc .arc-TextInput-inputWrapper{align-items:baseline;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:100%;margin-top:var(--textinput-gap-m);position:relative}.arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--sem-type-body-reg-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:calc(4px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--sem-type-body-reg-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:calc(18px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc .arc-TextInput-additionalControl{position:absolute;right:0;text-decoration:underline;top:50%;transform:translateY(-50%)}.arc .arc-TextInput-passwordToggle{background-color:transparent;border:none;color:var(--textinput-colors-light-text-default);cursor:pointer;flex:0 1 auto;font:var(--sem-type-body-reg-m);margin-right:7px;padding:0 4px}.arc .arc-TextInput-passwordToggle:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-TextInput-prefix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 4px 0 calc(12px - 1px)}.arc .arc-TextInput-suffix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 calc(12px - 1px) 0 4px}.arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc .arc-TextInput--withPasswordToggle .arc-TextInput-input{padding-right:0}.arc .arc-TextInput--sizeS .arc-TextInput-prefix{padding-left:calc(8px - 1px)}.arc .arc-TextInput--sizeS .arc-TextInput-suffix,.arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle{padding-right:calc(8px - 1px)}.arc .arc-TextInput--sizeL .arc-TextInput-prefix{padding-left:calc(16px - 1px)}.arc .arc-TextInput--sizeL .arc-TextInput-suffix,.arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle{padding-right:calc(16px - 1px)}.arc .arc-TextInput-input:focus{outline:0}.arc .arc-TextInput-input:focus-visible{border:none}.arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle,.arc .arc-TextInput--sizeS .arc-TextInput-prefix,.arc .arc-TextInput--sizeS .arc-TextInput-suffix{font:var(--sem-type-body-reg-s)}.arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle,.arc .arc-TextInput--sizeL .arc-TextInput-prefix,.arc .arc-TextInput--sizeL .arc-TextInput-suffix{font:var(--sem-type-body-reg-l)}.arc .arc-TextInput-iconButton{background-color:transparent;background-origin:border-box;border:var(--textinput-border-weight-m) solid transparent;border-radius:var(--textinput-border-radius-l);cursor:pointer;display:block;margin:0;padding:0 6px;text-decoration:none}.arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc .arc-TextInput-input:disabled,.arc .arc-TextInput-iconButton:disabled{cursor:not-allowed}.arc .arc-TextInput-iconButton:focus-visible{border-color:var(--focus-colors-light-border-subtle);outline:none}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle{color:var(--textinput-colors-dark-text-default)}.arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton{color:var(--textinput-colors-dark-border-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-border-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-border-default)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc .arc-TextInput-input:disabled,.arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc .arc-TextInput-input:-webkit-autofill, .arc .arc-TextInput-input:-webkit-autofill:hover, .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc .arc-TextInput-input:autofill,.arc .arc-TextInput-input:autofill:hover,.arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle:focus{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}