@arc-ui/components 12.0.0-alpha.0 → 12.0.0-beta.11

package/package.json

@@ -1,20 +1,11 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-alpha.0",
+  "version": "12.0.0-beta.11",
   "homepage": "https://ui.digital-ent-int.bt.com",
-  "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
+  "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
-  "scripts": {
-    "build": "rimraf dist && rollup -c",
-    "storybook": "storybook dev -p 6006",
-    "storybook:build": "storybook build --quiet",
-    "storybook:quiet": "pnpm run storybook --quiet",
-    "test": "cypress open --component",
-    "test:ci": "cypress run --component --browser chrome",
-    "generate:component": "node ./generate-component $1"
-  },
   "files": [
     "dist"
   ],
@@ -22,61 +13,71 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@geometricpanda/storybook-addon-badges": "^2.0.0",
-    "@radix-ui/react-dialog": "1.0.4",
+    "@radix-ui/react-dialog": "1.1.1",
     "@radix-ui/react-label": "2.0.0",
-    "@radix-ui/react-select": "1.1.2",
-    "@radix-ui/react-switch": "1.0.1",
+    "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-select": "2.0.0",
+    "@radix-ui/react-switch": "1.0.3",
     "@radix-ui/react-tabs": "1.0.4",
     "@radix-ui/react-toast": "1.1.4",
-    "@storybook/addon-themes": "^7.6.9",
-    "storybook": "^7.4.5"
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "date-fns": "^2.30.0",
+    "embla-carousel": "^8.3.0",
+    "embla-carousel-react": "^8.3.0",
+    "react-player": "^2.16.0",
+    "react-swipeable": "^7.0.1"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "workspace:^",
-    "@arc-ui/bt-icons": "workspace:^",
-    "@arc-ui/ee-icons": "workspace:^",
-    "@arc-ui/tokens": "workspace:^",
-    "@arc-ui/tokens-new": "workspace:^",
     "@babel/core": "^7.14.3",
     "@babel/helper-define-map": "^7.14.3",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
+    "@cypress/code-coverage": "^3.12.28",
+    "@geometricpanda/storybook-addon-badges": "^2.0.2",
     "@rollup/plugin-commonjs": "^19.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-typescript": "^8.2.1",
-    "@storybook/addon-docs": "^7.4.5",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-interactions": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^7.4.5",
-    "@storybook/manager-api": "^7.4.5",
+    "@storybook/addon-a11y": "^8.2.5",
+    "@storybook/addon-docs": "^8.2.5",
+    "@storybook/addon-essentials": "^8.2.5",
+    "@storybook/addon-links": "^8.2.5",
+    "@storybook/addon-storysource": "^8.2.7",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-themes": "^8.2.5",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/blocks": "^8.2.5",
+    "@storybook/manager-api": "^8.2.5",
     "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^7.4.5",
-    "@storybook/react-webpack5": "^7.4.5",
+    "@storybook/react": "^8.2.5",
+    "@storybook/react-webpack5": "^8.2.5",
     "@storybook/testing-library": "^0.2.1",
-    "@storybook/theming": "^7.4.5",
+    "@storybook/theming": "^8.2.5",
     "@testing-library/cypress": "^10.0.1",
     "@types/lodash": "^4.14.184",
     "@types/node": "^12.20.55",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
-    "@whitespace/storybook-addon-html": "5.1.6",
     "babel-loader": "^8.2.2",
     "camelcase": "^6.2.1",
     "classnames": "^2.2.6",
     "countries-list": "^2.6.1",
-    "cypress": "^13.3.0",
+    "css-loader": "^7.1.2",
+    "cy-mobile-commands": "^0.3.0",
+    "cypress": "^13.3.1",
     "formik": "^2.2.9",
     "lodash": "^4.17.21",
     "postcss": "^8.0.0",
     "postcss-import": "^13.0.0",
+    "postcss-loader": "^8.1.1",
+    "postcss-minify": "^1.1.0",
+    "postcss-modules": "^6.0.0",
+    "postcss-plugin-namespace": "^0.0.3",
     "postcss-preset-env": "^7.0.0",
     "prop-types": "^15.7.2",
     "react": "^18.0.0",
@@ -89,10 +90,38 @@
     "rollup-plugin-generate-package-json": "^3.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.0",
-    "storybook": "^7.4.5",
+    "storybook": "^8.2.5",
+    "style-loader": "^4.0.0",
     "tslib": "^2.0.1",
     "typescript": "^4.9.5",
     "vite": "^4.4.5",
-    "yup": "^0.32.11"
+    "vite-plugin-istanbul": "^5.0.0",
+    "yup": "^0.32.11",
+    "@arc-ui/fonts-bt": "^12.0.0-beta.11",
+    "@arc-ui/fonts-ee": "^12.0.0-beta.11",
+    "@arc-ui/helpers": "^12.0.0-beta.11",
+    "@arc-ui/icons-bt": "^12.0.0-beta.11",
+    "@arc-ui/icons-ee": "^12.0.0-beta.11",
+    "@arc-ui/illustrations-bt": "^12.0.0-beta.11",
+    "@arc-ui/theme-bt-business": "^12.0.0-beta.11",
+    "@arc-ui/theme-bt-enterprise": "^12.0.0-beta.11",
+    "@arc-ui/theme-ee": "^12.0.0-beta.11",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.11",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.11",
+    "@arc-ui/tokens-ee": "^12.0.0-beta.11"
+  },
+  "scripts": {
+    "build": "rimraf dist && rollup -c && node ./scripts/subpath-postcss.mjs",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build --quiet",
+    "storybook:quiet": "pnpm run storybook --quiet",
+    "coverage:summary": "pnpm dlx nyc report --reporter=text-summary",
+    "coverage:files": "pnpm dlx nyc@15.0.0 report --reporter=text",
+    "coverage:check": "pnpm dlx nyc@15.0.0 report --check-coverage --lines 80 --functions 80 --branches 80 --statements 80",
+    "test:components": "cypress open --component",
+    "test:components:ci": "cypress run --component --browser chrome",
+    "test:components:pipeline": "pnpm run test:components:ci && pnpm run coverage:check",
+    "test:components:coverage": "pnpm run test:components:ci && pnpm run coverage:files",
+    "generate:component": "node ./generate-component $1"
   }
-}
+}

package/dist/Base/Base.cjs.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Base = require('../_shared/cjs/Base-f5a86eed.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('react');
-
-
-
-exports.Base = Base.Base;

package/dist/Base/Base.esm.js

@@ -1,3 +0,0 @@
-export { B as Base } from '../_shared/esm/Base-f200653c.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import 'react';

package/dist/Base/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/base",
-  "types": "../types/components/Base/index.d.ts",
-  "main": "./Base.cjs.js",
-  "module": "./Base.esm.js",
-  "private": true
-}

package/dist/Card/Card.cjs.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Card = require('../_shared/cjs/Card-eb1c20c1.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('react');
-require('../_shared/cjs/Image-e873b8fc.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Heading-27cba320.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/ThemeIcon-9534f091.js');
-
-
-
-exports.Card = Card.Card;

package/dist/Card/Card.esm.js

@@ -1,10 +0,0 @@
-export { C as Card } from '../_shared/esm/Card-45e8e10a.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import '../_shared/esm/index-2e73c2e9.js';
-import 'react';
-import '../_shared/esm/Image-12fbd327.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Heading-d16e0e53.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/ThemeIcon-eab5a4d0.js';

package/dist/Card/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/card",
-  "types": "../types/components/Card/index.d.ts",
-  "main": "./Card.cjs.js",
-  "module": "./Card.esm.js",
-  "private": true
-}

package/dist/Clock/Clock.cjs.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * `Clock` is a demo component that shows the current time.
- */
-var Clock = function (_a) {
-    var _b = _a.locale, locale = _b === void 0 ? "en-GB" : _b, props = filterDataAttrs.__rest(_a, ["locale"]);
-    var _c = React.useState(new Date()), time = _c[0], setTime = _c[1];
-    var _d = React.useState(time.toLocaleTimeString(locale)), humanTime = _d[0], setHumanTime = _d[1];
-    React.useEffect(function () {
-        var tick = function () {
-            var newTime = new Date();
-            setTime(newTime);
-            setHumanTime(newTime.toLocaleTimeString(locale));
-        };
-        tick();
-        var interval = setInterval(tick, 1000);
-        return function () { return clearInterval(interval); };
-    }, [locale]);
-    return (React__default["default"].createElement("time", filterDataAttrs.__assign({ className: "arc-Clock", dateTime: time.toISOString() }, filterDataAttrs.filterDataAttrs(props), { "data-locale": locale }), humanTime));
-};
-
-var Clock_rehydrator = (function (el) { return filterDataAttrs.__awaiter(void 0, void 0, void 0, function () {
-    var props;
-    return filterDataAttrs.__generator(this, function (_a) {
-        props = {
-            locale: el.dataset.locale
-        };
-        return [2 /*return*/, React__default["default"].createElement(Clock, filterDataAttrs.__assign({}, props))];
-    });
-}); });
-
-exports.Clock = Clock;
-exports.ClockRehydrator = Clock_rehydrator;

package/dist/Clock/Clock.esm.js

@@ -1,34 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import React__default, { useState, useEffect } from 'react';
-
-/**
- * `Clock` is a demo component that shows the current time.
- */
-var Clock = function (_a) {
-    var _b = _a.locale, locale = _b === void 0 ? "en-GB" : _b, props = __rest(_a, ["locale"]);
-    var _c = useState(new Date()), time = _c[0], setTime = _c[1];
-    var _d = useState(time.toLocaleTimeString(locale)), humanTime = _d[0], setHumanTime = _d[1];
-    useEffect(function () {
-        var tick = function () {
-            var newTime = new Date();
-            setTime(newTime);
-            setHumanTime(newTime.toLocaleTimeString(locale));
-        };
-        tick();
-        var interval = setInterval(tick, 1000);
-        return function () { return clearInterval(interval); };
-    }, [locale]);
-    return (React__default.createElement("time", __assign({ className: "arc-Clock", dateTime: time.toISOString() }, filterDataAttrs(props), { "data-locale": locale }), humanTime));
-};
-
-var Clock_rehydrator = (function (el) { return __awaiter(void 0, void 0, void 0, function () {
-    var props;
-    return __generator(this, function (_a) {
-        props = {
-            locale: el.dataset.locale
-        };
-        return [2 /*return*/, React__default.createElement(Clock, __assign({}, props))];
-    });
-}); });
-
-export { Clock, Clock_rehydrator as ClockRehydrator };

package/dist/Clock/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/clock",
-  "types": "../types/components/Clock/index.d.ts",
-  "main": "./Clock.cjs.js",
-  "module": "./Clock.esm.js",
-  "private": true
-}

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-42c4a0e0.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('react');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/index.es-77def0c9.js');
-require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/ThemeIcon-9534f091.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/BrandLogo-aea340c8.js');
-require('../_shared/cjs/Button-5c958ce9.js');
-require('../_shared/cjs/Icon-a47b6c0a.js');
-require('../_shared/cjs/Text-606ca3a2.js');
-
-
-
-exports.SiteHeader = SiteHeader_rehydrator.SiteHeader;
-exports.SiteHeaderRehydrator = SiteHeader_rehydrator.SiteHeaderRehydrator;

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,13 +0,0 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-97900e11.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import 'react';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/index.es-00cb3bcb.js';
-import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/ThemeIcon-eab5a4d0.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/BrandLogo-1af78f76.js';
-import '../_shared/esm/Button-c3348ed8.js';
-import '../_shared/esm/Icon-9ecaaeab.js';
-import '../_shared/esm/Text-14f586ac.js';

package/dist/SiteHeader/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/siteheader",
-  "types": "../types/components/SiteHeader/index.d.ts",
-  "main": "./SiteHeader.cjs.js",
-  "module": "./SiteHeader.esm.js",
-  "private": true
-}

package/dist/_shared/cjs/Base-f5a86eed.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ArcRootElementContext = React.createContext(null);
-/**
- * Use `Base` as the root component of the arc system.
- */
-var Base = function (_a) {
-    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = filterDataAttrs.__rest(_a, ["brand", "children"]);
-    var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
-};
-
-exports.ArcRootElementContext = ArcRootElementContext;
-exports.Base = Base;

package/dist/_shared/cjs/Card-eb1c20c1.js

@@ -1,121 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-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');
-var ThemeIcon = require('./ThemeIcon-9534f091.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 };
-};
-
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-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(ThemeIcon.ThemeIcon, { "data-testid": "cardIcon", size: 24, icon: "cardButton" })))));
-};
-
-exports.Card = Card;

package/dist/_shared/cjs/Checkbox-5f14bb0d.js

@@ -1,61 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var FormControl = require('./FormControl-30f2330f.js');
-var Surface = require('./Surface-038db6e1.js');
-var ThemeIcon = require('./ThemeIcon-9534f091.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", 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(ThemeIcon.ThemeIcon, { icon: "checkboxChecked" })),
-            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(ThemeIcon.ThemeIcon, { icon: "checkboxError" })),
-            errorMessage))));
-});
-
-exports.Checkbox = Checkbox;

package/dist/_shared/cjs/Icon-a47b6c0a.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-var suffixModifier = require('./suffix-modifier-64dcd338.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 `Icon` to display brand iconography.
- */
-var Icon = function (_a) {
-    var _b;
-    var testId = _a.testId, icon = _a.icon, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.isInline, isInline = _d === void 0 ? false : _d, label = _a.label, size = _a.size, props = filterDataAttrs.__rest(_a, ["testId", "icon", "color", "isInline", "label", "size"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var Icon = icon || (function () { return React__default["default"].createElement(React__default["default"].Fragment, null); });
-    return (React__default["default"].createElement("span", filterDataAttrs.__assign({ "data-testid": testId, "aria-label": label, className: index.classNames((_b = {},
-            _b["arc-Icon"] = true,
-            _b[suffixModifier.suffixModifier("arc-Icon--color", color)] = color !== "auto",
-            _b["arc-Icon--inline"] = isInline,
-            _b["arc-Icon--onDarkSurface"] = surface === "dark",
-            _b)), role: label ? "img" : undefined, style: {
-            height: size,
-            width: size
-        } }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(Icon, null)));
-};
-
-exports.Icon = Icon;