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

package/dist/_shared/esm/BtIconTick.esm-e265098f.js

@@ -1,72 +0,0 @@
-import React__default from 'react';
-
-const BtIconNotification = (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: "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconAlertTriangle = (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", {
-      fill: "currentColor",
-      d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconTick = (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(
-      "g",
-      {
-        "data-name": "Icons",
-      },
-      /*#__PURE__*/ React__default.createElement("path", {
-        d: "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
-        fill: "currentColor",
-      }),
-      /*#__PURE__*/ React__default.createElement("path", {
-        d: "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
-        fill: "currentColor",
-      }),
-    ),
-  );
-
-export { BtIconNotification as B, BtIconAlertTriangle as a, BtIconTick as b };

package/dist/_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js

@@ -1,20 +0,0 @@
-import React__default from 'react';
-
-const BtIconTickAlt2Px = (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: "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconTickAlt2Px as B };

package/dist/_shared/esm/Card-a4b78406.js

@@ -1,120 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
-import { c as classNames } from './index-2e73c2e9.js';
-import React__default, { useState, useEffect, useContext } from 'react';
-import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-32268f1a.js';
-import { I as Icon } from './Icon-15799695.js';
-import { I as Image } from './Image-12fbd327.js';
-import { H as Heading } from './Heading-d16e0e53.js';
-import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
-import { C as Context, S as Surface } from './Surface-0ca6817d.js';
-import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
-
-/**
- * Detect interaction mode
- */
-var useInteractionMode = function () {
-    var _a = useState("pointer"), interactionMode = _a[0], setInteractionMode = _a[1];
-    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 = __rest(_a, ["actionId", "actionLabel", "children", "fill", "href", "imageAlt", "imageHeight", "imageLoading", "imageSrc", "imageSrcSet", "linkData", "minHeight", "onClick", "target", "title", "titleSize"]);
-    var surface = useContext(Context).surface;
-    var interactionMode = useInteractionMode().interactionMode;
-    var Wrapper = function (_a) {
-        var children = _a.children;
-        return fill === "outlined" || fill === "neutral" ? (React__default.createElement("div", null, children)) : (React__default.createElement(Surface, { background: surface === "dark" ? "white" : "darker" }, children));
-    };
-    var coverImage = imageSrc && (React__default.createElement(CardImage, { alt: imageAlt, height: imageHeight, loading: imageLoading, src: imageSrc, srcSet: imageSrcSet }));
-    return (React__default.createElement("div", __assign({ className: classNames((_b = {
-                "arc-Card": true,
-                "arc-Card--onDarkSurface": surface === "dark"
-            },
-            _b[suffixModifier("arc-Card--fill", fill)] = fill !== "solid",
-            _b["arc-is-".concat(interactionMode, "InteractionMode")] = interactionMode,
-            _b)) }, filterDataAttrs(props)),
-        React__default.createElement(Wrapper, null,
-            React__default.createElement("div", { className: "arc-Card-inner", style: { minHeight: minHeight } },
-                React__default.createElement("div", { className: "arc-Card-header" },
-                    React__default.createElement("div", { className: "arc-Card-title" },
-                        React__default.createElement(Heading, { size: titleSize },
-                            React__default.createElement(CardLink, { stretch: true, onClick: onClick, actionId: actionId, fill: fill, href: href, linkData: linkData, target: target }, title))),
-                    coverImage),
-                React__default.createElement("div", { className: "arc-Card-children" },
-                    React__default.createElement(Card.Block, null, children)),
-                href && (React__default.createElement(CardBlock, null,
-                    React__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.createElement("div", { className: 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.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.createElement("div", { className: classNames({
-            "arc-Card-image": true
-        }) },
-        React__default.createElement(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 = useContext(Context).surface;
-    return (React__default.createElement("a", __assign({ onClick: handleLinkClick({ handler: onClick }), "aria-describedby": actionId, className: 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(linkData)),
-        React__default.createElement("span", { className: "arc-Card-linkText" }, children),
-        isButton && (React__default.createElement("span", { className: "arc-Card-linkIcon" },
-            React__default.createElement(Icon, { testId: "cardIcon", icon: BtIconChevronRightMid, size: 24 })))));
-};
-
-export { Card as C };