@arc-ui/components 11.15.0 → 11.17.0

package/dist/Toast/Toast.cjs.js

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Toast = require('../_shared/cjs/Toast-69108261.js');
+var Toast = require('../_shared/cjs/Toast-392b1d60.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');
 require('react-dom');
-require('../_shared/cjs/index-c575a255.js');
-require('../_shared/cjs/index-b2fd6338.js');
-require('../_shared/cjs/index-6b2a9ac3.js');
+require('../_shared/cjs/index-dd1d18ea.js');
+require('../_shared/cjs/index-9f99d686.js');
+require('../_shared/cjs/index-74004a9c.js');
+require('../_shared/cjs/index-d38f1bd0.js');
+require('../_shared/cjs/index-a31e64a9.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
 require('../_shared/cjs/BtIconTick.esm-844eac6c.js');

package/dist/Toast/Toast.esm.js

@@ -1,11 +1,13 @@
-export { T as Toast } from '../_shared/esm/Toast-37549e68.js';
+export { T as Toast } from '../_shared/esm/Toast-5d66e13f.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';
 import 'react-dom';
-import '../_shared/esm/index-13d575cc.js';
-import '../_shared/esm/index-a1d2d9b3.js';
-import '../_shared/esm/index-3797d77e.js';
+import '../_shared/esm/index-7b531fa7.js';
+import '../_shared/esm/index-044da8d0.js';
+import '../_shared/esm/index-2cfab9f2.js';
+import '../_shared/esm/index-ca72c9d5.js';
+import '../_shared/esm/index-25a5b393.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
 import '../_shared/esm/BtIconTick.esm-e265098f.js';

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var CardLabel = require('../_shared/cjs/CardLabel-768abf20.js');
+var CardFooter = require('../_shared/cjs/CardFooter-43c32239.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
+require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Surface-038db6e1.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TypographyCard = function (_a) {
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.buttonIcon, buttonIcon = _d === void 0 ? "arrow" : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = filterDataAttrs.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "linkData", "pathway", "buttonIcon", "headingLevel"]);
+    var _f = React.useState(false), showHoverState = _f[0], setShowHoverState = _f[1];
+    var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
+    var isDarkPathway = pathway === "dark";
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-TypographyCard", {
+            "arc-TypographyCard--outlined": showHoverState,
+            "arc-TypographyCard--darkPathway": isDarkPathway,
+            "arc-TypographyCard--lightPathway": !isDarkPathway
+        }) }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-TypographyCard-contentContainer" },
+            label && (React__default["default"].createElement("div", { className: "arc-TypographyCard-labelContainer" },
+                React__default["default"].createElement(CardLabel.CardLabel, { isDarkPathway: isDarkPathway, isBold: false, text: label }))),
+            React__default["default"].createElement(CardLabel.CardHeading, { size: "m", linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, isDarkPathway: isDarkPathway, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+        React__default["default"].createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, showFilledIcon: showHoverState, buttonIcon: buttonIcon, metaText: metaText })));
+};
+
+exports.TypographyCard = TypographyCard;

package/dist/TypographyCard/TypographyCard.esm.js

@@ -0,0 +1,28 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default, { useState } from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { C as CardLabel, a as CardHeading } from '../_shared/esm/CardLabel-d6d71407.js';
+import { C as CardFooter } from '../_shared/esm/CardFooter-dd8d4000.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
+import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Surface-0ca6817d.js';
+
+var TypographyCard = function (_a) {
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.buttonIcon, buttonIcon = _d === void 0 ? "arrow" : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = __rest(_a, ["url", "onClick", "heading", "metaText", "label", "linkData", "pathway", "buttonIcon", "headingLevel"]);
+    var _f = useState(false), showHoverState = _f[0], setShowHoverState = _f[1];
+    var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
+    var isDarkPathway = pathway === "dark";
+    return (React__default.createElement("div", __assign({ className: classNames("arc-TypographyCard", {
+            "arc-TypographyCard--outlined": showHoverState,
+            "arc-TypographyCard--darkPathway": isDarkPathway,
+            "arc-TypographyCard--lightPathway": !isDarkPathway
+        }) }, filterDataAttrs(props)),
+        React__default.createElement("div", { className: "arc-TypographyCard-contentContainer" },
+            label && (React__default.createElement("div", { className: "arc-TypographyCard-labelContainer" },
+                React__default.createElement(CardLabel, { isDarkPathway: isDarkPathway, isBold: false, text: label }))),
+            React__default.createElement(CardHeading, { size: "m", linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, isDarkPathway: isDarkPathway, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+        React__default.createElement(CardFooter, { showButton: true, isDarkPathway: isDarkPathway, showFilledIcon: showHoverState, buttonIcon: buttonIcon, metaText: metaText })));
+};
+
+export { TypographyCard };

package/dist/TypographyCard/package.json

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

package/dist/_shared/cjs/{Breadcrumbs-ed70e75a.js → Breadcrumbs-ef659d2b.js}

@@ -15,16 +15,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var BreadcrumbsItem = function (_a) {
     var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children, props = filterDataAttrs.__rest(_a, ["spacerIconAfter", "spacerIconBefore", "children"]);
     return (React__default["default"].createElement("li", filterDataAttrs.__assign({ className: "arc-Breadcrumbs-item" }, filterDataAttrs.filterDataAttrs(props)),
-        spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px" },
+        spacerIconBefore && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px", "aria-hidden": "true" },
             React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px_esm.BtIconChevronLeft2Px }))),
         children,
-        spacerIconAfter && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon" },
+        spacerIconAfter && (React__default["default"].createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "aria-hidden": "true" },
             React__default["default"].createElement(Icon.Icon, { icon: BtIconChevronRight2Px_esm.BtIconChevronRight2Px })))));
 };
 
 var BreadcrumbsLink = React__default["default"].forwardRef(function (_a, ref) {
     var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children, props = filterDataAttrs.__rest(_a, ["onClick", "href", "isActive", "children"]);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, isActive || href === undefined ? (React__default["default"].createElement("span", filterDataAttrs.__assign({}, (isActive && { "aria-hidden": "true" }), { onClick: onClick, className: index.classNames({
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, isActive || href === undefined ? (React__default["default"].createElement("span", filterDataAttrs.__assign({ onClick: onClick, className: index.classNames({
             "arc-Breadcrumbs-text": true,
             "arc-Breadcrumbs-text--active": isActive
         }) }, filterDataAttrs.filterDataAttrs(props)), children)) : (React__default["default"].createElement("a", filterDataAttrs.__assign({}, (onClick && ref
@@ -73,11 +73,11 @@ var Breadcrumbs = function (_a) {
         // eslint-disable-next-line
     }, []);
     var items = React__default["default"].Children.toArray(children);
-    return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ "aria-label": "Breadcrumbs", role: "navigation", className: index.classNames({
+    return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ "aria-label": "Breadcrumbs", className: index.classNames({
             "arc-Breadcrumbs": true,
             "arc-Breadcrumbs--light": isLight
         }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("ul", { 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("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" }, "...")),

package/dist/_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js

@@ -0,0 +1,26 @@
+'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 BtIconArrowRightFill = (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: "M2,16A14,14,0,1,0,16,2,14,14,0,0,0,2,16Zm16.85352-4.35352L23.207,16l-4.35351,4.35352a.5.5,0,0,1-.707-.707L21.293,16.5H9.5a.5.5,0,0,1,0-1H21.293l-3.14649-3.14648a.5.5,0,0,1,.707-.707Z",
+      fill: "currentColor",
+    }),
+  );
+
+exports.BtIconArrowRightFill = BtIconArrowRightFill;