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

package/dist/_shared/esm/{CardFooter-c79fb2db.js → CardFooter-bf886438.js}

@@ -1,9 +1,9 @@
 import React__default from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { B as BtIconArrowRight } from './BtIconArrowRight.esm-6a17d0ce.js';
+import { B as BtIconArrowRight } from './BtIconArrowRight.esm-93da96bb.js';
 import { B as BtIconPlayFill } from './BtIconPlayFill.esm-05fc0344.js';
-import { I as Icon } from './Icon-512f834f.js';
-import { b as isDate, f as format } from './index-605031ca.js';
+import { I as Icon } from './Icon-a5cb17de.js';
+import { i as isDate, f as format } from './index-ce6dee84.js';
 
 const BtIconPlay = (props) =>
   /*#__PURE__*/ React__default.createElement(
@@ -65,9 +65,9 @@ var CardFooter = function (_a) {
                     React__default.createElement("div", { className: classNames("arc-CardFooter-buttonIconRight", {
                             "arc-CardFooter-buttonIconRight--isHovered": isHovered
                         }) },
-                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular, size: 40 })),
+                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular })),
                     React__default.createElement("div", { className: "arc-CardFooter-buttonIconLeft" },
-                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular, size: 40 }))))))));
+                        React__default.createElement(Icon, { icon: icons[buttonIcon].regular }))))))));
 };
 
 export { CardFooter as C };

package/dist/_shared/esm/CardHeading-c65f9fb2.js

@@ -0,0 +1,10 @@
+import { a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
+import React__default from 'react';
+import { H as Heading } from './Heading-0a8d3545.js';
+
+var CardHeading = function (_a) {
+    var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d;
+    return (React__default.createElement(Heading, { level: headingLevel, size: size }, href ? (React__default.createElement("a", __assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterDataAttrs(linkData)), heading)) : (heading)));
+};
+
+export { CardHeading as C };

package/dist/_shared/esm/{Checkbox-0baca464.js → Checkbox-8195c42c.js}

@@ -1,22 +1,26 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { C as Context, u as useAriaDescribedby } from './FormControl-d873f7fa.js';
-import { C as Context$1 } from './Surface-71d21a9e.js';
-import { T as ThemeIcon } from './ThemeIcon-c2dc41a6.js';
-import { V as VisuallyHidden } from './VisuallyHidden-06692fd3.js';
+import { C as Context, u as useAriaDescribedby } from './FormControl-ff671eb8.js';
+import { C as Context$1 } from './Surface-0af6a69a.js';
+import { T as ThemeIcon } from './ThemeIcon-e1e19266.js';
+import { V as VisuallyHidden } from './VisuallyHidden-cf45ac18.js';
 
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */
 var Checkbox = forwardRef(function (_a, ref) {
-    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "l" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, props = __rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _f = _a.size, size = _f === void 0 ? "m" : _f, value = _a.value, _g = _a.checkboxAlignment, checkboxAlignment = _g === void 0 ? "center" : _g, props = __rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "hideLabel", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
     var requirementStatus = useContext(Context).requirementStatus;
     var surface = useContext(Context$1).surface;
     var _h = useAriaDescribedby({
         id: id,
         errorMessage: errorMessage
     }), ariaDescribedby = _h.ariaDescribedby, idError = _h.idError;
+    var tickSize = {
+        s: { width: 14, height: 11 },
+        m: { width: 18, height: 14 }
+    };
     var idLabel = "".concat(id, "-label");
     var checkedProps = {};
     if (typeof onChange === "function") {
@@ -40,7 +44,8 @@ var Checkbox = forwardRef(function (_a, ref) {
             }) },
             React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs(props))),
             React__default.createElement("span", { className: "arc-Checkbox-box" },
-                React__default.createElement(ThemeIcon, { icon: "checkboxChecked" })),
+                React__default.createElement("svg", { style: tickSize[size], viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React__default.createElement("path", { d: "M5.99459 14L0.350576 8.23277C0.126079 8.00285 0 7.69132 0 7.36653C0 7.04173 0.126079 6.7302 0.350576 6.50028C0.578979 6.27752 0.88258 6.15324 1.19832 6.15324C1.51405 6.15324 1.81765 6.27752 2.04606 6.50028L5.99459 10.535L15.9385 0.374054C16.0491 0.25703 16.1814 0.163688 16.3277 0.0994738C16.474 0.0352599 16.6313 0.00145997 16.7905 4.626e-05C16.9497 -0.00136745 17.1076 0.0296342 17.255 0.0912406C17.4023 0.152847 17.5362 0.243825 17.6488 0.358867C17.7614 0.473908 17.8504 0.610709 17.9107 0.761287C17.971 0.911865 18.0013 1.0732 18 1.23589C17.9986 1.39858 17.9655 1.55936 17.9026 1.70884C17.8398 1.85833 17.7485 1.99352 17.6339 2.10655L5.99459 14Z", fill: "currentColor" }))),
             React__default.createElement("span", __assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"
             })), hideLabel ? (React__default.createElement(VisuallyHidden, null,

package/dist/_shared/esm/{Columns-6a8f6fbb.js → Columns-9aa5df4a.js}

@@ -1,7 +1,6 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs, s as suffixModifier } from './index.es-5496ec12.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default from 'react';
-import { s as suffixModifier } from './suffix-modifier-1ce05abe.js';
 
 /**
  * Use `Columns` to compose layouts on a 12-column grid.