@arc-ui/components 10.8.1 → 11.1.0

package/dist/_shared/cjs/index.es-f590caaf.js

@@ -1,290 +0,0 @@
-'use strict';
-
-/**
- * Do not edit directly
- * Generated file
- */
-var ArcBreakpointM = 768;
-var ArcBreakpointL = 1024;
-var iconsSelected = [
-    "bt3GFill",
-    "bt4GFill",
-    "bt5GFill",
-    "btAccessibilityFill",
-    "btAddFill",
-    "btAlertFill",
-    "btAlertTriangleFill",
-    "btAnswerPointFill",
-    "btArchitectureFill",
-    "btArchiveFill",
-    "btArrowAltDownFill",
-    "btArrowAltLeftFill",
-    "btArrowAltLeftRightFill",
-    "btArrowAltRightFill",
-    "btArrowAltUpFill",
-    "btArrowDownFill",
-    "btArrowLeftFill",
-    "btArrowLeftRightFill",
-    "btArrowRightFill",
-    "btArrowUpFill",
-    "btAttachmentAltFill",
-    "btAttachmentFill",
-    "btBagFill",
-    "btBasketFill",
-    "btBinFill",
-    "btBlockedNumberFill",
-    "btBoatFill",
-    "btBroadbandFill",
-    "btBuildingFill",
-    "btBurgerMenuFill",
-    "btCakeFill",
-    "btCalenderAcceptedFill",
-    "btCalenderAddEventFill",
-    "btCalenderFill",
-    "btCalenderPaymentPlanAltFill",
-    "btCalenderPaymentPlanFill",
-    "btCalenderSpecialDateFill",
-    "btCallRoutingFill",
-    "btCallerIdFill",
-    "btChatFill",
-    "btChatMessageFill",
-    "btChatTypingFill",
-    "btClipboardFill",
-    "btClipboardTickFill",
-    "btClockFill",
-    "btCloudAlertFill",
-    "btCloudDesktopFill",
-    "btCloudFill",
-    "btCloudLinkFill",
-    "btCloudMeetingFill",
-    "btCloudPhoneFill",
-    "btCloudSecurityFill",
-    "btCloudUploadFill",
-    "btCloudUserFill",
-    "btCollapseFill",
-    "btCompareFill",
-    "btComputerChipFill",
-    "btConnectedCareFill",
-    "btContactDetailsFill",
-    "btContactNoDetailsFill",
-    "btContactsFill",
-    "btCreditCardFill",
-    "btCrossAlt2pxFill",
-    "btCrossAltFill",
-    "btCrossFill",
-    "btDashboardFill",
-    "btDepositFill",
-    "btDesignFill",
-    "btDeskPhoneFill",
-    "btDetailsFill",
-    "btDetailsGroupFill",
-    "btDexterityFill",
-    "btDialPadFill",
-    "btDialPadWithHandFill",
-    "btDialledNumberDestinationFill",
-    "btDigitalCollaborationFill",
-    "btDisabilityFill",
-    "btDiscountFill",
-    "btDivertOnBusyFill",
-    "btDocumentAndPencilFill",
-    "btDocumentArticleFill",
-    "btDocumentBillsFill",
-    "btDocumentDownloadFill",
-    "btDocumentFill",
-    "btDocumentPdfFill",
-    "btDocumentWithCopyCrossedOutFill",
-    "btDocumentWithCopyFill",
-    "btDynamicCollaborationFill",
-    "btEducationFill",
-    "btEmailReadFill",
-    "btEmailUnreadFill",
-    "btEngagedFill",
-    "btEthernetFill",
-    "btFaceHappyFill",
-    "btFaceNeutralFill",
-    "btFaceSadFill",
-    "btFaceVeryHappyFill",
-    "btFirstAidFill",
-    "btFolderFill",
-    "btGamingFill",
-    "btGenderFemaleAndMaleFill",
-    "btGenderFemaleFill",
-    "btGenderMaleFill",
-    "btGenderNeutralFill",
-    "btGiftFill",
-    "btGlobalConnectivityFill",
-    "btGlobeFill",
-    "btGlossaryFill",
-    "btGondolaFill",
-    "btGraphBarAndPlotFill",
-    "btGraphBarChartFill",
-    "btGraphDownFill",
-    "btGraphUpAndDownFill",
-    "btGraphUpFill",
-    "btHeadsetFill",
-    "btHeartBrokenFill",
-    "btHeartCareFill",
-    "btHeartFill",
-    "btHoldingHeartFill",
-    "btHomeFill",
-    "btHomeTechExpertFill",
-    "btHometownFill",
-    "btHubAndMobileFill",
-    "btHubFill",
-    "btHubOldFill",
-    "btIpFill",
-    "btIPv6Fill",
-    "btIdeaFill",
-    "btInfoFill",
-    "btJsonFill",
-    "btJigsawFill",
-    "btJourneyFill",
-    "btKeyFill",
-    "btKnifeAndForkFill",
-    "btLanFill",
-    "btLaptopAndMobileFill",
-    "btLaptopConnectAndShareFill",
-    "btLaptopDetectionFill",
-    "btLaptopFill",
-    "btLaptopSecureFill",
-    "btLaptopVideoConferenceFill",
-    "btLaptopUsersFill",
-    "btLayoutGridLargeFill",
-    "btLayoutGridMediumFill",
-    "btLayoutGridSmallFill",
-    "btLayoutRowsLargeFill",
-    "btLayoutRowsMediumFill",
-    "btLayoutRowsSmallFill",
-    "btLeadershipFill",
-    "btLinkFill",
-    "btLiteracyNumeracyFill",
-    "btLocationFill",
-    "btLockedFill",
-    "btLogoutFill",
-    "btMedalFill",
-    "btMedalWithStarFill",
-    "btMeetingSpaceFill",
-    "btMegaphoneFill",
-    "btMicrophoneFill",
-    "btMobileFill",
-    "btMobileTransferCallFill",
-    "btMobileWithHandFill",
-    "btMobilityFill",
-    "btMoneyFill",
-    "btMonitorFill",
-    "btMonitorTickFill",
-    "btMoonFill",
-    "btMouseFill",
-    "btNamingFill",
-    "btNewWindowFill",
-    "btNoHearingFill",
-    "btNoHearingOrSpeechFill",
-    "btNoSpeechFill",
-    "btNoViewFill",
-    "btNotificationFill",
-    "btPaperTowelFill",
-    "btPasswordFIll",
-    "btPaymentMethodFill",
-    "btPayphoneFill",
-    "btPhoneBarredFill",
-    "btPhoneFill",
-    "btPictureFill",
-    "btPinAltFill",
-    "btPinFill",
-    "btPlaneFill",
-    "btPlanningFill",
-    "btPlantFill",
-    "btPlayFill",
-    "btPodcastFill",
-    "btPresentationFill",
-    "btPriceFill",
-    "btPrinterFill",
-    "btProcessFill",
-    "btProcessMiningFill",
-    "btProcessRolesFill",
-    "btProportionalCallDistributionFill",
-    "btQuestionFill",
-    "btRecyclingFill",
-    "btRefreshFill",
-    "btRefundFill",
-    "btReleaseFill",
-    "btResolution4KFill",
-    "btResolutionHdFill",
-    "btResolutionSdFill",
-    "btScaleFill",
-    "btSearchFill",
-    "btServerFill",
-    "btSettingsAlt2Fill",
-    "btSettingsAltFill",
-    "btSettingsFill",
-    "btShieldAddFill",
-    "btShieldFill",
-    "btShieldQuestionMarkFIll",
-    "btShieldSecurityFill",
-    "btShieldTickFill",
-    "btShipFill",
-    "btSignalFill",
-    "btSignatureFill",
-    "btSignpostFill",
-    "btSimFill",
-    "btSimpleFill",
-    "btSkiingFill",
-    "btSkisFill",
-    "btSnowboardingFill",
-    "btSpannerFill",
-    "btSpeakerFullVolumeFill",
-    "btSpeakerHalfVolumeFill",
-    "btSpeakerLowVolumeFill",
-    "btSpeakerMuteFill",
-    "btSpeedFasterFill",
-    "btSpeedFastestFill",
-    "btSpeedGuaranteeFill",
-    "btSpeedSlowFill",
-    "btSportFootballFill",
-    "btStarFill",
-    "btStopFill",
-    "btStopAltFill",
-    "btSuitcaseFill",
-    "btSunFill",
-    "btSwitchFill",
-    "btTvArialFill",
-    "btTvFill",
-    "btTvAndHubFill",
-    "btTvAndHubAndPhoneFill",
-    "btTabletFill",
-    "btTabletWithKeyboardFill",
-    "btTagFill",
-    "btTaxonomyFill",
-    "btTechBarFill",
-    "btTelemarkFill",
-    "btThumbsDownFill",
-    "btThumbsUpFill",
-    "btTickAlt2pxFill",
-    "btTickFill",
-    "btTickVariantFill",
-    "btTree1Fill",
-    "btTree2Fill",
-    "btTrophyFill",
-    "btUkFill",
-    "btUkHotspotsFill",
-    "btUsbFill",
-    "btUnlockedFill",
-    "btUserAddFill",
-    "btUserCloudFill",
-    "btUserDuplicateProfileFill",
-    "btUserFill",
-    "btUserGroupsFill",
-    "btUserParentAndChildFill",
-    "btUserWithQuestionmarkFill",
-    "btVanFill",
-    "btViewFill",
-    "btVirusFill",
-    "btWholeHomeWifiFill",
-    "btWiFiFill",
-    "btWizardFill",
-    "btWorkstationFill"
-];
-
-exports.ArcBreakpointL = ArcBreakpointL;
-exports.ArcBreakpointM = ArcBreakpointM;
-exports.iconsSelected = iconsSelected;

package/dist/_shared/esm/Button-d59c31a2.js

@@ -1,51 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
-import { c as classNames } from './index-2ae58626.js';
-import React, { forwardRef, useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
-import { I as Icon } from './Icon-2fd92daa.js';
-import { C as Context } from './Surface-d515d212.js';
-
-/**
- * Use `Button` to allow users to take actions with clicks and taps.
- */
-var Button = 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, supportingText = _a.supportingText, target = _a.target, type = _a.type, props = __rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type"]);
-    var surface = useContext(Context).surface;
-    var buttonClasses = classNames((_b = {
-            "arc-Button": true,
-            "arc-Button--displayBlock": isDisplayBlock
-        },
-        _b[suffixModifier("arc-Button--fill", fill)] = fill !== "solid",
-        _b["arc-Button--fullWidth"] = isFullWidth,
-        _b[suffixModifier("arc-Button--icon", iconPosition.replace("icon", ""))] = (icon || fill === "flat") &&
-            iconPosition &&
-            iconPosition !== "afterText",
-        _b["arc-Button--hasSupportingText"] = supportingText,
-        _b["arc-Button--onDarkSurface"] = surface === "dark",
-        _b));
-    var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterDataAttrs(props));
-    var buttonText = supportingText ? (React.createElement("span", null,
-        React.createElement("span", { className: "arc-Button-text" }, label),
-        React.createElement("span", { className: "arc-Button-supportingText" }, supportingText))) : (React.createElement("span", { className: "arc-Button-text" }, label));
-    var buttonIcon = icon || fill === "flat" ? (React.createElement(ButtonIcon, { icon: icon, isChevron: !icon && fill === "flat", isBeforeText: iconPosition === "beforeText" })) : null;
-    if (href && !isDisabled) {
-        return (React.createElement("a", __assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, href: href, rel: rel, target: target }),
-            React.createElement("span", { className: "arc-Button-inner" },
-                buttonText,
-                buttonIcon)));
-    }
-    return (React.createElement("button", __assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, disabled: isDisabled, type: type }),
-        React.createElement("span", { className: "arc-Button-inner" },
-            buttonText,
-            buttonIcon)));
-});
-var ButtonIcon = function (_a) {
-    var icon = _a.icon, isChevron = _a.isChevron, isBeforeText = _a.isBeforeText;
-    return (React.createElement("span", { className: classNames({
-            "arc-Button-icon": true,
-            "arc-Button-icon--chevron": isChevron
-        }) }, isChevron ? (React.createElement(Icon, { icon: "btChevron".concat(isBeforeText ? "Left" : "Right", "Mid") })) : (React.createElement(Icon, { icon: icon }))));
-};
-
-export { Button as B };

package/dist/_shared/esm/FormControl-33194106.js

@@ -1,74 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
-import { c as classNames } from './index-2ae58626.js';
-import React, { createContext, useContext } from 'react';
-import { C as Context$1 } from './Surface-d515d212.js';
-
-/**
- * Optionally define ariaDescribedBy if errorMessage or helper exist.
- */
-var useAriaDescribedby = function (_a) {
-    var id = _a.id, _b = _a.idError, idError = _b === void 0 ? "".concat(id, "-error") : _b, _c = _a.idHelper, idHelper = _c === void 0 ? "".concat(id, "-helper") : _c, errorMessage = _a.errorMessage, helper = _a.helper;
-    if (!id) {
-        return {
-            ariaDescribedby: undefined,
-            idHelper: undefined,
-            idError: undefined
-        };
-    }
-    var ariaDescribedbyArr = [];
-    if (errorMessage) {
-        ariaDescribedbyArr.push(idError);
-    }
-    if (helper) {
-        ariaDescribedbyArr.push(idHelper);
-    }
-    var ariaDescribedby = ariaDescribedbyArr.length > 0 ? ariaDescribedbyArr.join(" ") : undefined;
-    return { ariaDescribedby: ariaDescribedby, idError: idError, idHelper: idHelper };
-};
-
-var defaultContext = {
-    requirementStatus: null
-};
-var Context = createContext(defaultContext);
-var Provider = Context.Provider;
-/**
- * Use `FormControl` to provide inputs with labels, helper text and error messages
- */
-var FormControl = function (_a) {
-    var children = _a.children, _b = _a.elementType, ElementType = _b === void 0 ? "div" : _b, errorMessage = _a.errorMessage, helper = _a.helper, htmlFor = _a.htmlFor, id = _a.id, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, _d = _a.requirementStatus, requirementStatus = _d === void 0 ? "optional" : _d, props = __rest(_a, ["children", "elementType", "errorMessage", "helper", "htmlFor", "id", "label", "labelSize", "requirementStatus"]);
-    var surface = useContext(Context$1).surface;
-    var _e = useAriaDescribedby({
-        errorMessage: errorMessage,
-        helper: helper,
-        id: htmlFor || id // `htmlFor` is preference to keep this deterministic with TextInput
-    }), ariaDescribedby = _e.ariaDescribedby, idError = _e.idError, idHelper = _e.idHelper;
-    var LabelType = ElementType === "div" ? "label" : "legend";
-    var elementProps = {};
-    var labelProps = {};
-    if (LabelType === "label") {
-        labelProps["htmlFor"] = htmlFor;
-        if (htmlFor) {
-            labelProps["id"] = "".concat(htmlFor, "-label");
-        }
-        else if (id) {
-            labelProps["id"] = "".concat(id, "-label");
-        }
-    }
-    else {
-        elementProps["aria-describedby"] = ariaDescribedby;
-    }
-    return (React.createElement(Provider, { value: { requirementStatus: requirementStatus } },
-        React.createElement(ElementType, __assign({ className: classNames({
-                "arc-FormControl": true,
-                "arc-FormControl--smallLabel": labelSize === "s",
-                "arc-FormControl--onDarkSurface": surface === "dark"
-            }), id: id }, elementProps, filterDataAttrs(props)),
-            React.createElement(LabelType, __assign({ className: "arc-FormControl-label" }, labelProps),
-                label,
-                requirementStatus === "optional" && (React.createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))),
-            helper && (React.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper)),
-            children,
-            errorMessage && (React.createElement("div", { className: "arc-FormControl-error", id: idError }, errorMessage)))));
-};
-
-export { Context as C, FormControl as F, useAriaDescribedby as u };

package/dist/_shared/esm/Icon-2fd92daa.js

@@ -1,27 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
-import { i as iconsSelected } from './index.es-42f84e2d.js';
-import { c as classNames } from './index-2ae58626.js';
-import React, { useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
-import { C as Context } from './Surface-d515d212.js';
-
-/**
- * Use `Icon` to display brand iconography.
- */
-var Icon = function (_a) {
-    var _b;
-    var _c = _a.color, color = _c === void 0 ? "auto" : _c, icon = _a.icon, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isSelected, isSelected = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = __rest(_a, ["color", "icon", "isInline", "isSelected", "label", "size"]);
-    var surface = useContext(Context).surface;
-    return (React.createElement("span", __assign({ "aria-label": label, className: classNames((_b = {},
-            _b["arc-Icon"] = true,
-            _b[suffixModifier("arc-Icon--color", color)] = color !== "auto",
-            _b["arc-Icon--".concat(icon).concat(isSelected && iconsSelected.includes("".concat(icon, "Fill")) ? "Fill" : "")] = icon,
-            _b["arc-Icon--inline"] = isInline,
-            _b["arc-Icon--onDarkSurface"] = surface === "dark",
-            _b)), role: label ? "img" : undefined, style: {
-            height: size,
-            width: size
-        } }, filterDataAttrs(props))));
-};
-
-export { Icon as I };