@arc-ui/components 11.16.0 → 11.17.0

package/dist/_shared/cjs/CardFooter-43c32239.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var CardLabel = require('./CardLabel-768abf20.js');
+var BtIconArrowRightFill_esm = require('./BtIconArrowRightFill.esm-435cf4bd.js');
+var Icon = require('./Icon-a9801f05.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const BtIconPlay = (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: "M20.83887,15.03955,13.66113,10.896A1.107,1.107,0,0,0,12,11.85449v8.2876a1.10534,1.10534,0,0,0,1.66113.95947L20.83887,16.957a1.10688,1.10688,0,0,0,0-1.91748Zm-.5,1.05176-7.17774,4.14453a.10437.10437,0,0,1-.10742-.00049A.10314.10314,0,0,1,13,20.14209v-8.2876a.10229.10229,0,0,1,.05371-.09277.10284.10284,0,0,1,.10742,0l7.17774,4.14307a.10421.10421,0,0,1,.05371.09375A.10285.10285,0,0,1,20.33887,16.09131Z",
+      fill: "currentColor",
+    }),
+  );
+
+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",
+    }),
+  );
+
+var CardFooter = function (_a) {
+    var metaText = _a.metaText, _b = _a.buttonIcon, buttonIcon = _b === void 0 ? "arrow" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.showButton, showButton = _d === void 0 ? true : _d, _e = _a.showFilledIcon, showFilledIcon = _e === void 0 ? false : _e;
+    var icons = {
+        arrow: {
+            regular: CardLabel.BtIconArrowRight,
+            filled: BtIconArrowRightFill_esm.BtIconArrowRightFill
+        },
+        play: {
+            regular: BtIconPlay,
+            filled: BtIconPlayFill
+        }
+    };
+    return (React__default["default"].createElement("div", { className: index.classNames("arc-CardFooter", {
+            "arc-CardFooter--darkPathway": isDarkPathway,
+            "arc-CardFooter--showFilledIcon": showFilledIcon
+        }) },
+        React__default["default"].createElement("div", { className: "arc-CardFooter-metaTextContainer" }, metaText && (React__default["default"].createElement("span", { className: "arc-CardFooter-metaText" }, metaText))),
+        showButton && (React__default["default"].createElement("div", null,
+            React__default["default"].createElement("div", { className: "arc-CardFooter-button" },
+                React__default["default"].createElement("div", { className: index.classNames("arc-CardFooter-buttonIcon", "arc-CardFooter-buttonIcon--regular") },
+                    React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 })),
+                React__default["default"].createElement("div", { className: "arc-CardFooter-buttonIcon arc-CardFooter-buttonIcon--filled" },
+                    React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].filled, size: 40 })))))));
+};
+
+exports.CardFooter = CardFooter;

package/dist/_shared/cjs/CardLabel-768abf20.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+
+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",
+    }),
+  );
+
+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 ? "s" : _b, _c = _a.isDarkPathway, isDarkPathway = _c === void 0 ? false : _c, _d = _a.linkData, linkData = _d === void 0 ? {} : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e;
+    var HeadingElement = "h".concat(headingLevel);
+    return (React__default["default"].createElement(HeadingElement, { className: index.classNames("arc-CardHeading", "arc-CardHeading--".concat(size), {
+            "arc-CardHeading--darkPathway": isDarkPathway
+        }) }, href ? (React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterDataAttrs.filterDataAttrs(linkData)), heading)) : (heading)));
+};
+
+var CardLabel = function (_a) {
+    var _b;
+    var text = _a.text, _c = _a.color, color = _c === void 0 ? "muted" : _c, _d = _a.isBold, isBold = _d === void 0 ? true : _d, _e = _a.isDarkPathway, isDarkPathway = _e === void 0 ? false : _e;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("span", { className: index.classNames("arc-CardLabel", (_b = {},
+                _b[suffixModifier.suffixModifier("arc-CardLabel--color", color)] = !isDarkPathway,
+                _b["arc-CardLabel--bold"] = isBold,
+                _b["arc-CardLabel--darkPathway"] = isDarkPathway,
+                _b)) }, text)));
+};
+
+exports.BtIconArrowRight = BtIconArrowRight;
+exports.CardHeading = CardHeading;
+exports.CardLabel = CardLabel;

package/dist/_shared/cjs/{Checkbox-904ad028.js → Checkbox-4d4b432f.js}

@@ -5,7 +5,7 @@ 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-166e0957.js');
+var FormControl = require('./FormControl-b26ad353.js');
 var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }