@arc-ui/components 11.25.0 → 12.0.0-beta.10

package/dist/_shared/cjs/Card-78a70e63.js

@@ -1,126 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-d01ebbd4.js');
-var Icon = require('./Icon-b46897a3.js');
-var Image = require('./Image-e873b8fc.js');
-var Heading = require('./Heading-27cba320.js');
-var suffixModifier = require('./suffix-modifier-64dcd338.js');
-var Surface = require('./Surface-038db6e1.js');
-var handleLinkClick = require('./handle-link-click-17a44cf4.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Detect interaction mode
- */
-var useInteractionMode = function () {
-    var _a = React.useState("pointer"), interactionMode = _a[0], setInteractionMode = _a[1];
-    React.useEffect(function () {
-        var onKeyDown = function (event) {
-            if (event.altKey || event.ctrlKey || event.metaKey) {
-                return;
-            }
-            setInteractionMode("keyboard");
-        };
-        var onPointerDown = function () {
-            setInteractionMode("pointer");
-        };
-        if (typeof window !== "undefined") {
-            document.addEventListener("keydown", onKeyDown, true);
-            document.addEventListener("click", onPointerDown, true);
-        }
-        return function () {
-            if (typeof window !== "undefined") {
-                document.removeEventListener("keydown", onKeyDown);
-                document.removeEventListener("click", onPointerDown);
-            }
-        };
-    }, []);
-    return { interactionMode: interactionMode };
-};
-
-/**
-#### Deprecation Notice
-
-The `Card` component has been superseded by a range of new `Card` options (`ImpactCard`, `InformationCard`, `MediaCard`, `TypographyCard`) and therefore is being deprecated from Arc and will be removed in a future release.
-
-Do not use `Card` for any new work, and prepare to update any design that features it to replace it with our newer `Card` options.
- */
-var Card = function (_a) {
-    var _b;
-    var actionId = _a.actionId, _c = _a.actionLabel, actionLabel = _c === void 0 ? "Read more" : _c, children = _a.children, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, href = _a.href, imageAlt = _a.imageAlt, imageHeight = _a.imageHeight, imageLoading = _a.imageLoading, imageSrc = _a.imageSrc, imageSrcSet = _a.imageSrcSet, linkData = _a.linkData, minHeight = _a.minHeight, onClick = _a.onClick, target = _a.target, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? "s" : _e, props = filterDataAttrs.__rest(_a, ["actionId", "actionLabel", "children", "fill", "href", "imageAlt", "imageHeight", "imageLoading", "imageSrc", "imageSrcSet", "linkData", "minHeight", "onClick", "target", "title", "titleSize"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var interactionMode = useInteractionMode().interactionMode;
-    var Wrapper = function (_a) {
-        var children = _a.children;
-        return fill === "outlined" || fill === "neutral" ? (React__default["default"].createElement("div", null, children)) : (React__default["default"].createElement(Surface.Surface, { background: surface === "dark" ? "white" : "darker" }, children));
-    };
-    var coverImage = imageSrc && (React__default["default"].createElement(CardImage, { alt: imageAlt, height: imageHeight, loading: imageLoading, src: imageSrc, srcSet: imageSrcSet }));
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
-                "arc-Card": true,
-                "arc-Card--onDarkSurface": surface === "dark"
-            },
-            _b[suffixModifier.suffixModifier("arc-Card--fill", fill)] = fill !== "solid",
-            _b["arc-is-".concat(interactionMode, "InteractionMode")] = interactionMode,
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(Wrapper, null,
-            React__default["default"].createElement("div", { className: "arc-Card-inner", style: { minHeight: minHeight } },
-                React__default["default"].createElement("div", { className: "arc-Card-header" },
-                    React__default["default"].createElement("div", { className: "arc-Card-title" },
-                        React__default["default"].createElement(Heading.Heading, { size: titleSize },
-                            React__default["default"].createElement(CardLink, { stretch: true, onClick: onClick, actionId: actionId, fill: fill, href: href, linkData: linkData, target: target }, title))),
-                    coverImage),
-                React__default["default"].createElement("div", { className: "arc-Card-children" },
-                    React__default["default"].createElement(Card.Block, null, children)),
-                href && (React__default["default"].createElement(CardBlock, null,
-                    React__default["default"].createElement(CardLink, { href: href, fill: fill, actionId: actionId, onClick: onClick, isButton: true }, actionLabel)))))));
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-var CardBlock = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? "left" : _b, children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, _d = _a.grow, grow = _d === void 0 ? false : _d;
-    return (React__default["default"].createElement("div", { className: index.classNames({
-            "arc-Card-block": true,
-            "arc-Card-block--alignCenter": align === "center",
-            "arc-Card-block--alignRight": align === "right",
-            "arc-Card-block--fullWidth": isFullWidth,
-            "arc-Card-block--grow": grow
-        }) },
-        React__default["default"].createElement("div", { className: "arc-Card-blockInner" }, children)));
-};
-Card.Block = CardBlock;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-var CardImage = function (_a) {
-    var _b = _a.alt, alt = _b === void 0 ? "" : _b, _c = _a.height, height = _c === void 0 ? 176 : _c, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet;
-    return (React__default["default"].createElement("div", { className: index.classNames({
-            "arc-Card-image": true
-        }) },
-        React__default["default"].createElement(Image.Image, { alt: alt, fit: "cover", height: height, loading: loading, sizes: sizes, src: src, srcSet: srcSet })));
-};
-Card.Image = CardImage;
-/**
- * Internal `CardLink` component.
- */
-var CardLink = function (_a) {
-    var actionId = _a.actionId, isButton = _a.isButton, children = _a.children, fill = _a.fill, href = _a.href, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, onClick = _a.onClick, stretch = _a.stretch, target = _a.target;
-    var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("a", filterDataAttrs.__assign({ onClick: handleLinkClick.handleLinkClick({ handler: onClick }), "aria-describedby": actionId, className: index.classNames({
-            "arc-Card-link": true,
-            "arc-Card-link--button": isButton,
-            "arc-Card-link--onDarkSurface": surface === "dark" && fill !== "neutral",
-            "arc-Card-link--stretch": stretch
-        }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, filterDataAttrs.filterDataAttrs(linkData)),
-        React__default["default"].createElement("span", { className: "arc-Card-linkText" }, children),
-        isButton && (React__default["default"].createElement("span", { className: "arc-Card-linkIcon" },
-            React__default["default"].createElement(Icon.Icon, { testId: "cardIcon", icon: BtIconChevronRightMid_esm.BtIconChevronRightMid, size: 24 })))));
-};
-
-exports.Card = Card;

package/dist/_shared/cjs/Checkbox-0253327b.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-var BtIconTickAlt2Px_esm = require('./BtIconTickAlt2Px.esm-57c89acc.js');
-var BtIconAlert_esm = require('./BtIconAlert.esm-1a0ff9f0.js');
-var index = require('./index-9947ac13.js');
-var FormControl = require('./FormControl-68258ce1.js');
-var Surface = require('./Surface-038db6e1.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- *  Use `Checkbox` to allow users to select individual options.
- */
-var Checkbox = React.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, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _e = _a.size, size = _e === void 0 ? "l" : _e, value = _a.value, _f = _a.checkboxAlignment, checkboxAlignment = _f === void 0 ? "center" : _f, props = filterDataAttrs.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "name", "onBlur", "onChange", "size", "value", "checkboxAlignment"]);
-    var requirementStatus = React.useContext(FormControl.Context).requirementStatus;
-    var surface = React.useContext(Surface.Context).surface;
-    var _g = FormControl.useAriaDescribedby({
-        id: id,
-        errorMessage: errorMessage
-    }), ariaDescribedby = _g.ariaDescribedby, idError = _g.idError;
-    var idLabel = "".concat(id, "-label");
-    var checkedProps = {};
-    if (typeof onChange === "function") {
-        checkedProps.checked = checked;
-    }
-    else if (checked && !onChange) {
-        checkedProps.defaultChecked = true;
-    }
-    if (requirementStatus === "required") {
-        isRequired = true;
-    }
-    return (React__default["default"].createElement("div", { className: index.classNames({
-            "arc-Checkbox": true,
-            "arc-Checkbox--disabled": isDisabled,
-            "arc-Checkbox--invalid": errorMessage,
-            "arc-Checkbox--small": size === "s",
-            "arc-Checkbox--onDarkSurface": surface === "dark"
-        }) },
-        React__default["default"].createElement("label", { id: idLabel, htmlFor: id, className: index.classNames("arc-Checkbox-label", {
-                "arc-Checkbox-label--top": checkboxAlignment === "top"
-            }) },
-            React__default["default"].createElement("input", filterDataAttrs.__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.filterDataAttrs(props))),
-            React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
-                React__default["default"].createElement(BtIconTickAlt2Px_esm.BtIconTickAlt2Px, null)),
-            React__default["default"].createElement("span", filterDataAttrs.__assign({}, (checkboxAlignment === "top" && {
-                className: "arc-Checkbox-content--marginTop"
-            })),
-                label,
-                !isRequired && requirementStatus !== "optional" ? (React__default["default"].createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
-                helper && React__default["default"].createElement("span", { className: "arc-Checkbox-helper" }, helper))),
-        errorMessage && (React__default["default"].createElement("div", { id: idError, className: "arc-Checkbox-error" },
-            React__default["default"].createElement("span", { className: "arc-Checkbox-error--icon" },
-                React__default["default"].createElement(BtIconAlert_esm.BtIconAlert, null)),
-            errorMessage))));
-});
-
-exports.Checkbox = Checkbox;