@arc-ui/components 12.1.0 → 13.0.0

package/lib/DatePicker/DatePicker.cjs

@@ -5,32 +5,32 @@ var index = require('../_shared/cjs/index-BLRjGROQ.cjs');
 var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
-var index$3 = require('../_shared/cjs/index-BWfgSvRQ.cjs');
-var Calendar = require('../_shared/cjs/Calendar-D_jZ0cgf.cjs');
+var index$3 = require('../_shared/cjs/index-DsqYRMfM.cjs');
+var Calendar = require('../_shared/cjs/Calendar-CdLn9iv6.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
-var TextInput = require('../_shared/cjs/TextInput-BHzuoI7E.cjs');
-var index$1 = require('../_shared/cjs/index-DXNM3D1d.cjs');
-require('../_shared/cjs/Combination-6m6aOXZq.cjs');
+var TextInput = require('../_shared/cjs/TextInput-C_K2PLf5.cjs');
+var index$1 = require('../_shared/cjs/index-DlWZZNwu.cjs');
+require('../_shared/cjs/Combination-Cm62lfyr.cjs');
 require('react/jsx-runtime');
 require('react-dom');
-require('../_shared/cjs/index-KrMgv4q_.cjs');
-require('../_shared/cjs/index-B11wQrRa.cjs');
-require('../_shared/cjs/index-BGGFOAAx.cjs');
-require('../_shared/cjs/index.es-B2ZfX2D7.cjs');
+require('../_shared/cjs/index-WO7l1Mfx.cjs');
+require('../_shared/cjs/index-BdJeAKfz.cjs');
+require('../_shared/cjs/index-BBDa9gnQ.cjs');
+require('../_shared/cjs/index.es-BAsay4oe.cjs');
 require('../_shared/cjs/use-media-query-BJV2IbHi.cjs');
-require('../_shared/cjs/Text-jwsn80lQ.cjs');
-require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/Surface-DIU5ciDT.cjs');
-require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
 require('../_shared/cjs/Heading-BYBmZkmS.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/SemanticHeading-C1-fyc3V.cjs');
+require('../_shared/cjs/Text-jwsn80lQ.cjs');
+require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
 require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
 require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
 require('../_shared/cjs/FormControl-TtboqHRx.cjs');
 require('../_shared/cjs/DisclosureMini-Cy7hNc90.cjs');
 require('../_shared/cjs/Spinner-427lpnHI.cjs');
-require('../_shared/cjs/Tooltip-CEb7YEP2.cjs');
+require('../_shared/cjs/Tooltip-CdmWvrnr.cjs');
 
 /**
  * @name startOfDay
@@ -210,8 +210,8 @@ function validateRangeOnBlur(_a) {
 /**
  * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
  */
-var DatePicker = React.forwardRef(function (_a, ref) {
-    var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.value, value = _c === void 0 ? "" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _d = _a.isFluid, isFluid = _d === void 0 ? false : _d, _e = _a.selectionType, selectionType = _e === void 0 ? "single" : _e, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = tslib_es6.__rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "size", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
+var DatePicker = function (_a) {
+    var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.value, value = _c === void 0 ? "" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _d = _a.isFluid, isFluid = _d === void 0 ? false : _d, _e = _a.selectionType, selectionType = _e === void 0 ? "single" : _e, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, ref = _a.ref, props = tslib_es6.__rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "size", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate", "ref"]);
     var _f = index$1.useThemeElement(), themeElement = _f[0], setThemeElement = _f[1];
     var _g = React.useState("Choose date"), ariaLabel = _g[0], setAriaLabel = _g[1];
     var _h = React.useState(false), showCalendar = _h[0], setShowCalendar = _h[1];
@@ -355,7 +355,7 @@ var DatePicker = React.forwardRef(function (_a, ref) {
             React.createElement(index$3.Portal, { container: themeElement },
                 React.createElement(index$3.Content2, { align: "start", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
                     React.createElement(Calendar.Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: selectionType, selectedDate: convertDateStringToDate(value), selectedRange: convertRangeStringToDates(value), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onDateSelect: handleDateSelect, onRangeSelect: handleRangeSelect }))))));
-});
+};
 
 var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
 var DatePickerRange = function (_a) {

package/lib/DatePicker/DatePicker.mjs

@@ -1,34 +1,34 @@
 'use client';
 import { r as requiredArgs, t as toDate, a as isValid, f as format } from '../_shared/esm/index-Cr6KeQLU.mjs';
 import { b as __spreadArray, _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
-import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from '../_shared/esm/index-Do2wfP-X.mjs';
-import { i as isBefore, a as isAfter, c as compareAsc, C as Calendar } from '../_shared/esm/Calendar-wG6UVDgO.mjs';
+import { R as Root2, A as Anchor2, P as Portal, C as Content2 } from '../_shared/esm/index-Dd3yZ_Kk.mjs';
+import { i as isBefore, a as isAfter, c as compareAsc, C as Calendar } from '../_shared/esm/Calendar-CzFIMyD1.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
-import { a as TextInputWithPlaceHolder, I as InputIcon } from '../_shared/esm/TextInput-CZaNXVHl.mjs';
-import { e as useThemeElement } from '../_shared/esm/index-Bz2JQq34.mjs';
-import '../_shared/esm/Combination-BQ4XBtF-.mjs';
+import { a as TextInputWithPlaceHolder, I as InputIcon } from '../_shared/esm/TextInput-BCvKXfM_.mjs';
+import { e as useThemeElement } from '../_shared/esm/index-DkAfUbDx.mjs';
+import '../_shared/esm/Combination-BW0YAEZD.mjs';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../_shared/esm/index-BFKdmv_g.mjs';
-import '../_shared/esm/index-CWHcEz3_.mjs';
-import '../_shared/esm/index-GCEHSsY8.mjs';
-import '../_shared/esm/index.es-Co1d96HB.mjs';
+import '../_shared/esm/index-DNvlT7G_.mjs';
+import '../_shared/esm/index-Cgsjp3NL.mjs';
+import '../_shared/esm/index-BMmvMegf.mjs';
+import '../_shared/esm/index.es-99J0r2va.mjs';
 import '../_shared/esm/use-media-query-l6Sou0dd.mjs';
-import '../_shared/esm/Text-BAzOkkzN.mjs';
-import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/Surface-C69KVzkY.mjs';
-import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
 import '../_shared/esm/Heading-Da-o0d5x.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/SemanticHeading-DpEBq7pG.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';
+import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
 import '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
 import '../_shared/esm/Icon-CCUbr_AO.mjs';
 import '../_shared/esm/FormControl-DopDD_nC.mjs';
 import '../_shared/esm/DisclosureMini-DeQZyvDN.mjs';
 import '../_shared/esm/Spinner-DvngCIwx.mjs';
-import '../_shared/esm/Tooltip-BpSzN3Tx.mjs';
+import '../_shared/esm/Tooltip-DY8nS1to.mjs';
 
 /**
  * @name startOfDay
@@ -208,8 +208,8 @@ function validateRangeOnBlur(_a) {
 /**
  * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
  */
-var DatePicker = forwardRef(function (_a, ref) {
-    var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.value, value = _c === void 0 ? "" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _d = _a.isFluid, isFluid = _d === void 0 ? false : _d, _e = _a.selectionType, selectionType = _e === void 0 ? "single" : _e, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = __rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "size", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
+var DatePicker = function (_a) {
+    var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.value, value = _c === void 0 ? "" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _d = _a.isFluid, isFluid = _d === void 0 ? false : _d, _e = _a.selectionType, selectionType = _e === void 0 ? "single" : _e, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, ref = _a.ref, props = __rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "size", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate", "ref"]);
     var _f = useThemeElement(), themeElement = _f[0], setThemeElement = _f[1];
     var _g = useState("Choose date"), ariaLabel = _g[0], setAriaLabel = _g[1];
     var _h = useState(false), showCalendar = _h[0], setShowCalendar = _h[1];
@@ -353,7 +353,7 @@ var DatePicker = forwardRef(function (_a, ref) {
             React__default.createElement(Portal, { container: themeElement },
                 React__default.createElement(Content2, { align: "start", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
                     React__default.createElement(Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: selectionType, selectedDate: convertDateStringToDate(value), selectedRange: convertRangeStringToDates(value), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onDateSelect: handleDateSelect, onRangeSelect: handleRangeSelect }))))));
-});
+};
 
 var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
 var DatePickerRange = function (_a) {

package/lib/DatePicker/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-DatePicker--constrained{max-width:384px}.arc-v12-1-0 .arc .arc-DatePicker-modal{margin-top:12px;z-index:101}
+.arc-v13-0-0 .arc .arc-DatePicker--constrained{max-width:384px}.arc-v13-0-0 .arc .arc-DatePicker-modal{margin-top:12px;z-index:101}

package/lib/Disclosure/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);color:var(--disclosure-colors-light-text-default);cursor:pointer;display:block;font:var(--disclosure-type-label-l);list-style:none;padding:var(--disclosure-padding-s);position:relative}.arc-v12-1-0 .arc .arc-Disclosure-summary:focus{outline:var(--focus-border-weight-s) solid transparent}.arc-v12-1-0 .arc .arc-Disclosure-summary>*{padding-left:var(--disclosure-padding-l)}.arc-v12-1-0 .arc .arc-Disclosure .arc-Disclosure-summary>*{display:inline-block}.arc-v12-1-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);color:var(--disclosure-colors-dark-text-default)}.arc-v12-1-0 .arc .arc-Disclosure-summary:hover{background:var(--disclosure-colors-light-bg-hover);color:var(--disclosure-colors-light-text-hover)}.arc-v12-1-0 .arc .arc-Disclosure+.arc-Disclosure .arc-Disclosure-summary{border-top:0;line-height:29px}.arc-v12-1-0 .arc .arc-Disclosure-summary::-webkit-details-marker{display:none}.arc-v12-1-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:hover{background:var(--disclosure-colors-dark-bg-hover);color:var(--disclosure-colors-dark-text-hover)}.arc-v12-1-0 .arc .arc-Disclosure-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-Disclosure-summary>.arc-Disclosure-summary-icon{color:inherit;height:var(--disclosure-size-icon-s);padding-left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--disclosure-size-icon-s)}.arc-v12-1-0 .arc .arc-Disclosure[open] .arc-Disclosure-summary>.arc-Disclosure-summary-icon{transform:rotate(180deg) translateY(50%)}.arc-v12-1-0 .arc .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);padding:var(--disclosure-padding-s)}.arc-v12-1-0 .arc .arc-Disclosure--indentDetails .arc-Disclosure-details{padding-left:var(--disclosure-padding-xl)}.arc-v12-1-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle)}
+.arc-v13-0-0 .arc .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);color:var(--disclosure-colors-light-text-default);cursor:pointer;display:block;font:var(--disclosure-type-label-l);list-style:none;padding:var(--disclosure-padding-s);position:relative}.arc-v13-0-0 .arc .arc-Disclosure-summary:focus{outline:var(--focus-border-weight-s) solid transparent}.arc-v13-0-0 .arc .arc-Disclosure-summary>*{padding-left:var(--disclosure-padding-l)}.arc-v13-0-0 .arc .arc-Disclosure .arc-Disclosure-summary>*{display:inline-block}.arc-v13-0-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);border-top:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle);color:var(--disclosure-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-Disclosure-summary:hover{background:var(--disclosure-colors-light-bg-hover);color:var(--disclosure-colors-light-text-hover)}.arc-v13-0-0 .arc .arc-Disclosure+.arc-Disclosure .arc-Disclosure-summary{border-top:0;line-height:29px}.arc-v13-0-0 .arc .arc-Disclosure-summary::-webkit-details-marker{display:none}.arc-v13-0-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:hover{background:var(--disclosure-colors-dark-bg-hover);color:var(--disclosure-colors-dark-text-hover)}.arc-v13-0-0 .arc .arc-Disclosure-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v13-0-0 .arc .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-0-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Disclosure-summary>.arc-Disclosure-summary-icon{color:inherit;height:var(--disclosure-size-icon-s);padding-left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--disclosure-size-icon-s)}.arc-v13-0-0 .arc .arc-Disclosure[open] .arc-Disclosure-summary>.arc-Disclosure-summary-icon{transform:rotate(180deg) translateY(50%)}.arc-v13-0-0 .arc .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-light-border-subtle);padding:var(--disclosure-padding-s)}.arc-v13-0-0 .arc .arc-Disclosure--indentDetails .arc-Disclosure-details{padding-left:var(--disclosure-padding-xl)}.arc-v13-0-0 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle)}

package/lib/DisclosureMini/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-DisclosureMini-summary{align-items:center;color:var(--disclosure-mini-colors-light-text-default);cursor:pointer;display:flex;font:var(--sem-type-body-reg-m);list-style:none;position:relative}.arc-v12-1-0 .arc .arc-DisclosureMini-summary--small{font:var(--sem-type-body-reg-s)}.arc-v12-1-0 .arc .arc-DisclosureMini-summary:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-1-0 .arc .arc-DisclosureMini .arc-DisclosureMini-summary>*{display:inline-block}.arc-v12-1-0 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary{color:var(--disclosure-mini-colors-dark-text-default)}.arc-v12-1-0 .arc .arc-DisclosureMini-summary::-webkit-details-marker{display:none}.arc-v12-1-0 .arc .arc-DisclosureMini-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-1-0 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v12-1-0 .arc .arc-DisclosureMini-summary>.arc-Text{text-decoration:underline}.arc-v12-1-0 .arc .arc-DisclosureMini-summary--icon-left>.arc-Text{margin-left:var(--disclosure-mini-gap-m)}.arc-v12-1-0 .arc .arc-DisclosureMini-summary--icon-right>.arc-Text{margin-right:var(--disclosure-mini-gap-m)}.arc-v12-1-0 .arc .arc-DisclosureMini-summary--icon-right>.arc-DisclosureMini-summary-icon{order:2}.arc-v12-1-0 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{align-items:center;color:inherit;display:flex;flex:0 0 16px;height:var(--disclosure-mini-size-icon-s);justify-content:center;transition:all 0.23s ease-out;width:var(--disclosure-mini-size-icon-s)}.arc-v12-1-0 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon>svg{height:100%;width:100%}.arc-v12-1-0 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{transform:rotate(180deg)}.arc-v12-1-0 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary{align-items:center}.arc-v12-1-0 .arc .arc-DisclosureMini-details{margin-top:var(--disclosure-mini-gap-s)}.arc-v12-1-0 .arc .arc-DisclosureMini-summary--icon-left~.arc-DisclosureMini-details{margin-left:calc(var(--disclosure-mini-gap-m) + 16px)}
+.arc-v13-0-0 .arc .arc-DisclosureMini-summary{align-items:center;color:var(--disclosure-mini-colors-light-text-default);cursor:pointer;display:flex;font:var(--sem-type-body-reg-m);list-style:none;position:relative}.arc-v13-0-0 .arc .arc-DisclosureMini-summary--small{font:var(--sem-type-body-reg-s)}.arc-v13-0-0 .arc .arc-DisclosureMini-summary:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-0-0 .arc .arc-DisclosureMini .arc-DisclosureMini-summary>*{display:inline-block}.arc-v13-0-0 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary{color:var(--disclosure-mini-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-DisclosureMini-summary::-webkit-details-marker{display:none}.arc-v13-0-0 .arc .arc-DisclosureMini-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v13-0-0 .arc .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-DisclosureMini-summary>.arc-Text{text-decoration:underline}.arc-v13-0-0 .arc .arc-DisclosureMini-summary--icon-left>.arc-Text{margin-left:var(--disclosure-mini-gap-m)}.arc-v13-0-0 .arc .arc-DisclosureMini-summary--icon-right>.arc-Text{margin-right:var(--disclosure-mini-gap-m)}.arc-v13-0-0 .arc .arc-DisclosureMini-summary--icon-right>.arc-DisclosureMini-summary-icon{order:2}.arc-v13-0-0 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{align-items:center;color:inherit;display:flex;flex:0 0 16px;height:var(--disclosure-mini-size-icon-s);justify-content:center;transition:all 0.23s ease-out;width:var(--disclosure-mini-size-icon-s)}.arc-v13-0-0 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon>svg{height:100%;width:100%}.arc-v13-0-0 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{transform:rotate(180deg)}.arc-v13-0-0 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary{align-items:center}.arc-v13-0-0 .arc .arc-DisclosureMini-details{margin-top:var(--disclosure-mini-gap-s)}.arc-v13-0-0 .arc .arc-DisclosureMini-summary--icon-left~.arc-DisclosureMini-details{margin-left:calc(var(--disclosure-mini-gap-m) + 16px)}

package/lib/Download/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-Download{align-items:center;background:var(--sem-color-bg-secondary-light-default);border-radius:var(--sem-border-radius-xs);color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:flex;max-width:100%;outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);padding:var(--sem-space-padding-70) var(--sem-space-padding-130) var(--sem-space-padding-70) var(--sem-space-padding-70);text-decoration:none}.arc-v12-1-0 .arc .arc-Download--compact{padding:var(--sem-space-padding-60) var(--sem-space-padding-110) var(--sem-space-padding-60) var(--sem-space-padding-60)}.arc-v12-1-0 .arc .arc-Download--maxContent{width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-Download-name{color:var(--sem-color-fg-primary-light-default);display:block;font:var(--sem-type-body-reg-l);font-weight:var(--sem-font-weight-bold);text-decoration:underline}.arc-v12-1-0 .arc .arc-Download--compact .arc-Download-name{font:var(--sem-type-body-reg-m);font-weight:var(--sem-font-weight-bold)}.arc-v12-1-0 .arc .arc-Download:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-1-0 .arc .arc-Download--onDarkSurface:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-Download:focus:not(:focus-visible){border-radius:var(--sem-border-radius-xs);outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);outline-offset:0}.arc-v12-1-0 .arc .arc-Download:hover,.arc-v12-1-0 .arc .arc-Download:hover:focus:not(:focus-visible){color:var(--sem-color-fg-secondary-light-default);outline:var(--sem-border-width-s) solid var(--sem-color-border-primary-light-strong)}.arc-v12-1-0 .arc .arc-Download:hover .arc-Download-name{color:var(--sem-color-fg-primary-light-strong)}.arc-v12-1-0 .arc .arc-Download-title{color:var(--sem-color-fg-primary-light-default)}.arc-v12-1-0 .arc .arc-Download-iconContainer{flex:0 1 auto}.arc-v12-1-0 .arc .arc-Download-contentContainer{flex:1 1 0;padding-left:var(--sem-space-padding-50)}.arc-v12-1-0 .arc .arc-Download--compact .arc-Download-contentContainer{padding-left:var(--sem-space-padding-30)}
+.arc-v13-0-0 .arc .arc-Download{align-items:center;background:var(--sem-color-bg-secondary-light-default);border-radius:var(--sem-border-radius-xs);color:var(--sem-color-fg-secondary-light-default);cursor:pointer;display:flex;max-width:100%;outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);padding:var(--sem-space-padding-70) var(--sem-space-padding-130) var(--sem-space-padding-70) var(--sem-space-padding-70);text-decoration:none}.arc-v13-0-0 .arc .arc-Download--compact{padding:var(--sem-space-padding-60) var(--sem-space-padding-110) var(--sem-space-padding-60) var(--sem-space-padding-60)}.arc-v13-0-0 .arc .arc-Download--maxContent{width:-moz-max-content;width:max-content}.arc-v13-0-0 .arc .arc-Download-name{color:var(--sem-color-fg-primary-light-default);display:block;font:var(--sem-type-body-reg-l);font-weight:var(--sem-font-weight-bold);text-decoration:underline}.arc-v13-0-0 .arc .arc-Download--compact .arc-Download-name{font:var(--sem-type-body-reg-m);font-weight:var(--sem-font-weight-bold)}.arc-v13-0-0 .arc .arc-Download:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v13-0-0 .arc .arc-Download--onDarkSurface:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Download:focus:not(:focus-visible){border-radius:var(--sem-border-radius-xs);outline:var(--sem-border-width-xs) solid var(--sem-color-border-secondary-light-subtle);outline-offset:0}.arc-v13-0-0 .arc .arc-Download:hover,.arc-v13-0-0 .arc .arc-Download:hover:focus:not(:focus-visible){color:var(--sem-color-fg-secondary-light-default);outline:var(--sem-border-width-s) solid var(--sem-color-border-primary-light-strong)}.arc-v13-0-0 .arc .arc-Download:hover .arc-Download-name{color:var(--sem-color-fg-primary-light-strong)}.arc-v13-0-0 .arc .arc-Download-title{color:var(--sem-color-fg-primary-light-default)}.arc-v13-0-0 .arc .arc-Download-iconContainer{flex:0 1 auto}.arc-v13-0-0 .arc .arc-Download-contentContainer{flex:1 1 0;padding-left:var(--sem-space-padding-50)}.arc-v13-0-0 .arc .arc-Download--compact .arc-Download-contentContainer{padding-left:var(--sem-space-padding-30)}

package/lib/Drawer/Drawer.cjs

@@ -4,18 +4,18 @@
 var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
-var index$1 = require('../_shared/cjs/index-D9onmVh5.cjs');
+var index$1 = require('../_shared/cjs/index-BDUrOKEW.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
-var index = require('../_shared/cjs/index-DXNM3D1d.cjs');
+var index = require('../_shared/cjs/index-DlWZZNwu.cjs');
 var ThemeIcon = require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
 var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
 var Heading = require('../_shared/cjs/Heading-BYBmZkmS.cjs');
-var Rule = require('../_shared/cjs/Rule-jmvOpci7.cjs');
-require('../_shared/cjs/Combination-6m6aOXZq.cjs');
+var Rule = require('../_shared/cjs/Rule-essaguo_.cjs');
+require('../_shared/cjs/Combination-Cm62lfyr.cjs');
 require('react/jsx-runtime');
 require('react-dom');
-require('../_shared/cjs/index-BGGFOAAx.cjs');
+require('../_shared/cjs/index-BBDa9gnQ.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/SemanticHeading-C1-fyc3V.cjs');
@@ -57,6 +57,17 @@ var Drawer = function (_a) {
         var newHeight = dragRef.current.startH - dragRef.current.deltaY;
         setDrawerHeight(Math.round(newHeight));
     };
+    var onHandleDown = function (e) {
+        if (!contentRef.current)
+            return;
+        dragRef.current.active = true;
+        // record where the pointer was when dragging started
+        dragRef.current.startY = e.clientY;
+        // record inital height of drawer
+        dragRef.current.startH = contentRef.current.clientHeight;
+        // keep moving drawer even if cursor has left pill
+        e.target.setPointerCapture(e.pointerId);
+    };
     var resolveToPx = function (input) {
         // if already a number, assume px
         if (typeof input === "number")
@@ -73,19 +84,24 @@ var Drawer = function (_a) {
         var numericValue = Number(str);
         return Number.isFinite(numericValue) ? numericValue : undefined;
     };
-    var onHandleUpCore = function (e) {
-        if (!dragRef.current.active || !contentRef.current)
+    var onHandleUpCore = function (e, keyboardDeltaY) {
+        if (!contentRef.current)
             return;
+        // if the user scrolls down
         if (dragDownToDismiss && contentRef.current.clientHeight < 100) {
             dragRef.current.active = false;
             dragRef.current.deltaY = 0;
-            e.currentTarget.releasePointerCapture(e.pointerId);
+            if (e instanceof PointerEvent && (e === null || e === void 0 ? void 0 : e.currentTarget)) {
+                e.currentTarget.releasePointerCapture(e.pointerId);
+            }
             setDrawerHeight(undefined);
             onRequestClose();
             return;
         }
         dragRef.current.active = false;
-        e.currentTarget.releasePointerCapture(e.pointerId);
+        if (e instanceof PointerEvent && (e === null || e === void 0 ? void 0 : e.currentTarget)) {
+            e.currentTarget.releasePointerCapture(e.pointerId);
+        }
         var currentHeight = contentRef.current.clientHeight;
         // turn all snapPoints into px values. Order the values.
         var snapsPx = (normalisedSnapPoints !== null && normalisedSnapPoints !== void 0 ? normalisedSnapPoints : [])
@@ -93,9 +109,9 @@ var Drawer = function (_a) {
             .filter(function (value) { return value !== undefined; }) // remove undefined values
             .sort(function (a, b) { return a - b; });
         var targetSnap = undefined;
+        var deltaY = Math.sign(dragRef.current.deltaY);
         if (snapBehaviour === "next") {
-            var deltaY = Math.sign(dragRef.current.deltaY);
-            if (deltaY === -1) {
+            if (deltaY <= -1) {
                 // User scrolled up
                 for (var i = 0; i < snapsPx.length; i++) {
                     if (snapsPx[i] > currentHeight) {
@@ -107,7 +123,7 @@ var Drawer = function (_a) {
                     }
                 }
             }
-            else if (deltaY === 1) {
+            else if (deltaY >= 1) {
                 // User scrolled down
                 for (var i = 0; i < snapsPx.length; i++) {
                     if (snapsPx[i] < currentHeight) {
@@ -148,17 +164,6 @@ var Drawer = function (_a) {
         }
         setDrawerHeight(targetSnap);
     };
-    var onHandleDown = function (e) {
-        if (!contentRef.current)
-            return;
-        dragRef.current.active = true;
-        // record where the pointer was when dragging started
-        dragRef.current.startY = e.clientY;
-        // record inital height of drawer
-        dragRef.current.startH = contentRef.current.clientHeight;
-        // keep moving drawer even if cursor has left pill
-        e.target.setPointerCapture(e.pointerId);
-    };
     return (React.createElement("div", { ref: setThemeElement },
         React.createElement(index$1.Root, { open: isOpen },
             React.createElement(index$1.Portal, { container: themeElement },
@@ -175,29 +180,32 @@ var Drawer = function (_a) {
                                 React.createElement("button", { "aria-label": "close", onClick: onRequestClose, className: "arc-Drawer-closeButton" },
                                     React.createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "drawerClose" })),
                                 draggable && position === "bottom" && (React.createElement("div", { className: "arc-Drawer-dragHandle", onPointerDown: onHandleDown, onPointerUp: onHandleUp, onPointerMove: onHandleMove, onClick: onHandleClick, role: "separator", "aria-label": "Drag to resize the drawer" },
-                                    React.createElement("div", { className: "arc-Drawer-dragHandlePill", "data-testid": "arc-Drawer-dragHandlePill" })))),
+                                    React.createElement("div", { className: "arc-Drawer-dragHandlePill", tabIndex: -1, "data-testid": "arc-Drawer-dragHandlePill" })))),
                             children)))))));
 };
 
 var DrawerHeader = function (_a) {
-    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, isResponsive = _a.isResponsive, props = tslib_es6.__rest(_a, ["title", "isFixed", "isResponsive"]);
+    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, isResponsive = _a.isResponsive, children = _a.children, _c = _a.isFullBleed, isFullBleed = _c === void 0 ? false : _c, _d = _a.titleWordWrap, titleWordWrap = _d === void 0 ? false : _d, props = tslib_es6.__rest(_a, ["title", "isFixed", "isResponsive", "children", "isFullBleed", "titleWordWrap"]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", tslib_es6.__assign({ className: index$2.classNames("arc-DrawerHeader", {
                 "arc-DrawerHeader--isFixed": isFixed,
+                "arc-DrawerHeader--isFullBleed": isFullBleed,
             }) }, filterAttrs.filterAttrs(props)),
             React.createElement("div", { className: "arc-DrawerHeader-content" },
-                React.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
+                title && !children && (React.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
                     React.createElement(index$1.Title, { asChild: true },
-                        React.createElement(Heading.Heading, { isResponsive: isResponsive, size: "m" }, title)))),
+                        React.createElement(Heading.Heading, { isResponsive: isResponsive, size: "m", isWordWrap: titleWordWrap }, title)))),
+                children && !title && children),
             isFixed && (React.createElement("div", { className: "arc-DrawerHeader-divider" },
                 React.createElement(Rule.Rule, null))))));
 };
 
 var DrawerFooter = function (_a) {
-    var isFixed = _a.isFixed, children = _a.children;
+    var isFixed = _a.isFixed, _b = _a.isFullBleed, isFullBleed = _b === void 0 ? false : _b, children = _a.children;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: index$2.classNames("arc-DrawerFooter", {
                 "arc-DrawerFooter--isFixed": isFixed,
+                "arc-DrawerFooter--isFullBleed": isFullBleed,
             }) },
             isFixed && (React.createElement("div", { className: "arc-DrawerFooter-divider" },
                 React.createElement(Rule.Rule, null))),

package/lib/Drawer/Drawer.mjs

@@ -2,18 +2,18 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import React__default, { useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { R as Root, P as Portal, O as Overlay, D as Description, C as Content, T as Title } from '../_shared/esm/index-CN4hP3Wu.mjs';
+import { R as Root, P as Portal, O as Overlay, D as Description, C as Content, T as Title } from '../_shared/esm/index-CjeQnMcn.mjs';
 import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
-import { e as useThemeElement } from '../_shared/esm/index-Bz2JQq34.mjs';
+import { e as useThemeElement } from '../_shared/esm/index-DkAfUbDx.mjs';
 import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
 import { S as Surface } from '../_shared/esm/Surface-C69KVzkY.mjs';
 import { H as Heading } from '../_shared/esm/Heading-Da-o0d5x.mjs';
-import { R as Rule } from '../_shared/esm/Rule-I1w3EaZi.mjs';
-import '../_shared/esm/Combination-BQ4XBtF-.mjs';
+import { R as Rule } from '../_shared/esm/Rule-Bz3QPezk.mjs';
+import '../_shared/esm/Combination-BW0YAEZD.mjs';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../_shared/esm/index-GCEHSsY8.mjs';
+import '../_shared/esm/index-BMmvMegf.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/SemanticHeading-DpEBq7pG.mjs';
@@ -55,6 +55,17 @@ var Drawer = function (_a) {
         var newHeight = dragRef.current.startH - dragRef.current.deltaY;
         setDrawerHeight(Math.round(newHeight));
     };
+    var onHandleDown = function (e) {
+        if (!contentRef.current)
+            return;
+        dragRef.current.active = true;
+        // record where the pointer was when dragging started
+        dragRef.current.startY = e.clientY;
+        // record inital height of drawer
+        dragRef.current.startH = contentRef.current.clientHeight;
+        // keep moving drawer even if cursor has left pill
+        e.target.setPointerCapture(e.pointerId);
+    };
     var resolveToPx = function (input) {
         // if already a number, assume px
         if (typeof input === "number")
@@ -71,19 +82,24 @@ var Drawer = function (_a) {
         var numericValue = Number(str);
         return Number.isFinite(numericValue) ? numericValue : undefined;
     };
-    var onHandleUpCore = function (e) {
-        if (!dragRef.current.active || !contentRef.current)
+    var onHandleUpCore = function (e, keyboardDeltaY) {
+        if (!contentRef.current)
             return;
+        // if the user scrolls down
         if (dragDownToDismiss && contentRef.current.clientHeight < 100) {
             dragRef.current.active = false;
             dragRef.current.deltaY = 0;
-            e.currentTarget.releasePointerCapture(e.pointerId);
+            if (e instanceof PointerEvent && (e === null || e === void 0 ? void 0 : e.currentTarget)) {
+                e.currentTarget.releasePointerCapture(e.pointerId);
+            }
             setDrawerHeight(undefined);
             onRequestClose();
             return;
         }
         dragRef.current.active = false;
-        e.currentTarget.releasePointerCapture(e.pointerId);
+        if (e instanceof PointerEvent && (e === null || e === void 0 ? void 0 : e.currentTarget)) {
+            e.currentTarget.releasePointerCapture(e.pointerId);
+        }
         var currentHeight = contentRef.current.clientHeight;
         // turn all snapPoints into px values. Order the values.
         var snapsPx = (normalisedSnapPoints !== null && normalisedSnapPoints !== void 0 ? normalisedSnapPoints : [])
@@ -91,9 +107,9 @@ var Drawer = function (_a) {
             .filter(function (value) { return value !== undefined; }) // remove undefined values
             .sort(function (a, b) { return a - b; });
         var targetSnap = undefined;
+        var deltaY = Math.sign(dragRef.current.deltaY);
         if (snapBehaviour === "next") {
-            var deltaY = Math.sign(dragRef.current.deltaY);
-            if (deltaY === -1) {
+            if (deltaY <= -1) {
                 // User scrolled up
                 for (var i = 0; i < snapsPx.length; i++) {
                     if (snapsPx[i] > currentHeight) {
@@ -105,7 +121,7 @@ var Drawer = function (_a) {
                     }
                 }
             }
-            else if (deltaY === 1) {
+            else if (deltaY >= 1) {
                 // User scrolled down
                 for (var i = 0; i < snapsPx.length; i++) {
                     if (snapsPx[i] < currentHeight) {
@@ -146,17 +162,6 @@ var Drawer = function (_a) {
         }
         setDrawerHeight(targetSnap);
     };
-    var onHandleDown = function (e) {
-        if (!contentRef.current)
-            return;
-        dragRef.current.active = true;
-        // record where the pointer was when dragging started
-        dragRef.current.startY = e.clientY;
-        // record inital height of drawer
-        dragRef.current.startH = contentRef.current.clientHeight;
-        // keep moving drawer even if cursor has left pill
-        e.target.setPointerCapture(e.pointerId);
-    };
     return (React__default.createElement("div", { ref: setThemeElement },
         React__default.createElement(Root, { open: isOpen },
             React__default.createElement(Portal, { container: themeElement },
@@ -173,29 +178,32 @@ var Drawer = function (_a) {
                                 React__default.createElement("button", { "aria-label": "close", onClick: onRequestClose, className: "arc-Drawer-closeButton" },
                                     React__default.createElement(ThemeIcon, { size: 32, icon: "drawerClose" })),
                                 draggable && position === "bottom" && (React__default.createElement("div", { className: "arc-Drawer-dragHandle", onPointerDown: onHandleDown, onPointerUp: onHandleUp, onPointerMove: onHandleMove, onClick: onHandleClick, role: "separator", "aria-label": "Drag to resize the drawer" },
-                                    React__default.createElement("div", { className: "arc-Drawer-dragHandlePill", "data-testid": "arc-Drawer-dragHandlePill" })))),
+                                    React__default.createElement("div", { className: "arc-Drawer-dragHandlePill", tabIndex: -1, "data-testid": "arc-Drawer-dragHandlePill" })))),
                             children)))))));
 };
 
 var DrawerHeader = function (_a) {
-    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, isResponsive = _a.isResponsive, props = __rest(_a, ["title", "isFixed", "isResponsive"]);
+    var title = _a.title, _b = _a.isFixed, isFixed = _b === void 0 ? false : _b, isResponsive = _a.isResponsive, children = _a.children, _c = _a.isFullBleed, isFullBleed = _c === void 0 ? false : _c, _d = _a.titleWordWrap, titleWordWrap = _d === void 0 ? false : _d, props = __rest(_a, ["title", "isFixed", "isResponsive", "children", "isFullBleed", "titleWordWrap"]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", __assign({ className: classNames("arc-DrawerHeader", {
                 "arc-DrawerHeader--isFixed": isFixed,
+                "arc-DrawerHeader--isFullBleed": isFullBleed,
             }) }, filterAttrs(props)),
             React__default.createElement("div", { className: "arc-DrawerHeader-content" },
-                React__default.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
+                title && !children && (React__default.createElement("div", { className: "arc-DrawerHeader-titleContainer" },
                     React__default.createElement(Title, { asChild: true },
-                        React__default.createElement(Heading, { isResponsive: isResponsive, size: "m" }, title)))),
+                        React__default.createElement(Heading, { isResponsive: isResponsive, size: "m", isWordWrap: titleWordWrap }, title)))),
+                children && !title && children),
             isFixed && (React__default.createElement("div", { className: "arc-DrawerHeader-divider" },
                 React__default.createElement(Rule, null))))));
 };
 
 var DrawerFooter = function (_a) {
-    var isFixed = _a.isFixed, children = _a.children;
+    var isFixed = _a.isFixed, _b = _a.isFullBleed, isFullBleed = _b === void 0 ? false : _b, children = _a.children;
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: classNames("arc-DrawerFooter", {
                 "arc-DrawerFooter--isFixed": isFixed,
+                "arc-DrawerFooter--isFullBleed": isFullBleed,
             }) },
             isFixed && (React__default.createElement("div", { className: "arc-DrawerFooter-divider" },
                 React__default.createElement(Rule, null))),

package/lib/Drawer/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-DrawerHeader{background-color:#ffffff;padding:24px 24px 0;position:relative;z-index:3}.arc-v12-1-0 .arc .arc-DrawerHeader--isFixed{left:0;padding:24px;position:sticky;top:0;width:100%}.arc-v12-1-0 .arc .arc-DrawerHeader-content{align-items:baseline;display:flex}.arc-v12-1-0 .arc .arc-DrawerHeader-titleContainer{flex:1 1 auto;margin-right:15px;position:relative}.arc-v12-1-0 .arc .arc-DrawerHeader-divider{bottom:0;left:0;position:absolute;width:100%}.arc-v12-1-0 .arc .arc-DrawerFooter{background-color:#ffffff;margin-top:auto;padding:0 24px 24px}.arc-v12-1-0 .arc .arc-DrawerFooter--isFixed{bottom:0;left:0;padding:24px;position:sticky;width:100%}.arc-v12-1-0 .arc .arc-DrawerFooter-divider{left:0;position:absolute;top:0;width:100%}.arc-v12-1-0 .arc .arc-DrawerContent{grid-area:2/1/2/2;padding:24px;position:relative}.arc-v12-1-0 .arc .arc-DrawerContent--isFullBleed{height:100%;padding:0}.arc-v12-1-0 .arc .arc-DrawerContent-section{overflow-y:scroll}.arc-v12-1-0 .arc .arc-Drawer-slider--bottom .arc-DrawerHeader--isFixed~.arc-DrawerContent{overflow-y:auto}.arc-v12-1-0 .arc .arc-Drawer-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.arc-v12-1-0 .arc .arc-Drawer-overlay--visible{animation:overlay-show 0.3s ease;background-color:var(--overlay-colors-overlay-default)}.arc-v12-1-0 .arc .arc-Drawer-dragHandle{cursor:grab;display:flex;height:40px;justify-content:center;padding-top:16px;position:absolute;top:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:4}.arc-v12-1-0 .arc .arc-Drawer-dragHandlePill{background-color:black;border-radius:9999px;height:4px;opacity:0.4;width:44px}.arc-v12-1-0 .arc .arc-Drawer-slider--transition{transition:height 0.3s ease-in-out}.arc-v12-1-0 .arc .arc-Drawer-slider{background:#ffffff;box-shadow:var(--elevation-03);display:flex;flex-direction:column;overflow-y:auto;position:absolute}.arc-v12-1-0 .arc .arc-Drawer-slider--left,.arc-v12-1-0 .arc .arc-Drawer-slider--right{max-width:calc(100dvw - 44px)}.arc-v12-1-0 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--s{height:362px}.arc-v12-1-0 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--m{height:462px}.arc-v12-1-0 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--l{height:100%}.arc-v12-1-0 .arc .arc-Drawer-slider--s{height:100%;width:408px}.arc-v12-1-0 .arc .arc-Drawer-slider--m{height:100%;width:520px}.arc-v12-1-0 .arc .arc-Drawer-slider--l{height:100%;width:612px}.arc-v12-1-0 .arc .arc-Drawer-slider--bottom .arc-Drawer-slider--auto{height:auto}.arc-v12-1-0 .arc .arc-Drawer-slider--left .arc-Drawer-slider--auto,.arc-v12-1-0 .arc .arc-Drawer-slider--right .arc-Drawer-slider--auto{width:auto}.arc-v12-1-0 .arc .arc-Drawer-slider--right{animation:drawer-slide-left 0.3s ease;bottom:0;right:0;top:0}.arc-v12-1-0 .arc .arc-Drawer-slider--bottom{animation:drawer-slide-up 0.3s ease;border-radius:24px 24px 0 0;bottom:0;left:0;max-height:calc(100dvh - 44px);right:0;width:100vw}.arc-v12-1-0 .arc .arc-Drawer-slider--left{animation:drawer-slide-right 0.3s ease;bottom:0;left:0;top:0}.arc-v12-1-0 .arc .arc-Drawer-closeButtonContainer{display:flex;height:32px;justify-content:flex-end;margin-bottom:-32px;padding-right:8px;padding-top:8px;position:sticky;top:0;z-index:4}.arc-v12-1-0 .arc .arc-Drawer-closeButton{background:#ffffff;border:none;border-radius:16px;cursor:pointer;height:32px;margin:0;outline:none;padding:0;z-index:6}.arc-v12-1-0 .arc .arc-Drawer-closeButton:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-4px}.arc-v12-1-0 .arc .arc-Drawer-actionContainer{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;padding-left:8px}@keyframes overlay-show{from{opacity:1}to{opacity:1}}@keyframes drawer-slide-left{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-slide-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes drawer-slide-up{from{transform:translateY(100%)}to{transform:translateX(0)}}
+.arc-v13-0-0 .arc .arc-DrawerHeader{background-color:#ffffff;padding:24px 24px 0;position:relative;z-index:3}.arc-v13-0-0 .arc .arc-DrawerHeader--isFixed{left:0;padding:24px;position:sticky;top:0;width:100%}.arc-v13-0-0 .arc .arc-DrawerHeader-content{align-items:baseline;display:flex}.arc-v13-0-0 .arc .arc-DrawerHeader--isFullBleed{padding:0}.arc-v13-0-0 .arc .arc-DrawerHeader-titleContainer{flex:1 1 auto;margin-right:15px;position:relative}.arc-v13-0-0 .arc .arc-DrawerHeader-divider{bottom:0;left:0;position:absolute;width:100%}.arc-v13-0-0 .arc .arc-DrawerFooter{background-color:#ffffff;margin-top:auto;padding:0 24px 24px}.arc-v13-0-0 .arc .arc-DrawerFooter--isFixed{bottom:0;left:0;padding:24px;position:sticky;width:100%}.arc-v13-0-0 .arc .arc-DrawerFooter--isFullBleed{padding:0}.arc-v13-0-0 .arc .arc-DrawerFooter-divider{left:0;position:absolute;top:0;width:100%}.arc-v13-0-0 .arc .arc-DrawerContent{grid-area:2/1/2/2;padding:24px;position:relative}.arc-v13-0-0 .arc .arc-DrawerContent--isFullBleed{padding:0}.arc-v13-0-0 .arc .arc-DrawerContent-section{overflow-y:scroll}.arc-v13-0-0 .arc .arc-Drawer-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.arc-v13-0-0 .arc .arc-Drawer-overlay--visible{animation:overlay-show 0.3s ease;background-color:var(--overlay-colors-overlay-default)}.arc-v13-0-0 .arc .arc-Drawer-dragHandle{cursor:grab;display:flex;height:40px;justify-content:center;padding-top:4px;position:fixed;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:4}.arc-v13-0-0 .arc .arc-Drawer-dragHandlePill{background-color:var(--drawer-colors-light-fg-handle);border-radius:9999px;height:2px;outline:3px solid #ffffff;width:60px}.arc-v13-0-0 .arc .arc-Drawer-slider--transition{transition:height 0.3s ease-in-out}.arc-v13-0-0 .arc .arc-Drawer-slider{background:#ffffff;box-shadow:var(--elevation-03);display:flex;flex-direction:column;overflow-y:auto;position:absolute}.arc-v13-0-0 .arc .arc-Drawer-slider--left,.arc-v13-0-0 .arc .arc-Drawer-slider--right{max-width:calc(100dvw - 44px)}.arc-v13-0-0 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--s{height:356px}.arc-v13-0-0 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--m{height:524px}.arc-v13-0-0 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--l{height:100%}.arc-v13-0-0 .arc .arc-Drawer-slider--s{height:100%;width:312px}.arc-v13-0-0 .arc .arc-Drawer-slider--m{height:100%;width:520px}.arc-v13-0-0 .arc .arc-Drawer-slider--l{height:100%;width:728px}.arc-v13-0-0 .arc .arc-Drawer-slider--bottom .arc-Drawer-slider--auto{height:auto}.arc-v13-0-0 .arc .arc-Drawer-slider--left .arc-Drawer-slider--auto,.arc-v13-0-0 .arc .arc-Drawer-slider--right .arc-Drawer-slider--auto{width:auto}.arc-v13-0-0 .arc .arc-Drawer-slider--right{animation:drawer-slide-left 0.3s ease;bottom:0;right:0;top:0}.arc-v13-0-0 .arc .arc-Drawer-slider--bottom{animation:drawer-slide-up 0.3s ease;border-radius:24px 24px 0 0;bottom:0;left:0;max-height:calc(100dvh - 44px);right:0;width:100vw}.arc-v13-0-0 .arc .arc-Drawer-slider--left{animation:drawer-slide-right 0.3s ease;bottom:0;left:0;top:0}.arc-v13-0-0 .arc .arc-Drawer-closeButtonContainer{height:32px;margin-bottom:-32px;position:absolute;right:8px;top:8px;width:32px;z-index:4}.arc-v13-0-0 .arc .arc-Drawer-slider--draggable .arc-Drawer-closeButtonContainer{display:flex;justify-content:flex-end;position:static;width:100%}.arc-v13-0-0 .arc .arc-Drawer-slider[\:has\(.arc-DrawerHeader--isFixed\)] .arc-Drawer-closeButtonContainer{margin-left:auto;position:sticky}.arc-v13-0-0 .arc .arc-Drawer-slider:has(.arc-DrawerHeader--isFixed) .arc-Drawer-closeButtonContainer{margin-left:auto;position:sticky}.arc-v13-0-0 .arc .arc-Drawer-closeButton{background:#ffffff;border:none;border-radius:16px;cursor:pointer;height:32px;margin:0;outline:none;padding:0;z-index:6}.arc-v13-0-0 .arc .arc-Drawer-slider--draggable .arc-Drawer-closeButton{margin-right:8px;margin-top:8px}.arc-v13-0-0 .arc .arc-Drawer-closeButton:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px}.arc-v13-0-0 .arc .arc-Drawer-slider[\:has\(.arc-DrawerHeader--isFixed\)] .arc-Drawer-closeButton{margin-top:0}.arc-v13-0-0 .arc .arc-Drawer-slider:has(.arc-DrawerHeader--isFixed) .arc-Drawer-closeButton{margin-top:0}.arc-v13-0-0 .arc .arc-Drawer-actionContainer{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;padding-left:8px}@keyframes overlay-show{from{opacity:1}to{opacity:1}}@keyframes drawer-slide-left{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-slide-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes drawer-slide-up{from{transform:translateY(100%)}to{transform:translateX(0)}}

package/lib/Elevation/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-Elevation{background:transparent;border-radius:var(--sem-border-radius-s);max-width:100%;width:-moz-max-content;width:max-content}.arc-v12-1-0 .arc .arc-Elevation--fullWidth{width:100%}.arc-v12-1-0 .arc .arc-Elevation .arc-Elevation{border-radius:0;box-shadow:none}.arc-v12-1-0 .arc .arc-Elevation--levelOne{box-shadow:var(--elevation-01)}.arc-v12-1-0 .arc .arc-Elevation--levelTwo{box-shadow:var(--elevation-02)}.arc-v12-1-0 .arc .arc-Elevation--levelThree{box-shadow:var(--elevation-03)}.arc-v12-1-0 .arc .arc-Elevation--levelFour{box-shadow:var(--elevation-04)}.arc-v12-1-0 .arc .arc-Elevation--levelFive{box-shadow:var(--elevation-05)}
+.arc-v13-0-0 .arc .arc-Elevation{background:transparent;border-radius:var(--sem-border-radius-s);max-width:100%;width:-moz-max-content;width:max-content}.arc-v13-0-0 .arc .arc-Elevation--fullWidth{width:100%}.arc-v13-0-0 .arc .arc-Elevation .arc-Elevation{border-radius:0;box-shadow:none}.arc-v13-0-0 .arc .arc-Elevation--levelOne{box-shadow:var(--elevation-01)}.arc-v13-0-0 .arc .arc-Elevation--levelTwo{box-shadow:var(--elevation-02)}.arc-v13-0-0 .arc .arc-Elevation--levelThree{box-shadow:var(--elevation-03)}.arc-v13-0-0 .arc .arc-Elevation--levelFour{box-shadow:var(--elevation-04)}.arc-v13-0-0 .arc .arc-Elevation--levelFive{box-shadow:var(--elevation-05)}

package/lib/Filter/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-FilterControls{display:flex;flex-wrap:wrap;gap:var(--filter-gap-l);justify-content:center;margin-bottom:var(--filter-margin-m)}.arc-v12-1-0 .arc .arc-FilterControls--alignLeft{justify-content:left}.arc-v12-1-0 .arc .arc-FilterControls--alignRight{justify-content:right}.arc-v12-1-0 .arc .arc-FilterControl{align-items:center;background:var(--filter-colors-light-bg-default);border:none;border-radius:var(--filter-border-radius-s);display:flex;height:var(--filter-size-s);outline:var(--filter-border-weight-s) solid var(--filter-colors-light-border-default);outline-offset:calc(var(--filter-border-weight-s) * -1);padding:var(--filter-padding-s) var(--filter-padding-m);position:relative;width:-moz-fit-content;width:fit-content}.arc-v12-1-0 .arc .arc-FilterControl-text{color:var(--filter-colors-light-text-default);font:var(--sem-type-interface-semi-xs)}.arc-v12-1-0 .arc .arc-FilterControl--selected .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface .arc-FilterControl-text{color:var(--filter-colors-dark-text-default-alt)}.arc-v12-1-0 .arc .arc-FilterControl:hover{cursor:pointer;outline-color:var(--filter-colors-light-border-hover);outline-offset:calc(var(--filter-border-weight-m) * -1);outline-width:var(--filter-border-weight-m)}.arc-v12-1-0 .arc .arc-FilterControl:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-hover)}.arc-v12-1-0 .arc .arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface:hover .arc-FilterControl-text{color:var(--filter-colors-dark-text-hover)}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected .arc-FilterControl-text,.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default)}.arc-v12-1-0 .arc .arc-FilterControl--selected{background:var(--filter-colors-light-bg-selected);outline-color:transparent}.arc-v12-1-0 .arc .arc-FilterControl--selected::after,.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected::after{content:none}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface{background:var(--filter-colors-dark-bg-default);outline-color:var(--filter-colors-dark-border-default)}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface::after{background:var(--filter-colors-dark-border-default) border-box;border:var(--filter-border-weight-s) solid transparent;border-radius:var(--filter-border-radius-s);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected{background:var(--filter-colors-dark-bg-selected);color:var(--filter-colors-light-text-default);outline-color:transparent}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface:hover::after{content:none}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-1-0 .arc .arc-FilterControl:focus-visible::before{border:2px solid var(--focus-colors-light-border-subtle);border-radius:var(--filter-border-radius-s);bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.arc-v12-1-0 .arc .arc-FilterControl--onDarkSurface:focus-visible::before{border-color:var(--focus-colors-dark-border-subtle)}:root{--arc-filter-items-grid-column-width:1fr;--arc-filter-items-grid-gap:16px}.arc-v12-1-0 .arc .arc-FilterItems--grid{display:grid;grid-gap:var(--arc-filter-items-grid-gap)}.arc-v12-1-0 .arc .arc-FilterItems--list{display:grid;grid-gap:var(--arc-filter-items-grid-gap);grid-template-columns:var(--arc-filter-items-grid-column-width)}.arc-v12-1-0 .arc .arc-FilterItems-separator{background-color:var(--sem-color-bg-secondary-dark-strong);height:1px;margin:10px 0}@media (min-width:636px){.arc-v12-1-0 .arc .arc-FilterItems--grid{grid-template-columns:var(--arc-filter-items-grid-column-width)}}@media (min-width:768px){.arc-v12-1-0 .arc .arc-FilterItems--grid{grid-template-columns:repeat(2,var(--arc-filter-items-grid-column-width))}}@media (min-width:1024px){.arc-v12-1-0 .arc .arc-FilterItems--grid{grid-template-columns:repeat(3,var(--arc-filter-items-grid-column-width))}.arc-v12-1-0 .arc .arc-FilterItems-offscreen{clip:rect(1px,1px,1px,1px);height:1px;margin-top:-1px;overflow:hidden;position:relative;width:1px}}.arc-v12-1-0 .arc .arc-Filter-content{display:flex;flex-wrap:wrap}
+.arc-v13-0-0 .arc .arc-FilterControls{display:flex;flex-wrap:wrap;gap:var(--filter-gap-l);justify-content:center;margin-bottom:var(--filter-margin-m)}.arc-v13-0-0 .arc .arc-FilterControls--alignLeft{justify-content:left}.arc-v13-0-0 .arc .arc-FilterControls--alignRight{justify-content:right}.arc-v13-0-0 .arc .arc-FilterControl{align-items:center;background:var(--filter-colors-light-bg-default);border:none;border-radius:var(--filter-border-radius-s);display:flex;height:var(--filter-size-s);outline:var(--filter-border-weight-s) solid var(--filter-colors-light-border-default);outline-offset:calc(var(--filter-border-weight-s) * -1);padding:var(--filter-padding-s) var(--filter-padding-m);position:relative;width:-moz-fit-content;width:fit-content}.arc-v13-0-0 .arc .arc-FilterControl-text{color:var(--filter-colors-light-text-default);font:var(--sem-type-interface-semi-xs)}.arc-v13-0-0 .arc .arc-FilterControl--selected .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface .arc-FilterControl-text{color:var(--filter-colors-dark-text-default-alt)}.arc-v13-0-0 .arc .arc-FilterControl:hover{cursor:pointer;outline-color:var(--filter-colors-light-border-hover);outline-offset:calc(var(--filter-border-weight-m) * -1);outline-width:var(--filter-border-weight-m)}.arc-v13-0-0 .arc .arc-FilterControl:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-hover)}.arc-v13-0-0 .arc .arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface:hover .arc-FilterControl-text{color:var(--filter-colors-dark-text-hover)}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected .arc-FilterControl-text,.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default)}.arc-v13-0-0 .arc .arc-FilterControl--selected{background:var(--filter-colors-light-bg-selected);outline-color:transparent}.arc-v13-0-0 .arc .arc-FilterControl--selected::after,.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected::after{content:none}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface{background:var(--filter-colors-dark-bg-default);outline-color:var(--filter-colors-dark-border-default)}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface::after{background:var(--filter-colors-dark-border-default) border-box;border:var(--filter-border-weight-s) solid transparent;border-radius:var(--filter-border-radius-s);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected{background:var(--filter-colors-dark-bg-selected);color:var(--filter-colors-light-text-default);outline-color:transparent}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface:hover::after{content:none}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v13-0-0 .arc .arc-FilterControl:focus-visible::before{border:2px solid var(--focus-colors-light-border-subtle);border-radius:var(--filter-border-radius-s);bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.arc-v13-0-0 .arc .arc-FilterControl--onDarkSurface:focus-visible::before{border-color:var(--focus-colors-dark-border-subtle)}:root{--arc-filter-items-grid-column-width:1fr;--arc-filter-items-grid-gap:16px}.arc-v13-0-0 .arc .arc-FilterItems--grid{display:grid;grid-gap:var(--arc-filter-items-grid-gap)}.arc-v13-0-0 .arc .arc-FilterItems--list{display:grid;grid-gap:var(--arc-filter-items-grid-gap);grid-template-columns:var(--arc-filter-items-grid-column-width)}.arc-v13-0-0 .arc .arc-FilterItems-separator{background-color:var(--sem-color-bg-secondary-dark-strong);height:1px;margin:10px 0}@media (min-width:636px){.arc-v13-0-0 .arc .arc-FilterItems--grid{grid-template-columns:var(--arc-filter-items-grid-column-width)}}@media (min-width:768px){.arc-v13-0-0 .arc .arc-FilterItems--grid{grid-template-columns:repeat(2,var(--arc-filter-items-grid-column-width))}}@media (min-width:1024px){.arc-v13-0-0 .arc .arc-FilterItems--grid{grid-template-columns:repeat(3,var(--arc-filter-items-grid-column-width))}.arc-v13-0-0 .arc .arc-FilterItems-offscreen{clip:rect(1px,1px,1px,1px);height:1px;margin-top:-1px;overflow:hidden;position:relative;width:1px}}.arc-v13-0-0 .arc .arc-Filter-content{display:flex;flex-wrap:wrap}

package/lib/FormControl/styles.css

@@ -1 +1 @@
-.arc-v12-1-0 .arc .arc-FormControl{border:none;margin:0;padding:0;width:100%}.arc-v12-1-0 .arc .arc-FormControl-label{color:var(--form-control-colors-light-text-default);display:block;font:var(--form-control-type-label-default-l);margin-bottom:var(--form-control-space-gap-m);padding:0}.arc-v12-1-0 .arc .arc-FormControl-labelText--withOptional{margin-right:var(--form-control-space-gap-s)}.arc-v12-1-0 .arc .arc-FormControl--sideLabel{align-items:center;display:flex;flex-direction:row}.arc-v12-1-0 .arc .arc-FormControl--sideLabel .arc-FormControl-label{margin-right:var(--form-control-space-gap-m)}.arc-v12-1-0 .arc .arc-FormControl-helper{color:var(--form-control-colors-light-text-default);font:var(--form-control-type-helper-default-l)}.arc-v12-1-0 .arc .arc-FormControl-error{align-items:flex-start;color:var(--form-control-colors-light-text-error);display:flex;font:var(--form-control-type-helper-default-m)}.arc-v12-1-0 .arc .arc-FormControl-labelOptional{color:var(--form-control-colors-light-text-default);font:var(--form-control-type-optional-default-s)}.arc-v12-1-0 .arc .arc-FormControl-supplementaryInfo{padding-left:var(--form-control-space-gap-m)}.arc-v12-1-0 .arc .arc-FormControl-info{align-items:flex-start;display:flex;justify-content:flex-end}.arc-v12-1-0 .arc .arc-FormControl-info--hasContent{margin-top:var(--form-control-space-gap-m)}.arc-v12-1-0 .arc .arc-FormControl-helperContainer{flex:1 1 auto}.arc-v12-1-0 .arc .arc-FormControl--s .arc-FormControl-label{font:var(--form-control-type-label-default-s)}.arc-v12-1-0 .arc .arc-FormControl--s .arc-FormControl-helper{font:var(--form-control-type-helper-default-s)}.arc-v12-1-0 .arc .arc-FormControl--s .arc-FormControl-labelOptional{font:var(--form-control-type-optional-default-s)}.arc-v12-1-0 .arc .arc-FormControl--m .arc-FormControl-label{font:var(--form-control-type-label-default-m)}.arc-v12-1-0 .arc .arc-FormControl--m .arc-FormControl-labelOptional{font:var(--form-control-type-optional-default-s)}.arc-v12-1-0 .arc .arc-FormControl--m .arc-FormControl-helper{font:var(--form-control-type-helper-default-m)}.arc-v12-1-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel{margin-bottom:var(--form-control-space-gap-m);margin-top:0}.arc-v12-1-0 .arc .arc-FormControl-label--withHelperUnderLabel{margin-bottom:0}.arc-v12-1-0 .arc .arc-FormControl-label[\:has\(\%2B\%20.arc-VerticalSpace\)],.arc-v12-1-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel[\:has\(\%2B\%20.arc-VerticalSpace\)]{margin-bottom:0}.arc-v12-1-0 .arc .arc-FormControl-label:has(+.arc-VerticalSpace),.arc-v12-1-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel:has(+.arc-VerticalSpace){margin-bottom:0}.arc-v12-1-0 .arc .arc-FormControl-label:empty{display:none}.arc-v12-1-0 .arc .arc-FormControl-error .arc-FormControl-error--icon{color:currentColor;content:"";flex-shrink:0;height:var(--form-control-size-icon);margin-right:4px;margin-top:-2px;width:var(--form-control-size-icon)}.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-label,.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-labelOptional,.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-helper{color:var(--form-control-colors-dark-text-default)}.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-error{color:var(--form-control-colors-dark-text-error)}.arc-v12-1-0 .arc .arc-FormControl--isDisabled .arc-FormControl-label,.arc-v12-1-0 .arc .arc-FormControl--isDisabled .arc-FormControl-labelOptional,.arc-v12-1-0 .arc .arc-FormControl--isDisabled .arc-FormControl-helper{color:var(--form-control-colors-light-text-disabled)}.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-label,.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-labelOptional,.arc-v12-1-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-helper{color:var(--form-control-colors-dark-text-disabled)}
+.arc-v13-0-0 .arc .arc-FormControl{border:none;margin:0;padding:0;width:100%}.arc-v13-0-0 .arc .arc-FormControl-label{color:var(--form-control-colors-light-text-default);display:block;font:var(--form-control-type-label-default-l);margin-bottom:var(--form-control-space-gap-m);padding:0}.arc-v13-0-0 .arc .arc-FormControl-labelText--withOptional{margin-right:var(--form-control-space-gap-s)}.arc-v13-0-0 .arc .arc-FormControl--sideLabel{align-items:center;display:flex;flex-direction:row}.arc-v13-0-0 .arc .arc-FormControl--sideLabel .arc-FormControl-label{margin-right:var(--form-control-space-gap-m)}.arc-v13-0-0 .arc .arc-FormControl-helper{color:var(--form-control-colors-light-text-default);font:var(--form-control-type-helper-default-l)}.arc-v13-0-0 .arc .arc-FormControl-error{align-items:flex-start;color:var(--form-control-colors-light-text-error);display:flex;font:var(--form-control-type-helper-default-m)}.arc-v13-0-0 .arc .arc-FormControl-labelOptional{color:var(--form-control-colors-light-text-default);font:var(--form-control-type-optional-default-s)}.arc-v13-0-0 .arc .arc-FormControl-supplementaryInfo{padding-left:var(--form-control-space-gap-m)}.arc-v13-0-0 .arc .arc-FormControl-info{align-items:flex-start;display:flex;justify-content:flex-end}.arc-v13-0-0 .arc .arc-FormControl-info--hasContent{margin-top:var(--form-control-space-gap-m)}.arc-v13-0-0 .arc .arc-FormControl-helperContainer{flex:1 1 auto}.arc-v13-0-0 .arc .arc-FormControl--s .arc-FormControl-label{font:var(--form-control-type-label-default-s)}.arc-v13-0-0 .arc .arc-FormControl--s .arc-FormControl-helper{font:var(--form-control-type-helper-default-s)}.arc-v13-0-0 .arc .arc-FormControl--s .arc-FormControl-labelOptional{font:var(--form-control-type-optional-default-s)}.arc-v13-0-0 .arc .arc-FormControl--m .arc-FormControl-label{font:var(--form-control-type-label-default-m)}.arc-v13-0-0 .arc .arc-FormControl--m .arc-FormControl-labelOptional{font:var(--form-control-type-optional-default-s)}.arc-v13-0-0 .arc .arc-FormControl--m .arc-FormControl-helper{font:var(--form-control-type-helper-default-m)}.arc-v13-0-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel{margin-bottom:var(--form-control-space-gap-m);margin-top:0}.arc-v13-0-0 .arc .arc-FormControl-label--withHelperUnderLabel{margin-bottom:0}.arc-v13-0-0 .arc .arc-FormControl-label[\:has\(\%2B\%20.arc-VerticalSpace\)],.arc-v13-0-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel[\:has\(\%2B\%20.arc-VerticalSpace\)]{margin-bottom:0}.arc-v13-0-0 .arc .arc-FormControl-label:has(+.arc-VerticalSpace),.arc-v13-0-0 .arc .arc-FormControl .arc-FormControl-helper--underLabel:has(+.arc-VerticalSpace){margin-bottom:0}.arc-v13-0-0 .arc .arc-FormControl-label:empty{display:none}.arc-v13-0-0 .arc .arc-FormControl-error .arc-FormControl-error--icon{color:currentColor;content:"";flex-shrink:0;height:var(--form-control-size-icon);margin-right:4px;margin-top:-2px;width:var(--form-control-size-icon)}.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-label,.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-labelOptional,.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-helper{color:var(--form-control-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface .arc-FormControl-error{color:var(--form-control-colors-dark-text-error)}.arc-v13-0-0 .arc .arc-FormControl--isDisabled .arc-FormControl-label,.arc-v13-0-0 .arc .arc-FormControl--isDisabled .arc-FormControl-labelOptional,.arc-v13-0-0 .arc .arc-FormControl--isDisabled .arc-FormControl-helper{color:var(--form-control-colors-light-text-disabled)}.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-label,.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-labelOptional,.arc-v13-0-0 .arc .arc-FormControl--onDarkSurface.arc-FormControl--isDisabled .arc-FormControl-helper{color:var(--form-control-colors-dark-text-disabled)}

package/lib/GhostedHeroBanner/GhostedHeroBanner.cjs

@@ -17,13 +17,13 @@ require('../_shared/cjs/Image-MS1rBzbW.cjs');
  *  Use `GhostedHeroBanner` to grab attention and convey the main message or purpose of a webpage
  */
 var GhostedHeroBanner = function (_a) {
-    var heading = _a.heading, headingLevel = _a.headingLevel, label = _a.label, text = _a.text, img = _a.img, children = _a.children, _b = _a.fontStyle, fontStyle = _b === void 0 ? "default" : _b, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "label", "text", "img", "children", "fontStyle"]);
+    var heading = _a.heading, headingLevel = _a.headingLevel, label = _a.label, text = _a.text, img = _a.img, children = _a.children, _b = _a.fontStyle, fontStyle = _b === void 0 ? "default" : _b, _c = _a.headingWordWrap, headingWordWrap = _c === void 0 ? false : _c, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "label", "text", "img", "children", "fontStyle", "headingWordWrap"]);
     return (React.createElement("div", tslib_es6.__assign({ className: "arc-GhostedHeroBanner" }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: "arc-GhostedHeroBanner-content" },
             label && (React.createElement(React.Fragment, null,
                 React.createElement(Heading.Heading, { fontStyle: "overline" }, label),
                 React.createElement(VerticalSpace.VerticalSpace, { size: "8" }))),
-            React.createElement(Heading.Heading, { level: headingLevel, size: fontStyle === "default" ? "xl" : "xxl", fontStyle: fontStyle }, heading),
+            React.createElement(Heading.Heading, { level: headingLevel, size: fontStyle === "default" ? "xl" : "xxl", fontStyle: fontStyle, isWordWrap: headingWordWrap }, heading),
             text && (React.createElement(React.Fragment, null,
                 React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
                 React.createElement("span", { className: "arc-TemplateBanner-text" }, text))),