@arc-ui/components 12.0.0-beta.22 → 12.0.0-beta.23

package/lib/DatePicker/DatePicker.mjs

@@ -1,34 +1,163 @@
 'use client';
-import { p as parseRangeString, i as isDateValid, D as DATE_FORMAT, a as isRangeValid, c as convertRangeStringToDates, v as validateRangeOnBlur, f as formatDate } from '../_shared/esm/DatePicker-DT4OEzxP.mjs';
-export { d as DatePicker, b as parseDateString } from '../_shared/esm/DatePicker-DT4OEzxP.mjs';
-import { a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
-import React__default, { useState, useRef, useEffect } from 'react';
+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, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import React__default, { forwardRef, 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-CxrL7jIX.mjs';
-import { f as format } from '../_shared/esm/index-Cr6KeQLU.mjs';
-import { a as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-Dk7qNGoh.mjs';
-import { C as Calendar } from '../_shared/esm/Calendar-Bd2_eT1Y.mjs';
+import { i as isBefore, a as isAfter, c as compareAsc, C as Calendar } from '../_shared/esm/Calendar-Drh_NJ9I.mjs';
 import { e as useThemeElement } from '../_shared/esm/index-Bz2JQq34.mjs';
-import '../_shared/esm/index-5C0-U8cc.mjs';
+import { a as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-Dk7qNGoh.mjs';
 import '../_shared/esm/Combination-BpO6XTeS.mjs';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../_shared/esm/index-DLovItWo.mjs';
 import '../_shared/esm/index-CWHcEz3_.mjs';
 import '../_shared/esm/index-DXTwueLZ.mjs';
-import '../_shared/esm/FormControl-CWyrVi1u.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
-import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
+import '../_shared/esm/index.es-CtRkzfKP.mjs';
+import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
-import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';
 import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
-import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
-import '../_shared/esm/index.es-C3WqfFKH.mjs';
-import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/Heading-CxHWefi7.mjs';
 import '../_shared/esm/BtIconChevronRightMid-DE4lmVaG.mjs';
 import '../_shared/esm/Icon-CcPOJcQm.mjs';
+import '../_shared/esm/FormControl-CWyrVi1u.mjs';
+import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
+import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
+
+/**
+ * @name startOfDay
+ * @category Day Helpers
+ * @summary Return the start of a day for the given date.
+ *
+ * @description
+ * Return the start of a day for the given date.
+ * The result will be in the local timezone.
+ *
+ * @param {Date|Number} date - the original date
+ * @returns {Date} the start of a day
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // The start of a day for 2 September 2014 11:55:00:
+ * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Tue Sep 02 2014 00:00:00
+ */
+function startOfDay(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  date.setHours(0, 0, 0, 0);
+  return date;
+}
+
+/**
+ * @name isSameDay
+ * @category Day Helpers
+ * @summary Are the given dates in the same day (and year and month)?
+ *
+ * @description
+ * Are the given dates in the same day (and year and month)?
+ *
+ * @param {Date|Number} dateLeft - the first date to check
+ * @param {Date|Number} dateRight - the second date to check
+ * @returns {Boolean} the dates are in the same day (and year and month)
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
+ * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
+ * //=> true
+ *
+ * @example
+ * // Are 4 September and 4 October in the same day?
+ * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
+ * //=> false
+ *
+ * @example
+ * // Are 4 September, 2014 and 4 September, 2015 in the same day?
+ * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
+ * //=> false
+ */
+function isSameDay(dirtyDateLeft, dirtyDateRight) {
+  requiredArgs(2, arguments);
+  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
+  var dateRightStartOfDay = startOfDay(dirtyDateRight);
+  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
+}
+
+var parseRangeString = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
+    var _d = start.split("/"), startDay = _d[0], startMonth = _d[1], startYear = _d[2];
+    var _e = end.split("/"), endDay = _e[0], endMonth = _e[1], endYear = _e[2];
+    return {
+        start: {
+            date: start,
+            day: startDay,
+            month: startMonth,
+            year: startYear,
+        },
+        end: {
+            date: end,
+            day: endDay,
+            month: endMonth,
+            year: endYear,
+        },
+    };
+};
+
+var parseDateString = function (value) {
+    var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
+    return {
+        day: day,
+        month: month,
+        year: year,
+    };
+};
+
+var isDateValid = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
+    return (/^\d{2}\/\d{2}\/\d{4}$/.test(value) &&
+        isValid(new Date("".concat(year, "-").concat(month, "-").concat(day))));
+};
+
+var isRangeValid = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
+    return isDateValid(start) && isDateValid(end);
+};
+
+var DATE_FORMAT = "dd/MM/yyyy";
+
+var formatDate = function (value) {
+    return format(value, DATE_FORMAT);
+};
+
+var isDisabledDate = function (disabledDates, date) {
+    return Boolean(disabledDates &&
+        disabledDates.find(function (disabledDate) { return isSameDay(date, disabledDate); }));
+};
+
+var convertDateStringToDate = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
+    var isValidDate = isDateValid(value);
+    return isValidDate ? new Date("".concat(year, "-").concat(month, "-").concat(day)) : new Date();
+};
+
+var convertRangeStringToDates = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = parseRangeString(value), start = _a.start, end = _a.end;
+    return __spreadArray(__spreadArray([], (isDateValid(start.date)
+        ? [new Date("".concat(start.year, "-").concat(start.month, "-").concat(start.day))]
+        : []), true), (isDateValid(end.date)
+        ? [new Date("".concat(end.year, "-").concat(end.month, "-").concat(end.day))]
+        : []), true);
+};
 
 var convertRangeStringToDateTuple = function (value) {
     if (value === void 0) { value = ""; }
@@ -42,6 +171,189 @@ var convertRangeStringToDateTuple = function (value) {
     return [startDate, endDate];
 };
 
+function validateRangeOnBlur(_a) {
+    var value = _a.value, minDate = _a.minDate, maxDate = _a.maxDate, disabledDates = _a.disabledDates, previousValidValue = _a.previousValidValue, dispatchChangeEvent = _a.dispatchChangeEvent, blurEvent = _a.blurEvent;
+    if (!isRangeValid(value))
+        return;
+    var _b = convertRangeStringToDates(value), start = _b[0], end = _b[1];
+    var isStartBeforeMin = minDate && isBefore(start, minDate);
+    var isEndAfterMax = maxDate && isAfter(end, maxDate);
+    var isStartDisabled = isDisabledDate(disabledDates, start);
+    var isEndDisabled = isDisabledDate(disabledDates, end);
+    if (isStartBeforeMin && isEndAfterMax) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
+    }
+    if (isStartBeforeMin) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
+    }
+    if (isEndAfterMax) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
+    }
+    if (isStartDisabled || isEndDisabled) {
+        var _c = previousValidValue
+            ? convertRangeStringToDates(previousValidValue)
+            : [], prevStart = _c[0], prevEnd = _c[1];
+        return dispatchChangeEvent(blurEvent, prevStart && prevEnd
+            ? "".concat(formatDate(prevStart), " - ").concat(formatDate(prevEnd))
+            : "");
+    }
+    if (isAfter(start, end)) {
+        var _d = [start, end].sort(compareAsc), orderedStart = _d[0], orderedEnd = _d[1];
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
+    }
+}
+
+/**
+ * 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, size = _a.size, _b = _a.value, value = _b === void 0 ? "" : _b, 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, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, 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 _e = useThemeElement(), themeElement = _e[0], setThemeElement = _e[1];
+    var _f = useState("Choose date"), ariaLabel = _f[0], setAriaLabel = _f[1];
+    var _g = useState(false), showCalendar = _g[0], setShowCalendar = _g[1];
+    var buttonRef = useRef(null);
+    var ourRef = useRef(null);
+    var previousValidValue = useRef(value);
+    var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
+    var placeHolder = selectionType === "range"
+        ? "".concat(lowerCaseDateFormat, " - ").concat(lowerCaseDateFormat)
+        : lowerCaseDateFormat;
+    useEffect(function () {
+        if (selectionType === "single" &&
+            isDateValid(value) &&
+            !isDisabledDate(disabledDates, convertDateStringToDate(value))) {
+            previousValidValue.current = value;
+        }
+        if (selectionType === "range" && isRangeValid(value)) {
+            var rangeHasDisabledDates = convertRangeStringToDates(value).some(function (rangeValue) { return isDisabledDate(disabledDates, rangeValue); });
+            if (!rangeHasDisabledDates) {
+                previousValidValue.current = value;
+            }
+        }
+    }, [value, disabledDates, selectionType]);
+    var getDatePickerRef = function (elementRef) {
+        ourRef.current = elementRef;
+        if (ref && typeof ref === "object") {
+            ref.current = elementRef;
+        }
+        if (ref && typeof ref === "function") {
+            ref(elementRef);
+        }
+    };
+    var dispatchChangeEvent = function (e, value) {
+        onChange &&
+            onChange(__assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: value }) }));
+    };
+    var handleRangeSelect = function (rangeSelection) {
+        var start = formatDate(rangeSelection.start);
+        var end = rangeSelection.end ? formatDate(rangeSelection.end) : null;
+        onRangeSelect &&
+            onRangeSelect(__assign(__assign({}, rangeSelection), { formattedRange: "".concat(start).concat(end ? " - ".concat(end) : "") }));
+        rangeSelection.isSelectionComplete && setShowCalendar(false);
+    };
+    var handleDateSelect = function (value) {
+        onDateSelect &&
+            onDateSelect({
+                date: value,
+                formattedDate: formatDate(value),
+            });
+        setShowCalendar(false);
+    };
+    var handleSingleSelectionBlur = function (e) {
+        if (value && isDateValid(value) && selectionType === "single") {
+            var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
+            var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
+            var isDateBeforeMinDate = minDate && isBefore(date, minDate);
+            var isDateAfterMaxDate = maxDate && isAfter(date, maxDate);
+            var isDisabledValue = isDisabledDate(disabledDates, date);
+            if (isDateBeforeMinDate) {
+                return dispatchChangeEvent(e, "".concat(formatDate(minDate)));
+            }
+            if (isDateAfterMaxDate) {
+                return dispatchChangeEvent(e, "".concat(formatDate(maxDate)));
+            }
+            if (isDisabledValue) {
+                var date_1 = previousValidValue.current
+                    ? convertDateStringToDate(previousValidValue.current)
+                    : new Date();
+                return dispatchChangeEvent(e, "".concat(formatDate(date_1)));
+            }
+        }
+    };
+    var handleRangeSelectionBlur = function (e) {
+        validateRangeOnBlur({
+            value: value,
+            minDate: minDate,
+            maxDate: maxDate,
+            disabledDates: disabledDates,
+            previousValidValue: previousValidValue.current,
+            dispatchChangeEvent: dispatchChangeEvent,
+            blurEvent: e,
+        });
+    };
+    var handleBlur = function (e) {
+        onBlur && onBlur(e);
+        if (selectionType === "single") {
+            handleSingleSelectionBlur(e);
+        }
+        if (selectionType === "range") {
+            handleRangeSelectionBlur(e);
+        }
+    };
+    var handleChange = function (e) {
+        onChange && onChange(e);
+    };
+    var handleCalendarOpenChange = function (isOpen) {
+        if (document.activeElement)
+            setShowCalendar(isOpen);
+    };
+    var handleIconClick = function () {
+        var _a;
+        !((_a = ourRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) &&
+            !isDisabled &&
+            !isReadOnly &&
+            setShowCalendar(true);
+    };
+    var handleIconFocus = function () {
+        if (selectionType === "range" && isRangeValid(value)) {
+            var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
+            return setAriaLabel("Change dates, currently selected dates are ".concat(format(start, "EEEE do MMMM, yyyy"), " to ").concat(format(end, "EEEE do MMMM, yyyy")));
+        }
+        if (selectionType === "single" && isDateValid(value)) {
+            var date = convertDateStringToDate(value);
+            return setAriaLabel("Change date, currently selected date is ".concat(format(date, "EEEE do MMMM, yyyy")));
+        }
+        setAriaLabel("Choose Date");
+    };
+    var handleCalendarClose = function () {
+        var _a, _b;
+        if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY") {
+            (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    };
+    var onCancelClick = function () {
+        setShowCalendar(false);
+    };
+    var handleAutoFocus = function (e) {
+        e.preventDefault();
+    };
+    return (React__default.createElement("div", { ref: setThemeElement, className: classNames({
+            "arc-DatePicker--constrained": !isFluid,
+        }) },
+        React__default.createElement(TextInputWithPlaceHolder, __assign({ ref: getDatePickerRef, iconButton: {
+                onClick: handleIconClick,
+                onFocus: handleIconFocus,
+                icon: "datePickerCalendar",
+                label: ariaLabel,
+                ref: buttonRef,
+            }, placeholder: placeHolder, errorMessage: errorMessage, helper: helper, id: id, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, label: label, maxLength: selectionType === "range" ? 23 : 10, name: name, onBlur: handleBlur, onChange: handleChange, onClickDisclosure: onClickDisclosure, type: "text", value: value, disclosureTitle: disclosureTitle, disclosureText: disclosureText, size: size }, props, filterAttrs(props))),
+        React__default.createElement(Root2, __assign({ open: showCalendar, onOpenChange: handleCalendarOpenChange }, filterAttrs(props)),
+            React__default.createElement(Anchor2, null),
+            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) {
     var _b, _c;
@@ -210,4 +522,4 @@ var DatePickerRange = function (_a) {
                     React__default.createElement(Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: "range", selectedRange: getCalendarRange(), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onRangeSelect: handleRangeSelect }))))));
 };
 
-export { DATE_FORMAT, DatePickerRange, isDateValid, isRangeValid, parseRangeString };
+export { DATE_FORMAT, DatePicker, DatePickerRange, isDateValid, isRangeValid, parseDateString, parseRangeString };

package/lib/DatePicker/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-DatePicker--constrained{max-width:384px}.arc-v12-0-0-beta-22 .arc .arc-DatePicker-modal{z-index:101}
+.arc-v12-0-0-beta-23 .arc .arc-DatePicker--constrained{max-width:384px}.arc-v12-0-0-beta-23 .arc .arc-DatePicker-modal{z-index:101}

package/lib/Disclosure/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Disclosure-summary:focus{outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-Disclosure-summary>*{padding-left:var(--disclosure-padding-l)}.arc-v12-0-0-beta-22 .arc .arc-Disclosure .arc-Disclosure-summary>*{display:inline-block}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Disclosure-summary:hover{background:var(--disclosure-colors-light-bg-hover);color:var(--disclosure-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-Disclosure+.arc-Disclosure .arc-Disclosure-summary{border-top:0;line-height:29px}.arc-v12-0-0-beta-22 .arc .arc-Disclosure-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-22 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:hover{background:var(--disclosure-colors-dark-bg-hover);color:var(--disclosure-colors-dark-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-Disclosure-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Disclosure[open] .arc-Disclosure-summary>.arc-Disclosure-summary-icon{transform:rotate(180deg) translateY(50%)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Disclosure--indentDetails .arc-Disclosure-details{padding-left:var(--disclosure-padding-xl)}.arc-v12-0-0-beta-22 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-details{border-bottom:var(--disclosure-border-weight-s) solid var(--disclosure-colors-dark-border-subtle)}
+.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Disclosure-summary:focus{outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary>*{padding-left:var(--disclosure-padding-l)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure .arc-Disclosure-summary>*{display:inline-block}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Disclosure-summary:hover{background:var(--disclosure-colors-light-bg-hover);color:var(--disclosure-colors-light-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure+.arc-Disclosure .arc-Disclosure-summary{border-top:0;line-height:29px}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-23 .arc .arc-Disclosure--onDarkSurface .arc-Disclosure-summary:hover{background:var(--disclosure-colors-dark-bg-hover);color:var(--disclosure-colors-dark-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-23 .arc .arc-Disclosure-summary:focus-visible::before{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Disclosure[open] .arc-Disclosure-summary>.arc-Disclosure-summary-icon{transform:rotate(180deg) translateY(50%)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Disclosure--indentDetails .arc-Disclosure-details{padding-left:var(--disclosure-padding-xl)}.arc-v12-0-0-beta-23 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-DisclosureMini-summary--small{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini .arc-DisclosureMini-summary>*{display:inline-block}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary{color:var(--disclosure-mini-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-DisclosureMini-summary>.arc-Text{text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary--icon-left>.arc-Text{margin-left:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary--icon-right>.arc-Text{margin-right:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary--icon-right>.arc-DisclosureMini-summary-icon{order:2}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon>svg{height:100%;width:100%}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{transform:rotate(180deg)}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary{align-items:center}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-details{margin-top:var(--disclosure-mini-gap-s)}.arc-v12-0-0-beta-22 .arc .arc-DisclosureMini-summary--icon-left~.arc-DisclosureMini-details{margin-left:calc(var(--disclosure-mini-gap-m) + 16px)}
+.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-DisclosureMini-summary--small{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary:focus{outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini .arc-DisclosureMini-summary>*{display:inline-block}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini--onDarkSurface .arc-DisclosureMini-summary{color:var(--disclosure-mini-colors-dark-text-default)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary::-webkit-details-marker{display:none}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary:focus::before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-23 .arc .arc-DisclosureMini-summary>.arc-Text{text-decoration:underline}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-left>.arc-Text{margin-left:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-right>.arc-Text{margin-right:var(--disclosure-mini-gap-m)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-summary--icon-right>.arc-DisclosureMini-summary-icon{order:2}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon>svg{height:100%;width:100%}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary>.arc-DisclosureMini-summary-icon{transform:rotate(180deg)}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini[open] .arc-DisclosureMini-summary{align-items:center}.arc-v12-0-0-beta-23 .arc .arc-DisclosureMini-details{margin-top:var(--disclosure-mini-gap-s)}.arc-v12-0-0-beta-23 .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-0-0-beta-22 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Download--maxContent{width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Download--compact .arc-Download-name{font:var(--sem-type-body-reg-m);font-weight:var(--sem-font-weight-bold)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Download:hover,.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Download:hover .arc-Download-name{color:var(--sem-color-fg-primary-light-strong)}.arc-v12-0-0-beta-22 .arc .arc-Download-title{color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-22 .arc .arc-Download-iconContainer{flex:0 1 auto}.arc-v12-0-0-beta-22 .arc .arc-Download-contentContainer{flex:1 1 0;padding-left:var(--sem-space-padding-50)}.arc-v12-0-0-beta-22 .arc .arc-Download--compact .arc-Download-contentContainer{padding-left:var(--sem-space-padding-30)}
+.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Download--maxContent{width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Download--compact .arc-Download-name{font:var(--sem-type-body-reg-m);font-weight:var(--sem-font-weight-bold)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Download:hover,.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Download:hover .arc-Download-name{color:var(--sem-color-fg-primary-light-strong)}.arc-v12-0-0-beta-23 .arc .arc-Download-title{color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-23 .arc .arc-Download-iconContainer{flex:0 1 auto}.arc-v12-0-0-beta-23 .arc .arc-Download-contentContainer{flex:1 1 0;padding-left:var(--sem-space-padding-50)}.arc-v12-0-0-beta-23 .arc .arc-Download--compact .arc-Download-contentContainer{padding-left:var(--sem-space-padding-30)}

package/lib/Drawer/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader{background-color:#ffffff;padding:24px 24px 0;position:relative;z-index:3}.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader--isFixed{left:0;padding:24px;position:sticky;top:0;width:100%}.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader-content{align-items:baseline;display:flex}.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader-titleContainer{flex:1 1 auto;margin-right:15px;position:relative}.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader-title{font:var(--sem-type-mobile-semi-s);margin:0}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader-title{font:var(--sem-type-desktop-semi-m)}}.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader-divider{bottom:0;left:0;position:absolute;width:100%}.arc-v12-0-0-beta-22 .arc .arc-DrawerHeader--isFixed~.arc-Drawer-closeButtonContainer{position:fixed;z-index:1000}.arc-v12-0-0-beta-22 .arc .arc-DrawerFooter{background-color:#ffffff;grid-area:3;padding:0 24px 24px}.arc-v12-0-0-beta-22 .arc .arc-DrawerFooter--isFixed{bottom:0;left:0;padding:24px;position:sticky;width:100%}.arc-v12-0-0-beta-22 .arc .arc-DrawerFooter-divider{left:0;position:absolute;top:0;width:100%}.arc-v12-0-0-beta-22 .arc .arc-DrawerContent{grid-area:2/1/2/2;padding:24px;position:relative}.arc-v12-0-0-beta-22 .arc .arc-DrawerContent--isFullBleed{padding:0}.arc-v12-0-0-beta-22 .arc .arc-DrawerContent-section{overflow-y:scroll}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-Drawer-overlay--visible{animation:overlay-show 0.3s ease;background-color:var(--overlay-colors-overlay-default)}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider{background:#ffffff;box-shadow:var(--elevation-03);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto;position:absolute}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--left,.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--right{max-width:calc(100vw - 44px)}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--s{height:362px}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--m{height:462px}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--l{height:100%}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--s{height:100%;width:408px}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--m{height:100%;width:520px}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--l{height:100%;width:612px}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--bottom .arc-Drawer-slider--auto{height:auto}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--left .arc-Drawer-slider--auto,.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--right .arc-Drawer-slider--auto{width:auto}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--right{animation:drawer-slide-left 0.3s ease;bottom:0;right:0;top:0}.arc-v12-0-0-beta-22 .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(100vh - 44px);right:0;width:100vw}.arc-v12-0-0-beta-22 .arc .arc-Drawer-slider--left{animation:drawer-slide-right 0.3s ease;bottom:0;left:0;top:0}.arc-v12-0-0-beta-22 .arc .arc-Drawer-closeButtonContainer{background:#ffffff;border-radius:16px;height:32px;position:absolute;right:8px;top:8px;z-index:4}.arc-v12-0-0-beta-22 .arc .arc-Drawer-closeButton{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .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-v12-0-0-beta-23 .arc .arc-DrawerHeader{background-color:#ffffff;padding:24px 24px 0;position:relative;z-index:3}.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader--isFixed{left:0;padding:24px;position:sticky;top:0;width:100%}.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader-content{align-items:baseline;display:flex}.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader-titleContainer{flex:1 1 auto;margin-right:15px;position:relative}.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader-title{font:var(--sem-type-mobile-semi-s);margin:0}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader-title{font:var(--sem-type-desktop-semi-m)}}.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader-divider{bottom:0;left:0;position:absolute;width:100%}.arc-v12-0-0-beta-23 .arc .arc-DrawerHeader--isFixed~.arc-Drawer-closeButtonContainer{position:fixed;z-index:1000}.arc-v12-0-0-beta-23 .arc .arc-DrawerFooter{background-color:#ffffff;grid-area:3;padding:0 24px 24px}.arc-v12-0-0-beta-23 .arc .arc-DrawerFooter--isFixed{bottom:0;left:0;padding:24px;position:sticky;width:100%}.arc-v12-0-0-beta-23 .arc .arc-DrawerFooter-divider{left:0;position:absolute;top:0;width:100%}.arc-v12-0-0-beta-23 .arc .arc-DrawerContent{grid-area:2/1/2/2;padding:24px;position:relative}.arc-v12-0-0-beta-23 .arc .arc-DrawerContent--isFullBleed{padding:0}.arc-v12-0-0-beta-23 .arc .arc-DrawerContent-section{overflow-y:scroll}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-Drawer-overlay--visible{animation:overlay-show 0.3s ease;background-color:var(--overlay-colors-overlay-default)}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider{background:#ffffff;box-shadow:var(--elevation-03);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto;position:absolute}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--left,.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--right{max-width:calc(100vw - 44px)}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--s{height:362px}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--m{height:462px}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--bottom.arc-Drawer-slider--l{height:100%}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--s{height:100%;width:408px}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--m{height:100%;width:520px}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--l{height:100%;width:612px}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--bottom .arc-Drawer-slider--auto{height:auto}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--left .arc-Drawer-slider--auto,.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--right .arc-Drawer-slider--auto{width:auto}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--right{animation:drawer-slide-left 0.3s ease;bottom:0;right:0;top:0}.arc-v12-0-0-beta-23 .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(100vh - 44px);right:0;width:100vw}.arc-v12-0-0-beta-23 .arc .arc-Drawer-slider--left{animation:drawer-slide-right 0.3s ease;bottom:0;left:0;top:0}.arc-v12-0-0-beta-23 .arc .arc-Drawer-closeButtonContainer{background:#ffffff;border-radius:16px;height:32px;position:absolute;right:8px;top:8px;z-index:4}.arc-v12-0-0-beta-23 .arc .arc-Drawer-closeButton{background:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-22 .arc .arc-Elevation{background:transparent;border-radius:var(--sem-border-radius-s);max-width:100%;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-22 .arc .arc-Elevation--fullWidth{width:100%}.arc-v12-0-0-beta-22 .arc .arc-Elevation .arc-Elevation{border-radius:0;box-shadow:none}.arc-v12-0-0-beta-22 .arc .arc-Elevation--levelOne{box-shadow:var(--elevation-02)}.arc-v12-0-0-beta-22 .arc .arc-Elevation--levelTwo{box-shadow:var(--elevation-05)}
+.arc-v12-0-0-beta-23 .arc .arc-Elevation{background:transparent;border-radius:var(--sem-border-radius-s);max-width:100%;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-23 .arc .arc-Elevation--fullWidth{width:100%}.arc-v12-0-0-beta-23 .arc .arc-Elevation .arc-Elevation{border-radius:0;box-shadow:none}.arc-v12-0-0-beta-23 .arc .arc-Elevation--levelOne{box-shadow:var(--elevation-02)}.arc-v12-0-0-beta-23 .arc .arc-Elevation--levelTwo{box-shadow:var(--elevation-05)}

package/lib/Filter/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-FilterControls{display:flex;flex-wrap:wrap;gap:var(--filter-gap-l);justify-content:center;margin-bottom:var(--filter-margin-m)}.arc-v12-0-0-beta-22 .arc .arc-FilterControls--alignLeft{justify-content:left}.arc-v12-0-0-beta-22 .arc .arc-FilterControls--alignRight{justify-content:right}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-FilterControl-text{color:var(--filter-colors-light-text-default);font:var(--sem-type-interface-semi-xs)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--selected .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface .arc-FilterControl-text{color:var(--filter-colors-dark-text-default-alt)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-FilterControl:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface:hover .arc-FilterControl-text{color:var(--filter-colors-dark-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected .arc-FilterControl-text,.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--selected{background:var(--filter-colors-light-bg-selected);outline-color:transparent}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--selected::after,.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected::after{content:none}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface{background:var(--filter-colors-dark-bg-default);outline-color:var(--filter-colors-dark-border-default)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface:hover::after{content:none}.arc-v12-0-0-beta-22 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .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-0-0-beta-22 .arc .arc-FilterItems--grid{display:grid;grid-gap:var(--arc-filter-items-grid-gap)}.arc-v12-0-0-beta-22 .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-0-0-beta-22 .arc .arc-FilterItems-separator{background-color:var(--sem-color-bg-secondary-dark-strong);height:1px;margin:10px 0}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-FilterItems--grid{grid-template-columns:var(--arc-filter-items-grid-column-width)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-FilterItems--grid{grid-template-columns:repeat(2,var(--arc-filter-items-grid-column-width))}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-FilterItems--grid{grid-template-columns:repeat(3,var(--arc-filter-items-grid-column-width))}.arc-v12-0-0-beta-22 .arc .arc-FilterItems-offscreen{clip:rect(1px,1px,1px,1px);height:1px;margin-top:-1px;overflow:hidden;position:relative;width:1px}}.arc-v12-0-0-beta-22 .arc .arc-Filter-content{display:flex;flex-wrap:wrap}
+.arc-v12-0-0-beta-23 .arc .arc-FilterControls{display:flex;flex-wrap:wrap;gap:var(--filter-gap-l);justify-content:center;margin-bottom:var(--filter-margin-m)}.arc-v12-0-0-beta-23 .arc .arc-FilterControls--alignLeft{justify-content:left}.arc-v12-0-0-beta-23 .arc .arc-FilterControls--alignRight{justify-content:right}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-FilterControl-text{color:var(--filter-colors-light-text-default);font:var(--sem-type-interface-semi-xs)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--selected .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface .arc-FilterControl-text{color:var(--filter-colors-dark-text-default-alt)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-FilterControl:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default-alt)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface:hover .arc-FilterControl-text{color:var(--filter-colors-dark-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected .arc-FilterControl-text,.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover .arc-FilterControl-text{color:var(--filter-colors-light-text-default)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--selected{background:var(--filter-colors-light-bg-selected);outline-color:transparent}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--selected::after,.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected::after{content:none}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface{background:var(--filter-colors-dark-bg-default);outline-color:var(--filter-colors-dark-border-default)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface:hover::after{content:none}.arc-v12-0-0-beta-23 .arc .arc-FilterControl--onDarkSurface.arc-FilterControl--selected:hover{outline-color:var(--filter-colors-dark-border-hover)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .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-0-0-beta-23 .arc .arc-FilterItems--grid{display:grid;grid-gap:var(--arc-filter-items-grid-gap)}.arc-v12-0-0-beta-23 .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-0-0-beta-23 .arc .arc-FilterItems-separator{background-color:var(--sem-color-bg-secondary-dark-strong);height:1px;margin:10px 0}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-FilterItems--grid{grid-template-columns:var(--arc-filter-items-grid-column-width)}}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-FilterItems--grid{grid-template-columns:repeat(2,var(--arc-filter-items-grid-column-width))}}@media (min-width:1024px){.arc-v12-0-0-beta-23 .arc .arc-FilterItems--grid{grid-template-columns:repeat(3,var(--arc-filter-items-grid-column-width))}.arc-v12-0-0-beta-23 .arc .arc-FilterItems-offscreen{clip:rect(1px,1px,1px,1px);height:1px;margin-top:-1px;overflow:hidden;position:relative;width:1px}}.arc-v12-0-0-beta-23 .arc .arc-Filter-content{display:flex;flex-wrap:wrap}

package/lib/FormControl/styles.css

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

package/lib/GhostedHeroBanner/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-GhostedHeroBanner{align-items:center;display:flex;flex-basis:0;flex-direction:column-reverse;gap:24px;margin:0 auto;max-width:1280px;min-height:268px}.arc-v12-0-0-beta-22 .arc .arc-GhostedHeroBanner-content{flex:1}.arc-v12-0-0-beta-22 .arc .arc-GhostedHeroBanner-image{flex:1}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-GhostedHeroBanner{flex-direction:row}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-GhostedHeroBanner{min-height:358px}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-GhostedHeroBanner{gap:32px;min-height:454px}}
+.arc-v12-0-0-beta-23 .arc .arc-GhostedHeroBanner{align-items:center;display:flex;flex-basis:0;flex-direction:column-reverse;gap:24px;margin:0 auto;max-width:1280px;min-height:268px}.arc-v12-0-0-beta-23 .arc .arc-GhostedHeroBanner-content{flex:1}.arc-v12-0-0-beta-23 .arc .arc-GhostedHeroBanner-image{flex:1}@media (min-width:768px){.arc-v12-0-0-beta-23 .arc .arc-GhostedHeroBanner{flex-direction:row}}@media (min-width:1024px){.arc-v12-0-0-beta-23 .arc .arc-GhostedHeroBanner{min-height:358px}}@media (min-width:1280px){.arc-v12-0-0-beta-23 .arc .arc-GhostedHeroBanner{gap:32px;min-height:454px}}