@arc-ui/components 13.0.0 → 13.2.0

package/lib/Tabs/Tabs.mjs

@@ -6,11 +6,13 @@ import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
 import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
 import { I as Icon } from '../_shared/esm/Icon-CCUbr_AO.mjs';
 import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import { d as debounce } from '../_shared/esm/debounce-D_Nx5go6.mjs';
 import '../_shared/esm/index-C_mwuZg6.mjs';
 import 'react-dom';
 import '../_shared/esm/index-Drb5ngQr.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
 
 /** Use `Tabs` to allow users to navigate between different sections of relevant content. */
 var Tabs = function (_a) {
@@ -19,12 +21,12 @@ var Tabs = function (_a) {
 };
 
 var TabsItem = function (_a) {
-    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = __rest(_a, ["label", "value", "icon", "iconActive"]);
+    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, ref = _a.ref, onClick = _a.onClick, onFocus = _a.onFocus, props = __rest(_a, ["label", "value", "icon", "iconActive", "ref", "onClick", "onFocus"]);
     var surface = useContext(Context).surface;
     return (React__default.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, __assign({ className: classNames("arc-TabsItem-trigger", {
             "arc-TabsItem-trigger--onDarkSurface": surface === "dark",
             "arc-TabsItem-trigger--hasIcon": icon || iconActive,
-        }), value: value }, filterAttrs(props)),
+        }), value: value, ref: ref, onClick: onClick, onFocus: onFocus }, filterAttrs(props)),
         icon && (React__default.createElement("div", { className: "arc-TabsItem-triggerIcon", "data-testid": "arc-TabsItem-TriggerIcon" },
             React__default.createElement(Icon, { icon: icon }))),
         iconActive && (React__default.createElement("div", { className: "arc-TabsItem-triggerIcon arc-TabsItem-triggerIcon--active", "data-testid": "arc-TabsItem-TriggerIconActive" },
@@ -43,46 +45,76 @@ var TabsList = function (_a) {
     var _c = useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
     var surface = useContext(Context).surface;
     var tabsRef = useRef(null);
+    var tabRefs = useRef([]);
+    var scrollTabIntoView = function (tabRef) {
+        if (tabRef.current && tabsRef.current) {
+            var scrollLeft = tabRef.current.offsetLeft -
+                tabsRef.current.clientWidth / 2 +
+                tabRef.current.clientWidth / 2;
+            tabsRef.current.scrollTo({
+                left: scrollLeft,
+                behavior: "smooth",
+            });
+        }
+    };
+    var handleResize = debounce(function () {
+        checkOverflow();
+    }, 100);
     var checkOverflow = function () {
         if (tabsRef.current) {
             setRightOverflow(tabsRef.current.scrollLeft + tabsRef.current.clientWidth <
-                tabsRef.current.scrollWidth);
+                tabsRef.current.scrollWidth - 1);
             setLeftOverflow(tabsRef.current.scrollLeft > 0);
         }
     };
-    var handleScroll = function () {
-        checkOverflow();
-    };
     useEffect(function () {
         var list = tabsRef.current;
-        checkOverflow();
+        handleResize();
         if (list) {
-            list.addEventListener("scroll", handleScroll);
+            list.addEventListener("scroll", checkOverflow);
+            window.addEventListener("resize", handleResize);
         }
         return function () {
             if (list) {
-                list.removeEventListener("scroll", handleScroll);
+                list.removeEventListener("scroll", checkOverflow);
             }
+            window.removeEventListener("resize", handleResize);
+            handleResize.cancel();
         };
-    });
-    var state = "";
-    if (type === "standard") {
-        if (leftOverflow && rightOverflow) {
-            state = "both";
-        }
-        else if (leftOverflow) {
-            state = "left";
-        }
-        else {
-            state = "right";
-        }
-    }
+    }, [children, handleResize]);
     return (React__default.createElement("span", { className: "arc-TabsList-wrapper" },
-        React__default.createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, __assign({ className: classNames("arc-Tabs", suffixModifier("arc-TabsList--overflow", state), {
+        React__default.createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, __assign({ className: classNames("arc-Tabs", {
                 "arc-Tabs--contained": type === "contained",
                 "arc-Tabs--isJustified": isJustified,
                 "arc-Tabs--onDarkSurface": surface === "dark",
-            }), ref: tabsRef, "aria-label": ariaLabel }, filterAttrs(props)), children)));
+            }), ref: tabsRef, "aria-label": ariaLabel }, filterAttrs(props)), React__default.Children.map(children, function (child, index) {
+            if (!React__default.isValidElement(child)) {
+                return child;
+            }
+            if (tabRefs.current[index] !== null) {
+                return React__default.cloneElement(child, {
+                    ref: function (el) {
+                        tabRefs.current[index] = el;
+                    },
+                    onClick: function () {
+                        var el = tabRefs.current[index];
+                        if (el)
+                            scrollTabIntoView({ current: el });
+                    },
+                    onFocus: function () {
+                        var el = tabRefs.current[index];
+                        if (el)
+                            scrollTabIntoView({ current: el });
+                    },
+                });
+            }
+            else {
+                return child;
+            }
+        })),
+        type === "standard" && (leftOverflow || rightOverflow) && (React__default.createElement("span", { className: "arc-TabsList-overflowWrapper" },
+            leftOverflow && React__default.createElement("div", { className: "arc-TabsList--leftOverflow" }),
+            rightOverflow && React__default.createElement("div", { className: "arc-TabsList--rightOverflow" })))));
 };
 
 export { Tabs, TabsContent, TabsItem, TabsList };

package/lib/Tabs/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .arc .arc-TabsContent[data-state="inactive"]{display:none}.arc-v13-0-0 .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-v13-0-0 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v13-0-0 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v13-0-0 .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-v13-0-0 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v13-0-0 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v13-0-0 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v13-0-0 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v13-0-0 .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-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v13-0-0 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v13-0-0 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v13-0-0 .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-v13-0-0 .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-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v13-0-0 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:var(--tabs-size-icon-s);width:var(--tabs-size-icon-s)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v13-0-0 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v13-0-0 .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-v13-0-0 .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-v13-0-0 .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-v13-0-0 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v13-0-0 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v13-0-0 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v13-0-0 .arc .arc-Tabs-root{position:relative}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v13-0-0 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v13-0-0 .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-v13-0-0 .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-v13-0-0 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}
+.arc-v13-2-0 .arc .arc-TabsContent[data-state="inactive"]{display:none}.arc-v13-2-0 .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-v13-2-0 .arc .arc-TabsItem-triggerIcon{padding-right:var(--tabs-gap-m)}.arc-v13-2-0 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon,.arc-v13-2-0 .arc .arc-TabsItem-triggerIcon--active{display:none}.arc-v13-2-0 .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-v13-2-0 .arc .arc-TabsItem-trigger:hover{color:var(--tabs-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v13-2-0 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon,.arc-v13-2-0 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon{display:none}.arc-v13-2-0 .arc .arc-TabsItem-trigger:hover .arc-TabsItem-triggerIcon--active,.arc-v13-2-0 .arc .arc-TabsItem-trigger:focus-visible .arc-TabsItem-triggerIcon--active{display:block}.arc-v13-2-0 .arc .arc-TabsItem-trigger[data-state="active"]:hover{text-decoration:none}.arc-v13-2-0 .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-v13-2-0 .arc .arc-TabsItem-trigger[data-state="active"]:focus-visible{text-decoration:none}.arc-v13-2-0 .arc .arc-TabsItem-trigger[data-state="active"] .arc-TabsItem-triggerIcon--active{display:block}.arc-v13-2-0 .arc .arc-Tabs--isJustified .arc-TabsItem-trigger{flex:1}.arc-v13-2-0 .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-v13-2-0 .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-v13-2-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v13-2-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-light-bg-default);border-bottom:none}.arc-v13-2-0 .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-v13-2-0 .arc .arc-Tabs--onDarkSurface.arc-Tabs--contained .arc-TabsItem-trigger[data-state="active"]{background:var(--tabs-colors-dark-bg-subtle)}.arc-v13-2-0 .arc .arc-TabsItem-triggerIcon .arc-Icon{height:var(--tabs-size-icon-s);width:var(--tabs-size-icon-s)}.arc-v13-2-0 .arc .arc-TabsItem-trigger--onDarkSurface{border-color:var(--tabs-colors-dark-border-subtle);color:var(--tabs-colors-dark-text-default)}.arc-v13-2-0 .arc .arc-TabsItem-trigger--onDarkSurface:hover{color:var(--tabs-colors-dark-text-hover)}.arc-v13-2-0 .arc .arc-TabsItem-trigger--onDarkSurface[data-state="active"]{border-color:var(--tabs-colors-dark-border-selected);color:var(--tabs-colors-dark-text-selected)}.arc-v13-2-0 .arc .arc-TabsItem-trigger--onDarkSurface.arc-TabsItem-trigger:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:first-child:focus-visible{border-top-left-radius:var(--tabs-border-radius-s)}.arc-v13-2-0 .arc .arc-Tabs--contained .arc-TabsItem-trigger:last-child:focus-visible{border-top-right-radius:var(--tabs-border-radius-s)}.arc-v13-2-0 .arc .arc-TabsList-wrapper{position:relative}.arc-v13-2-0 .arc .arc-TabsList-overflowWrapper{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.arc-v13-2-0 .arc .arc-TabsList--leftOverflow{background:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);bottom:0;left:0;position:absolute;top:0;width:80px}.arc-v13-2-0 .arc .arc-TabsList--rightOverflow{background:linear-gradient(to left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);bottom:0;position:absolute;right:0;top:0;width:80px}.arc-v13-2-0 .arc .arc-Tabs{display:flex;overflow-x:scroll}.arc-v13-2-0 .arc .arc-Tabs::-webkit-scrollbar{display:none}.arc-v13-2-0 .arc .arc-Tabs--isJustified.arc-Tabs--contained::after{display:none}.arc-v13-2-0 .arc .arc-Tabs-root{position:relative}.arc-v13-2-0 .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-v13-2-0 .arc .arc-Tabs-overflowIcon:hover .arc-Icon{color:var(--tabs-colors-light-fg-hover)}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon:active .arc-Icon{color:var(--tabs-colors-light-fg-selected)}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:-1px}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:hover .arc-Icon{color:var(--tabs-colors-dark-fg-hover)}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:active .arc-Icon{color:var(--tabs-colors-dark-fg-selected)}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon--onDarkSurface:focus-visible{outline-color:var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-Tabs-overflowIcon--onDarkSurface::after{background:var(--tabs-colors-dark-bg-default)}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon--left{left:0}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon--hidden{display:none}.arc-v13-2-0 .arc .arc-Tabs-overflowIcon:hover{cursor:pointer}.arc-v13-2-0 .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-v13-2-0 .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-v13-2-0 .arc .arc-Tabs--contained~.arc-Tab-content[data-state="active"]{padding:var(--tabs-padding-l)}}

package/lib/Tag/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-m);width:var(--tag-size-icon-m)}.arc-v13-0-0 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m);margin-right:calc(var(--tag-padding-xs) - var(--tag-border-weight-s));padding:0;position:relative;width:var(--tag-size-icon-m)}.arc-v13-0-0 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v13-0-0 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--tag-colors-light-fg-hover);display:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v13-0-0 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tag--hasIcon .arc-Tag-label,.arc-v13-0-0 .arc .arc-Tag--isRemovable .arc-Tag-label{padding:0 var(--tag-padding-xxs)}.arc-v13-0-0 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v13-0-0 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:0}.arc-v13-0-0 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v13-0-0 .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-v13-0-0 .arc .arc-Tag--onDarkSurface .arc-Tag-content:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v13-0-0 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:var(--tag-size-icon-m);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:var(--tag-size-icon-m)}.arc-v13-0-0 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v13-0-0 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v13-0-0 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v13-0-0 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v13-0-0 .arc .arc-Tag--removed{display:none}
+.arc-v13-2-0 .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-v13-2-0 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-m);width:var(--tag-size-icon-m)}.arc-v13-2-0 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m);margin-right:calc(var(--tag-padding-xs) - var(--tag-border-weight-s));padding:0;position:relative;width:var(--tag-size-icon-m)}.arc-v13-2-0 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v13-2-0 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--tag-colors-light-fg-hover);display:none}.arc-v13-2-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v13-2-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v13-2-0 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-Tag--hasIcon .arc-Tag-label,.arc-v13-2-0 .arc .arc-Tag--isRemovable .arc-Tag-label{padding:0 var(--tag-padding-xxs)}.arc-v13-2-0 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v13-2-0 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:0}.arc-v13-2-0 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v13-2-0 .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-v13-2-0 .arc .arc-Tag--onDarkSurface .arc-Tag-content:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v13-2-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v13-2-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v13-2-0 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:var(--tag-size-icon-m);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:var(--tag-size-icon-m)}.arc-v13-2-0 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v13-2-0 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v13-2-0 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v13-2-0 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v13-2-0 .arc .arc-Tag--removed{display:none}

package/lib/TemplateBanner/TemplateBanner.cjs

@@ -1,11 +1,15 @@
 'use client';
 'use strict';
 
-var TemplateBanner = require('../_shared/cjs/TemplateBanner-DyXBKuMw.cjs');
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-DfzDwiVT.cjs');
 require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/debounce-uPMetQ6J.cjs');
+require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
 require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/arc-breakpoints-C3HREhvT.cjs');
+require('../_shared/cjs/index.es-D5DdMrn2.cjs');
 require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
 require('../_shared/cjs/Box-Va2g7Gdp.cjs');
 require('../_shared/cjs/Surface-DIU5ciDT.cjs');

package/lib/TemplateBanner/TemplateBanner.mjs

@@ -1,9 +1,13 @@
 'use client';
-export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-BPzuH5bz.mjs';
+export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-oQjgkrBQ.mjs';
 import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/debounce-D_Nx5go6.mjs';
+import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
 import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/arc-breakpoints-ANMn37k9.mjs';
+import '../_shared/esm/index.es-Du5Lyvbp.mjs';
 import '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
 import '../_shared/esm/Box-C8iK8x5c.mjs';
 import '../_shared/esm/Surface-C69KVzkY.mjs';

package/lib/TemplateBanner/styles.css

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

package/lib/Text/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v13-0-0 .arc .arc-Text--alignCenter{text-align:center}.arc-v13-0-0 .arc .arc-Text--alignLeft{text-align:left}.arc-v13-0-0 .arc .arc-Text--alignRight{text-align:right}.arc-v13-0-0 .arc .arc-Text--inline{display:inline}.arc-v13-0-0 .arc .arc-Text--measured{max-width:32em}.arc-v13-0-0 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v13-0-0 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v13-0-0 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}.arc-v13-0-0 .arc .arc-Text.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-strong)}.arc-v13-0-0 .arc .arc-Text--muted{color:var(--sem-color-text-primary-light-subtle)}.arc-v13-0-0 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-subtle)}.arc-v13-0-0 .arc .arc-Text--supporting{color:var(--sem-color-text-primary-light-supporting)}.arc-v13-0-0 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-supporting)}
+.arc-v13-2-0 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v13-2-0 .arc .arc-Text--alignCenter{text-align:center}.arc-v13-2-0 .arc .arc-Text--alignLeft{text-align:left}.arc-v13-2-0 .arc .arc-Text--alignRight{text-align:right}.arc-v13-2-0 .arc .arc-Text--inline{display:inline}.arc-v13-2-0 .arc .arc-Text--measured{max-width:32em}.arc-v13-2-0 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v13-2-0 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v13-2-0 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}.arc-v13-2-0 .arc .arc-Text.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-strong)}.arc-v13-2-0 .arc .arc-Text--muted{color:var(--sem-color-text-primary-light-subtle)}.arc-v13-2-0 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-subtle)}.arc-v13-2-0 .arc .arc-Text--supporting{color:var(--sem-color-text-primary-light-supporting)}.arc-v13-2-0 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-supporting)}

package/lib/TextArea/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v13-0-0 .arc .arc-TextArea--noResize{resize:none}.arc-v13-0-0 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v13-0-0 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v13-0-0 .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-v13-0-0 .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-v13-0-0 .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-v13-0-0 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v13-0-0 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .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-v13-2-0 .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-v13-2-0 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v13-2-0 .arc .arc-TextArea--noResize{resize:none}.arc-v13-2-0 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v13-2-0 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v13-2-0 .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-v13-2-0 .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-v13-2-0 .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-v13-2-0 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v13-2-0 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .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/TextInput.cjs

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var TextInput = require('../_shared/cjs/TextInput-C_K2PLf5.cjs');
+var TextInput = require('../_shared/cjs/TextInput-CLkhL2KT.cjs');
 require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 require('react');
 require('../_shared/cjs/index-CTlXMLug.cjs');

package/lib/TextInput/TextInput.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { I as InputIcon, T as TextInput } from '../_shared/esm/TextInput-BCvKXfM_.mjs';
+export { I as InputIcon, T as TextInput } from '../_shared/esm/TextInput-WczTCUvp.mjs';
 import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
 import 'react';
 import '../_shared/esm/index-5C0-U8cc.mjs';

package/lib/TextInput/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .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;width:100%}.arc-v13-0-0 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v13-0-0 .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: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)));overflow:hidden;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));position:relative}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper{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-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper{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-v13-0-0 .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)))}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v13-0-0 .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)))}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v13-0-0 .arc .arc-TextInput-affixes{align-items:center;background-color:var(--textinput-colors-light-bg-affixes);color:var(--textinput-colors-light-text-affixes);display:flex;font:var(--textinput-type-affixes-m);font-weight:500;height:100%;white-space:nowrap}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-affixes{font:var(--textinput-type-affixes-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-affixes{font:var(--textinput-type-affixes-l)}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v13-0-0 .arc .arc-TextInput--isDisabled .arc-TextInput-affixes{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-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-affixes);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-affixes)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput-prefix{border-right:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:calc(-1 * var(--textinput-padding-m));margin-right:4px;padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-m)}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-s));padding:0 4px 0 var(--textinput-padding-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-l)}.arc-v13-0-0 .arc .arc-TextInput-suffix{border-left:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:4px;margin-right:calc(-1 * var(--textinput-padding-m));padding:0 var(--textinput-padding-m) 0 var(--textinput-padding-s)}.arc-v13-0-0 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-s));padding:0 var(--textinput-padding-s) 0 4px}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-l) 0 var(--textinput-padding-s)}.arc-v13-0-0 .arc .arc-TextInput-leadingSlot{margin-right:4px;white-space:nowrap}.arc-v13-0-0 .arc .arc-TextInput-trailingSlot{align-items:center;display:flex;margin-left:4px;white-space:nowrap}.arc-v13-0-0 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v13-0-0 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v13-0-0 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input,.arc-v13-0-0 .arc .arc-TextInput--withClearButton .arc-TextInput-input{padding-right:0}.arc-v13-0-0 .arc .arc-TextInput-input:focus{outline:0}.arc-v13-0-0 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v13-0-0 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v13-0-0 .arc .arc-TextInput-iconSlot{padding:0}.arc-v13-0-0 .arc .arc-TextInput-inputIcon{background-color:transparent;background-origin:border-box;border:0 solid transparent;border-radius:999px;color:var(--textinput-colors-light-fg-default);cursor:pointer;display:block;margin:0;padding:4px;text-decoration:none}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-light-bg-button-hover);color:var(--sem-color-text-primary-light-default)}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-light-bg-button-pressed)}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon{color:var(--textinput-colors-dark-fg-default)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-dark-bg-button-hover);color:var(--textinput-colors-dark-fg-button-hover)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-dark-bg-button-pressed)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled{color:var(--textinput-colors-dark-fg-disabled)}.arc-v13-0-0 .arc .arc-TextInput-inputIcon--isReadOnly{cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-dark-default);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-fg-default);cursor:not-allowed}.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-input:disabled,.arc-v13-0-0 .arc .arc-TextInput-input:disabled::placeholder,.arc-v13-0-0 .arc .arc-TextInput-inputIcon--isDisabled{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-0-0 .arc .arc-TextInput-inputIcon:focus-visible{border:var(--focus-border-weight-s) solid transparent;border-color:var(--focus-colors-light-border-subtle);outline:none;padding:2px}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\: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-v13-0-0 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\: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-v13-0-0 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):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-v13-0-0 .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-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled,.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextInput-input:disabled,.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v13-0-0 .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-v13-0-0 .arc .arc-TextInput-input:-webkit-autofill, .arc-v13-0-0 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v13-0-0 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v13-0-0 .arc .arc-TextInput-input:autofill,.arc-v13-0-0 .arc .arc-TextInput-input:autofill:hover,.arc-v13-0-0 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{background-color:var(--textinput-colors-light-bg-error) !important;border-color:var(--textinput-colors-light-border-error) !important;box-shadow:0 0 0 1000px var(--textinput-colors-light-bg-error) inset !important;-webkit-text-fill-color:#000000 !important}.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v13-0-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.arc-v13-0-0 .arc .arc-TextInput-spinner{align-self:center;color:var(--sem-color-text-primary-light-default);display:flex;padding:4px}.arc-v13-0-0 .arc .arc-TextInput--sizeL .arc-TextInput-spinner{padding:6px}.arc-v13-0-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-spinner{color:inherit}
+.arc-v13-2-0 .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:var(--textinput-size-m);margin-bottom:0;padding:0;width:100%}.arc-v13-2-0 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v13-2-0 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v13-2-0 .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:var(--textinput-size-m);overflow:hidden;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));position:relative}.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper{height:var(--textinput-size-s);padding:0 calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper{height:var(--textinput-size-l);padding:0 calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--textinput-type-input-default-s);height:var(--textinput-size-s)}.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--textinput-type-input-default-l);height:var(--textinput-size-l)}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v13-2-0 .arc .arc-TextInput-affixes{align-items:center;background-color:var(--textinput-colors-light-bg-affixes);color:var(--textinput-colors-light-text-affixes);display:flex;font:var(--textinput-type-affixes-m);font-weight:500;height:100%;white-space:nowrap}.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-affixes{font:var(--textinput-type-affixes-s)}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-affixes{font:var(--textinput-type-affixes-l)}.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v13-2-0 .arc .arc-TextInput--isDisabled .arc-TextInput-affixes{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-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-affixes);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-affixes)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-2-0 .arc .arc-TextInput-prefix{border-right:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:calc(-1 * var(--textinput-padding-m));margin-right:4px;padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-m)}.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-s));padding:0 4px 0 var(--textinput-padding-s)}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-l)}.arc-v13-2-0 .arc .arc-TextInput-suffix{border-left:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:4px;margin-right:calc(-1 * var(--textinput-padding-m));padding:0 var(--textinput-padding-m) 0 var(--textinput-padding-s)}.arc-v13-2-0 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-s));padding:0 var(--textinput-padding-s) 0 4px}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-l) 0 var(--textinput-padding-s)}.arc-v13-2-0 .arc .arc-TextInput-leadingSlot{margin-right:4px;white-space:nowrap}.arc-v13-2-0 .arc .arc-TextInput-trailingSlot{align-items:center;display:flex;margin-left:4px;white-space:nowrap}.arc-v13-2-0 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v13-2-0 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v13-2-0 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input,.arc-v13-2-0 .arc .arc-TextInput--withClearButton .arc-TextInput-input{padding-right:0}.arc-v13-2-0 .arc .arc-TextInput-input:focus{outline:0}.arc-v13-2-0 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v13-2-0 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v13-2-0 .arc .arc-TextInput-iconSlot{padding:0}.arc-v13-2-0 .arc .arc-TextInput-inputIcon{background-color:transparent;background-origin:border-box;border:0 solid transparent;border-radius:999px;color:var(--textinput-colors-light-fg-default);cursor:pointer;display:block;margin:0;padding:4px;text-decoration:none}.arc-v13-2-0 .arc .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-light-bg-button-hover);color:var(--sem-color-text-primary-light-default)}.arc-v13-2-0 .arc .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-light-bg-button-pressed)}.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon{color:var(--textinput-colors-dark-fg-default)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-dark-bg-button-hover);color:var(--textinput-colors-dark-fg-button-hover)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-dark-bg-button-pressed)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled{color:var(--textinput-colors-dark-fg-disabled)}.arc-v13-2-0 .arc .arc-TextInput-inputIcon--isReadOnly{cursor:not-allowed}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-dark-default);cursor:not-allowed}.arc-v13-2-0 .arc .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-fg-default);cursor:not-allowed}.arc-v13-2-0 .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-v13-2-0 .arc .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-2-0 .arc .arc-TextInput-input:disabled,.arc-v13-2-0 .arc .arc-TextInput-input:disabled::placeholder,.arc-v13-2-0 .arc .arc-TextInput-inputIcon--isDisabled{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v13-2-0 .arc .arc-TextInput-inputIcon:focus-visible{border:var(--focus-border-weight-s) solid transparent;border-color:var(--focus-colors-light-border-subtle);outline:none;padding:2px}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v13-2-0 .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-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-2-0 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\: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-v13-2-0 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\: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-v13-2-0 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):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-v13-2-0 .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-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled,.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v13-2-0 .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-v13-2-0 .arc .arc-TextInput-input:disabled,.arc-v13-2-0 .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-v13-2-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v13-2-0 .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-v13-2-0 .arc .arc-TextInput-input:-webkit-autofill, .arc-v13-2-0 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v13-2-0 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v13-2-0 .arc .arc-TextInput-input:autofill,.arc-v13-2-0 .arc .arc-TextInput-input:autofill:hover,.arc-v13-2-0 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{background-color:var(--textinput-colors-light-bg-error) !important;border-color:var(--textinput-colors-light-border-error) !important;box-shadow:0 0 0 1000px var(--textinput-colors-light-bg-error) inset !important;-webkit-text-fill-color:#000000 !important}.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v13-2-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.arc-v13-2-0 .arc .arc-TextInput-spinner{align-self:center;color:var(--sem-color-text-primary-light-default);display:flex;padding:4px}.arc-v13-2-0 .arc .arc-TextInput--sizeL .arc-TextInput-spinner{padding:6px}.arc-v13-2-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-spinner{color:inherit}

package/lib/Theme/Theme.cjs

@@ -9,7 +9,7 @@ var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "13.0.0",
+  version: "13.2.0",
   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

@@ -7,7 +7,7 @@ import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
 var package_default = {
   name: "@arc-ui/helpers",
   private: true,
-  version: "13.0.0",
+  version: "13.2.0",
   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-v13-0-0 .arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%;-webkit-tap-highlight-color:transparent}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc-v13-0-0 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v13-0-0 .arc *{box-sizing:border-box}.arc-v13-0-0 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v13-0-0 .arc a:focus,.arc-v13-0-0 .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-v13-0-0 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v13-0-0 .arc a:focus:not(:focus-visible){outline:0}@media (hover:hover){.arc-v13-0-0 .arc a:hover{color:var(--textlink-colors-light-text-hover)}}
+.arc-v13-2-0 .arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%;-webkit-tap-highlight-color:transparent}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc-v13-2-0 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v13-2-0 .arc *{box-sizing:border-box}.arc-v13-2-0 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v13-2-0 .arc a:focus,.arc-v13-2-0 .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-v13-2-0 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v13-2-0 .arc a:focus:not(:focus-visible){outline:0}@media (hover:hover){.arc-v13-2-0 .arc a:hover{color:var(--textlink-colors-light-text-hover)}}

package/lib/ThemeIcon/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc-v13-0-0 .arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc-v13-0-0 .arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc-v13-0-0 .arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc-v13-0-0 .arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc-v13-0-0 .arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc-v13-0-0 .arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc-v13-0-0 .arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc-v13-0-0 .arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc-v13-0-0 .arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc-v13-0-0 .arc .arc-ThemeIcon--calendarLeft{-webkit-mask-image:var(--comp-calendar-left);mask-image:var(--comp-calendar-left)}.arc-v13-0-0 .arc .arc-ThemeIcon--calendarRight{-webkit-mask-image:var(--comp-calendar-right);mask-image:var(--comp-calendar-right)}.arc-v13-0-0 .arc .arc-ThemeIcon--cardRight{-webkit-mask-image:var(--comp-card-right);mask-image:var(--comp-card-right)}.arc-v13-0-0 .arc .arc-ThemeIcon--cardPlay{-webkit-mask-image:var(--comp-card-play);mask-image:var(--comp-card-play)}.arc-v13-0-0 .arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc-v13-0-0 .arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc-v13-0-0 .arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc-v13-0-0 .arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc-v13-0-0 .arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc-v13-0-0 .arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc-v13-0-0 .arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc-v13-0-0 .arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc-v13-0-0 .arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc-v13-0-0 .arc .arc-ThemeIcon--drawerClose{-webkit-mask-image:var(--comp-drawer-close);mask-image:var(--comp-drawer-close)}.arc-v13-0-0 .arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc-v13-0-0 .arc .arc-ThemeIcon--linkExternal{-webkit-mask-image:var(--comp-link-external);mask-image:var(--comp-link-external)}.arc-v13-0-0 .arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc-v13-0-0 .arc .arc-ThemeIcon--navigationHeaderClose{-webkit-mask-image:var(--comp-navigation-header-close);mask-image:var(--comp-navigation-header-close)}.arc-v13-0-0 .arc .arc-ThemeIcon--navigationHeaderDisclosure{-webkit-mask-image:var(--comp-navigation-header-disclosure);mask-image:var(--comp-navigation-header-disclosure)}.arc-v13-0-0 .arc .arc-ThemeIcon--navigationHeaderMenuLinkSmall{-webkit-mask-image:var(--comp-navigation-header-menu-link-small);mask-image:var(--comp-navigation-header-menu-link-small)}.arc-v13-0-0 .arc .arc-ThemeIcon--navigationHeaderMenuLinkLarge{-webkit-mask-image:var(--comp-navigation-header-menu-link-large);mask-image:var(--comp-navigation-header-menu-link-large)}.arc-v13-0-0 .arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc-v13-0-0 .arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc-v13-0-0 .arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc-v13-0-0 .arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc-v13-0-0 .arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc-v13-0-0 .arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc-v13-0-0 .arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc-v13-0-0 .arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc-v13-0-0 .arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc-v13-0-0 .arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteHeaderBurger{-webkit-mask-image:var(--comp-site-header-burger);mask-image:var(--comp-site-header-burger)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc-v13-0-0 .arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc-v13-0-0 .arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc-v13-0-0 .arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc-v13-0-0 .arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc-v13-0-0 .arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc-v13-0-0 .arc .arc-ThemeIcon--textInputShowPassword{-webkit-mask-image:var(--comp-text-input-show-password);mask-image:var(--comp-text-input-show-password)}.arc-v13-0-0 .arc .arc-ThemeIcon--textInputHidePassword{-webkit-mask-image:var(--comp-text-input-hide-password);mask-image:var(--comp-text-input-hide-password)}.arc-v13-0-0 .arc .arc-ThemeIcon--textInputClear{-webkit-mask-image:var(--comp-text-input-clear);mask-image:var(--comp-text-input-clear)}.arc-v13-0-0 .arc .arc-ThemeIcon--tagRemove{-webkit-mask-image:var(--comp-tag-remove);mask-image:var(--comp-tag-remove)}.arc-v13-0-0 .arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc-v13-0-0 .arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc-v13-0-0 .arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc-v13-0-0 .arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc-v13-0-0 .arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc-v13-0-0 .arc .arc-ThemeIcon--videoPlayerPlay{-webkit-mask-image:var(--comp-video-player-play);mask-image:var(--comp-video-player-play)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc-v13-0-0 .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-v13-2-0 .arc .arc-ThemeIcon--alertDismiss{-webkit-mask-image:var(--comp-alert-dismiss);mask-image:var(--comp-alert-dismiss)}.arc-v13-2-0 .arc .arc-ThemeIcon--alertError{-webkit-mask-image:var(--comp-alert-error);mask-image:var(--comp-alert-error)}.arc-v13-2-0 .arc .arc-ThemeIcon--alertGeneral{-webkit-mask-image:var(--comp-alert-general);mask-image:var(--comp-alert-general)}.arc-v13-2-0 .arc .arc-ThemeIcon--alertSuccess{-webkit-mask-image:var(--comp-alert-success);mask-image:var(--comp-alert-success)}.arc-v13-2-0 .arc .arc-ThemeIcon--alertWarning{-webkit-mask-image:var(--comp-alert-warning);mask-image:var(--comp-alert-warning)}.arc-v13-2-0 .arc .arc-ThemeIcon--avatarUser{-webkit-mask-image:var(--comp-avatar-user);mask-image:var(--comp-avatar-user)}.arc-v13-2-0 .arc .arc-ThemeIcon--breadcrumbLeft{-webkit-mask-image:var(--comp-breadcrumb-left);mask-image:var(--comp-breadcrumb-left)}.arc-v13-2-0 .arc .arc-ThemeIcon--breadcrumbRight{-webkit-mask-image:var(--comp-breadcrumb-right);mask-image:var(--comp-breadcrumb-right)}.arc-v13-2-0 .arc .arc-ThemeIcon--buttonLeft{-webkit-mask-image:var(--comp-button-left);mask-image:var(--comp-button-left)}.arc-v13-2-0 .arc .arc-ThemeIcon--buttonRight{-webkit-mask-image:var(--comp-button-right);mask-image:var(--comp-button-right)}.arc-v13-2-0 .arc .arc-ThemeIcon--calendarLeft{-webkit-mask-image:var(--comp-calendar-left);mask-image:var(--comp-calendar-left)}.arc-v13-2-0 .arc .arc-ThemeIcon--calendarRight{-webkit-mask-image:var(--comp-calendar-right);mask-image:var(--comp-calendar-right)}.arc-v13-2-0 .arc .arc-ThemeIcon--cardRight{-webkit-mask-image:var(--comp-card-right);mask-image:var(--comp-card-right)}.arc-v13-2-0 .arc .arc-ThemeIcon--cardPlay{-webkit-mask-image:var(--comp-card-play);mask-image:var(--comp-card-play)}.arc-v13-2-0 .arc .arc-ThemeIcon--carouselLeft{-webkit-mask-image:var(--comp-carousel-left);mask-image:var(--comp-carousel-left)}.arc-v13-2-0 .arc .arc-ThemeIcon--carouselRight{-webkit-mask-image:var(--comp-carousel-right);mask-image:var(--comp-carousel-right)}.arc-v13-2-0 .arc .arc-ThemeIcon--checkboxChecked{-webkit-mask-image:var(--comp-checkbox-checked);mask-image:var(--comp-checkbox-checked)}.arc-v13-2-0 .arc .arc-ThemeIcon--checkboxError{-webkit-mask-image:var(--comp-checkbox-error);mask-image:var(--comp-checkbox-error)}.arc-v13-2-0 .arc .arc-ThemeIcon--comboboxTagRemove{-webkit-mask-image:var(--comp-combobox-tag-remove);mask-image:var(--comp-combobox-tag-remove)}.arc-v13-2-0 .arc .arc-ThemeIcon--comboboxAutoComplete{-webkit-mask-image:var(--comp-combobox-auto-complete);mask-image:var(--comp-combobox-auto-complete)}.arc-v13-2-0 .arc .arc-ThemeIcon--comboboxSelected{-webkit-mask-image:var(--comp-combobox-selected);mask-image:var(--comp-combobox-selected)}.arc-v13-2-0 .arc .arc-ThemeIcon--comboboxNoResults{-webkit-mask-image:var(--comp-combobox-no-results);mask-image:var(--comp-combobox-no-results)}.arc-v13-2-0 .arc .arc-ThemeIcon--comboboxClear{-webkit-mask-image:var(--comp-combobox-clear);mask-image:var(--comp-combobox-clear)}.arc-v13-2-0 .arc .arc-ThemeIcon--datePickerCalendar{-webkit-mask-image:var(--comp-date-picker-calendar);mask-image:var(--comp-date-picker-calendar)}.arc-v13-2-0 .arc .arc-ThemeIcon--disclosureExpand{-webkit-mask-image:var(--comp-disclosure-expand);mask-image:var(--comp-disclosure-expand)}.arc-v13-2-0 .arc .arc-ThemeIcon--disclosureMiniExpand{-webkit-mask-image:var(--comp-disclosure-mini-expand);mask-image:var(--comp-disclosure-mini-expand)}.arc-v13-2-0 .arc .arc-ThemeIcon--downloadFile{-webkit-mask-image:var(--comp-download-file);mask-image:var(--comp-download-file)}.arc-v13-2-0 .arc .arc-ThemeIcon--downloadAccessibility{-webkit-mask-image:var(--comp-download-accessibility);mask-image:var(--comp-download-accessibility)}.arc-v13-2-0 .arc .arc-ThemeIcon--drawerClose{-webkit-mask-image:var(--comp-drawer-close);mask-image:var(--comp-drawer-close)}.arc-v13-2-0 .arc .arc-ThemeIcon--formControlAlert{-webkit-mask-image:var(--comp-form-control-alert);mask-image:var(--comp-form-control-alert)}.arc-v13-2-0 .arc .arc-ThemeIcon--linkExternal{-webkit-mask-image:var(--comp-link-external);mask-image:var(--comp-link-external)}.arc-v13-2-0 .arc .arc-ThemeIcon--modalClose{-webkit-mask-image:var(--comp-modal-close);mask-image:var(--comp-modal-close)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderSideMenuBack{-webkit-mask-image:var(--comp-navigation-header-burger-menu-back);mask-image:var(--comp-navigation-header-burger-menu-back)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderClose{-webkit-mask-image:var(--comp-navigation-header-close);mask-image:var(--comp-navigation-header-close)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderDisclosure{-webkit-mask-image:var(--comp-navigation-header-disclosure);mask-image:var(--comp-navigation-header-disclosure)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderArrowRight{-webkit-mask-image:var(--comp-navigation-header-arrow-right);mask-image:var(--comp-navigation-header-arrow-right)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderMenuLinkSmall{-webkit-mask-image:var(--comp-navigation-header-menu-link-small);mask-image:var(--comp-navigation-header-menu-link-small)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderMenuLinkLarge{-webkit-mask-image:var(--comp-navigation-header-menu-link-large);mask-image:var(--comp-navigation-header-menu-link-large)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderSearch{-webkit-mask-image:var(--comp-navigation-header-search);mask-image:var(--comp-navigation-header-search)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderBasket{-webkit-mask-image:var(--comp-navigation-header-basket);mask-image:var(--comp-navigation-header-basket)}.arc-v13-2-0 .arc .arc-ThemeIcon--navigationHeaderUser{-webkit-mask-image:var(--comp-navigation-header-user);mask-image:var(--comp-navigation-header-user)}.arc-v13-2-0 .arc .arc-ThemeIcon--paginationPrevious{-webkit-mask-image:var(--comp-pagination-previous);mask-image:var(--comp-pagination-previous)}.arc-v13-2-0 .arc .arc-ThemeIcon--paginationNext{-webkit-mask-image:var(--comp-pagination-next);mask-image:var(--comp-pagination-next)}.arc-v13-2-0 .arc .arc-ThemeIcon--paginationSimplePrevious{-webkit-mask-image:var(--comp-pagination-simple-previous);mask-image:var(--comp-pagination-simple-previous)}.arc-v13-2-0 .arc .arc-ThemeIcon--paginationSimpleNext{-webkit-mask-image:var(--comp-pagination-simple-next);mask-image:var(--comp-pagination-simple-next)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressBarSuccess{-webkit-mask-image:var(--comp-progress-bar-success);mask-image:var(--comp-progress-bar-success)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressBarError{-webkit-mask-image:var(--comp-progress-bar-error);mask-image:var(--comp-progress-bar-error)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressBarRefresh{-webkit-mask-image:var(--comp-progress-bar-refresh);mask-image:var(--comp-progress-bar-refresh)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressStepperComplete{-webkit-mask-image:var(--comp-progress-stepper-complete);mask-image:var(--comp-progress-stepper-complete)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressStepperCurrent{-webkit-mask-image:var(--comp-progress-stepper-current);mask-image:var(--comp-progress-stepper-current)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressStepperWarning{-webkit-mask-image:var(--comp-progress-stepper-warning);mask-image:var(--comp-progress-stepper-warning)}.arc-v13-2-0 .arc .arc-ThemeIcon--progressStepperError{-webkit-mask-image:var(--comp-progress-stepper-error);mask-image:var(--comp-progress-stepper-error)}.arc-v13-2-0 .arc .arc-ThemeIcon--scrollToTop{-webkit-mask-image:var(--comp-scroll-to-top);mask-image:var(--comp-scroll-to-top)}.arc-v13-2-0 .arc .arc-ThemeIcon--selectTrigger{-webkit-mask-image:var(--comp-select-trigger);mask-image:var(--comp-select-trigger)}.arc-v13-2-0 .arc .arc-ThemeIcon--selectScrollUp{-webkit-mask-image:var(--comp-select-scroll-up);mask-image:var(--comp-select-scroll-up)}.arc-v13-2-0 .arc .arc-ThemeIcon--selectScrollDown{-webkit-mask-image:var(--comp-select-scroll-down);mask-image:var(--comp-select-scroll-down)}.arc-v13-2-0 .arc .arc-ThemeIcon--selectIndicator{-webkit-mask-image:var(--comp-select-indicator);mask-image:var(--comp-select-indicator)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteFooterExpand{-webkit-mask-image:var(--comp-site-footer-expand);mask-image:var(--comp-site-footer-expand)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteHeaderBack{-webkit-mask-image:var(--comp-site-header-back);mask-image:var(--comp-site-header-back)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteHeaderBurger{-webkit-mask-image:var(--comp-site-header-burger);mask-image:var(--comp-site-header-burger)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteHeaderLink{-webkit-mask-image:var(--comp-site-header-link);mask-image:var(--comp-site-header-link)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteHeaderItemGroupExpand{-webkit-mask-image:var(--comp-site-header-item-group-expand);mask-image:var(--comp-site-header-item-group-expand)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteHeaderNavItemExpand{-webkit-mask-image:var(--comp-site-header-nav-item-expand);mask-image:var(--comp-site-header-nav-item-expand)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-ThemeIcon--siteHeaderViewAll{-webkit-mask-image:var(--comp-site-header-view-all);mask-image:var(--comp-site-header-view-all)}.arc-v13-2-0 .arc .arc-ThemeIcon--siteHeaderSubNavOpen{-webkit-mask-image:var(--comp-site-header-sub-nav-open);mask-image:var(--comp-site-header-sub-nav-open)}.arc-v13-2-0 .arc .arc-ThemeIcon--switchToggle{-webkit-mask-image:var(--comp-site-switch-toggle);mask-image:var(--comp-site-switch-toggle)}.arc-v13-2-0 .arc .arc-ThemeIcon--tabsNext{-webkit-mask-image:var(--comp-tabs-next);mask-image:var(--comp-tabs-next)}.arc-v13-2-0 .arc .arc-ThemeIcon--tabsPrevious{-webkit-mask-image:var(--comp-tabs-previous);mask-image:var(--comp-tabs-previous)}.arc-v13-2-0 .arc .arc-ThemeIcon--toastGeneral{-webkit-mask-image:var(--comp-toast-general);mask-image:var(--comp-toast-general)}.arc-v13-2-0 .arc .arc-ThemeIcon--textInputShowPassword{-webkit-mask-image:var(--comp-text-input-show-password);mask-image:var(--comp-text-input-show-password)}.arc-v13-2-0 .arc .arc-ThemeIcon--textInputHidePassword{-webkit-mask-image:var(--comp-text-input-hide-password);mask-image:var(--comp-text-input-hide-password)}.arc-v13-2-0 .arc .arc-ThemeIcon--textInputClear{-webkit-mask-image:var(--comp-text-input-clear);mask-image:var(--comp-text-input-clear)}.arc-v13-2-0 .arc .arc-ThemeIcon--tagRemove{-webkit-mask-image:var(--comp-tag-remove);mask-image:var(--comp-tag-remove)}.arc-v13-2-0 .arc .arc-ThemeIcon--toastSuccess{-webkit-mask-image:var(--comp-toast-success);mask-image:var(--comp-toast-success)}.arc-v13-2-0 .arc .arc-ThemeIcon--toastWarning{-webkit-mask-image:var(--comp-toast-warning);mask-image:var(--comp-toast-warning)}.arc-v13-2-0 .arc .arc-ThemeIcon--toastError{-webkit-mask-image:var(--comp-toast-error);mask-image:var(--comp-toast-error)}.arc-v13-2-0 .arc .arc-ThemeIcon--toastDismiss{-webkit-mask-image:var(--comp-toast-dismiss);mask-image:var(--comp-toast-dismiss)}.arc-v13-2-0 .arc .arc-ThemeIcon--videoPlayerTranscript{-webkit-mask-image:var(--comp-video-player-transcript);mask-image:var(--comp-video-player-transcript)}.arc-v13-2-0 .arc .arc-ThemeIcon--videoPlayerPlay{-webkit-mask-image:var(--comp-video-player-play);mask-image:var(--comp-video-player-play)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-ThemeIcon--colorBrand{background-color:var(--sem-color-fg-primary-light-default);color:var(--sem-color-fg-primary-light-default)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-ThemeIcon--colorStatusRed{background-color:var(--sem-color-status-fg-light-error);color:var(--sem-color-status-fg-light-error)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-ThemeIcon--colorStatusAmber{background-color:var(--sem-color-status-fg-light-warning);color:var(--sem-color-status-fg-light-warning)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-ThemeIcon--colorStatusGreen{background-color:var(--sem-color-status-fg-light-success);color:var(--sem-color-status-fg-light-success)}.arc-v13-2-0 .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-v13-0-0 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v13-0-0 .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-v13-0-0 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v13-0-0 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v13-0-0 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}.arc-v13-0-0 .arc .arc-ThumbnailSignpost-heading{font:var(--sem-type-mobile-semi-s)}}@media (min-width:768px){.arc-v13-0-0 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}
+.arc-v13-2-0 .arc .arc-ThumbnailSignpost{display:flex;flex-direction:row;gap:var(--thumbnail-signpost-gap)}.arc-v13-2-0 .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-v13-2-0 .arc .arc-ThumbnailSignpost-image{flex-shrink:0;width:var(--thumbnail-signpost-width-xxs)}.arc-v13-2-0 .arc .arc-ThumbnailSignpost-image img{border-radius:var(--thumbnail-signpost-border-radius-s)}@media (min-width:636px){.arc-v13-2-0 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-xs)}.arc-v13-2-0 .arc .arc-ThumbnailSignpost-heading{font:var(--sem-type-mobile-semi-s)}}@media (min-width:768px){.arc-v13-2-0 .arc .arc-ThumbnailSignpost-image{width:var(--thumbnail-signpost-width-s)}}

package/lib/Toast/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v13-0-0 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v13-0-0 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v13-0-0 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v13-0-0 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v13-0-0 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v13-0-0 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v13-0-0 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Toast-dismiss,.arc-v13-0-0 .arc .arc-Toast-link{color:currentColor}.arc-v13-0-0 .arc .arc-Toast-dismiss:hover,.arc-v13-0-0 .arc .arc-Toast-link:hover{color:currentColor}.arc-v13-0-0 .arc .arc-Toast-dismiss:focus-visible,.arc-v13-0-0 .arc .arc-Toast-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-dismiss:focus-visible,.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-link:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-alt)}.arc-v13-0-0 .arc .arc-Toast--onDarkSurface .arc-Toast-root:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v13-0-0 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v13-0-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v13-0-0 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v13-0-0 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v13-0-0 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v13-0-0 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v13-0-0 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v13-0-0 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
+.arc-v13-2-0 .arc .arc-Toast{align-items:center;border-radius:var(--toast-border-radius-s);display:flex;padding:var(--toast-padding-s)}.arc-v13-2-0 .arc .arc-Toast-viewport{bottom:var(--vertical-space-size-40);left:var(--vertical-space-size-20);list-style:none;margin:0;padding:0;position:fixed;width:calc(100% - var(--vertical-space-size-40));z-index:999}.arc-v13-2-0 .arc .arc-Toast-root:nth-of-type(n+1){margin-top:var(--vertical-space-size-12)}.arc-v13-2-0 .arc .arc-Toast-icon{flex:0 0 auto}.arc-v13-2-0 .arc .arc-Toast-title{flex:1 1 auto;margin-left:var(--toast-gap-s)}.arc-v13-2-0 .arc .arc-Toast-dismiss{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;margin-left:auto;padding:0;position:relative}.arc-v13-2-0 .arc .arc-Toast-link{margin:0 var(--toast-gap-s)}.arc-v13-2-0 .arc .arc-Toast-root:focus-visible{border-radius:var(--toast-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-2-0 .arc .arc-Toast-dismiss,.arc-v13-2-0 .arc .arc-Toast-link{color:currentColor}.arc-v13-2-0 .arc .arc-Toast-dismiss:hover,.arc-v13-2-0 .arc .arc-Toast-link:hover{color:currentColor}.arc-v13-2-0 .arc .arc-Toast-dismiss:focus-visible,.arc-v13-2-0 .arc .arc-Toast-link:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-dismiss:focus-visible,.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-link:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-alt)}.arc-v13-2-0 .arc .arc-Toast--onDarkSurface .arc-Toast-root:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast{background:var(--toast-colors-status-light-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-light-text-default-alt)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast{background:var(--toast-colors-status-dark-bg-default);box-shadow:var(--toast-box-shadow-01);color:var(--toast-colors-status-dark-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-default);color:var(--toast-colors-status-light-text-default-alt)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--error{background:var(--toast-colors-status-light-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-error);color:var(--toast-colors-status-light-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--warning{background:var(--toast-colors-status-light-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-warning);color:var(--toast-colors-status-light-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--success{background:var(--toast-colors-status-light-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-light-border-success);color:var(--toast-colors-status-light-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-light-fg-error)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-light-fg-warning)}.arc-v13-2-0 .arc .arc-Toast-pathway--default .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-light-fg-success)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general{border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-default);color:var(--toast-colors-status-dark-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error{background:var(--toast-colors-status-dark-bg-error);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-error);color:var(--toast-colors-status-dark-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning{background:var(--toast-colors-status-dark-bg-warning);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-warning);color:var(--toast-colors-status-dark-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success{background:var(--toast-colors-status-dark-bg-success);border:var(--toast-border-weight-s) solid var(--toast-colors-status-dark-border-success);color:var(--toast-colors-status-dark-text-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--general .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-default)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--error .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-error)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--warning .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-warning)}.arc-v13-2-0 .arc .arc-Toast-pathway--alternative .arc-Toast-status--success .arc-Toast-icon{color:var(--toast-colors-status-dark-fg-success)}.arc-v13-2-0 .arc .arc-Toast-root[data-state="open"]{animation:slide-in 150ms cubic-bezier(0.16,1,0.3,1)}.arc-v13-2-0 .arc .arc-Toast-root[data-state="closed"]{animation:hide 100ms ease-in}.arc-v13-2-0 .arc .arc-Toast-root[data-swipe="move"]{transform:translateX(var(--radix-toast-swipe-move-x))}.arc-v13-2-0 .arc .arc-Toast-root[data-swipe="cancel"]{transform:translateX(0);transition:transform 200ms ease-out}.arc-v13-2-0 .arc .arc-Toast-root[data-swipe="end"]{animation:slide-right 100ms ease-out}@media (min-width:404px){.arc-v13-2-0 .arc .arc-Toast-viewport{--arc-toast-viewport-width:384px;left:calc(50% - (var(--arc-toast-viewport-width)/2));max-width:var(--arc-toast-viewport-width);width:100%}}@keyframes hide{from{opacity:1}to{opacity:0}}@keyframes slide-right{from{opacity:1;transform:translateX(var(--radix-toast-swipe-end-x))}to{opacity:0;transform:translateX(calc(var(--radix-toast-swipe-end-x) + 100%))}}@keyframes slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}

package/lib/Tooltip/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v13-0-0 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v13-0-0 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px}.arc-v13-0-0 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-0-0 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}
+.arc-v13-2-0 .arc .arc-Tooltip-arrow{background:#434343;border-bottom:1px solid #2a2a2a;border-bottom-right-radius:1px;border-right:1px solid #2a2a2a;fill:none;height:10px;position:relative;transform:translate(0,-52%) rotate(45deg);width:10px}.arc-v13-2-0 .arc .arc-Tooltip-trigger{all:unset;cursor:pointer}.arc-v13-2-0 .arc .arc-Tooltip-content{background:#434343;border:1px solid #2a2a2a;border-radius:5px;box-shadow:var(--elevation-02);padding:4px 8px}.arc-v13-2-0 .arc .arc-Tooltip-trigger:focus{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid transparent;outline-offset:2px}.arc-v13-2-0 .arc .arc-Tooltip-trigger:focus-visible{outline-color:var(--focus-colors-light-border-subtle)}

package/lib/Truncate/styles.css

@@ -1 +1 @@
-.arc-v13-0-0 .arc .arc-Truncate>*,.arc-v13-0-0 .arc .arc-Truncate{display:inherit;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;vertical-align:initial;white-space:nowrap}
+.arc-v13-2-0 .arc .arc-Truncate>*,.arc-v13-2-0 .arc .arc-Truncate{display:inherit;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;vertical-align:initial;white-space:nowrap}

package/lib/TypographyCard/TypographyCard.cjs

@@ -5,36 +5,60 @@ var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-CTlXMLug.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var Text = require('../_shared/cjs/Text-jwsn80lQ.cjs');
 var Heading = require('../_shared/cjs/Heading-BYBmZkmS.cjs');
 var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
 var CardHeading = require('../_shared/cjs/CardHeading-C84m67_F.cjs');
 var CardFooter = require('../_shared/cjs/CardFooter-PoifazZ1.cjs');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
-require('../_shared/cjs/index-DR8Rkav9.cjs');
+var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-Cl6kgjCL.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/SemanticHeading-C1-fyc3V.cjs');
 require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
 require('../_shared/cjs/index-BLRjGROQ.cjs');
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
 var TypographyCard = function (_a) {
-    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, _g = _a.labelLevel, labelLevel = _g === void 0 ? "3" : _g, _h = _a.headingWordWrap, headingWordWrap = _h === void 0 ? false : _h, props = tslib_es6.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel", "labelLevel", "headingWordWrap"]);
+    var url = _a.url, onClick = _a.onClick, heading = _a.heading, metaText = _a.metaText, label = _a.label, text = _a.text, minHeight = _a.minHeight, _b = _a.headingSize, headingSize = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.pathway, pathway = _d === void 0 ? "light" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, _f = _a.headingLevel, headingLevel = _f === void 0 ? "2" : _f, _g = _a.labelLevel, labelLevel = _g === void 0 ? "3" : _g, _h = _a.headingWordWrap, headingWordWrap = _h === void 0 ? false : _h, preserveAspectRatios = _a.preserveAspectRatios, props = tslib_es6.__rest(_a, ["url", "onClick", "heading", "metaText", "label", "text", "minHeight", "headingSize", "linkData", "pathway", "buttonIcon", "headingLevel", "labelLevel", "headingWordWrap", "preserveAspectRatios"]);
     var surface = React.useContext(Surface.Context).surface;
     var _j = React.useState(false), showHoverState = _j[0], setShowHoverState = _j[1];
     var handleShowHoverState = function (show) { return function () { return setShowHoverState(show); }; };
     var isDarkPathway = pathway === "dark";
-    return (React.createElement("div", tslib_es6.__assign({ style: { minHeight: minHeight }, className: index.classNames("arc-TypographyCard", {
-            "arc-TypographyCard--outlined": showHoverState,
-            "arc-TypographyCard--darkPathway": isDarkPathway,
-            "arc-TypographyCard--lightPathway": !isDarkPathway,
-            "arc-TypographyCard--onDarkSurface": surface === "dark",
-        }) }, filterAttrs.filterAttrs(props)),
-        React.createElement("div", { className: "arc-TypographyCard-contentContainer" },
-            label && (React.createElement("div", { className: "arc-TypographyCard-label" },
-                React.createElement(Heading.Heading, { level: labelLevel, fontStyle: "overline" }, label),
-                React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))),
-            React.createElement(CardHeading.CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap })),
-        React.createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState })));
+    var CardText = function (_a) {
+        var text = _a.text;
+        var paragraphs = text.split(/\\n|\n/).filter(function (p) { return p.trim(); });
+        return paragraphs.map(function (paragraph, index) { return (React.createElement("div", { key: "informationcard-text-".concat(index) },
+            index > 0 && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+            React.createElement(Text.Text, null, paragraph))); });
+    };
+    var aspectRatioClassNames = preserveAspectRatios
+        ? Object.entries(preserveAspectRatios)
+            .filter(function (_a) {
+            var value = _a[1];
+            return value;
+        })
+            .map(function (_a) {
+            var breakpoint = _a[0], ratio = _a[1];
+            return "arc-TypographyCard--preserveAspectRatio-".concat(breakpoint, "-").concat(ratio);
+        })
+        : [];
+    return (React.createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(preserveAspectRatios), wrapper: function (children) { return (React.createElement("div", { className: "arc-TypographyCard--preserveAspectRatioWrapper" }, children)); } },
+        React.createElement("div", tslib_es6.__assign({ style: { minHeight: minHeight }, className: index.classNames.apply(void 0, tslib_es6.__spreadArray(tslib_es6.__spreadArray(["arc-TypographyCard"], aspectRatioClassNames, false), [{
+                    "arc-TypographyCard--outlined": showHoverState,
+                    "arc-TypographyCard--darkPathway": isDarkPathway,
+                    "arc-TypographyCard--lightPathway": !isDarkPathway,
+                    "arc-TypographyCard--onDarkSurface": surface === "dark",
+                }], false)) }, filterAttrs.filterAttrs(props)),
+            React.createElement("div", { className: "arc-TypographyCard-contentContainer" },
+                label && (React.createElement("div", { className: "arc-TypographyCard-label" },
+                    React.createElement(Heading.Heading, { level: labelLevel, fontStyle: "overline" }, label),
+                    React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))),
+                React.createElement(CardHeading.CardHeading, { size: headingSize, linkData: linkData, heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false), headingWordWrap: headingWordWrap }),
+                text && (React.createElement(React.Fragment, null,
+                    React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
+                    React.createElement(CardText, { text: text })))),
+            React.createElement(CardFooter.CardFooter, { showButton: true, isDarkPathway: isDarkPathway, buttonIcon: buttonIcon, metaText: metaText, isHovered: showHoverState }))));
 };
 
 exports.TypographyCard = TypographyCard;