@arc-ui/components 11.14.0 → 11.16.0

package/dist/TypographyCard/TypographyCard.cjs.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-8e8ac316.js');
+var BtIconArrowRightFill_esm = require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
+var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.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);
+
+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",
+    }),
+  );
+
+// move arrow to right all the time when no meta text
+// 1 typography card + 2 media cards
+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 HeadingElement = "h".concat(headingLevel);
+    var icons = {
+        arrow: {
+            regular: BtIconArrowRight_esm.BtIconArrowRight,
+            hover: BtIconArrowRightFill_esm.BtIconArrowRightFill
+        },
+        play: {
+            regular: BtIconPlay,
+            hover: BtIconPlayFill
+        }
+    };
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-TypographyCard", {
+            "arc-TypographyCard--darkPathway": pathway === "dark",
+            "arc-TypographyCard--lightPathway": pathway === "light"
+        }) }, 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("span", { className: "arc-TypographyCard-label" }, label))),
+            React__default["default"].createElement(HeadingElement, { className: "arc-TypographyCard-heading" },
+                React__default["default"].createElement("a", filterDataAttrs.__assign({ className: "arc-TypographyCard-headingLink", href: url, onClick: onClick }, filterDataAttrs.filterDataAttrs(linkData)), heading))),
+        React__default["default"].createElement("div", { className: "arc-TypographyCard-footer" },
+            React__default["default"].createElement("div", { className: "arc-TypographyCard-metaTextContainer" }, metaText && (React__default["default"].createElement("span", { className: "arc-TypographyCard-metaText" }, metaText))),
+            React__default["default"].createElement("div", { className: "arc-TypographyCard-footerButton" },
+                React__default["default"].createElement("div", { className: index.classNames("arc-TypographyCard-footerButtonIcon", "arc-TypographyCard-footerButtonIcon--regular") },
+                    React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].regular, size: 40 })),
+                React__default["default"].createElement("div", { className: "arc-TypographyCard-footerButtonIcon arc-TypographyCard-footerButtonIcon--hover" },
+                    React__default["default"].createElement(Icon.Icon, { icon: icons[buttonIcon].hover, size: 40 }))))));
+};
+
+exports.TypographyCard = TypographyCard;

package/dist/TypographyCard/TypographyCard.esm.js

@@ -0,0 +1,85 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default from 'react';
+import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight.esm-267916a4.js';
+import { B as BtIconArrowRightFill } from '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
+import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-0ca6817d.js';
+
+const BtIconPlay = (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: "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.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.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.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.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",
+    }),
+  );
+
+// move arrow to right all the time when no meta text
+// 1 typography card + 2 media cards
+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 HeadingElement = "h".concat(headingLevel);
+    var icons = {
+        arrow: {
+            regular: BtIconArrowRight,
+            hover: BtIconArrowRightFill
+        },
+        play: {
+            regular: BtIconPlay,
+            hover: BtIconPlayFill
+        }
+    };
+    return (React__default.createElement("div", __assign({ className: classNames("arc-TypographyCard", {
+            "arc-TypographyCard--darkPathway": pathway === "dark",
+            "arc-TypographyCard--lightPathway": pathway === "light"
+        }) }, filterDataAttrs(props)),
+        React__default.createElement("div", { className: "arc-TypographyCard-contentContainer" },
+            label && (React__default.createElement("div", { className: "arc-TypographyCard-labelContainer" },
+                React__default.createElement("span", { className: "arc-TypographyCard-label" }, label))),
+            React__default.createElement(HeadingElement, { className: "arc-TypographyCard-heading" },
+                React__default.createElement("a", __assign({ className: "arc-TypographyCard-headingLink", href: url, onClick: onClick }, filterDataAttrs(linkData)), heading))),
+        React__default.createElement("div", { className: "arc-TypographyCard-footer" },
+            React__default.createElement("div", { className: "arc-TypographyCard-metaTextContainer" }, metaText && (React__default.createElement("span", { className: "arc-TypographyCard-metaText" }, metaText))),
+            React__default.createElement("div", { className: "arc-TypographyCard-footerButton" },
+                React__default.createElement("div", { className: classNames("arc-TypographyCard-footerButtonIcon", "arc-TypographyCard-footerButtonIcon--regular") },
+                    React__default.createElement(Icon, { icon: icons[buttonIcon].regular, size: 40 })),
+                React__default.createElement("div", { className: "arc-TypographyCard-footerButtonIcon arc-TypographyCard-footerButtonIcon--hover" },
+                    React__default.createElement(Icon, { icon: icons[buttonIcon].hover, size: 40 }))))));
+};
+
+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/UniversalHeader/UniversalHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var UniversalHeader = require('../_shared/cjs/UniversalHeader-5e43d320.js');
+var UniversalHeader = require('../_shared/cjs/UniversalHeader-b8389447.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/Surface-038db6e1.js');

package/dist/UniversalHeader/UniversalHeader.esm.js

@@ -1,4 +1,4 @@
-export { U as UniversalHeader } from '../_shared/esm/UniversalHeader-b4c1577c.js';
+export { U as UniversalHeader } from '../_shared/esm/UniversalHeader-80c7313f.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/Surface-0ca6817d.js';

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/BtIconArrowRight.esm-8e8ac316.js

@@ -0,0 +1,30 @@
+'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/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;

package/dist/_shared/cjs/{Checkbox-b126194e.js → Checkbox-904ad028.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-7daf8110.js');
+var FormControl = require('./FormControl-166e0957.js');
 var Surface = require('./Surface-038db6e1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{FormControl-7daf8110.js → FormControl-166e0957.js}

@@ -70,6 +70,8 @@ var FormControl = function (_a) {
     else {
         elementProps["aria-describedby"] = ariaDescribedby;
     }
+    var hasInfo = !helperUnderLabel &&
+        Boolean(errorMessage || disclosureTitle || helper || supplementaryInfo);
     return (React__default["default"].createElement(Provider, { value: { requirementStatus: requirementStatus } },
         React__default["default"].createElement(ElementType, filterDataAttrs.__assign({ className: index.classNames({
                 "arc-FormControl": true,
@@ -82,7 +84,9 @@ var FormControl = function (_a) {
                 requirementStatus === "optional" && (React__default["default"].createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))),
             helperUnderLabel && (React__default["default"].createElement(React__default["default"].Fragment, null, helper && (React__default["default"].createElement("div", { className: "arc-FormControl-helper arc-FormControl-helper--underLabel", id: idHelper }, helper)))),
             children,
-            React__default["default"].createElement("div", { className: "arc-FormControl-info" },
+            React__default["default"].createElement("div", { className: index.classNames("arc-FormControl-info", {
+                    "arc-FormControl-info--hasContent": hasInfo
+                }) },
                 !helperUnderLabel && (React__default["default"].createElement("div", { className: "arc-FormControl-helperContainer" }, errorMessage ? (React__default["default"].createElement("div", { className: "arc-FormControl-error", id: idError },
                     React__default["default"].createElement("span", { className: "arc-FormControl-error--icon" },
                         React__default["default"].createElement(BtIconAlert_esm.BtIconAlert, null)),

package/dist/_shared/cjs/{RadioGroup-56e3b0e5.js → RadioGroup-1eddf86f.js}

@@ -2,7 +2,7 @@
 
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var FormControl = require('./FormControl-7daf8110.js');
+var FormControl = require('./FormControl-166e0957.js');
 var index = require('./index-9947ac13.js');
 var Surface = require('./Surface-038db6e1.js');
 

package/dist/_shared/cjs/{Tabs-2d2a517d.js → Tabs-cc77dabb.js}

@@ -3,23 +3,20 @@
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var _extends = require('./extends-8c5e4b48.js');
-var index$1 = require('./index-c575a255.js');
-var index = require('./index-b2fd6338.js');
-var index$2 = require('./index-adbb63da.js');
+var index$1 = require('./index-56a040f4.js');
+var index = require('./index-d31f2b65.js');
+var index$3 = require('./index-84e6a68f.js');
+var index$2 = require('./index-dcfdd5da.js');
+var index$4 = require('./index-49c72a87.js');
 var Icon = require('./Icon-a9801f05.js');
 var Surface = require('./Surface-038db6e1.js');
-var index$3 = require('./index-9947ac13.js');
+var index$5 = require('./index-9947ac13.js');
+var BtIconArrowRightFill_esm = require('./BtIconArrowRightFill.esm-435cf4bd.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
-/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
-    return localDir || globalDir || 'ltr';
-}
-
 const $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';
 const $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
     bubbles: false,
@@ -46,7 +43,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React.forwardRef
     const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , orientation: orientation , loop: loop = false , dir: dir , currentTabStopId: currentTabStopIdProp , defaultCurrentTabStopId: defaultCurrentTabStopId , onCurrentTabStopIdChange: onCurrentTabStopIdChange , onEntryFocus: onEntryFocus , ...groupProps } = props;
     const ref = React.useRef(null);
     const composedRefs = index$1.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
+    const direction = index$2.$f631663db3294ace$export$b39126d51d94e6f3(dir);
     const [currentTabStopId = null, setCurrentTabStopId] = index$1.$71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: currentTabStopIdProp,
         defaultProp: defaultCurrentTabStopId,
@@ -134,7 +131,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React.forwardRef
  * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
 const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
-    const autoId = index$2.$1746a345f3d73bb7$export$f680877a34711e37();
+    const autoId = index$3.$1746a345f3d73bb7$export$f680877a34711e37();
     const id = tabStopId || autoId;
     const context = $d7bdfb9eb0fdf311$var$useRovingFocusContext($d7bdfb9eb0fdf311$var$ITEM_NAME, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
@@ -253,7 +250,7 @@ const $69cb30bb0017df05$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$
 const [$69cb30bb0017df05$var$TabsProvider, $69cb30bb0017df05$var$useTabsContext] = $69cb30bb0017df05$var$createTabsContext($69cb30bb0017df05$var$TABS_NAME);
 const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeTabs: __scopeTabs , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , dir: dir , activationMode: activationMode = 'automatic' , ...tabsProps } = props;
-    const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
+    const direction = index$2.$f631663db3294ace$export$b39126d51d94e6f3(dir);
     const [value, setValue] = index$1.$71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: valueProp,
         onChange: onValueChange,
@@ -261,7 +258,7 @@ const $69cb30bb0017df05$export$b2539bed5023c21c = /*#__PURE__*/ React.forwardRef
     });
     return /*#__PURE__*/ React.createElement($69cb30bb0017df05$var$TabsProvider, {
         scope: __scopeTabs,
-        baseId: index$2.$1746a345f3d73bb7$export$f680877a34711e37(),
+        baseId: index$3.$1746a345f3d73bb7$export$f680877a34711e37(),
         value: value,
         onValueChange: setValue,
         orientation: orientation,
@@ -357,7 +354,7 @@ const $69cb30bb0017df05$export$bd905d70e8fd2ebb = /*#__PURE__*/ React.forwardRef
         return ()=>cancelAnimationFrame(rAF)
         ;
     }, []);
-    return /*#__PURE__*/ React.createElement(index$1.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    return /*#__PURE__*/ React.createElement(index$4.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || isSelected
     }, ({ present: present  })=>/*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
             "data-state": isSelected ? 'active' : 'inactive',
@@ -390,7 +387,7 @@ const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905
 var Tab = function (_a) {
     var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = filterDataAttrs.__rest(_a, ["label", "value", "icon", "iconActive"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement($69cb30bb0017df05$export$41fb9f06171c75f4, filterDataAttrs.__assign({ className: index$3.classNames("arc-Tab-trigger", {
+    return (React__default["default"].createElement($69cb30bb0017df05$export$41fb9f06171c75f4, filterDataAttrs.__assign({ className: index$5.classNames("arc-Tab-trigger", {
             "arc-Tab-trigger--onDarkSurface": surface === "dark",
             "arc-Tab-trigger--hasIcon": icon || iconActive
         }), value: value }, filterDataAttrs.filterDataAttrs(props)),
@@ -406,23 +403,6 @@ var TabContent = function (_a) {
     return (React__default["default"].createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, { className: "arc-Tab-content", value: value }, children));
 };
 
-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",
-    }),
-  );
-
 const BtIconArrowLeftFill = (props) =>
   /*#__PURE__*/ React__default["default"].createElement(
     "svg",
@@ -475,19 +455,19 @@ var TabsList = function (_a) {
         checkOverflow(event.currentTarget);
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, filterDataAttrs.__assign({ onScroll: onScroll, className: index$3.classNames("arc-Tabs", {
+        React__default["default"].createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, filterDataAttrs.__assign({ onScroll: onScroll, className: index$5.classNames("arc-Tabs", {
                 "arc-Tabs--contained": type === "contained",
                 "arc-Tabs--isJustified": isJustified,
                 "arc-Tabs--onDarkSurface": surface === "dark"
             }), ref: tabsRef, "aria-label": ariaLabel }, filterDataAttrs.filterDataAttrs(props)), children),
-        leftOverflow && (React__default["default"].createElement("button", { className: index$3.classNames("arc-Tabs-overflowIcon arc-Tabs-overflowIcon--left", {
+        leftOverflow && (React__default["default"].createElement("button", { className: index$5.classNames("arc-Tabs-overflowIcon arc-Tabs-overflowIcon--left", {
                 "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
             }), onClick: function () { return scrollTabs(-300); }, "aria-label": "Scroll Tabs Left", "data-testid": "arc-Tabs-overflowIconLeft" },
             React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowLeftFill, size: 40, color: "brand" }))),
-        rightOverflow && (React__default["default"].createElement("button", { className: index$3.classNames("arc-Tabs-overflowIcon", {
+        rightOverflow && (React__default["default"].createElement("button", { className: index$5.classNames("arc-Tabs-overflowIcon", {
                 "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
             }), onClick: function () { return scrollTabs(300); }, "aria-label": "Scroll Tabs Right", "data-testid": "arc-Tabs-overflowIconRight" },
-            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowRightFill, size: 40, color: "brand" })))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowRightFill_esm.BtIconArrowRightFill, size: 40, color: "brand" })))));
 };
 
 var Tabs = function (_a) {

package/dist/_shared/cjs/{TextInput-bf1fe052.js → TextInput-fd9c756f.js}

@@ -3,7 +3,7 @@
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var FormControl = require('./FormControl-7daf8110.js');
+var FormControl = require('./FormControl-166e0957.js');
 var Surface = require('./Surface-038db6e1.js');
 var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
 
@@ -43,9 +43,9 @@ var useNumericInput = function (props) {
  */
 var TextInput = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize"]);
+    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, prefix = _a.prefix, suffix = _a.suffix, _l = _a.inputAlignment, inputAlignment = _l === void 0 ? "left" : _l, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize", "prefix", "suffix", "inputAlignment"]);
     var surface = React.useContext(Surface.Context).surface;
-    var _l = React.useState(false), showPasswordToggle = _l[0], setShowPasswordToggle = _l[1];
+    var _m = React.useState(false), showPasswordToggle = _m[0], setShowPasswordToggle = _m[1];
     var inferredInputProps = useNumericInput({
         inputMode: inputMode,
         pattern: pattern,
@@ -60,15 +60,21 @@ var TextInput = React.forwardRef(function (_a, ref) {
     }).ariaDescribedby;
     return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
                 "arc-TextInput": true,
+                "arc-TextInput--alignRight": inputAlignment === "right",
                 "arc-TextInput--withPasswordToggle": showPassword,
+                "arc-TextInput--isDisabled": isDisabled,
                 "arc-TextInput--invalid": errorMessage,
-                "arc-TextInput--onDarkSurface": surface === "dark"
+                "arc-TextInput--onDarkSurface": surface === "dark",
+                "arc-TextInput--withPrefix": prefix,
+                "arc-TextInput--withSuffix": suffix
             },
             _b["arc-TextInput--size".concat(inputSize && inputSize.toUpperCase())] = inputSize && inputSize !== "m",
             _b)) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
             React__default["default"].createElement("div", { className: "arc-TextInput-inputWrapper" },
+                prefix && (React__default["default"].createElement("span", { className: "arc-TextInput-prefix", "aria-hidden": true }, prefix)),
                 React__default["default"].createElement("input", filterDataAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),
+                suffix && !showPassword ? (React__default["default"].createElement("span", { className: "arc-TextInput-suffix", "aria-hidden": true }, suffix)) : null,
                 showPassword && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement("button", { className: "arc-TextInput-passwordToggle", onClick: function () { return setShowPasswordToggle(function (p) { return !p; }); }, type: "button" }, showPasswordToggle ? "Hide" : "Show"),
                     React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,