@arc-ui/components 11.4.2 → 11.5.0

package/dist/_shared/esm/BtIconAlert-55a6ed5c.js

@@ -0,0 +1,32 @@
+import React__default from 'react';
+
+const React = React__default;
+const BtIconAlert = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.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.createElement("path", {
+      fill: "currentColor",
+      d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z"
+    }),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconAlert_2 = BtIconAlert;
+
+export { BtIconAlert_2 as B };

package/dist/_shared/esm/BtIconCrossAlt2Px-a6a9f431.js

@@ -0,0 +1,23 @@
+import React__default from 'react';
+
+const React = React__default;
+const BtIconCrossAlt2Px = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
+
+export { BtIconCrossAlt2Px_2 as B };

package/dist/_shared/esm/{Button-10700df4.js → Button-61241dd0.js}

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { B as BtIconChevronRightMid_2 } from './BtIconChevronRightMid-d9b11761.js';
 import { c as classNames } from './index-2ae58626.js';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
-import { I as Icon } from './Icon-61f7237a.js';
-import { C as Context } from './Surface-bf201530.js';
+import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { I as Icon } from './Icon-fd247973.js';
+import { C as Context } from './Surface-bb100ef8.js';
 
 const React = React__default;
 const BtIconChevronLeftMid = props =>

package/dist/_shared/esm/{Curve-50697f7e.js → Curve-3e87b1bc.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default from 'react';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
+import { s as suffixModifier } from './suffix-modifier-7e640670.js';
 
 /**
  * Use `Curve` sparingly to soften edges and create a more natural, less rigid

package/dist/_shared/esm/DisclosureMini-322fccc0.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode } from "react";
+/**
+ * Use `DisclosureMini` to display content that is only visible when toggled into
+ * an "open" state.
+ */
+declare const DisclosureMini: FC<DisclosureMiniProps>;
+interface DisclosureMiniProps {
+    /**
+     * Content to display in the DisclosureMini.
+     */
+    children: ReactNode;
+    /**
+     * DisclosureMini ID.
+     */
+    id?: string;
+    /**
+     * The DisclosureMini summary text.
+     */
+    summary: string;
+    /**
+     * Should the Disclosure content be open by default?
+     */
+    isOpen?: boolean;
+    /**
+     * Position of the DisclosureMini icon?
+     */
+    iconPosition?: "left" | "right";
+    /**
+     * On Click handler for DisclosureMini summary disclosure.
+     */
+    onClick?: () => void;
+    /**
+     * Disclosure size.
+     */
+    size?: "s" | "l";
+}
+export { DisclosureMini, DisclosureMiniProps };

package/dist/_shared/esm/DisclosureMini-322fccc0.js

@@ -0,0 +1,36 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
+import { c as classNames } from './index-2ae58626.js';
+import React__default, { useContext, useState } from 'react';
+import { B as BtIconChevronDown2Px_2 } from './BtIconChevronDown2Px-782876e2.js';
+import { T as Text } from './Text-00e9743b.js';
+import { C as Context } from './Surface-bb100ef8.js';
+
+/**
+ * Use `DisclosureMini` to display content that is only visible when toggled into
+ * an "open" state.
+ */
+var DisclosureMini = function (_a) {
+    var children = _a.children, summary = _a.summary, onClick = _a.onClick, id = _a.id, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? "left" : _c, _d = _a.size, size = _d === void 0 ? "l" : _d, props = __rest(_a, ["children", "summary", "onClick", "id", "isOpen", "iconPosition", "size"]);
+    var surface = useContext(Context).surface;
+    var _e = useState(false), disclousreState = _e[0], setDisclosureState = _e[1];
+    var handleOnClick = function () {
+        onClick && onClick();
+        setDisclosureState(function (prevState) { return !prevState; });
+    };
+    return (React__default.createElement("details", __assign({ "data-testid": "DisclosureMini", className: classNames({
+            "arc-DisclosureMini": true,
+            "arc-DisclosureMini--onDarkSurface": surface === "dark"
+        }), open: isOpen }, filterDataAttrs(props)),
+        React__default.createElement("summary", { "data-testid": "DisclosureMiniSummary", className: classNames("arc-DisclosureMini-summary", {
+                "arc-DisclosureMini-summary--icon-left": iconPosition === "left",
+                "arc-DisclosureMini-summary--icon-right": iconPosition === "right"
+            }), onClick: handleOnClick, "aria-expanded": disclousreState },
+            React__default.createElement("span", { className: "arc-DisclosureMini-summary-icon" },
+                React__default.createElement(BtIconChevronDown2Px_2, null)),
+            React__default.createElement(Text, { size: size === "l" ? "m" : "s" }, summary)),
+        React__default.createElement("div", { className: "arc-DisclosureMini-details" },
+            React__default.createElement(Text, { size: size === "l" ? "m" : "s" },
+                React__default.createElement("span", { id: id }, children)))));
+};
+
+export { DisclosureMini as D };

package/dist/_shared/esm/{FormControl-2cb96de7.d.ts → FormControl-0744f93f.d.ts}

@@ -1,33 +1,6 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, ReactNode } from "react";
-/**
- * Use `FormControlDisclosure` to display content that is only visible when toggled into
- * an "open" state.
- */
-declare const FormControlDisclosure: FC<FormControlDisclosureProps>;
-interface FormControlDisclosureProps {
-    /**
-     * Content to display in the FormControlDisclosure.
-     */
-    children: ReactNode;
-    /**
-     * FormControlDisclosure ID.
-     */
-    id?: string;
-    /**
-     * The FormControlDisclosure summary text.
-     */
-    summary: string;
-    /**
-     * On Click handler for FormControlDisclosure summary disclosure.
-     */
-    onClick?: () => void;
-    /**
-     * Disclosure size.
-     */
-    size?: "s" | "l";
-}
+import { FC } from "react";
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
  */
@@ -119,4 +92,4 @@ interface FormControlProps {
      */
     helperUnderLabel?: boolean;
 }
-export { FormControlDisclosure, FormControlDisclosureProps, useAriaDescribedby, FormControl, FormControlProps, Context as FormControlContext };
+export { useAriaDescribedby, FormControl, FormControlProps, Context as FormControlContext };

package/dist/_shared/esm/{FormControl-2cb96de7.js → FormControl-0744f93f.js}

@@ -1,9 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
-import React__default, { useContext, useState, createContext } from 'react';
-import { C as Context$1 } from './Surface-bf201530.js';
-import { T as Text } from './Text-6b958ad8.js';
-import { B as BtIconChevronRightMid_2 } from './BtIconChevronRightMid-d9b11761.js';
+import React__default, { createContext, useContext } from 'react';
+import { B as BtIconAlert_2 } from './BtIconAlert-55a6ed5c.js';
+import { C as Context$1 } from './Surface-bb100ef8.js';
+import { D as DisclosureMini } from './DisclosureMini-322fccc0.js';
+import { V as VerticalSpace } from './VerticalSpace-93980c9c.js';
 
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
@@ -32,60 +33,6 @@ var useAriaDescribedby = function (_a) {
     return { ariaDescribedby: ariaDescribedby, idError: idError, idHelper: idHelper, idDisclosure: idDisclosure };
 };
 
-const React = React__default;
-const BtIconAlert = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.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.createElement("path", {
-      fill: "currentColor",
-      d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z"
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      d:
-        "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconAlert_2 = BtIconAlert;
-
-/**
- * Use `FormControlDisclosure` to display content that is only visible when toggled into
- * an "open" state.
- */
-var FormControlDisclosure = function (_a) {
-    var children = _a.children, summary = _a.summary, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? "l" : _b, id = _a.id, props = __rest(_a, ["children", "summary", "onClick", "size", "id"]);
-    var surface = useContext(Context$1).surface;
-    var _c = useState(false), disclousreState = _c[0], setDisclosureState = _c[1];
-    var handleOnClick = function () {
-        onClick && onClick();
-        setDisclosureState(function (prevState) { return !prevState; });
-    };
-    return (React__default.createElement("details", __assign({ className: classNames({
-            "arc-FormControlDisclosure": true,
-            "arc-FormControlDisclosure--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs(props), { "data-testid": "FormControlDisclosure" }),
-        React__default.createElement("summary", { className: "arc-FormControlDisclosure-summary", onClick: handleOnClick, "aria-expanded": disclousreState },
-            React__default.createElement("span", { className: "arc-FormControlDisclosure-summary-icon" },
-                React__default.createElement(BtIconChevronRightMid_2, null)),
-            React__default.createElement(Text, { size: size === "l" ? "m" : "s" }, summary)),
-        React__default.createElement("div", { className: "arc-FormControlDisclosure-details" },
-            React__default.createElement(Text, { size: size === "l" ? "m" : "s" },
-                React__default.createElement("span", { id: id }, children)))));
-};
-
 var defaultContext = {
     requirementStatus: null
 };
@@ -133,7 +80,9 @@ var FormControl = function (_a) {
             !helperUnderLabel && (React__default.createElement(React__default.Fragment, null, errorMessage ? (React__default.createElement("div", { className: "arc-FormControl-error", id: idError },
                 React__default.createElement("span", { className: "arc-FormControl-error--icon" },
                     React__default.createElement(BtIconAlert_2, null)),
-                errorMessage)) : disclosureTitle ? (React__default.createElement(FormControlDisclosure, { onClick: onClickDisclosure, summary: disclosureTitle, size: labelSize, id: idDisclosure }, disclosureText)) : (helper && (React__default.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper))))))));
+                errorMessage)) : disclosureTitle ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(VerticalSpace, { size: "12" }),
+                React__default.createElement(DisclosureMini, { onClick: onClickDisclosure, summary: disclosureTitle, size: labelSize, id: idDisclosure }, disclosureText))) : (helper && (React__default.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper))))))));
 };
 
-export { BtIconAlert_2 as B, Context as C, FormControl as F, useAriaDescribedby as u };
+export { Context as C, FormControl as F, useAriaDescribedby as u };

package/dist/_shared/esm/{Heading-eb1e42db.js → Heading-b61432fb.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
-import { C as Context } from './Surface-bf201530.js';
+import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { C as Context } from './Surface-bb100ef8.js';
 
 /**
  * Use `Heading` to display heading text.

package/dist/_shared/esm/{Icon-61f7237a.js → Icon-fd247973.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import React__default, { useContext } from 'react';
 import { c as classNames } from './index-2ae58626.js';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
-import { C as Context } from './Surface-bf201530.js';
+import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { C as Context } from './Surface-bb100ef8.js';
 
 const React = React__default;
 const ArcIconArc = props =>

package/dist/_shared/esm/{Image-c0f3d42f.js → Image-3596ce55.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default, { useEffect } from 'react';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
+import { s as suffixModifier } from './suffix-modifier-7e640670.js';
 
 /**
  * Use `Image` to render a single image, or set of images, with support for

package/dist/_shared/esm/{Section-7bc71e26.js → Section-b8038d66.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default from 'react';
 

package/dist/_shared/esm/{Surface-bf201530.js → Surface-bb100ef8.js}

@@ -1,4 +1,4 @@
-import { b as __spreadArray, _ as __rest, a as __assign, c as camelCase, f as filterDataAttrs } from './index-229fc864.js';
+import { b as __spreadArray, _ as __rest, a as __assign, c as camelCase, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default, { createContext } from 'react';
 

package/dist/_shared/esm/{Text-6b958ad8.js → Text-00e9743b.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
-import { C as Context } from './Surface-bf201530.js';
+import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { C as Context } from './Surface-bb100ef8.js';
 
 /**
  * Use `Text` to display text.

package/dist/_shared/esm/{VerticalSpace-3579b20e.js → VerticalSpace-93980c9c.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
 import { c as classNames } from './index-2ae58626.js';
 import React__default from 'react';
 

package/dist/_shared/esm/{index-229fc864.js → filter-data-attrs-afdb7d32.js}

@@ -84,18 +84,6 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var dataAttrRe = /^(data-.*)$/;
-var filterDataAttrs = function (props) {
-    var filteredProps = {};
-    for (var prop in props) {
-        if (Object.prototype.hasOwnProperty.call(props, prop) &&
-            dataAttrRe.test(prop)) {
-            filteredProps[prop] = props[prop];
-        }
-    }
-    return filteredProps;
-};
-
 var camelcase = {exports: {}};
 
 const UPPERCASE = /[\p{Lu}]/u;
@@ -205,4 +193,16 @@ camelcase.exports.default = camelCase;
 
 var camelCase$1 = camelcase.exports;
 
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
 export { __rest as _, __assign as a, __spreadArray as b, camelCase$1 as c, __awaiter as d, __generator as e, filterDataAttrs as f };

package/dist/_shared/esm/index-9483ad5f.d.ts

@@ -10,5 +10,5 @@ declare const anchorPoints: readonly [
     "C"
 ];
 export { anchorPoints };
-export * from "./index-229fc864";
-export * from "./suffix-modifier-f5e28822";
+export * from "./filter-data-attrs-afdb7d32";
+export * from "./suffix-modifier-7e640670";

package/dist/_shared/esm/index-c81c9401.d.ts

@@ -1,4 +1,4 @@
-export * from "./FormControl-2cb96de7";
+export * from "./FormControl-0744f93f";
 export * from "../../Card/Card.esm";
 export * from "./index.es-00cb3bcb";
 export * from "../../TextInput/TextInput.esm";

package/dist/_shared/esm/{suffix-modifier-f5e28822.js → suffix-modifier-7e640670.js}

@@ -1,4 +1,4 @@
-import { c as camelCase } from './index-229fc864.js';
+import { c as camelCase } from './filter-data-attrs-afdb7d32.js';
 
 /**
  * Suffixes a modifier value onto the end of a className, converting it to