@arc-ui/components 11.18.0 → 11.19.0

package/dist/_shared/esm/{RadioGroup-37fdb06b.js → RadioGroup-d42dba3a.js}

@@ -15,8 +15,8 @@ var useRadioContext = function () {
  * Radio Button component.
  */
 var RadioButton = forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
+    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, _b = _a.radioButtonAlignment, radioButtonAlignment = _b === void 0 ? "center" : _b, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "radioButtonAlignment", "value"]);
+    var _c = useRadioContext(), blurEvent = _c.blurEvent, changeEvent = _c.changeEvent, groupDisabled = _c.groupDisabled, checkedValue = _c.checkedValue, labelSize = _c.labelSize, name = _c.name, size = _c.size;
     var surface = useContext(Context).surface;
     var idLabel = "".concat(id, "-label");
     var checked = checkedValue === value ? true : false;
@@ -27,9 +27,13 @@ var RadioButton = forwardRef(function (_a, ref) {
             "arc-RadioButton--smallLabel": labelSize === "s",
             "arc-RadioButton--onDarkSurface": surface === "dark"
         }) }, filterDataAttrs(props)),
-        React__default.createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
+        React__default.createElement("label", { className: classNames("arc-RadioButton-label", {
+                "arc-RadioButton-label--alignTop": radioButtonAlignment === "top"
+            }), htmlFor: id, id: idLabel },
             React__default.createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
-            React__default.createElement("span", null,
+            React__default.createElement("span", { className: classNames({
+                    "arc-RadioButton-label--marginTop": radioButtonAlignment === "top"
+                }) },
                 label,
                 helper && React__default.createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
 });

package/dist/_shared/esm/{SiteHeader.rehydrator-32bdcd88.js → SiteHeader.rehydrator-65c8cf71.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-a453e8e4.js';
+import { B as Button } from './Button-3f294e64.js';
 import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 import { T as Text } from './Text-14f586ac.js';
 
@@ -580,7 +580,7 @@ var SiteHeader = function (_a) {
                     React__default.createElement("a", { className: "arc-SiteHeader-brand", onClick: handleLinkClick({
                             handler: logoOnClick
                         }), href: logoHref },
-                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand, size: 40 })),
+                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand })),
                     children && (React__default.createElement("nav", { className: "arc-SiteHeader-nav" },
                         React__default.createElement("div", { className: "arc-SiteHeader-menuButton" },
                             React__default.createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),

package/dist/_shared/esm/{SiteHeaderV2-9e7e7d3b.js → SiteHeaderV2-6d0ff35b.js}

@@ -7,10 +7,10 @@ import { S as Surface } from './Surface-0ca6817d.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-32268f1a.js';
 import { B as BtIconChevronLeft2Px, a as BtIconChevronRight2Px } from './BtIconChevronRight2Px.esm-75e92636.js';
-import { B as Button } from './Button-a453e8e4.js';
+import { B as Button } from './Button-3f294e64.js';
 import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 import { T as Text } from './Text-14f586ac.js';
-import { I as Icon } from './Icon-abd0d990.js';
+import { I as Icon } from './Icon-15799695.js';
 
 var Item = function (_a) {
     var _b;

package/dist/_shared/esm/{Tabs-df9965dd.js → Tabs-a85af483.js}

@@ -6,7 +6,7 @@ import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from './index-044da8d0
 import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from './index-efa9be1a.js';
 import { $ as $f631663db3294ace$export$b39126d51d94e6f3 } from './index-a624de47.js';
 import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-ca72c9d5.js';
-import { I as Icon } from './Icon-abd0d990.js';
+import { I as Icon } from './Icon-15799695.js';
 import { C as Context } from './Surface-0ca6817d.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import { B as BtIconArrowRightFill } from './BtIconArrowRightFill.esm-99019d1a.js';

package/dist/_shared/esm/{Tag-92c088a9.js → Tag-664b85c8.js}

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
 import { C as Context } from './Surface-0ca6817d.js';
-import { I as Icon } from './Icon-abd0d990.js';
+import { I as Icon } from './Icon-15799695.js';
 
 const BtIconCross = (props) =>
   /*#__PURE__*/ React__default.createElement(

package/dist/_shared/esm/{TextInput-abbab56b.js → TextInput-ddf4cc7a.js}

@@ -4,7 +4,7 @@ import React__default, { forwardRef, useContext, useState } from 'react';
 import { u as useAriaDescribedby, F as FormControl } from './FormControl-f0b8fe91.js';
 import { C as Context } from './Surface-0ca6817d.js';
 import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.js';
-import { I as Icon } from './Icon-abd0d990.js';
+import { I as Icon } from './Icon-15799695.js';
 
 /**
  * Infer the correct inputMode, pattern and type if specifying a `number` type.
@@ -36,7 +36,7 @@ var useNumericInput = function (props) {
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
-var TextInput = forwardRef(function (_a, ref) {
+var TextInputComponent = forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, 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, placeholder = _a.placeholder, 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, iconButton = _a.iconButton, prefix = _a.prefix, suffix = _a.suffix, _l = _a.inputAlignment, inputAlignment = _l === void 0 ? "left" : _l, width = _a.width, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "placeholder", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize", "iconButton", "prefix", "suffix", "inputAlignment", "width"]);
     var surface = useContext(Context).surface;
@@ -90,5 +90,7 @@ var TextInput = forwardRef(function (_a, ref) {
                                 ? "Your password is shown"
                                 : "Your password is hidden")))))))));
 });
+var TextInput = forwardRef(function (props, ref) { return React__default.createElement(TextInputComponent, __assign({ ref: ref }, props)); });
+var TextInputWithPlaceHolder = forwardRef(function (props, ref) { return React__default.createElement(TextInputComponent, __assign({ ref: ref }, props)); });
 
-export { TextInput as T };
+export { TextInputWithPlaceHolder as T, TextInput as a };

package/dist/_shared/esm/{Toast-5d66e13f.js → Toast-7a232e15.js}

@@ -11,7 +11,7 @@ import { c as classNames } from './index-2e73c2e9.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';
+import { I as Icon } from './Icon-15799695.js';
 
 const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
 const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';

package/dist/index.es.js

@@ -381,9 +381,13 @@ const ArcIconArc = (props) =>
  */
 var Icon = function (_a) {
     var _b;
-    var testId = _a.testId, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.icon, icon = _d === void 0 ? ArcIconArc : _d, _e = _a.isInline, isInline = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = __rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
+    var testId = _a.testId, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.icon, icon = _d === void 0 ? ArcIconArc : _d, _e = _a.isInline, isInline = _e === void 0 ? false : _e, _f = _a.isPresentationIcon, isPresentationIcon = _f === void 0 ? false : _f, label = _a.label, size = _a.size, props = __rest(_a, ["testId", "color", "icon", "isInline", "isPresentationIcon", "label", "size"]);
     var surface = useContext(Context$5).surface;
     var Icon = icon;
+    var presentationIconProps = {
+        role: "presentation",
+        "aria-hidden": true
+    };
     return (React__default.createElement("span", __assign({ "data-testid": testId, "aria-label": label, className: classNames((_b = {},
             _b["arc-Icon"] = true,
             _b[suffixModifier("arc-Icon--color", color)] = color !== "auto",
@@ -393,7 +397,7 @@ var Icon = function (_a) {
             height: size,
             width: size
         } }, filterDataAttrs(props)),
-        React__default.createElement(Icon, null)));
+        React__default.createElement(Icon, __assign({}, (isPresentationIcon ? presentationIconProps : {})))));
 };
 
 /**
@@ -1921,12 +1925,16 @@ var Curve = function (_a) {
 var Disclosure = function (_a) {
     var children = _a.children, headingLevel = _a.headingLevel, _b = _a.indentDetails, indentDetails = _b === void 0 ? false : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, summary = _a.summary, props = __rest(_a, ["children", "headingLevel", "indentDetails", "isOpen", "summary"]);
     var surface = useContext(Context$5).surface;
+    var _d = useState(false), disclousreState = _d[0], setDisclosureState = _d[1];
+    var handleOnClick = function () {
+        setDisclosureState(function (prevState) { return !prevState; });
+    };
     return (React__default.createElement("details", __assign({ className: classNames({
             "arc-Disclosure": true,
             "arc-Disclosure--indentDetails": indentDetails,
             "arc-Disclosure--onDarkSurface": surface === "dark"
         }), open: isOpen }, filterDataAttrs(props)),
-        React__default.createElement("summary", { className: "arc-Disclosure-summary" },
+        React__default.createElement("summary", { "aria-expanded": disclousreState, onClick: handleOnClick, className: "arc-Disclosure-summary" },
             React__default.createElement("span", { className: "arc-Disclosure-summary-icon" },
                 React__default.createElement(BtIconChevronDown2Px, null)),
             React__default.createElement(Heading, { level: headingLevel, size: "s" }, summary)),
@@ -2328,7 +2336,7 @@ var InformationCard = function (_a) {
         React__default.createElement(Surface, { growVertically: true, padding: containerSpacing, background: "white" },
             React__default.createElement("div", null,
                 image && (React__default.createElement("div", { className: "arc-InformationCard-img" },
-                    React__default.createElement(Image, __assign({}, image)),
+                    React__default.createElement(Image, __assign({ alt: "" }, image)),
                     React__default.createElement(VerticalSpace, { size: assetSpacing }))),
                 icon && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
@@ -35683,8 +35691,8 @@ var useRadioContext = function () {
  * Radio Button component.
  */
 var RadioButton = forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
+    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, _b = _a.radioButtonAlignment, radioButtonAlignment = _b === void 0 ? "center" : _b, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "radioButtonAlignment", "value"]);
+    var _c = useRadioContext(), blurEvent = _c.blurEvent, changeEvent = _c.changeEvent, groupDisabled = _c.groupDisabled, checkedValue = _c.checkedValue, labelSize = _c.labelSize, name = _c.name, size = _c.size;
     var surface = useContext(Context$5).surface;
     var idLabel = "".concat(id, "-label");
     var checked = checkedValue === value ? true : false;
@@ -35695,9 +35703,13 @@ var RadioButton = forwardRef(function (_a, ref) {
             "arc-RadioButton--smallLabel": labelSize === "s",
             "arc-RadioButton--onDarkSurface": surface === "dark"
         }) }, filterDataAttrs(props)),
-        React__default.createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
+        React__default.createElement("label", { className: classNames("arc-RadioButton-label", {
+                "arc-RadioButton-label--alignTop": radioButtonAlignment === "top"
+            }), htmlFor: id, id: idLabel },
             React__default.createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
-            React__default.createElement("span", null,
+            React__default.createElement("span", { className: classNames({
+                    "arc-RadioButton-label--marginTop": radioButtonAlignment === "top"
+                }) },
                 label,
                 helper && React__default.createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
 });
@@ -39895,7 +39907,7 @@ var SiteHeader = function (_a) {
                     React__default.createElement("a", { className: "arc-SiteHeader-brand", onClick: handleLinkClick({
                             handler: logoOnClick
                         }), href: logoHref },
-                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand, size: 40 })),
+                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand })),
                     children && (React__default.createElement("nav", { className: "arc-SiteHeader-nav" },
                         React__default.createElement("div", { className: "arc-SiteHeader-menuButton" },
                             React__default.createElement(MenuButton$1, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),
@@ -41628,7 +41640,7 @@ var TextArea = forwardRef(function (_a, ref) {
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
-var TextInput = forwardRef(function (_a, ref) {
+var TextInputComponent = forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, 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, placeholder = _a.placeholder, 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, iconButton = _a.iconButton, prefix = _a.prefix, suffix = _a.suffix, _l = _a.inputAlignment, inputAlignment = _l === void 0 ? "left" : _l, width = _a.width, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "placeholder", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize", "iconButton", "prefix", "suffix", "inputAlignment", "width"]);
     var surface = useContext(Context$5).surface;
@@ -41682,6 +41694,8 @@ var TextInput = forwardRef(function (_a, ref) {
                                 ? "Your password is shown"
                                 : "Your password is hidden")))))))));
 });
+var TextInput = forwardRef(function (props, ref) { return React__default.createElement(TextInputComponent, __assign({ ref: ref }, props)); });
+forwardRef(function (props, ref) { return React__default.createElement(TextInputComponent, __assign({ ref: ref }, props)); });
 
 const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
 const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';