@arc-ui/components 10.8.0 → 10.8.1

package/dist/_shared/cjs/index-78b35bc1.js

@@ -0,0 +1,215 @@
+'use strict';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+exports.__assign = function() {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
+var camelcase = {exports: {}};
+
+const UPPERCASE = /[\p{Lu}]/u;
+const LOWERCASE = /[\p{Ll}]/u;
+const LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
+const IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
+const SEPARATORS = /[_.\- ]+/;
+
+const LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);
+const SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');
+const NUMBERS_AND_IDENTIFIER = new RegExp('\\d+' + IDENTIFIER.source, 'gu');
+
+const preserveCamelCase = (string, locale) => {
+	let isLastCharLower = false;
+	let isLastCharUpper = false;
+	let isLastLastCharUpper = false;
+
+	for (let i = 0; i < string.length; i++) {
+		const character = string[i];
+
+		if (isLastCharLower && UPPERCASE.test(character)) {
+			string = string.slice(0, i) + '-' + string.slice(i);
+			isLastCharLower = false;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = true;
+			i++;
+		} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
+			string = string.slice(0, i - 1) + '-' + string.slice(i - 1);
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = false;
+			isLastCharLower = true;
+		} else {
+			isLastCharLower = character.toLocaleLowerCase(locale) === character && character.toLocaleUpperCase(locale) !== character;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = character.toLocaleUpperCase(locale) === character && character.toLocaleLowerCase(locale) !== character;
+		}
+	}
+
+	return string;
+};
+
+const preserveConsecutiveUppercase = input => {
+	LEADING_CAPITAL.lastIndex = 0;
+
+	return input.replace(LEADING_CAPITAL, m1 => m1.toLowerCase());
+};
+
+const postProcess = (input, options) => {
+	SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
+	NUMBERS_AND_IDENTIFIER.lastIndex = 0;
+
+	return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => identifier.toLocaleUpperCase(options.locale))
+		.replace(NUMBERS_AND_IDENTIFIER, m => m.toLocaleUpperCase(options.locale));
+};
+
+const camelCase = (input, options) => {
+	if (!(typeof input === 'string' || Array.isArray(input))) {
+		throw new TypeError('Expected the input to be `string | string[]`');
+	}
+
+	options = {
+		pascalCase: false,
+		preserveConsecutiveUppercase: false,
+		...options
+	};
+
+	if (Array.isArray(input)) {
+		input = input.map(x => x.trim())
+			.filter(x => x.length)
+			.join('-');
+	} else {
+		input = input.trim();
+	}
+
+	if (input.length === 0) {
+		return '';
+	}
+
+	if (input.length === 1) {
+		return options.pascalCase ? input.toLocaleUpperCase(options.locale) : input.toLocaleLowerCase(options.locale);
+	}
+
+	const hasUpperCase = input !== input.toLocaleLowerCase(options.locale);
+
+	if (hasUpperCase) {
+		input = preserveCamelCase(input, options.locale);
+	}
+
+	input = input.replace(LEADING_SEPARATORS, '');
+
+	if (options.preserveConsecutiveUppercase) {
+		input = preserveConsecutiveUppercase(input);
+	} else {
+		input = input.toLocaleLowerCase();
+	}
+
+	if (options.pascalCase) {
+		input = input.charAt(0).toLocaleUpperCase(options.locale) + input.slice(1);
+	}
+
+	return postProcess(input, options);
+};
+
+camelcase.exports = camelCase;
+// TODO: Remove this for the next major release
+camelcase.exports.default = camelCase;
+
+var camelCase$1 = camelcase.exports;
+
+exports.__awaiter = __awaiter;
+exports.__generator = __generator;
+exports.__rest = __rest;
+exports.__spreadArray = __spreadArray;
+exports.camelCase = camelCase$1;
+exports.filterDataAttrs = filterDataAttrs;

package/dist/_shared/{index-9483ad5f.d.ts → cjs/index-9483ad5f.d.ts}

@@ -10,5 +10,5 @@ declare const anchorPoints: readonly [
     "C"
 ];
 export { anchorPoints };
-export * from "./index-e3c83626";
-export * from "./suffix-modifier-2a93822c";
+export * from "./index-78b35bc1";
+export * from "./suffix-modifier-edf7851e";

package/dist/_shared/cjs/index-c81c9401.d.ts

@@ -0,0 +1,4 @@
+export * from "./FormControl-7d8e10fa";
+export * from "../../Card/Card.cjs";
+export * from "./use-media-query-75d1bbae";
+export * from "../../TextInput/TextInput.cjs";

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

@@ -0,0 +1,290 @@
+'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/cjs/suffix-modifier-edf7851e.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var index = require('./index-78b35bc1.js');
+
+/**
+ * Suffixes a modifier value onto the end of a className, converting it to
+ * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
+ * returns MyComponent--displayBlock.
+ *
+ * @param rootClassName The root className to append the suffix onto
+ * @param suffix The suffix to convert into pascal case.
+ */
+var suffixModifier = function (rootClassName, suffix) {
+    return "".concat(rootClassName).concat(index.camelCase(suffix, {
+        pascalCase: true
+    }));
+};
+
+exports.suffixModifier = suffixModifier;

package/dist/_shared/cjs/use-media-query-75d1bbae.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * @typedef MediaQueryOutputs
+ * @param {boolean} matches - does the document match the media query?
+ */
+/**
+ * Handle with care!
+ *
+ * If you need to change something in the browser based on @media query, you
+ * probably don’t need this hook. Use CSS media queries instead.
+ *
+ * Sometimes UI requirements are not achievable with CSS media queries alone. In
+ * these rare cases, use this hook to make media query matches available
+ * to React JavaScript code.
+ *
+ * @param {string} mediaQuery - the media query to parse
+ * @returns {MediaQueryOutputs}
+ */
+var useMediaQuery = function (mediaQuery) {
+    var mediaQueryList = typeof window !== "undefined" ? window.matchMedia(mediaQuery) : undefined;
+    var _a = React.useState(false), matches = _a[0], setMatches = _a[1];
+    React.useEffect(function () {
+        setMatches(typeof window !== "undefined"
+            ? window.matchMedia(mediaQuery).matches
+            : false);
+    }, [mediaQuery]);
+    React.useEffect(function () {
+        var onMatchMedia = function (event) { return setMatches(event.matches); };
+        // Using deprecated addListener methods here for IE & Safari 13 support
+        if (mediaQueryList) {
+            mediaQueryList.addListener(onMatchMedia);
+        }
+        return function () { return mediaQueryList && mediaQueryList.removeListener(onMatchMedia); };
+    }, [mediaQueryList]);
+    return matches;
+};
+
+exports.useMediaQuery = useMediaQuery;

package/dist/_shared/esm/BrandLogo-ea3dd0e6.d.ts

@@ -0,0 +1,26 @@
+import { FC } from "react";
+/**
+ * Use `BrandLogo` to display the brand logo.
+ */
+declare const BrandLogo: FC<BrandLogoProps>;
+declare const colors: readonly ["auto", "brand"];
+declare const subBrands: readonly ["redcare", "wholesale"];
+interface BrandLogoProps {
+    /**
+     * Color of the BrandLogo. The `brand` color only shows on light surfaces.
+     */
+    color?: typeof colors[number];
+    /**
+     * Accessible text for the BrandLogo.
+     */
+    label?: string;
+    /**
+     * Size of the BrandLogo, in pixels.
+     */
+    size?: number;
+    /**
+     * Optional sub-brand variant. Only applies to BT.
+     */
+    subBrand?: typeof subBrands[number];
+}
+export { BrandLogo, colors, subBrands, BrandLogoProps };

package/dist/_shared/{BrandLogo-6cc8202e.js → esm/BrandLogo-ea3dd0e6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-e3c83626.js';
-import { c as classNames } from './index-56d9df62.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-229fc864.js';
+import { c as classNames } from './index-2ae58626.js';
 import React, { useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-2a93822c.js';
-import { C as Context } from './Surface-3fe44a2a.js';
+import { s as suffixModifier } from './suffix-modifier-f5e28822.js';
+import { C as Context } from './Surface-d515d212.js';
 
 /**
  * Use `BrandLogo` to display the brand logo.