@arc-ui/components 12.0.0-beta7 → 12.0.0

package/dist/VideoPlayer/package.json

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

package/dist/VideoPlayer/styles.css

@@ -1 +0,0 @@
-.arc .arc-VideoPlayer-wrapper{aspect-ratio:16/9;width:100%}.arc .arc-VideoPlayer{height:100%;width:100%}.arc .arc-VideoPlayer iframe{border:none;height:100%;width:100%}.arc .arc-VideoPlayer-icon{color:var(--sem-color-bg-secondary-light-minimal);height:80px;opacity:0.8;transition:0.4s ease opacity;width:80px}.arc .arc-VideoPlayer-icon:hover{opacity:1}.arc .arc-VideoPlayer-transcriptLink{align-items:center;color:var(--sem-color-fg-secondary-light-default);display:flex;max-width:100%;text-decoration:none;width:-moz-max-content;width:max-content}.arc .arc-VideoPlayer-transcriptLink:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc .arc-VideoPlayer-transcriptLink:hover{color:var(--sem-color-fg-primary-light-default);text-decoration:underline}.arc .arc-VideoPlayer-transcriptLinkContainer{flex:0 1 auto}.arc .arc-VideoPlayer-transcriptLinkTextContainer{flex:1 1 0}

package/dist/Visible/Visible.cjs.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
-var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Visible = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = index_es.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Visible", {
-            "arc-Visible--xs": xs,
-            "arc-Visible--s": s,
-            "arc-Visible--m": m,
-            "arc-Visible--l": l,
-            "arc-Visible--xl": xl
-        }) }, index_es.filterDataAttrs(props)), children));
-};
-
-exports.Visible = Visible;

package/dist/Visible/Visible.esm.js

@@ -1,16 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
-import React__default from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-
-var Visible = function (_a) {
-    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = __rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Visible", {
-            "arc-Visible--xs": xs,
-            "arc-Visible--s": s,
-            "arc-Visible--m": m,
-            "arc-Visible--l": l,
-            "arc-Visible--xl": xl
-        }) }, filterDataAttrs(props)), children));
-};
-
-export { Visible };

package/dist/Visible/package.json

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

package/dist/Visible/styles.css

@@ -1 +0,0 @@
-.arc .arc-Visible{display:none}.arc .arc-Visible--xs{display:block}@media (min-width:636px){.arc .arc-Visible--xs{display:none}.arc .arc-Visible--s{display:block}}@media (min-width:768px){.arc .arc-Visible--s{display:none}.arc .arc-Visible--m{display:block}}@media (min-width:1024px){.arc .arc-Visible--m{display:none}.arc .arc-Visible--l{display:block}}@media (min-width:1280px){.arc .arc-Visible--l{display:none}.arc .arc-Visible--xl{display:block}}

package/dist/VisuallyHidden/VisuallyHidden.cjs.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-25393f58.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('react');
-
-
-
-exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;

package/dist/VisuallyHidden/VisuallyHidden.esm.js

@@ -1,3 +0,0 @@
-export { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-cf45ac18.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import 'react';

package/dist/VisuallyHidden/package.json

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

package/dist/VisuallyHidden/styles.css

@@ -1 +0,0 @@
-.arc .arc-VisuallyHidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;word-wrap:"normal"}

package/dist/_shared/cjs/Avatar-e6ba0881.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var ConditionalWrapper = require('./ConditionalWrapper-bf944594.js');
-var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
-var Image = require('./Image-c8969ad9.js');
-var Heading = require('./Heading-25d11688.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var AvatarContent = function (_a) {
-    var img = _a.img, initials = _a.initials, _b = _a.size, size = _b === void 0 ? "xl" : _b;
-    var textSize = {
-        s: "xxxs",
-        m: "xxs",
-        l: "xs",
-        xl: "s"
-    };
-    var iconSize = {
-        s: 16,
-        m: 24,
-        l: 32,
-        xl: 40
-    };
-    if (img) {
-        return React__default["default"].createElement(Image.Image, index_es.__assign({ fit: "cover" }, img));
-    }
-    if (initials) {
-        return (React__default["default"].createElement(Heading.Heading, { size: textSize[size] }, initials.substring(0, 3).toUpperCase()));
-    }
-    return React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: iconSize[size], icon: "avatarUser" });
-};
-
-/** Use `Avatar` to visually represent a user. */
-var Avatar = function (_a) {
-    var img = _a.img, initials = _a.initials, href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = index_es.__rest(_a, ["img", "initials", "href", "title", "ariaLabel", "onClick", "size"]);
-    var wrapperAttrs = index_es.__assign({ className: index.classNames("arc-Avatar", "arc-Avatar--".concat(size), {
-            "arc-Avatar--img": Boolean(img)
-        }) }, index_es.filterDataAttrs(props));
-    return (React__default["default"].createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default["default"].createElement("a", index_es.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React__default["default"].createElement("div", index_es.__assign({}, wrapperAttrs), children); } },
-        React__default["default"].createElement(AvatarContent, { size: size, img: img, initials: initials })));
-};
-
-exports.Avatar = Avatar;

package/dist/_shared/cjs/Badge-1f86304b.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/** Use `Badge` as a static, non-interactive way to provide short updates. */
-var Badge = function (_a) {
-    var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = index_es.__rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
-    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Badge", index_es.suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), index_es.filterDataAttrs(props)), children));
-};
-
-exports.Badge = Badge;

package/dist/_shared/cjs/Box-d177ee32.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var Surface = require('./Surface-1b5c2ac8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Use `Box` as a simple way to group bespoke content and interactive elements together.
- */
-var Box = function (_a) {
-    var _b;
-    var children = _a.children, borderWidth = _a.borderWidth, elevationLevel = _a.elevationLevel, padding = _a.padding, _c = _a.isFullHeight, isFullHeight = _c === void 0 ? false : _c, _d = _a.isBorderRadius, isBorderRadius = _d === void 0 ? false : _d, _e = _a.surface, surface = _e === void 0 ? "light-white" : _e, isSurfaceTransparent = _a.isSurfaceTransparent, props = index_es.__rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface", "isSurfaceTransparent"]);
-    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames("arc-Box", (_b = {},
-            _b["arc-Box--fullHeight"] = isFullHeight,
-            _b["arc-Box--borderRadius"] = isBorderRadius,
-            _b["arc-Box--borderThin"] = borderWidth === "thin",
-            _b["arc-Box--borderMedium"] = borderWidth === "medium",
-            _b["arc-Box--elevation1"] = elevationLevel === "1",
-            _b["arc-Box--elevation2"] = elevationLevel === "2",
-            _b)) }, index_es.filterDataAttrs(props)),
-        React__default["default"].createElement(Surface.Surface, { padding: padding, background: surface, isTransparent: isSurfaceTransparent }, children)));
-};
-
-exports.Box = Box;

package/dist/_shared/cjs/BrandLogo-d4a6fd05.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-var Surface = require('./Surface-1b5c2ac8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Use `BrandLogo` to display the brand logo.
- */
-var BrandLogo = function (_a) {
-    var _b;
-    var _c = _a.color, color = _c === void 0 ? "auto" : _c, label = _a.label, _d = _a.size, size = _d === void 0 ? 34 : _d, subBrand = _a.subBrand, props = index_es.__rest(_a, ["color", "label", "size", "subBrand"]);
-    var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("div", index_es.__assign({ className: index.classNames((_b = {
-                "arc-BrandLogo": true,
-                "arc-BrandLogo--colorBrand": color === "brand",
-                "arc-BrandLogo--onDarkSurface": surface === "dark"
-            },
-            _b[index_es.suffixModifier("arc-BrandLogo--subBrand", subBrand || "")] = subBrand,
-            _b)), style: {
-            width: size !== 34 ? size : undefined
-        } }, index_es.filterDataAttrs(props)), label ? React__default["default"].createElement("span", { className: "arc-BrandLogo-text" }, label) : null));
-};
-
-exports.BrandLogo = BrandLogo;

package/dist/_shared/cjs/Breadcrumbs-ca30086e.js

@@ -1,103 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var React = require('react');
-var debounce = require('./debounce-a74c28cf.js');
-var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
-var index = require('./index-9947ac13.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);
-
-var BreadcrumbsItem = function (_a) {
-    var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
-    return (React__default["default"].createElement("li", { className: "arc-Breadcrumbs-item" },
-        spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px", "aria-hidden": "true" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "breadcrumbLeft" }))),
-        children,
-        spacerIconAfter && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "aria-hidden": "true" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "breadcrumbRight" })))));
-};
-
-var BreadcrumbsLink = React__default["default"].forwardRef(function (_a, ref) {
-    var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, isActive || href === undefined ? (React__default["default"].createElement("span", { onClick: onClick, className: index.classNames({
-            "arc-Breadcrumbs-text": true,
-            "arc-Breadcrumbs-text--active": isActive
-        }) }, children)) : (React__default["default"].createElement("a", index_es.__assign({}, (onClick && ref
-        ? { onClick: onClick }
-        : { onClick: handleLinkClick.handleLinkClick({ handler: onClick }) }), { className: "arc-Breadcrumbs-text", ref: ref, href: href }), children))));
-});
-
-/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
-var Breadcrumbs = function (_a) {
-    var isLight = _a.isLight, children = _a.children, props = index_es.__rest(_a, ["isLight", "children"]);
-    var breadcrumbsList = React.useRef(null);
-    var _b = React.useState(false), isCompressed = _b[0], setIsCompressed = _b[1];
-    var _c = React.useState(false), showBackTrail = _c[0], setShowBackTrail = _c[1];
-    React.useEffect(function () {
-        React__default["default"].Children.map(children, function (item) {
-            if (item && item.type !== BreadcrumbsItem) {
-                throw new Error("Illegal child passed to <Breadcrumbs />. Ensure to only use <Breadcrumbs.Item />");
-            }
-        });
-    }, [children]);
-    React.useEffect(function () {
-        var handleResize = debounce.debounce_1(function () {
-            var _a;
-            setShowBackTrail(false);
-            setIsCompressed(false);
-            if (window.innerWidth < 426) {
-                setShowBackTrail(true);
-            }
-            /**
-             * TODO! Revise this if statement
-             */
-            if (children != null &&
-                React__default["default"].Children.count(children) > 2 &&
-                breadcrumbsList.current != null &&
-                (breadcrumbsList.current.offsetWidth ===
-                    ((_a = breadcrumbsList.current.parentElement) === null || _a === void 0 ? void 0 : _a.offsetWidth) ||
-                    breadcrumbsList.current.offsetHeight > 24)) {
-                setIsCompressed(true);
-            }
-        }, 200);
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () {
-            window.removeEventListener("resize", handleResize);
-        };
-        // eslint-disable-next-line
-    }, []);
-    var items = React__default["default"].Children.toArray(children);
-    return (React__default["default"].createElement("nav", index_es.__assign({ "aria-label": "Breadcrumbs", className: index.classNames({
-            "arc-Breadcrumbs": true,
-            "arc-Breadcrumbs--light": isLight
-        }) }, index_es.filterDataAttrs(props)),
-        React__default["default"].createElement("ol", { className: "arc-Breadcrumbs-list", ref: breadcrumbsList }, showBackTrail ? (React__default["default"].createElement(React__default["default"].Fragment, null, items.length < 3 ? (React__default["default"].createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[0].props.children)) : (React__default["default"].createElement(Breadcrumbs.Item, { spacerIconBefore: true }, items[items.length - 2].props.children)))) : (React__default["default"].createElement(React__default["default"].Fragment, null, isCompressed ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true }, items[0].props.children),
-            React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true },
-                React__default["default"].createElement("button", { className: "arc-Breadcrumbs-expand arc-Breadcrumbs-text", onClick: function () { return setIsCompressed(false); }, "aria-label": "Expand Breadcrumbs", type: "button", "data-testid": "expand-ellipsis" }, "...")),
-            React__default["default"].createElement(Breadcrumbs.Item, null, items[items.length - 1].props &&
-                items[items.length - 1].props.children &&
-                React__default["default"].cloneElement(items[items.length - 1].props.children, {
-                    isActive: true
-                })))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            items
-                .slice(0, items.length - 1)
-                .map(function (item, index) {
-                return (React__default["default"].createElement(React__default["default"].Fragment, { key: "listItem-".concat(index) },
-                    React__default["default"].createElement(Breadcrumbs.Item, { spacerIconAfter: true }, item.props.children)));
-            }),
-            React__default["default"].createElement(Breadcrumbs.Item, null, items[items.length - 1].props &&
-                items[items.length - 1].props.children &&
-                React__default["default"].cloneElement(items[items.length - 1].props.children, {
-                    isActive: items.length > 1
-                })))))))));
-};
-Breadcrumbs.Item = BreadcrumbsItem;
-Breadcrumbs.Link = BreadcrumbsLink;
-
-exports.Breadcrumbs = Breadcrumbs;

package/dist/_shared/cjs/BtIconArrowRight.esm-6053bb79.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconArrowRight = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].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__default["default"].createElement("path", {
-      d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconArrowRight = BtIconArrowRight;

package/dist/_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconChevronRightMid = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconChevronRightMid = BtIconChevronRightMid;

package/dist/_shared/cjs/BtIconPlayFill.esm-b8997cfc.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const BtIconPlayFill = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M13.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconPlayFill = BtIconPlayFill;

package/dist/_shared/cjs/Button-a2150286.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var index = require('./index-9947ac13.js');
-var React = require('react');
-var Icon = require('./Icon-08447959.js');
-var Surface = require('./Surface-1b5c2ac8.js');
-var ThemeIcon = require('./ThemeIcon-7f537bd2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.
- */
-var Button = React.forwardRef(function (_a, ref) {
-    var _b;
-    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, _h = _a.size, size = _h === void 0 ? "m" : _h, supportingText = _a.supportingText, target = _a.target, type = _a.type, form = _a.form, props = index_es.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "size", "supportingText", "target", "type", "form"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var buttonClasses = index.classNames((_b = {
-            "arc-Button": true,
-            "arc-Button--displayBlock": isDisplayBlock
-        },
-        _b[index_es.suffixModifier("arc-Button--fill", fill)] = fill !== "solid",
-        _b["arc-Button--fullWidth"] = isFullWidth,
-        _b[index_es.suffixModifier("arc-Button--icon", iconPosition.replace("icon", ""))] = (icon || fill === "flat") && iconPosition,
-        _b["arc-Button--hasSupportingText"] = supportingText,
-        _b["arc-Button--onDarkSurface"] = surface === "dark",
-        _b["arc-Button--size".concat(size && size.toUpperCase())] = size && size !== "m",
-        _b));
-    var commonProps = index_es.__assign({ id: id, onClick: onClick, ref: ref }, index_es.filterDataAttrs(props));
-    var buttonText = supportingText ? (React__default["default"].createElement("span", null,
-        React__default["default"].createElement("span", { className: "arc-Button-text" }, label),
-        React__default["default"].createElement("span", { className: "arc-Button-supportingText" }, supportingText))) : (React__default["default"].createElement("span", { className: "arc-Button-text" }, label));
-    var buttonIcon = icon || fill === "flat" ? (React__default["default"].createElement(ButtonIcon, { icon: icon, isChevron: !icon && fill === "flat", isBeforeText: iconPosition === "beforeText" })) : null;
-    if (href && !isDisabled) {
-        return (React__default["default"].createElement("a", index_es.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, href: href, rel: rel, target: target }),
-            React__default["default"].createElement("span", { className: "arc-Button-inner" },
-                buttonText,
-                buttonIcon)));
-    }
-    return (React__default["default"].createElement("button", index_es.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, disabled: isDisabled, type: type, form: form }),
-        React__default["default"].createElement("span", { className: "arc-Button-inner" },
-            buttonText,
-            buttonIcon)));
-});
-var ButtonIcon = function (_a) {
-    var icon = _a.icon, isChevron = _a.isChevron, isBeforeText = _a.isBeforeText;
-    return (React__default["default"].createElement("span", { className: "arc-Button-icon" }, isChevron ? (React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: isBeforeText ? "buttonLeft" : "buttonRight" })) : (React__default["default"].createElement(Icon.Icon, { icon: icon }))));
-};
-
-exports.Button = Button;

package/dist/_shared/cjs/ButtonV2-7c437d1a.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var index_es = require('./index.es-c26e8978.js');
-var React = require('react');
-var index = require('./index-9947ac13.js');
-var Icon = require('./Icon-08447959.js');
-var Surface = require('./Surface-1b5c2ac8.js');
-var Spinner = require('./Spinner-56122c43.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ButtonV2 = React.forwardRef(function (_a, ref) {
-    var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, _c = _a.iconPosition, iconPosition = _c === void 0 ? "beforeText" : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, ariaLabel = _a.ariaLabel, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = index_es.__rest(_a, ["label", "buttonStyle", "icon", "iconPosition", "size", "ariaLabel", "isFullWidth", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var iconSizes = {
-        s: 16,
-        m: 32,
-        l: 40
-    };
-    var ButtonV2Classes = index.classNames("arc-ButtonV2", ["arc-ButtonV2--".concat(buttonStyle)], ["arc-ButtonV2--".concat(size)], {
-        "arc-ButtonV2--onDarkSurface": surface === "dark",
-        "arc-ButtonV2--emptyLabel": !label,
-        "arc-ButtonV2--isLoading": isLoading,
-        "arc-ButtonV2--isFullWidth": isFullWidth,
-        "arc-ButtonV2--withIcon": icon || isLoading,
-        "arc-ButtonV2--withIconBeforeText": iconPosition === "beforeText" && (icon || isLoading)
-    });
-    var commonProps = index_es.__assign({ id: id, onClick: onClick, ref: ref }, index_es.filterDataAttrs(props));
-    if (href && !isLoading) {
-        return (React__default["default"].createElement("a", index_es.__assign({}, commonProps, { className: ButtonV2Classes, href: href, rel: rel, "aria-label": ariaLabel, target: target }),
-            React__default["default"].createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
-                    "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText"
-                }) },
-                label && React__default["default"].createElement("span", { className: "arc-ButtonV2-label" }, label),
-                isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default["default"].createElement(Spinner.Spinner, { size: size }))),
-                icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                    React__default["default"].createElement(Icon.Icon, { size: iconSizes[size], icon: icon }))))));
-    }
-    return (React__default["default"].createElement("button", index_es.__assign({}, commonProps, { className: ButtonV2Classes, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
-        React__default["default"].createElement("span", { className: index.classNames("arc-ButtonV2-inner", {
-                "arc-ButtonV2-inner--iconBeforeText": iconPosition === "beforeText"
-            }) },
-            label && React__default["default"].createElement("span", { className: "arc-ButtonV2-label" }, label),
-            icon && !isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default["default"].createElement(Icon.Icon, { size: iconSizes[size], icon: icon }))),
-            isLoading && (React__default["default"].createElement("span", { className: "arc-ButtonV2-icon" },
-                React__default["default"].createElement(Spinner.Spinner, { size: size }))))));
-});
-
-exports.ButtonV2 = ButtonV2;