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

package/lib/TabbedBanner/TabbedBanner.cjs

@@ -3,10 +3,8 @@
 
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
-var debounce = require('../_shared/cjs/debounce-BeIT3oyF.cjs');
-var index_es = require('../_shared/cjs/index.es-DBEGtWPg.cjs');
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-CGtTUy81.cjs');
-var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-nlxMHXs-.cjs');
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-CImrJ9ON.cjs');
+var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-bCEzIPN2.cjs');
 var ContentSwitcherTab = require('../_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs');
 var ContentSwitcherDropdown = require('../_shared/cjs/ContentSwitcherDropdown-U5ZTbJTe.cjs');
 require('../_shared/cjs/index-CTlXMLug.cjs');
@@ -19,11 +17,13 @@ require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/GridRow-BW2ZGtND.cjs');
 require('../_shared/cjs/BannerImage-kdAKagG-.cjs');
 require('../_shared/cjs/Image-C1pcrfnN.cjs');
-require('../_shared/cjs/Visible-Dx__9oZG.cjs');
+require('../_shared/cjs/Visible-vchtZSfm.cjs');
 require('../_shared/cjs/index-BCu-VH8y.cjs');
 require('../_shared/cjs/index-CztwwwKE.cjs');
 require('react-dom');
 require('../_shared/cjs/index-DmvtEa22.cjs');
+require('../_shared/cjs/debounce-uPMetQ6J.cjs');
+require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
 require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/index-C_Rl7v2g.cjs');
 require('../_shared/cjs/Combination-B-rSVLfT.cjs');
@@ -37,38 +37,27 @@ require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
 
 var TabbedBanner = function (_a) {
     var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, minHeight = _a.minHeight, minHeightM = _a.minHeightM, minHeightL = _a.minHeightL, minHeightXL = _a.minHeightXL, props = filterAttrs.__rest(_a, ["tabs", "defaultValue", "minHeight", "minHeightM", "minHeightL", "minHeightXL"]);
     var initialTab = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value;
     var _c = React.useState(initialTab), selectedTab = _c[0], setSelectedTab = _c[1];
-    var _d = React.useState(window.innerWidth < parseInt(index_es.ArcSizeBreakpointsM)), isBelowArcSizeBreakpointsM = _d[0], SetIsBelowArcSizeBreakpointsM = _d[1];
-    var handleResize = debounce.debounce(function () {
-        SetIsBelowArcSizeBreakpointsM(window.innerWidth < parseInt(index_es.ArcSizeBreakpointsM));
-    }, 100);
-    React.useEffect(function () {
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () {
-            window.removeEventListener("resize", handleResize);
-            handleResize.cancel();
-        };
-    }, [isBelowArcSizeBreakpointsM]);
-    return (React.createElement("div", { className: "arc-TabbedBanner" }, !isBelowArcSizeBreakpointsM ? (React.createElement("div", null,
-        React.createElement(ContentSwitcherList.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
-            React.createElement(ContentSwitcherList.ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
-                var label = _a.label, value = _a.value;
-                return (React.createElement(ContentSwitcherTab.ContentSwitcherTab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
-            })),
-            tabs.map(function (_a, index) {
+    return (React.createElement("div", filterAttrs.__assign({ className: "arc-TabbedBanner" }, filterAttrs.filterAttrs(props)),
+        React.createElement("div", { className: "arc-TabbedBanner--desktop" },
+            React.createElement(ContentSwitcherList.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
+                React.createElement(ContentSwitcherList.ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
+                    var label = _a.label, value = _a.value;
+                    return (React.createElement(ContentSwitcherTab.ContentSwitcherTab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
+                })),
+                tabs.map(function (_a, index) {
+                    var value = _a.value, content = _a.content;
+                    return (React.createElement(ContentSwitcherList.ContentSwitcherContent, { value: value, key: index, hidden: value !== selectedTab },
+                        React.createElement(TemplateBanner.TemplateBanner, filterAttrs.__assign({ alignment: "start", headingSize: "m", additionalTopMargin: true, minHeight: minHeight, minHeightM: minHeightM, minHeightL: minHeightL, minHeightXL: minHeightXL }, content))));
+                }))),
+        React.createElement("div", { className: "arc-TabbedBanner--mobile" },
+            React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
                 var value = _a.value, content = _a.content;
-                return (React.createElement(ContentSwitcherList.ContentSwitcherContent, { value: value, key: index },
-                    React.createElement(TemplateBanner.TemplateBanner, filterAttrs.__assign({ alignment: "start", headingSize: "m", additionalTopMargin: true, minHeight: minHeight }, content))));
-            })))) : (React.createElement("div", null,
-        React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
-            var value = _a.value, content = _a.content;
-            return (React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
-                React.createElement(TemplateBanner.TemplateBanner, filterAttrs.__assign({ alignment: "start", headingSize: "m", additionalTopMargin: !(window.innerHeight < parseInt(index_es.ArcSizeBreakpointsM) &&
-                        content.type === "contained"), minHeight: minHeightM }, content))));
-        }))))));
+                return (React.createElement(ContentSwitcherDropdown.ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
+                    React.createElement(TemplateBanner.TemplateBanner, filterAttrs.__assign({ alignment: "start", headingSize: "m", additionalTopMargin: true }, content))));
+            })))));
 };
 
 exports.TabbedBanner = TabbedBanner;

package/lib/TabbedBanner/TabbedBanner.mjs

@@ -1,10 +1,8 @@
 'use client';
-import { a as __assign } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
-import React__default, { useState, useEffect } from 'react';
-import { d as debounce } from '../_shared/esm/debounce-mCD9-ufA.mjs';
-import { A as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DCvYtQfu.mjs';
-import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-Up6cR-3_.mjs';
-import { C as ContentSwitcher, b as ContentSwitcherList, a as ContentSwitcherContent } from '../_shared/esm/ContentSwitcherList-DKPD9GfN.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import React__default, { useState } from 'react';
+import { T as TemplateBanner } from '../_shared/esm/TemplateBanner-DeHjliNP.mjs';
+import { C as ContentSwitcher, b as ContentSwitcherList, a as ContentSwitcherContent } from '../_shared/esm/ContentSwitcherList-bCQz0qkU.mjs';
 import { C as ContentSwitcherTab } from '../_shared/esm/ContentSwitcherTab-CfC3PGeZ.mjs';
 import { C as ContentSwitcherDropdown, a as ContentSwitcherDropdownContent } from '../_shared/esm/ContentSwitcherDropdown-BCkuAfwC.mjs';
 import '../_shared/esm/index-5C0-U8cc.mjs';
@@ -17,11 +15,13 @@ import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/GridRow-Ddt5CtFn.mjs';
 import '../_shared/esm/BannerImage-BTsixvUH.mjs';
 import '../_shared/esm/Image-Dl8oH1Rn.mjs';
-import '../_shared/esm/Visible-C-jVXUWp.mjs';
+import '../_shared/esm/Visible-B13QJn7R.mjs';
 import '../_shared/esm/index-BDWwJ5x2.mjs';
 import '../_shared/esm/index-DXHprNQ6.mjs';
 import 'react-dom';
 import '../_shared/esm/index-6HtUz28p.mjs';
+import '../_shared/esm/debounce-D_Nx5go6.mjs';
+import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
 import '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/index-CYUcQl4W.mjs';
 import '../_shared/esm/Combination-BpO6XTeS.mjs';
@@ -35,38 +35,27 @@ import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
 
 var TabbedBanner = function (_a) {
     var _b;
-    var tabs = _a.tabs, defaultValue = _a.defaultValue, minHeight = _a.minHeight, minHeightM = _a.minHeightM;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, minHeight = _a.minHeight, minHeightM = _a.minHeightM, minHeightL = _a.minHeightL, minHeightXL = _a.minHeightXL, props = __rest(_a, ["tabs", "defaultValue", "minHeight", "minHeightM", "minHeightL", "minHeightXL"]);
     var initialTab = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value;
     var _c = useState(initialTab), selectedTab = _c[0], setSelectedTab = _c[1];
-    var _d = useState(window.innerWidth < parseInt(ArcSizeBreakpointsM)), isBelowArcSizeBreakpointsM = _d[0], SetIsBelowArcSizeBreakpointsM = _d[1];
-    var handleResize = debounce(function () {
-        SetIsBelowArcSizeBreakpointsM(window.innerWidth < parseInt(ArcSizeBreakpointsM));
-    }, 100);
-    useEffect(function () {
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () {
-            window.removeEventListener("resize", handleResize);
-            handleResize.cancel();
-        };
-    }, [isBelowArcSizeBreakpointsM]);
-    return (React__default.createElement("div", { className: "arc-TabbedBanner" }, !isBelowArcSizeBreakpointsM ? (React__default.createElement("div", null,
-        React__default.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
-            React__default.createElement(ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
-                var label = _a.label, value = _a.value;
-                return (React__default.createElement(ContentSwitcherTab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
-            })),
-            tabs.map(function (_a, index) {
+    return (React__default.createElement("div", __assign({ className: "arc-TabbedBanner" }, filterAttrs(props)),
+        React__default.createElement("div", { className: "arc-TabbedBanner--desktop" },
+            React__default.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
+                React__default.createElement(ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
+                    var label = _a.label, value = _a.value;
+                    return (React__default.createElement(ContentSwitcherTab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
+                })),
+                tabs.map(function (_a, index) {
+                    var value = _a.value, content = _a.content;
+                    return (React__default.createElement(ContentSwitcherContent, { value: value, key: index, hidden: value !== selectedTab },
+                        React__default.createElement(TemplateBanner, __assign({ alignment: "start", headingSize: "m", additionalTopMargin: true, minHeight: minHeight, minHeightM: minHeightM, minHeightL: minHeightL, minHeightXL: minHeightXL }, content))));
+                }))),
+        React__default.createElement("div", { className: "arc-TabbedBanner--mobile" },
+            React__default.createElement(ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
                 var value = _a.value, content = _a.content;
-                return (React__default.createElement(ContentSwitcherContent, { value: value, key: index },
-                    React__default.createElement(TemplateBanner, __assign({ alignment: "start", headingSize: "m", additionalTopMargin: true, minHeight: minHeight }, content))));
-            })))) : (React__default.createElement("div", null,
-        React__default.createElement(ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
-            var value = _a.value, content = _a.content;
-            return (React__default.createElement(ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
-                React__default.createElement(TemplateBanner, __assign({ alignment: "start", headingSize: "m", additionalTopMargin: !(window.innerHeight < parseInt(ArcSizeBreakpointsM) &&
-                        content.type === "contained"), minHeight: minHeightM }, content))));
-        }))))));
+                return (React__default.createElement(ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
+                    React__default.createElement(TemplateBanner, __assign({ alignment: "start", headingSize: "m", additionalTopMargin: true }, content))));
+            })))));
 };
 
 export { TabbedBanner };

package/lib/TabbedBanner/styles.css

@@ -1 +1 @@
-@media not all and (min-width:768px){.arc-v12-0-0-beta-20 .arc-TemplateBanner-background--contained .arc-Grid-order--xs1 .arc-TemplateBanner-content.arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper~.arc-ContentSwitcherDropdown-content>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0);border-radius:32px;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background-color 200ms ease-in,opacity 200ms ease-in;width:100%;z-index:-1}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(\%0A\%20\%20\%20\%20.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\%0A\%20\%20\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-20 .arc-ContentSwitcherDropdown-selectTriggerWrapper:has(.arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"])~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}
+.arc-v12-0-0-beta-22 .arc .arc-TabbedBanner--desktop{display:none}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-TabbedBanner--desktop{display:block}.arc-v12-0-0-beta-22 .arc .arc-TabbedBanner--mobile{display:none}}@media not all and (min-width:768px){.arc-v12-0-0-beta-22 .arc-TemplateBanner-background--contained .arc-Grid-order--xs1 .arc-TemplateBanner-content.arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}.arc-v12-0-0-beta-22 .arc-ContentSwitcherDropdown-selectTriggerWrapper~.arc-ContentSwitcherDropdown-content>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0);border-radius:32px;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background-color 200ms ease-in,opacity 200ms ease-in;width:100%;z-index:-1}.arc-v12-0-0-beta-22 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(\%0A\%20\%20\%20\%20.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\%0A\%20\%20\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-22 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-22 .arc-ContentSwitcherDropdown-selectTriggerWrapper[\:has\(.arc-ContentSwitcherDropdown-selectTrigger\[aria-expanded\%3D\%22true\%22\]\)]~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}.arc-v12-0-0-beta-22 .arc-ContentSwitcherDropdown-selectTriggerWrapper:has(.arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"])~.arc-ContentSwitcherDropdown-content[data-state="active"]>.arc-TemplateBanner::after{background-color:rgba(0,0,0,0.25);opacity:1;z-index:0}

package/lib/Tabs/Tabs.cjs

@@ -34,8 +34,8 @@ var TabsItem = function (_a) {
 };
 
 var TabsContent = function (_a) {
-    var children = _a.children, value = _a.value, props = filterAttrs.__rest(_a, ["children", "value"]);
-    return (React.createElement(index.$69cb30bb0017df05$export$7c6e2c02157bb7d2, filterAttrs.__assign({ className: "arc-Tabs-content", value: value }, filterAttrs.filterAttrs(props)), children));
+    var children = _a.children, value = _a.value, _b = _a.hidden, hidden = _b === void 0 ? undefined : _b, _c = _a.forceMount, forceMount = _c === void 0 ? true : _c, props = filterAttrs.__rest(_a, ["children", "value", "hidden", "forceMount"]);
+    return (React.createElement(index.$69cb30bb0017df05$export$7c6e2c02157bb7d2, filterAttrs.__assign({ className: "arc-Tabs-content", value: value, forceMount: forceMount ? true : undefined, hidden: hidden }, filterAttrs.filterAttrs(props)), children));
 };
 
 var TabsList = function (_a) {

package/lib/Tabs/Tabs.mjs

@@ -32,8 +32,8 @@ var TabsItem = function (_a) {
 };
 
 var TabsContent = function (_a) {
-    var children = _a.children, value = _a.value, props = __rest(_a, ["children", "value"]);
-    return (React__default.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, __assign({ className: "arc-Tabs-content", value: value }, filterAttrs(props)), children));
+    var children = _a.children, value = _a.value, _b = _a.hidden, hidden = _b === void 0 ? undefined : _b, _c = _a.forceMount, forceMount = _c === void 0 ? true : _c, props = __rest(_a, ["children", "value", "hidden", "forceMount"]);
+    return (React__default.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, __assign({ className: "arc-Tabs-content", value: value, forceMount: forceMount ? true : undefined, hidden: hidden }, filterAttrs(props)), children));
 };
 
 var TabsList = function (_a) {

package/lib/Tabs/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger{align-items:center;background:transparent;border:none;border-bottom:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);color:var(--tabs-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-s);justify-content:center;min-height:var(--tabs-size-s);padding:0 var(--tabs-padding-l) 0 var(--tabs-padding-m);white-space:nowrap}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-20 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"]{border-bottom:var(--tabs-border-weight-l) solid var(--tabs-colors-light-border-selected);color:var(--tabs-colors-light-text-selected);font:var(--sem-type-body-bold-s)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-20 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-light-bg-subtle);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-left:0;font:var(--sem-type-body-reg-m);min-height:var(--tabs-size-m)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child{border-left:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-dark-bg-default);border-color:var(--tabs-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v12-0-0-beta-20 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-TabsList--overflowLeft{-webkit-mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-20 .arc .arc-TabsList--overflowRight{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-20 .arc .arc-TabsList--overflowBoth{-webkit-mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-20 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-20 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon{background:transparent;border:none;border-radius:100%;padding:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon::after{background:var(--tabs-colors-light-bg-default);bottom:25%;content:"";height:20px;left:25%;position:absolute;width:20px;z-index:-1}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-20 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-light-bg-default);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-radius:0 var(--tabs-border-radius-s) var(--tabs-border-radius-s) var(--tabs-border-radius-s);margin-top:calc(var(--tabs-border-weight-m) * -1);padding:var(--tabs-padding-xl)}.arc-v12-0-0-beta-20 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle);border-color:var(--tabs-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}
+.arc-v12-0-0-beta-22 .arc .arc-Tabs-content[data-state="inactive"]{display:none}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger{align-items:center;background:transparent;border:none;border-bottom:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);color:var(--tabs-colors-light-text-default);display:flex;font:var(--sem-type-body-reg-s);justify-content:center;min-height:var(--tabs-size-s);padding:0 var(--tabs-padding-l) 0 var(--tabs-padding-m);white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-22 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger[data-state="active"]{border-bottom:var(--tabs-border-weight-l) solid var(--tabs-colors-light-border-selected);color:var(--tabs-colors-light-text-selected);font:var(--sem-type-body-bold-s)}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-2px;text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-22 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-light-bg-subtle);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-left:0;font:var(--sem-type-body-reg-m);min-height:var(--tabs-size-m)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child{border-left:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v12-0-0-beta-22 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger{background:var(--tabs-colors-dark-bg-default);border-color:var(--tabs-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v12-0-0-beta-22 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-TabsList--overflowLeft{-webkit-mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to left,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-22 .arc .arc-TabsList--overflowRight{-webkit-mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-22 .arc .arc-TabsList--overflowBoth{-webkit-mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%);mask:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 0%)}.arc-v12-0-0-beta-22 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-22 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-22 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-22 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon{background:transparent;border:none;border-radius:100%;padding:0;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon::after{background:var(--tabs-colors-light-bg-default);bottom:25%;content:"";height:20px;left:25%;position:absolute;width:20px;z-index:-1}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-22 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-light-bg-default);border:var(--tabs-border-weight-m) solid var(--tabs-colors-light-border-subtle);border-radius:0 var(--tabs-border-radius-s) var(--tabs-border-radius-s) var(--tabs-border-radius-s);margin-top:calc(var(--tabs-border-weight-m) * -1);padding:var(--tabs-padding-xl)}.arc-v12-0-0-beta-22 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained~.arc-Tab-content[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle);border-color:var(--tabs-colors-dark-border-subtle)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}

package/lib/Tag/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-20 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-20 .arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc-v12-0-0-beta-20 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc-v12-0-0-beta-20 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-20 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-20 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-20 .arc .arc-Tag--removed{display:none}
+.arc-v12-0-0-beta-22 .arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m,20px);margin-right:var(--tag-padding-xs);padding:0;position:relative;width:var(--tag-size-icon-m,20px)}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--sem-color-fg-primary-light-default);display:none}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-22 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-22 .arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-22 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-22 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:var(--tag-padding-xs)}.arc-v12-0-0-beta-22 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:20px;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:20px}.arc-v12-0-0-beta-22 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-22 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-22 .arc .arc-Tag--removed{display:none}

package/lib/TemplateBanner/TemplateBanner.cjs

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-CGtTUy81.cjs');
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-CImrJ9ON.cjs');
 require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
@@ -14,7 +14,7 @@ require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/GridRow-BW2ZGtND.cjs');
 require('../_shared/cjs/BannerImage-kdAKagG-.cjs');
 require('../_shared/cjs/Image-C1pcrfnN.cjs');
-require('../_shared/cjs/Visible-Dx__9oZG.cjs');
+require('../_shared/cjs/Visible-vchtZSfm.cjs');
 
 
 

package/lib/TemplateBanner/TemplateBanner.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-Up6cR-3_.mjs';
+export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-DeHjliNP.mjs';
 import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
@@ -12,4 +12,4 @@ import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/GridRow-Ddt5CtFn.mjs';
 import '../_shared/esm/BannerImage-BTsixvUH.mjs';
 import '../_shared/esm/Image-Dl8oH1Rn.mjs';
-import '../_shared/esm/Visible-C-jVXUWp.mjs';
+import '../_shared/esm/Visible-B13QJn7R.mjs';

package/lib/TemplateBanner/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);position:relative;width:100%}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v12-0-0-beta-20 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}
+.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);min-height:var(--template-banner-min-height);position:relative;width:100%}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightM{min-height:var(--template-banner-min-height-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightL{min-height:var(--template-banner-min-height-l)}}@media (min-width:1280px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightXL{min-height:var(--template-banner-min-height-xl)}}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v12-0-0-beta-22 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}

package/lib/Text/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-20 .arc .arc-Text--alignCenter{text-align:center}.arc-v12-0-0-beta-20 .arc .arc-Text--alignLeft{text-align:left}.arc-v12-0-0-beta-20 .arc .arc-Text--alignRight{text-align:right}.arc-v12-0-0-beta-20 .arc .arc-Text--inline{display:inline}.arc-v12-0-0-beta-20 .arc .arc-Text--measured{max-width:32em}.arc-v12-0-0-beta-20 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v12-0-0-beta-20 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-20 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--muted{color:var(--sem-color-fg-secondary-light-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--supporting{color:var(--sem-color-fg-secondary-light-muted)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-20 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-muted)}
+.arc-v12-0-0-beta-22 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-22 .arc .arc-Text--alignCenter{text-align:center}.arc-v12-0-0-beta-22 .arc .arc-Text--alignLeft{text-align:left}.arc-v12-0-0-beta-22 .arc .arc-Text--alignRight{text-align:right}.arc-v12-0-0-beta-22 .arc .arc-Text--inline{display:inline}.arc-v12-0-0-beta-22 .arc .arc-Text--measured{max-width:32em}.arc-v12-0-0-beta-22 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v12-0-0-beta-22 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-22 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-22 .arc .arc-Text--muted{color:var(--sem-color-fg-secondary-light-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-22 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-strong)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-22 .arc .arc-Text--supporting{color:var(--sem-color-fg-secondary-light-muted)}/* ! semantic warning: use of muted with supporting class */.arc-v12-0-0-beta-22 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-fg-secondary-dark-muted)}

package/lib/TextArea/TextArea.cjs

@@ -6,36 +6,38 @@ var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
 var FormControl = require('../_shared/cjs/FormControl-BPnKQrCm.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
+var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
-require('../_shared/cjs/debounce-BeIT3oyF.cjs');
+require('../_shared/cjs/debounce-uPMetQ6J.cjs');
 require('../_shared/cjs/BreadcrumbsLink-CDmk3Y3m.cjs');
 require('../_shared/cjs/Button-uD9mR8w-.cjs');
 require('../_shared/cjs/ButtonV2-Bta5SVVY.cjs');
-require('../_shared/cjs/Calendar-D4ZSaHHU.cjs');
-var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+require('../_shared/cjs/Calendar-B-va25n2.cjs');
 require('../_shared/cjs/keynames-Cx13-hWr.cjs');
 require('../_shared/cjs/Checkbox-DfZMjO1Y.cjs');
 require('../_shared/cjs/ComboBox-BGUhlqx1.cjs');
 require('../_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs');
-require('../_shared/cjs/DatePicker-DS6fAvxD.cjs');
+require('../_shared/cjs/DatePicker-Dt4faA_N.cjs');
 require('../_shared/cjs/TextInput-ByySubi5.cjs');
 require('../_shared/cjs/index-CqYNiqix.cjs');
 require('../_shared/cjs/HeroButton-CrzkTUwP.cjs');
 require('../_shared/cjs/MediaCard-BEZFbiYO.cjs');
 require('../_shared/cjs/MenuItemMultiLevelContent-vLr6hSBm.cjs');
-require('../_shared/cjs/ProgressStepperOverflow-v-TyS5Sp.cjs');
+require('../_shared/cjs/ProgressStepperOverflow-BAGZNC26.cjs');
 require('../_shared/cjs/RadioCardGroupInput-CeUM3yPS.cjs');
 require('../_shared/cjs/RadioGroupInput-w2qkfsnG.cjs');
-require('../_shared/cjs/SiteHeaderV2NavItemWithSubNav-fQPk0gZU.cjs');
+require('../_shared/cjs/SiteHeaderV2NavItemWithSubNav-CagFKPEa.cjs');
+require('../_shared/cjs/kebabCase-D5yA6u-V.cjs');
 require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
 require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
 require('../_shared/cjs/handle-link-click-C7BvOIYa.cjs');
 require('../_shared/cjs/Icon-CzhyKqMd.cjs');
 require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
 require('../_shared/cjs/index-BLRjGROQ.cjs');
-require('../_shared/cjs/index.es-DBEGtWPg.cjs');
+require('../_shared/cjs/index.es-DlNskPlN.cjs');
 require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/Heading-BEMSkLYR.cjs');
 require('../_shared/cjs/BtIconChevronRightMid-eGxk3ae6.cjs');

package/lib/TextArea/TextArea.mjs

@@ -4,36 +4,38 @@ import React__default, { forwardRef, useContext, useRef, useState } from 'react'
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-CWyrVi1u.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
+import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
-import '../_shared/esm/debounce-mCD9-ufA.mjs';
+import '../_shared/esm/debounce-D_Nx5go6.mjs';
 import '../_shared/esm/BreadcrumbsLink-BxTurGNa.mjs';
 import '../_shared/esm/Button-BxuM3_gz.mjs';
 import '../_shared/esm/ButtonV2-DwYBAojW.mjs';
-import '../_shared/esm/Calendar-CjqPM7ta.mjs';
-import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/Calendar-Bd2_eT1Y.mjs';
 import '../_shared/esm/keynames-B5whqsjh.mjs';
 import '../_shared/esm/Checkbox-CwOHzlQF.mjs';
 import '../_shared/esm/ComboBox-CRlJjeev.mjs';
 import '../_shared/esm/ContentSwitcherTab-CfC3PGeZ.mjs';
-import '../_shared/esm/DatePicker-3sYJ3wGn.mjs';
+import '../_shared/esm/DatePicker-DT4OEzxP.mjs';
 import '../_shared/esm/TextInput-Dk7qNGoh.mjs';
 import '../_shared/esm/index-CL6dwOYV.mjs';
 import '../_shared/esm/HeroButton-jdjjV_Gf.mjs';
 import '../_shared/esm/MediaCard-DqMaNWsE.mjs';
 import '../_shared/esm/MenuItemMultiLevelContent-JTOHqpzg.mjs';
-import '../_shared/esm/ProgressStepperOverflow-B9ba8ljs.mjs';
+import '../_shared/esm/ProgressStepperOverflow-fPkLltVO.mjs';
 import '../_shared/esm/RadioCardGroupInput-D7W28geB.mjs';
 import '../_shared/esm/RadioGroupInput-zAWSV29m.mjs';
-import '../_shared/esm/SiteHeaderV2NavItemWithSubNav-BMoBdUxK.mjs';
+import '../_shared/esm/SiteHeaderV2NavItemWithSubNav-CxGwdV6u.mjs';
+import '../_shared/esm/kebabCase-CCEMRBfd.mjs';
 import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
 import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
 import '../_shared/esm/handle-link-click-CIgZ7pa0.mjs';
 import '../_shared/esm/Icon-CcPOJcQm.mjs';
 import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
 import '../_shared/esm/index-Cr6KeQLU.mjs';
-import '../_shared/esm/index.es-DCvYtQfu.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';

package/lib/TextArea/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-0-0-beta-20 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-0-0-beta-20 .arc .arc-TextArea--noResize{resize:none}.arc-v12-0-0-beta-20 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-0-0-beta-20 .arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}
+.arc-v12-0-0-beta-22 .arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-0-0-beta-22 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-0-0-beta-22 .arc .arc-TextArea--noResize{resize:none}.arc-v12-0-0-beta-22 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v12-0-0-beta-22 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc-v12-0-0-beta-22 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v12-0-0-beta-22 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}

package/lib/TextInput/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--textinput-type-input-default-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));width:100%}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-inputWrapper{align-items:center;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:100%;position:relative}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--textinput-type-input-default-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--textinput-type-input-default-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-additionalControl{position:absolute;right:0;text-decoration:underline;top:50%;transform:translateY(-50%)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-passwordToggle{background-color:transparent;border:none;color:var(--textinput-colors-light-text-default);cursor:pointer;flex:0 1 auto;font:var(--textinput-type-input-default-m);margin-right:7px;padding:0 4px}.arc-v12-0-0-beta-20 .arc .arc-TextInput-passwordToggle:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-20 .arc .arc-TextInput-prefix{flex:0 1 auto;font:var(--textinput-type-input-default-m);font-weight:700;padding:0 4px 0 calc(12px - 1px)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-suffix{flex:0 1 auto;font:var(--textinput-type-input-default-m);font-weight:700;padding:0 calc(12px - 1px) 0 4px}.arc-v12-0-0-beta-20 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v12-0-0-beta-20 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v12-0-0-beta-20 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input{padding-right:0}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{padding-left:calc(8px - 1px)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-suffix,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle{padding-right:calc(8px - 1px)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{padding-left:calc(16px - 1px)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-suffix,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle{padding-right:calc(16px - 1px)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:focus{outline:0}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v12-0-0-beta-20 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-prefix,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{font:var(--textinput-type-input-default-s)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-prefix,.arc-v12-0-0-beta-20 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{font:var(--textinput-type-input-default-l)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-iconButton{background-color:transparent;background-origin:border-box;border:var(--textinput-border-weight-s) solid transparent;border-radius:var(--textinput-border-radius-l);cursor:pointer;display:block;margin:0;padding:0 6px;text-decoration:none}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:disabled::-moz-placeholder{color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:disabled::placeholder,.arc-v12-0-0-beta-20 .arc .arc-TextInput-iconButton:disabled{color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-TextInput-iconButton:focus-visible{border-color:var(--focus-colors-light-border-subtle);outline:none}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle{color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-20 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:disabled,.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-20 .arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:-webkit-autofill, .arc-v12-0-0-beta-20 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v12-0-0-beta-20 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:autofill,.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:autofill:hover,.arc-v12-0-0-beta-20 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-20 .arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle:focus{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-20 .arc .arc-TextInput-spinner{align-self:center;display:flex;padding-right:8px}
+.arc-v12-0-0-beta-22 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--textinput-type-input-default-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));width:100%}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-inputWrapper{align-items:center;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:100%;position:relative}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--textinput-type-input-default-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--textinput-type-input-default-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-additionalControl{position:absolute;right:0;text-decoration:underline;top:50%;transform:translateY(-50%)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-passwordToggle{background-color:transparent;border:none;color:var(--textinput-colors-light-text-default);cursor:pointer;flex:0 1 auto;font:var(--textinput-type-input-default-m);margin-right:7px;padding:0 4px}.arc-v12-0-0-beta-22 .arc .arc-TextInput-passwordToggle:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-TextInput-prefix{flex:0 1 auto;font:var(--textinput-type-input-default-m);font-weight:700;padding:0 4px 0 calc(12px - 1px)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-suffix{flex:0 1 auto;font:var(--textinput-type-input-default-m);font-weight:700;padding:0 calc(12px - 1px) 0 4px}.arc-v12-0-0-beta-22 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v12-0-0-beta-22 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v12-0-0-beta-22 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input{padding-right:0}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{padding-left:calc(8px - 1px)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-suffix,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle{padding-right:calc(8px - 1px)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{padding-left:calc(16px - 1px)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-suffix,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle{padding-right:calc(16px - 1px)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:focus{outline:0}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v12-0-0-beta-22 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-prefix,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{font:var(--textinput-type-input-default-s)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-prefix,.arc-v12-0-0-beta-22 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{font:var(--textinput-type-input-default-l)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-iconButton{background-color:transparent;background-origin:border-box;border:var(--textinput-border-weight-s) solid transparent;border-radius:var(--textinput-border-radius-l);cursor:pointer;display:block;margin:0;padding:0 6px;text-decoration:none}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:disabled::-moz-placeholder{color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:disabled::placeholder,.arc-v12-0-0-beta-22 .arc .arc-TextInput-iconButton:disabled{color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-TextInput-iconButton:focus-visible{border-color:var(--focus-colors-light-border-subtle);outline:none}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle{color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-22 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:disabled,.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-iconButton\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-22 .arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:-webkit-autofill, .arc-v12-0-0-beta-22 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v12-0-0-beta-22 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:autofill,.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:autofill:hover,.arc-v12-0-0-beta-22 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-22 .arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle:focus{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-22 .arc .arc-TextInput-spinner{align-self:center;display:flex;padding-right:8px}

package/lib/Theme/Theme.cjs

@@ -8,7 +8,7 @@ var index = require('../_shared/cjs/index-CTlXMLug.cjs');
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "12.0.0-beta.20",
+  version: "12.0.0-beta.22",
   type: "module",
   homepage: "https://ui.digital-ent-int.bt.com",
   author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",

package/lib/Theme/Theme.mjs

@@ -6,7 +6,7 @@ import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "12.0.0-beta.20",
+  version: "12.0.0-beta.22",
   type: "module",
   homepage: "https://ui.digital-ent-int.bt.com",
   author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",

package/lib/Theme/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc-v12-0-0-beta-20 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-0-0-beta-20 .arc *{box-sizing:border-box}.arc-v12-0-0-beta-20 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-20 .arc a:hover{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-20 .arc a:focus,.arc-v12-0-0-beta-20 .arc a: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-v12-0-0-beta-20 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-20 .arc a:focus:not(:focus-visible){outline:0}
+.arc-v12-0-0-beta-22 .arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc-v12-0-0-beta-22 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-0-0-beta-22 .arc *{box-sizing:border-box}.arc-v12-0-0-beta-22 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-22 .arc a:focus,.arc-v12-0-0-beta-22 .arc a: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-v12-0-0-beta-22 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc a:focus:not(:focus-visible){outline:0}@media (hover:hover){.arc-v12-0-0-beta-22 .arc a:hover{color:var(--textlink-colors-light-text-hover)}}

package/lib/ThemeIcon/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--cardButton{-webkit-mask-image:var(--comp-card-button);mask-image:var(--comp-card-button)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--drawerClose{-webkit-mask-image:var(--comp-drawer-close);mask-image:var(--comp-drawer-close)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderNavItemExpandAlt{-webkit-mask-image:var(--comp-site-header-nav-item-expand-alt);mask-image:var(--comp-site-header-nav-item-expand-alt)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--tagRemove{-webkit-mask-image:var(--comp-tag-remove);mask-image:var(--comp-tag-remove)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon{background-color:currentColor;color:currentColor;display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorBrand.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-fg-primary-dark-default);color:var(--sem-color-fg-primary-dark-default)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorStatusRed.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-error);color:var(--sem-color-status-fg-dark-error)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorStatusAmber.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-warning);color:var(--sem-color-status-fg-dark-warning)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc-v12-0-0-beta-20 .arc .arc-ThemeIcon--colorStatusGreen.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-success);color:var(--sem-color-status-fg-dark-success)}
+.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--cardButton{-webkit-mask-image:var(--comp-card-button);mask-image:var(--comp-card-button)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--drawerClose{-webkit-mask-image:var(--comp-drawer-close);mask-image:var(--comp-drawer-close)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--linkExternal{-webkit-mask-image:var(--comp-link-external);mask-image:var(--comp-link-external)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--navigationHeaderClose{-webkit-mask-image:var(--comp-navigation-header-close);mask-image:var(--comp-navigation-header-close)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--navigationHeaderDisclosure{-webkit-mask-image:var(--comp-navigation-header-disclosure);mask-image:var(--comp-navigation-header-disclosure)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--navigationHeaderMenuLinkSmall{-webkit-mask-image:var(--comp-navigation-header-menu-link-small);mask-image:var(--comp-navigation-header-menu-link-small)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--navigationHeaderMenuLinkLarge{-webkit-mask-image:var(--comp-navigation-header-menu-link-large);mask-image:var(--comp-navigation-header-menu-link-large)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderBurger{-webkit-mask-image:var(--comp-site-header-burger);mask-image:var(--comp-site-header-burger)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderNavItemExpandAlt{-webkit-mask-image:var(--comp-site-header-nav-item-expand-alt);mask-image:var(--comp-site-header-nav-item-expand-alt)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--tagRemove{-webkit-mask-image:var(--comp-tag-remove);mask-image:var(--comp-tag-remove)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon{background-color:currentColor;color:currentColor;display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorBrand.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-fg-primary-dark-default);color:var(--sem-color-fg-primary-dark-default)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorStatusRed.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-error);color:var(--sem-color-status-fg-dark-error)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorStatusAmber.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-warning);color:var(--sem-color-status-fg-dark-warning)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc-v12-0-0-beta-22 .arc .arc-ThemeIcon--colorStatusGreen.arc-ThemeIcon--onDarkSurface{background-color:var(--sem-color-status-fg-dark-success);color:var(--sem-color-status-fg-dark-success)}

package/lib/ThumbnailSignpost/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-heading{display:block;font:var(--sem-type-mobile-semi-xs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-heading{font:var(--sem-type-mobile-semi-s)}}@media (min-width:768px){.arc-v12-0-0-beta-20 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}
+.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost-heading{display:block;font:var(--sem-type-mobile-semi-xs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost-heading{font:var(--sem-type-mobile-semi-s)}}@media (min-width:768px){.arc-v12-0-0-beta-22 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}