@arc-ui/components 12.0.0-beta.16 → 12.0.0-beta.18

package/lib/Tabs/Tabs.mjs

@@ -3,7 +3,7 @@ import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/fil
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { a as $69cb30bb0017df05$export$be92b6f5f03c0fe9, $ as $69cb30bb0017df05$export$41fb9f06171c75f4, b as $69cb30bb0017df05$export$7c6e2c02157bb7d2, c as $69cb30bb0017df05$export$54c2e3dc7acea9f5 } from '../_shared/esm/index-BDWwJ5x2.mjs';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { I as Icon } from '../_shared/esm/Icon-B626JGP1.mjs';
+import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-DXHprNQ6.mjs';

package/lib/Tabs/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-16 .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-16 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-16 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-16 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-16 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v12-0-0-beta-16 .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-16 .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-16 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-16 .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-16 .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-16 .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-16 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-16 .arc .arc-Tabs--contained .arc-TabsItem-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-16 .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-16 .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-16 .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-16 .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-16 .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-16 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-16 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-16 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-16 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-16 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-16 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-16 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-16 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-16 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-16 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-16 .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-16 .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-16 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}
+.arc-v12-0-0-beta-18 .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-18 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-18 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v12-0-0-beta-18 .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-18 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v12-0-0-beta-18 .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-18 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v12-0-0-beta-18 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v12-0-0-beta-18 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v12-0-0-beta-18 .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-18 .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-18 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v12-0-0-beta-18 .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-18 .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-18 .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-18 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:20px;width:20px}.arc-v12-0-0-beta-18 .arc .arc-Tabs--contained .arc-TabsItem-triggerIcon .arc-Icon{height:24px;width:24px}.arc-v12-0-0-beta-18 .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-18 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v12-0-0-beta-18 .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-18 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .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-18 .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-18 .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-18 .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-18 .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-18 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v12-0-0-beta-18 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs-root{position:relative}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v12-0-0-beta-18 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v12-0-0-beta-18 .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-18 .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-18 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}

package/lib/Tag/Tag.cjs

@@ -4,48 +4,26 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
-var Icon = require('../_shared/cjs/Icon-DdqFr6bT.cjs');
+var Icon = require('../_shared/cjs/Icon-KMACQ1i3.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 
-const BtIconCross = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
-      fill: "currentColor",
-    }),
-  );
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCross =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 27a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13'/%3e%3cpath d='M20.854 11.146a.5.5 0 0 0-.707 0L16 15.293l-4.146-4.146a.5.5 0 0 0-.707.707L15.293 16l-4.146 4.146a.5.5 0 1 0 .707.707L16 16.707l4.146 4.146a.5.5 0 0 0 .707-.707L16.707 16l4.146-4.146a.5.5 0 0 0 0-.708'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
 
-const BtIconCrossFill = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
-      fill: "currentColor",
-    }),
-  );
+const BtIconCrossFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m4.854 18.146a.5.5 0 1 1-.707.707L16 16.707l-4.146 4.146a.5.5 0 0 1-.707-.707L15.293 16l-4.146-4.146a.5.5 0 0 1 .707-.707L16 15.293l4.146-4.146a.5.5 0 0 1 .707.707L16.707 16Z'/%3e%3c/svg%3e";
 
 /**
  * Use `Tag` to promote features and manage filtering.

package/lib/Tag/Tag.mjs

@@ -2,48 +2,26 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import React__default, { useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
-import { I as Icon } from '../_shared/esm/Icon-B626JGP1.mjs';
+import { I as Icon } from '../_shared/esm/Icon-MZfaoOo9.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';
 
-const BtIconCross = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
-      fill: "currentColor",
-    }),
-  );
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCross =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m0 27a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13'/%3e%3cpath d='M20.854 11.146a.5.5 0 0 0-.707 0L16 15.293l-4.146-4.146a.5.5 0 0 0-.707.707L15.293 16l-4.146 4.146a.5.5 0 1 0 .707.707L16 16.707l4.146 4.146a.5.5 0 0 0 .707-.707L16.707 16l4.146-4.146a.5.5 0 0 0 0-.708'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
 
-const BtIconCrossFill = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
-      fill: "currentColor",
-    }),
-  );
+const BtIconCrossFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m4.854 18.146a.5.5 0 1 1-.707.707L16 16.707l-4.146 4.146a.5.5 0 0 1-.707-.707L15.293 16l-4.146-4.146a.5.5 0 0 1 .707-.707L16 15.293l4.146-4.146a.5.5 0 0 1 .707.707L16.707 16Z'/%3e%3c/svg%3e";
 
 /**
  * Use `Tag` to promote features and manage filtering.

package/lib/Tag/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-16 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-16 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-16 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-16 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-16 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-16 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-16 .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-16 .arc .arc-Tag--removed{display:none}
+.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-s);width:auto}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-18 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-0-0-beta-18 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-0-0-beta-18 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-0-0-beta-18 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-0-0-beta-18 .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-18 .arc .arc-Tag--removed{display:none}

package/lib/TemplateBanner/TemplateBanner.cjs

@@ -1,20 +1,20 @@
 'use client';
 'use strict';
 
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-BCbI7NLb.cjs');
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-BMi77IGK.cjs');
 require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/index.es-CY6h69at.cjs');
+require('../_shared/cjs/index.es-sqSQUWYg.cjs');
 require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
-require('../_shared/cjs/Text-Cr5nmYmx.cjs');
-require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
-require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 require('../_shared/cjs/Box-COPXU1Jf.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/Heading-BEMSkLYR.cjs');
+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');
 
 

package/lib/TemplateBanner/TemplateBanner.mjs

@@ -1,16 +1,16 @@
 'use client';
-export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-Cckao4N8.mjs';
+export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-zc4VmeeW.mjs';
 import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/index.es-JItYKukj.mjs';
+import '../_shared/esm/index.es-C3WGtwrW.mjs';
 import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
-import '../_shared/esm/Text-CBlnm5CT.mjs';
-import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
-import '../_shared/esm/index-Spae4j7j.mjs';
-import '../_shared/esm/Surface-Colbp3Zx.mjs';
 import '../_shared/esm/Box-BYm_GTct.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/Heading-CxHWefi7.mjs';
+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';

package/lib/TemplateBanner/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);position:relative;width:100%}.arc-v12-0-0-beta-16 .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-16 .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-16 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner-text{margin:0}.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-16 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-16 .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-16 .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-16 .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-16 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}
+.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);position:relative;width:100%}.arc-v12-0-0-beta-18 .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-18 .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-18 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Box,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-0-0-beta-18 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-0-0-beta-18 .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-18 .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-18 .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-18 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}

package/lib/Text/styles.css

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

package/lib/TextArea/TextArea.cjs

@@ -4,59 +4,60 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var FormControl = require('../_shared/cjs/FormControl-D3-JbAVb.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
-var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/debounce-BeIT3oyF.cjs');
 require('../_shared/cjs/BreadcrumbsLink-CDmk3Y3m.cjs');
-require('../_shared/cjs/Button-b36K7-Cf.cjs');
-require('../_shared/cjs/ButtonV2-s8OF4enU.cjs');
-require('../_shared/cjs/Calendar-D58QIWQz.cjs');
+require('../_shared/cjs/Button-CKTa6bQL.cjs');
+require('../_shared/cjs/ButtonV2-CRNNZ_nd.cjs');
+require('../_shared/cjs/Calendar-C5C0evEy.cjs');
+var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/keynames-Cx13-hWr.cjs');
 require('../_shared/cjs/Checkbox-D2UQsmiB.cjs');
-require('../_shared/cjs/ComboBox-CmVMpsxn.cjs');
+require('../_shared/cjs/ComboBox-BIMxZhJp.cjs');
 require('../_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs');
-require('../_shared/cjs/DatePicker-Cx5VZpwJ.cjs');
-var FormControl = require('../_shared/cjs/FormControl-D3-JbAVb.cjs');
-require('../_shared/cjs/HeroButton-CrsC6Q7A.cjs');
-require('../_shared/cjs/MediaCard-DkTTTQNz.cjs');
-require('../_shared/cjs/RadioCardGroupInput-DT0Xce4L.cjs');
+require('../_shared/cjs/DatePicker-BgU6iidG.cjs');
+require('../_shared/cjs/HeroButton-CiIygZ16.cjs');
+require('../_shared/cjs/MediaCard-kcqfmeue.cjs');
+require('../_shared/cjs/MenuSubContent-Bs2_ebS3.cjs');
+require('../_shared/cjs/index-CqYNiqix.cjs');
+require('../_shared/cjs/RadioCardGroupInput-BmntgyWB.cjs');
 require('../_shared/cjs/RadioGroupInput-D3trTxB5.cjs');
-require('../_shared/cjs/SiteHeaderV2NavItemWithSubNav-XnnzUfOs.cjs');
+require('../_shared/cjs/SiteHeaderV2NavItemWithSubNav-DgoCW2W3.cjs');
 require('../_shared/cjs/TextInput-DT4hi02U.cjs');
+require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
+require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/handle-link-click-C7BvOIYa.cjs');
-require('../_shared/cjs/Icon-DdqFr6bT.cjs');
-require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+require('../_shared/cjs/Icon-KMACQ1i3.cjs');
 require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
 require('../_shared/cjs/index-BLRjGROQ.cjs');
-require('../_shared/cjs/index.es-CY6h69at.cjs');
+require('../_shared/cjs/index.es-sqSQUWYg.cjs');
 require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/Heading-BEMSkLYR.cjs');
-require('../_shared/cjs/BtIconChevronRightMid-C6zjDEMv.cjs');
-require('../_shared/cjs/index-Cn7XSNle.cjs');
-require('../_shared/cjs/Combination-iNPq-pNP.cjs');
+require('../_shared/cjs/BtIconChevronRightMid-eGxk3ae6.cjs');
+require('../_shared/cjs/index-CaO6cOF0.cjs');
+require('../_shared/cjs/Combination-B-rSVLfT.cjs');
 require('../_shared/cjs/index-DXNM3D1d.cjs');
 require('react/jsx-runtime');
 require('react-dom');
-require('../_shared/cjs/index-DbQ2PCr3.cjs');
+require('../_shared/cjs/index-Bt7hfZBc.cjs');
 require('../_shared/cjs/index-B11wQrRa.cjs');
-require('../_shared/cjs/index-DNgUhsBO.cjs');
+require('../_shared/cjs/index-Dv1xvB_E.cjs');
 require('../_shared/cjs/Box-COPXU1Jf.cjs');
 require('../_shared/cjs/index-BCu-VH8y.cjs');
 require('../_shared/cjs/index-CztwwwKE.cjs');
 require('../_shared/cjs/index-DmvtEa22.cjs');
-require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
 require('../_shared/cjs/Image-C1pcrfnN.cjs');
 require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
 require('../_shared/cjs/CardHeading-Cl0D1Khp.cjs');
-require('../_shared/cjs/CardFooter-B2ljCf25.cjs');
-require('../_shared/cjs/BtIconArrowRight-BX-bj8Y6.cjs');
-require('../_shared/cjs/BtIconPlayFill-WUt-9eLl.cjs');
+require('../_shared/cjs/CardFooter-DwE-u0Om.cjs');
 require('../_shared/cjs/ConditionalWrapper-C09Kw6EG.cjs');
+require('../_shared/cjs/index-EFXw1jWg.cjs');
 require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
-require('../_shared/cjs/BtIconChevronRight2Px-CnplmEFZ.cjs');
+require('../_shared/cjs/BtIconChevronRight2Px-CIRaur2B.cjs');
 require('../_shared/cjs/BrandLogo-D5wlIFmm.cjs');
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
@@ -84,6 +85,13 @@ var TextArea = React.forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
+    // Although this is used within FormControlWrapper, it's deterministic so we can call it here too
+    var ariaDescribedby = FormControl.useAriaDescribedby({
+        errorMessage: errorMessage,
+        id: id,
+        helper: helper,
+        disclosureText: disclosureText,
+    }).ariaDescribedby;
     return (React.createElement(FormControl.FormControl, filterAttrs.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React.createElement(React.Fragment, null,
             React.createElement(Text.Text, { tone: isDisabled ? "muted" : "default" },
@@ -93,7 +101,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
                     maxLength,
                     " characters",
                     characterCount === maxLength && (React.createElement(VisuallyHidden.VisuallyHidden, null, "Maximum characters reached")))))) }, filterAttrs.filterAttrs(props)),
-        React.createElement("textarea", filterAttrs.__assign({ id: id, className: index.classNames("arc-TextArea", {
+        React.createElement("textarea", { id: id, className: index.classNames("arc-TextArea", {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage,
@@ -102,7 +110,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
                 maxHeight: maxHeight,
                 minHeight: minHeight,
                 marginTop: hideLabel ? 0 : undefined,
-            }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete }, (helper && { "aria-describedby": "".concat(id, "-helper") })))));
+            }, "aria-describedby": ariaDescribedby, autoComplete: autoComplete })));
 });
 
 exports.TextArea = TextArea;

package/lib/TextArea/TextArea.mjs

@@ -2,59 +2,60 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 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-B9fp1ilz.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import { C as Context } from '../_shared/esm/Surface-Colbp3Zx.mjs';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
-import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/debounce-mCD9-ufA.mjs';
 import '../_shared/esm/BreadcrumbsLink-BxTurGNa.mjs';
-import '../_shared/esm/Button-DtmI3xYm.mjs';
-import '../_shared/esm/ButtonV2-CkFdHviV.mjs';
-import '../_shared/esm/Calendar-C_b271wl.mjs';
+import '../_shared/esm/Button-9L4AksQP.mjs';
+import '../_shared/esm/ButtonV2-2U4PvnpS.mjs';
+import '../_shared/esm/Calendar-L6u3D8xb.mjs';
+import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
 import '../_shared/esm/keynames-B5whqsjh.mjs';
 import '../_shared/esm/Checkbox-NxnK40uZ.mjs';
-import '../_shared/esm/ComboBox-CTx_umV_.mjs';
+import '../_shared/esm/ComboBox-DUTrEu0N.mjs';
 import '../_shared/esm/ContentSwitcherTab-CfC3PGeZ.mjs';
-import '../_shared/esm/DatePicker-CIdfpUqM.mjs';
-import { F as FormControl } from '../_shared/esm/FormControl-B9fp1ilz.mjs';
-import '../_shared/esm/HeroButton-x7krReay.mjs';
-import '../_shared/esm/MediaCard-_6xVVmiF.mjs';
-import '../_shared/esm/RadioCardGroupInput-CwYJBtmO.mjs';
+import '../_shared/esm/DatePicker-CccSfg17.mjs';
+import '../_shared/esm/HeroButton-HYskwyvn.mjs';
+import '../_shared/esm/MediaCard-CjTDOvmx.mjs';
+import '../_shared/esm/MenuSubContent-Cv9mSn58.mjs';
+import '../_shared/esm/index-CL6dwOYV.mjs';
+import '../_shared/esm/RadioCardGroupInput-Cy1r7M8l.mjs';
 import '../_shared/esm/RadioGroupInput-DiRS2jwQ.mjs';
-import '../_shared/esm/SiteHeaderV2NavItemWithSubNav-C_rohQhn.mjs';
+import '../_shared/esm/SiteHeaderV2NavItemWithSubNav-BLqiSeEC.mjs';
 import '../_shared/esm/TextInput-Vp_cBbpQ.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/handle-link-click-CIgZ7pa0.mjs';
-import '../_shared/esm/Icon-B626JGP1.mjs';
-import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import '../_shared/esm/Icon-MZfaoOo9.mjs';
 import '../_shared/esm/Spinner-Cd7LiPTy.mjs';
 import '../_shared/esm/index-Cr6KeQLU.mjs';
-import '../_shared/esm/index.es-JItYKukj.mjs';
+import '../_shared/esm/index.es-C3WGtwrW.mjs';
 import '../_shared/esm/use-media-query-DmKuIDEM.mjs';
 import '../_shared/esm/Heading-CxHWefi7.mjs';
-import '../_shared/esm/BtIconChevronRightMid-DB68JQ0u.mjs';
-import '../_shared/esm/index-ZYyu0Vjh.mjs';
-import '../_shared/esm/Combination-CFD0IA8r.mjs';
+import '../_shared/esm/BtIconChevronRightMid-DE4lmVaG.mjs';
+import '../_shared/esm/index-CxrL7jIX.mjs';
+import '../_shared/esm/Combination-BpO6XTeS.mjs';
 import '../_shared/esm/index-Bz2JQq34.mjs';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../_shared/esm/index-DNxTGgc1.mjs';
+import '../_shared/esm/index-DLovItWo.mjs';
 import '../_shared/esm/index-CWHcEz3_.mjs';
-import '../_shared/esm/index-BUp5JjoD.mjs';
+import '../_shared/esm/index-DXTwueLZ.mjs';
 import '../_shared/esm/Box-BYm_GTct.mjs';
 import '../_shared/esm/index-BDWwJ5x2.mjs';
 import '../_shared/esm/index-DXHprNQ6.mjs';
 import '../_shared/esm/index-6HtUz28p.mjs';
-import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
 import '../_shared/esm/Image-Dl8oH1Rn.mjs';
 import '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
 import '../_shared/esm/CardHeading-_setRRjq.mjs';
-import '../_shared/esm/CardFooter-6APGUbK4.mjs';
-import '../_shared/esm/BtIconArrowRight-CTjAzV9X.mjs';
-import '../_shared/esm/BtIconPlayFill-DEoVOrOQ.mjs';
+import '../_shared/esm/CardFooter-CgDDDI7Z.mjs';
 import '../_shared/esm/ConditionalWrapper-WoJxFYwS.mjs';
+import '../_shared/esm/index-BbAu4d3T.mjs';
 import '../_shared/esm/capitalise-first-letter-Cubg2CS1.mjs';
-import '../_shared/esm/BtIconChevronRight2Px-CWIIvs1E.mjs';
+import '../_shared/esm/BtIconChevronRight2Px-DzWb16fR.mjs';
 import '../_shared/esm/BrandLogo-_2Z_8I2Y.mjs';
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
@@ -82,6 +83,13 @@ var TextArea = forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
+    // Although this is used within FormControlWrapper, it's deterministic so we can call it here too
+    var ariaDescribedby = useAriaDescribedby({
+        errorMessage: errorMessage,
+        id: id,
+        helper: helper,
+        disclosureText: disclosureText,
+    }).ariaDescribedby;
     return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Text, { tone: isDisabled ? "muted" : "default" },
@@ -91,7 +99,7 @@ var TextArea = forwardRef(function (_a, ref) {
                     maxLength,
                     " characters",
                     characterCount === maxLength && (React__default.createElement(VisuallyHidden, null, "Maximum characters reached")))))) }, filterAttrs(props)),
-        React__default.createElement("textarea", __assign({ id: id, className: classNames("arc-TextArea", {
+        React__default.createElement("textarea", { id: id, className: classNames("arc-TextArea", {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage,
@@ -100,7 +108,7 @@ var TextArea = forwardRef(function (_a, ref) {
                 maxHeight: maxHeight,
                 minHeight: minHeight,
                 marginTop: hideLabel ? 0 : undefined,
-            }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete }, (helper && { "aria-describedby": "".concat(id, "-helper") })))));
+            }, "aria-describedby": ariaDescribedby, autoComplete: autoComplete })));
 });
 
 export { TextArea };

package/lib/TextArea/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-16 .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-s);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;margin-top:var(--textarea-gap-m);padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-0-0-beta-16 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-0-0-beta-16 .arc .arc-TextArea--noResize{resize:none}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-0-0-beta-16 .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-16 .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-16 .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-16 .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-16 .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-16 .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-18 .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-s);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;margin-top:var(--textarea-gap-m);padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-0-0-beta-18 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-0-0-beta-18 .arc .arc-TextArea--noResize{resize:none}.arc-v12-0-0-beta-18 .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-18 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-0-0-beta-18 .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-18 .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-18 .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-18 .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-18 .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-18 .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-16 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--sem-type-body-reg-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-16 .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%;margin-top:var(--textinput-gap-m);position:relative}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--sem-type-body-reg-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:calc(4px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--sem-type-body-reg-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:calc(18px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-16 .arc .arc-TextInput-additionalControl{position:absolute;right:0;text-decoration:underline;top:50%;transform:translateY(-50%)}.arc-v12-0-0-beta-16 .arc .arc-TextInput-passwordToggle{background-color:transparent;border:none;color:var(--textinput-colors-light-text-default);cursor:pointer;flex:0 1 auto;font:var(--sem-type-body-reg-m);margin-right:7px;padding:0 4px}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextInput-prefix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 4px 0 calc(12px - 1px)}.arc-v12-0-0-beta-16 .arc .arc-TextInput-suffix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 calc(12px - 1px) 0 4px}.arc-v12-0-0-beta-16 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v12-0-0-beta-16 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v12-0-0-beta-16 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input{padding-right:0}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{padding-left:calc(8px - 1px)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-suffix,.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle{padding-right:calc(8px - 1px)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{padding-left:calc(16px - 1px)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-suffix,.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle{padding-right:calc(16px - 1px)}.arc-v12-0-0-beta-16 .arc .arc-TextInput-input:focus{outline:0}.arc-v12-0-0-beta-16 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v12-0-0-beta-16 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-prefix,.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-prefix,.arc-v12-0-0-beta-16 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{font:var(--sem-type-body-reg-l)}.arc-v12-0-0-beta-16 .arc .arc-TextInput-iconButton{background-color:transparent;background-origin:border-box;border:var(--textinput-border-weight-m) 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-16 .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-16 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-16 .arc .arc-TextInput-iconButton:disabled{cursor:not-allowed}.arc-v12-0-0-beta-16 .arc .arc-TextInput-iconButton:focus-visible{border-color:var(--focus-colors-light-border-subtle);outline:none}.arc-v12-0-0-beta-16 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle{color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-16 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0-beta-16 .arc .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-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-16 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{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-16 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){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-16 .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-16 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-16 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-16 .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-16 .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-16 .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-16 .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-16 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextInput-input:-webkit-autofill, .arc-v12-0-0-beta-16 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v12-0-0-beta-16 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-16 .arc .arc-TextInput-input:autofill,.arc-v12-0-0-beta-16 .arc .arc-TextInput-input:autofill:hover,.arc-v12-0-0-beta-16 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-16 .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-16 .arc .arc-TextInput-spinner{align-self:center;display:flex;padding-right:8px}
+.arc-v12-0-0-beta-18 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--sem-type-body-reg-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-18 .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%;margin-top:var(--textinput-gap-m);position:relative}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--sem-type-body-reg-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:calc(4px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--sem-type-body-reg-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:calc(18px - var(--textinput-border-weight-s)) calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v12-0-0-beta-18 .arc .arc-TextInput-additionalControl{position:absolute;right:0;text-decoration:underline;top:50%;transform:translateY(-50%)}.arc-v12-0-0-beta-18 .arc .arc-TextInput-passwordToggle{background-color:transparent;border:none;color:var(--textinput-colors-light-text-default);cursor:pointer;flex:0 1 auto;font:var(--sem-type-body-reg-m);margin-right:7px;padding:0 4px}.arc-v12-0-0-beta-18 .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-18 .arc .arc-TextInput-prefix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 4px 0 calc(12px - 1px)}.arc-v12-0-0-beta-18 .arc .arc-TextInput-suffix{flex:0 1 auto;font:var(--sem-type-body-reg-m);font-weight:700;padding:0 calc(12px - 1px) 0 4px}.arc-v12-0-0-beta-18 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v12-0-0-beta-18 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v12-0-0-beta-18 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input{padding-right:0}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{padding-left:calc(8px - 1px)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-suffix,.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle{padding-right:calc(8px - 1px)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{padding-left:calc(16px - 1px)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-suffix,.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle{padding-right:calc(16px - 1px)}.arc-v12-0-0-beta-18 .arc .arc-TextInput-input:focus{outline:0}.arc-v12-0-0-beta-18 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v12-0-0-beta-18 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-prefix,.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{font:var(--sem-type-body-reg-s)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-passwordToggle,.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-prefix,.arc-v12-0-0-beta-18 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{font:var(--sem-type-body-reg-l)}.arc-v12-0-0-beta-18 .arc .arc-TextInput-iconButton{background-color:transparent;background-origin:border-box;border:var(--textinput-border-weight-m) 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-18 .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-18 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-18 .arc .arc-TextInput-iconButton:disabled{cursor:not-allowed}.arc-v12-0-0-beta-18 .arc .arc-TextInput-iconButton:focus-visible{border-color:var(--focus-colors-light-border-subtle);outline:none}.arc-v12-0-0-beta-18 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-18 .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-18 .arc .arc-TextInput--onDarkSurface .arc-TextInput-passwordToggle{color:var(--textinput-colors-dark-text-default)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-18 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-0-0-beta-18 .arc .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-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-0-0-beta-18 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-iconButton\)\:focus-visible\)]{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-18 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-iconButton):focus-visible){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-18 .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-18 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--onDarkSurface .arc-TextInput-iconButton:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-18 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-border-default)}.arc-v12-0-0-beta-18 .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-18 .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-18 .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-18 .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-18 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v12-0-0-beta-18 .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-18 .arc .arc-TextInput-input:disabled,.arc-v12-0-0-beta-18 .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-18 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v12-0-0-beta-18 .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-18 .arc .arc-TextInput-input:-webkit-autofill, .arc-v12-0-0-beta-18 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v12-0-0-beta-18 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-18 .arc .arc-TextInput-input:autofill,.arc-v12-0-0-beta-18 .arc .arc-TextInput-input:autofill:hover,.arc-v12-0-0-beta-18 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-0-0-beta-18 .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-18 .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.16",
+  version: "12.0.0-beta.18",
   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.16",
+  version: "12.0.0-beta.18",
   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-16 .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-16 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-0-0-beta-16 .arc *{box-sizing:border-box}.arc-v12-0-0-beta-16 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-16 .arc a:hover{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-16 .arc a:focus,.arc-v12-0-0-beta-16 .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;text-decoration:none}.arc-v12-0-0-beta-16 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-16 .arc a:focus:not(:focus-visible){outline:0}
+.arc-v12-0-0-beta-18 .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-18 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-0-0-beta-18 .arc *{box-sizing:border-box}.arc-v12-0-0-beta-18 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-0-0-beta-18 .arc a:hover{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-18 .arc a:focus,.arc-v12-0-0-beta-18 .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-18 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-0-0-beta-18 .arc a:focus:not(:focus-visible){outline:0}