@arc-ui/components 12.0.0-beta.6 → 12.0.0-beta.9

package/dist/PaginationSimple/PaginationSimple.esm.js

@@ -1,33 +1,102 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-3b4ff2ab.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default from 'react';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
-import '../_shared/esm/Surface-c425e5e6.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-0b755b19.js';
+import { I as Icon } from '../_shared/esm/Icon-e85f55ee.js';
+import '../_shared/esm/Surface-b782cda9.js';
 
+const BtIconFirstMid = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M4.675 4.00537C5.04779 4.00537 5.35 4.30758 5.35 4.68037V11.3204C5.35 11.6932 5.04779 11.9954 4.675 11.9954C4.30221 11.9954 4 11.6932 4 11.3204V4.68037C4 4.30758 4.30221 4.00537 4.675 4.00537Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.97265 8.0002L10.8213 10.8522C10.9473 10.9785 11.0181 11.1495 11.0181 11.3279C11.0181 11.5063 10.9473 11.6773 10.8213 11.8036C10.759 11.866 10.6851 11.9155 10.6036 11.9493C10.5222 11.983 10.4349 12.0004 10.3467 12.0004C10.2585 12.0004 10.1712 11.983 10.0897 11.9493C10.0083 11.9155 9.93428 11.866 9.87199 11.8036L6.54799 8.47553C6.42219 8.34932 6.35156 8.17839 6.35156 8.0002C6.35156 7.822 6.42219 7.65107 6.54799 7.52486L9.87199 4.19686C9.93428 4.13446 10.0083 4.08495 10.0897 4.05117C10.1712 4.01738 10.2585 4 10.3467 4C10.4348 4 10.5222 4.01738 10.6036 4.05117C10.6851 4.08495 10.759 4.13446 10.8213 4.19686C10.9473 4.3231 11.0181 4.49417 11.0181 4.67253C11.0181 4.85089 10.9473 5.02196 10.8213 5.1482L7.97265 8.0002Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconLastMid = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10.3406 11.9951C9.96783 11.9951 9.66562 11.6929 9.66562 11.3201V4.68012C9.66562 4.30732 9.96783 4.00512 10.3406 4.00512C10.7134 4.00512 11.0156 4.30732 11.0156 4.68012L11.0156 11.3201C11.0156 11.6929 10.7134 11.9951 10.3406 11.9951Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.04297 8.00029L4.19434 5.14832C4.06834 5.02202 3.99754 4.85102 3.99754 4.67262C3.99754 4.49422 4.06834 4.32322 4.19434 4.19692C4.25664 4.13452 4.33054 4.08502 4.41204 4.05122C4.49344 4.01752 4.58074 4.00012 4.66897 4.00012C4.75714 4.00012 4.84445 4.01752 4.9259 4.05122C5.00735 4.08502 5.08134 4.13452 5.14363 4.19692L8.46763 7.52496C8.59343 7.65117 8.66406 7.8221 8.66406 8.00029C8.66406 8.17849 8.59343 8.34942 8.46763 8.47563L5.14363 11.8036C5.08134 11.866 5.00735 11.9155 4.9259 11.9493C4.84445 11.9831 4.75714 12.0005 4.66897 12.0005C4.58084 12.0005 4.49344 11.9831 4.41204 11.9493C4.33054 11.9155 4.25664 11.866 4.19434 11.8036C4.06834 11.6774 3.99754 11.5063 3.99754 11.328C3.99754 11.1496 4.06834 10.9785 4.19434 10.8523L7.04297 8.00029Z",
+      fill: "currentColor",
+    }),
+  );
+
+/**
+ * TODO! Revise method of aligning svg's
+ */
 /**
  * Use `PaginationSimple` to navigate through multiple pages of content.
  */
 var PaginationSimple = function (_a) {
-    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = __rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
+    var hide = _a.hide, hrefs = _a.hrefs, onPageChange = _a.onPageChange, isFluid = _a.isFluid, showEllipsis = _a.showEllipsis, props = __rest(_a, ["hide", "hrefs", "onPageChange", "isFluid", "showEllipsis"]);
     return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
             "arc-PaginationSimple--fluid": isFluid,
             "arc-PaginationSimple--centered": !isFluid
         }) }, filterDataAttrs(props)),
         React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
             React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
-                React__default.createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
-                        "arc-PaginationSimple-navigationButton--hidden": hidePrev
-                    }), onClick: onPrevPage },
-                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.first, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.first) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.first
+                    }), onClick: function (e) { return onPageChange(e, "first"); } },
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
+                        React__default.createElement(Icon, { size: 32, icon: BtIconFirstMid })),
+                    React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.prev, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.prev) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.prev
+                    }), onClick: function (e) { return onPageChange(e, "prev"); } },
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left " },
                         React__default.createElement(ThemeIcon, { size: 32, icon: "paginationSimplePrevious" })),
                     React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
+            React__default.createElement("li", { className: classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
+                    "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis
+                }) }, "..."),
             React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
-                React__default.createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
-                        "arc-PaginationSimple-navigationButton--hidden": hideNext
-                    }), onClick: onNextPage },
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.next, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.next) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.next
+                    }), onClick: function (e) { return onPageChange(e, "next"); } },
                     React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
-                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
-                        React__default.createElement(ThemeIcon, { size: 32, icon: "paginationSimpleNext" })))))));
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right " },
+                        React__default.createElement(ThemeIcon, { size: 32, icon: "paginationSimpleNext" }))),
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.last, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.last) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.last
+                    }), onClick: function (e) { return onPageChange(e, "last"); } },
+                    React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
+                        React__default.createElement(Icon, { size: 32, icon: BtIconLastMid })))))));
 };
 
 export { PaginationSimple };

package/dist/PaginationSimple/styles.css

@@ -1 +1 @@
-.arc .arc-PaginationSimple{width:100%}.arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc .arc-PaginationSimple-iconContainer{border-radius:50%}.arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc .arc-PaginationSimple-listItem:first-child{margin-right:var(--pagination-gap-m)}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden{display:none}.arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}
+.arc .arc-PaginationSimple{width:100%}.arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}

package/dist/Poster/Poster.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Poster = require('../_shared/cjs/Poster-8fba5492.js');
-require('../_shared/cjs/index.es-c26e8978.js');
+var Poster = require('../_shared/cjs/Poster-7c69a1e8.js');
+require('../_shared/cjs/index.es-b98bcd00.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/Surface-7500f314.js');
-require('../_shared/cjs/Image-c8969ad9.js');
+require('../_shared/cjs/Surface-877d9fcc.js');
+require('../_shared/cjs/Image-b83fa185.js');
 
 
 

package/dist/Poster/Poster.esm.js

@@ -1,6 +1,6 @@
-export { P as Poster } from '../_shared/esm/Poster-ac72059a.js';
-import '../_shared/esm/index.es-5496ec12.js';
+export { P as Poster } from '../_shared/esm/Poster-182a3dbf.js';
+import '../_shared/esm/index.es-3b4ff2ab.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/Surface-c425e5e6.js';
-import '../_shared/esm/Image-c1dc10b5.js';
+import '../_shared/esm/Surface-b782cda9.js';
+import '../_shared/esm/Image-67ec95a0.js';

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index_es = require('../_shared/cjs/index.es-b98bcd00.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var Text = require('../_shared/cjs/Text-284a7314.js');
-var Heading = require('../_shared/cjs/Heading-14378b72.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-973deefe.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-c3dc056d.js');
-require('../_shared/cjs/Surface-7500f314.js');
+var Text = require('../_shared/cjs/Text-0d5891fc.js');
+var Heading = require('../_shared/cjs/Heading-dc6acee1.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-14714d0f.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-e7a68823.js');
+require('../_shared/cjs/Surface-877d9fcc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,11 +1,11 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from '../_shared/esm/index.es-3b4ff2ab.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default from 'react';
-import { T as Text } from '../_shared/esm/Text-96d8a35f.js';
-import { H as Heading } from '../_shared/esm/Heading-0dfbdb24.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-6a3533db.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
-import '../_shared/esm/Surface-c425e5e6.js';
+import { T as Text } from '../_shared/esm/Text-d0acd173.js';
+import { H as Heading } from '../_shared/esm/Heading-db9014d5.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-6d8fcb17.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-0b755b19.js';
+import '../_shared/esm/Surface-b782cda9.js';
 
 var PROGRESS_BAR_ICON_MAP = {
     refresh: "progressBarRefresh",

package/dist/ProgressStepper/ProgressStepper.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ProgressStepper = require('../_shared/cjs/ProgressStepper-aaff6b51.js');
-require('../_shared/cjs/index.es-c26e8978.js');
+var ProgressStepper = require('../_shared/cjs/ProgressStepper-9d18e458.js');
+require('../_shared/cjs/index.es-b98bcd00.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/VisuallyHidden-25393f58.js');
-require('../_shared/cjs/Icon-7f1e8a19.js');
-require('../_shared/cjs/Surface-7500f314.js');
+require('../_shared/cjs/VisuallyHidden-82a60021.js');
+require('../_shared/cjs/Icon-cbf91a21.js');
+require('../_shared/cjs/Surface-877d9fcc.js');
 
 
 

package/dist/ProgressStepper/ProgressStepper.esm.js

@@ -1,7 +1,7 @@
-export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-e3e7b392.js';
-import '../_shared/esm/index.es-5496ec12.js';
+export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-e1c297b4.js';
+import '../_shared/esm/index.es-3b4ff2ab.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/VisuallyHidden-cf45ac18.js';
-import '../_shared/esm/Icon-428e8061.js';
-import '../_shared/esm/Surface-c425e5e6.js';
+import '../_shared/esm/VisuallyHidden-605ea42d.js';
+import '../_shared/esm/Icon-e85f55ee.js';
+import '../_shared/esm/Surface-b782cda9.js';

package/dist/ProgressStepper/styles.css

@@ -1 +1 @@
-.arc .arc-ProgressStepperItem{max-width:164px;min-width:164px}.arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-iconSection{color:var(--stepper-colors-light-border-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{color:var(--stepper-colors-light-border-default)}.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation-dark 2s infinite}.arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper{background-color:var(--stepper-colors-light-bg-error-subtle);color:var(--stepper-colors-light-border-error)}.arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper{background-color:var(--stepper-colors-light-bg-warning-subtle);color:var(--stepper-colors-light-border-warning)}.arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;margin-top:-4px;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation-dark{from{box-shadow:0 0 0 0 rgba(85,20,180,0.2)}to{box-shadow:0 0 0 8px rgba(85,20,180,0)}}@keyframes pulse-animation-light{from{box-shadow:0 0 0 0 rgba(255,128,255,0.7)}to{box-shadow:0 0 0 8px rgba(255,128,255,0)}}.arc .arc-ProgressStepper{display:flex}.arc .arc-ProgressStepper--vertical{flex-direction:column}
+.arc .arc-ProgressStepperItem{max-width:164px;min-width:164px}.arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc .arc-ProgressStepperItem-statusIcon{border:var(--stepper-border-weight-m) solid transparent;border-radius:var(--stepper-border-radius);display:block;height:var(--stepper-size-icon-l);width:var(--stepper-size-icon-l)}.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-error-subtle);border-color:var(--stepper-colors-light-border-error);color:var(--stepper-colors-light-border-error)}.arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-warning-subtle);border-color:var(--stepper-colors-light-border-warning);color:var(--stepper-colors-light-border-warning)}.arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;margin-top:-4px;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation{from{box-shadow:0 0 0 0 var(--stepper-colors-light-pluse-from)}to{box-shadow:0 0 0 8px var(--stepper-colors-light-pluse-to)}}.arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc .arc-ProgressStepperItem-statusIconInner::before{background:var(--stepper-colors-light-border-variant) border-box;border:var(--stepper-border-weight-m) solid transparent;border-radius:var(--stepper-border-radius);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc .arc-ProgressStepperItem-statusIconInner::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0.5);width:100%}.arc .arc-ProgressStepper{display:flex}.arc .arc-ProgressStepper--vertical{flex-direction:column}

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../_shared/cjs/RadioGroup-6142dceb.js');
-require('../_shared/cjs/index.es-c26e8978.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-4c9c7385.js');
+require('../_shared/cjs/index.es-b98bcd00.js');
 require('react');
-require('../_shared/cjs/FormControl-5c963e6e.js');
+require('../_shared/cjs/FormControl-9ab9e656.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Surface-7500f314.js');
-require('../_shared/cjs/DisclosureMini-c730c24d.js');
-require('../_shared/cjs/Text-284a7314.js');
-require('../_shared/cjs/ThemeIcon-c3dc056d.js');
-require('../_shared/cjs/VisuallyHidden-25393f58.js');
+require('../_shared/cjs/Surface-877d9fcc.js');
+require('../_shared/cjs/DisclosureMini-661f0868.js');
+require('../_shared/cjs/Text-0d5891fc.js');
+require('../_shared/cjs/ThemeIcon-e7a68823.js');
+require('../_shared/cjs/VisuallyHidden-82a60021.js');
 
 
 

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,10 +1,10 @@
-export { a as RadioButton, R as RadioGroup } from '../_shared/esm/RadioGroup-0d337240.js';
-import '../_shared/esm/index.es-5496ec12.js';
+export { a as RadioButton, R as RadioGroup } from '../_shared/esm/RadioGroup-0daeae68.js';
+import '../_shared/esm/index.es-3b4ff2ab.js';
 import 'react';
-import '../_shared/esm/FormControl-e0acdf7a.js';
+import '../_shared/esm/FormControl-85a2ee28.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Surface-c425e5e6.js';
-import '../_shared/esm/DisclosureMini-6292f721.js';
-import '../_shared/esm/Text-96d8a35f.js';
-import '../_shared/esm/ThemeIcon-9fac63d0.js';
-import '../_shared/esm/VisuallyHidden-cf45ac18.js';
+import '../_shared/esm/Surface-b782cda9.js';
+import '../_shared/esm/DisclosureMini-2d3bad0c.js';
+import '../_shared/esm/Text-d0acd173.js';
+import '../_shared/esm/ThemeIcon-0b755b19.js';
+import '../_shared/esm/VisuallyHidden-605ea42d.js';

package/dist/RadioGroup/styles.css

@@ -1 +1 @@
-.arc .arc-RadioButton{line-height:0}.arc .arc-RadioButton--withMargin,.arc .arc-RadioButton--withMarginSmall{margin-top:var(--radio-gap-m)}.arc .arc-RadioButton-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--radio-colors-light-bg-default);border:var(--radio-border-weight-s) solid var(--radio-colors-light-border-default);border-radius:100%;cursor:pointer;display:block;margin-bottom:0;margin-left:0;margin-right:8px;margin-top:0;min-height:var(--radio-size-xl);min-width:var(--radio-size-xl)}.arc .arc-RadioButton-label{align-items:center;cursor:pointer;display:inline-flex;font:var(--sem-type-support-reg-l)}.arc .arc-RadioButton-label--alignTop{align-items:flex-start}.arc .arc-RadioButton-label--marginTop{margin-top:4px}.arc .arc-RadioButton--small .arc-RadioButton-label--marginTop{margin-top:2px}.arc .arc-RadioButton-helper{display:block;font:var(--sem-type-support-reg-s)}.arc .arc-RadioButton--disabled .arc-RadioButton-input,.arc .arc-RadioButton--disabled .arc-RadioButton-label{cursor:not-allowed}.arc .arc-RadioButton--small .arc-RadioButton-label{font:var(--sem-type-support-reg-s)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input{background:var(--radio-colors-dark-bg-default);border-color:var(--radio-colors-dark-border-default)}.arc .arc-RadioButton--small .arc-RadioButton-input{min-height:var(--radio-size-l);min-width:var(--radio-size-l)}.arc .arc-RadioButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton-input:focus,.arc .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-RadioButton--small .arc-RadioButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--small .arc-RadioButton-input:focus,.arc .arc-RadioButton--small .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:checked{background:var(--radio-colors-dark-fg-default);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--small .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--disabled{color:var(--radio-colors-light-text-disabled)}.arc .arc-RadioButton-input[disabled]{background:var(--radio-colors-light-bg-disabled);border-color:var(--radio-colors-light-border-disabled)}.arc .arc-RadioButton-input[disabled]:checked{background:var(--radio-colors-light-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton-input[disabled]:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--disabled{color:var(--radio-colors-dark-text-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]{background:var(--radio-colors-dark-bg-disabled);border-color:var(--radio-colors-dark-border-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked{background:var(--radio-colors-dark-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-light-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-light-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioGroup-radioButtonContainer .arc-RadioButton--withMargin:first-child{margin-top:0}.arc .arc-RadioGroup-error{align-items:center;color:#da020f;display:flex;line-height:1.5;margin-top:12px}.arc .arc-RadioGroup-error .arc-RadioGroup-error--icon{color:currentColor;flex-shrink:0;height:24px;margin-right:4px;width:24px}.arc .arc-RadioGroup--onDarkSurface .arc-RadioGroup-error{color:#fa9590}
+.arc .arc-RadioButton{line-height:0}.arc .arc-RadioButton--withMargin,.arc .arc-RadioButton--withMarginSmall{margin-top:var(--radio-gap-m)}.arc .arc-RadioButton-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--radio-colors-light-bg-default);border:var(--radio-border-weight-s) solid var(--radio-colors-light-border-default);border-radius:100%;cursor:pointer;display:block;margin-bottom:0;margin-left:0;margin-right:8px;margin-top:0;min-height:var(--radio-size-xl);min-width:var(--radio-size-xl)}.arc .arc-RadioButton-label{align-items:center;cursor:pointer;display:inline-flex;font:var(--radio-type-label-m)}.arc .arc-RadioButton-label--alignTop{align-items:flex-start}.arc .arc-RadioButton-label--marginTop{margin-top:4px}.arc .arc-RadioButton--small .arc-RadioButton-label--marginTop{margin-top:2px}.arc .arc-RadioButton-helper{display:block;font:var(--sem-type-support-reg-s)}.arc .arc-RadioButton--disabled .arc-RadioButton-input,.arc .arc-RadioButton--disabled .arc-RadioButton-label{cursor:not-allowed}.arc .arc-RadioButton--small .arc-RadioButton-label{font:var(--radio-type-label-s)}.arc .arc-RadioButton--small .arc-RadioButton-helper{font:var(--sem-type-support-reg-xs)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input{background:var(--radio-colors-dark-bg-default);border-color:var(--radio-colors-dark-border-default)}.arc .arc-RadioButton--small .arc-RadioButton-input{min-height:var(--radio-size-l);min-width:var(--radio-size-l)}.arc .arc-RadioButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton-input:focus,.arc .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-RadioButton--small .arc-RadioButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--small .arc-RadioButton-input:focus,.arc .arc-RadioButton--small .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:checked{background:var(--radio-colors-dark-fg-default);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--small .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--disabled{color:var(--radio-colors-light-text-disabled)}.arc .arc-RadioButton-input[disabled]{background:var(--radio-colors-light-bg-disabled);border-color:var(--radio-colors-light-border-disabled)}.arc .arc-RadioButton-input[disabled]:checked{background:var(--radio-colors-light-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton-input[disabled]:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--disabled{color:var(--radio-colors-dark-text-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]{background:var(--radio-colors-dark-bg-disabled);border-color:var(--radio-colors-dark-border-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked{background:var(--radio-colors-dark-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-light-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-light-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioGroup-radioButtonContainer .arc-RadioButton--withMargin:first-child{margin-top:0}.arc .arc-RadioGroup-error{align-items:center;color:#da020f;display:flex;line-height:1.5;margin-top:12px}.arc .arc-RadioGroup-error .arc-RadioGroup-error--icon{color:currentColor;flex-shrink:0;height:24px;margin-right:4px;width:24px}.arc .arc-RadioGroup--onDarkSurface .arc-RadioGroup-error{color:#fa9590}

package/dist/Rule/Rule.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index_es = require('../_shared/cjs/index.es-b98bcd00.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-7500f314.js');
+var Surface = require('../_shared/cjs/Surface-877d9fcc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Rule/Rule.esm.js

@@ -1,7 +1,7 @@
-import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
+import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-3b4ff2ab.js';
 import React__default, { useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-c425e5e6.js';
+import { C as Context } from '../_shared/esm/Surface-b782cda9.js';
 
 /**
  * Use `Rule` to display a horizontal or vertical rule.

package/dist/Rule/styles.css

@@ -1 +1 @@
-.arc .arc-Rule{background-color:var(--rule-colors-light-border-subtle);border:0;color:var(--rule-colors-light-border-subtle)}.arc .arc-Rule--horizontal{height:var(--rule-border-weight-s);margin-bottom:0;margin-top:0}.arc .arc-Rule--vertical{height:100%;margin-left:0;margin-right:0;width:var(--rule-border-weight-s)}.arc-bt .arc-Rule--onDarkSurface{background-color:var(--rule-colors-dark-border-subtle);color:var(--rule-colors-dark-border-subtle)}
+.arc .arc-Rule{background-color:var(--rule-colors-light-border-subtle);border:0;color:var(--rule-colors-light-border-subtle)}.arc .arc-Rule--horizontal{height:var(--rule-border-weight-s);margin-bottom:0;margin-top:0}.arc .arc-Rule--vertical{height:100%;margin-left:0;margin-right:0;width:var(--rule-border-weight-s)}.arc .arc-Rule--onDarkSurface{background-color:var(--rule-colors-dark-border-subtle);color:var(--rule-colors-dark-border-subtle)}

package/dist/ScrollToTop/ScrollToTop.cjs.js

@@ -2,18 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index_es = require('../_shared/cjs/index.es-b98bcd00.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 var debounce = require('../_shared/cjs/debounce-a74c28cf.js');
-var Surface = require('../_shared/cjs/Surface-7500f314.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-c3dc056d.js');
+var Surface = require('../_shared/cjs/Surface-877d9fcc.js');
+var Icon = require('../_shared/cjs/Icon-cbf91a21.js');
 require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+const BtIconArrowAltUp = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M20.35352,13.14648,16,8.793l-4.35352,4.35352a.49995.49995,0,0,0,.707.707L15.5,10.707V22.5a.5.5,0,0,0,1,0V10.707l3.14648,3.14648a.49995.49995,0,0,0,.707-.707Z",
+      fill: "currentColor",
+    }),
+  );
+
 /**
  * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
  */
@@ -44,7 +61,7 @@ var ScrollToTop = function (_a) {
         React__default["default"].createElement("div", { className: "arc-ScrollToTop-textWrapper" },
             React__default["default"].createElement("span", { className: "arc-ScrollToTop-text" }, "Back to top")),
         React__default["default"].createElement("span", { className: "arc-ScrollToTop-iconContainer" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 44, icon: "scrollToTop" }))));
+            React__default["default"].createElement(Icon.Icon, { size: 44, icon: BtIconArrowAltUp }))));
 };
 
 exports.ScrollToTop = ScrollToTop;

package/dist/ScrollToTop/ScrollToTop.esm.js

@@ -1,11 +1,28 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-3b4ff2ab.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useState, useContext, useEffect } from 'react';
 import { d as debounce_1 } from '../_shared/esm/debounce-c8e41002.js';
-import { C as Context } from '../_shared/esm/Surface-c425e5e6.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
+import { C as Context } from '../_shared/esm/Surface-b782cda9.js';
+import { I as Icon } from '../_shared/esm/Icon-e85f55ee.js';
 import '../_shared/esm/_commonjsHelpers-0109d574.js';
 
+const BtIconArrowAltUp = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M20.35352,13.14648,16,8.793l-4.35352,4.35352a.49995.49995,0,0,0,.707.707L15.5,10.707V22.5a.5.5,0,0,0,1,0V10.707l3.14648,3.14648a.49995.49995,0,0,0,.707-.707Z",
+      fill: "currentColor",
+    }),
+  );
+
 /**
  * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
  */
@@ -36,7 +53,7 @@ var ScrollToTop = function (_a) {
         React__default.createElement("div", { className: "arc-ScrollToTop-textWrapper" },
             React__default.createElement("span", { className: "arc-ScrollToTop-text" }, "Back to top")),
         React__default.createElement("span", { className: "arc-ScrollToTop-iconContainer" },
-            React__default.createElement(ThemeIcon, { size: 44, icon: "scrollToTop" }))));
+            React__default.createElement(Icon, { size: 44, icon: BtIconArrowAltUp }))));
 };
 
 export { ScrollToTop };

package/dist/ScrollToTop/styles.css

@@ -1 +1 @@
-.arc .arc-ScrollToTop{align-items:center;border-radius:var(--backtotop-border-radius-m);box-shadow:var(--sem-box-shadow-01);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:center;margin:0;overflow:hidden;padding:0;visibility:hidden}.arc .arc-ScrollToTop--visible{visibility:visible}.arc .arc-ScrollToTop--fixed{bottom:20px;position:fixed;right:20px}.arc .arc-ScrollToTop-textWrapper{width:0}.arc .arc-ScrollToTop-text{display:block;padding-left:var(--backtotop-padding-m);text-align:left;white-space:nowrap}@media (hover:hover){.arc .arc-ScrollToTop:hover .arc-ScrollToTop-textWrapper{width:auto}}.arc .arc-ScrollToTop:focus-visible .arc-ScrollToTop-textWrapper,.arc .arc-ScrollToTop:active .arc-ScrollToTop-textWrapper{width:auto}.arc .arc-ScrollToTop--solid{background-color:var(--backtotop-colors-light-bg-default);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-strong);color:var(--backtotop-colors-light-text-default-alt)}.arc .arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-default)}@media (hover:hover){.arc .arc-ScrollToTop--solid:hover,.arc .arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-hover)}}.arc .arc-ScrollToTop:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--solid:active,.arc .arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-light-bg-strong);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-default);color:var(--backtotop-colors-light-text-default)}.arc .arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-strong)}.arc .arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-light-bg-subtle);border-color:var(--backtotop-colors-light-border-selected)}.arc .arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-subtle)}.arc .arc-ScrollToTop--onDarkSurface{box-shadow:var(--sem-box-shadow-03)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid{background-color:var(--backtotop-colors-dark-bg-default);border-color:var(--backtotop-colors-dark-border-strong);color:var(--backtotop-colors-dark-fg-default)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-default)}@media (hover:hover){.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover,.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-hover)}}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-dark-bg-selected);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active,.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-default);color:var(--backtotop-colors-dark-text-default-alt)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}/* ! selected token being used in hover */@media (hover:hover){.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-hover)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:focus-visible{border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}/* ! hover tokens used on active state */.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-dark-bg-subtle);border-color:var(--backtotop-colors-dark-border-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-subtle)}
+.arc .arc-ScrollToTop{align-items:center;border-radius:var(--backtotop-border-radius-m);box-shadow:var(--elevation-02);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:center;margin:0;overflow:hidden;padding:0;visibility:hidden}.arc .arc-ScrollToTop--visible{visibility:visible}.arc .arc-ScrollToTop--fixed{bottom:20px;position:fixed;right:20px}.arc .arc-ScrollToTop-textWrapper{width:0}.arc .arc-ScrollToTop-text{display:block;padding-left:var(--backtotop-padding-m);text-align:left;white-space:nowrap}@media (hover:hover){.arc .arc-ScrollToTop:hover .arc-ScrollToTop-textWrapper{width:auto}}.arc .arc-ScrollToTop:focus-visible .arc-ScrollToTop-textWrapper,.arc .arc-ScrollToTop:active .arc-ScrollToTop-textWrapper{width:auto}.arc .arc-ScrollToTop--solid{background-color:var(--backtotop-colors-light-bg-default);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-strong);color:var(--backtotop-colors-light-text-default-alt)}.arc .arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-default)}@media (hover:hover){.arc .arc-ScrollToTop--solid:hover,.arc .arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-hover)}}.arc .arc-ScrollToTop:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--solid:active,.arc .arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-light-bg-strong);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-default);color:var(--backtotop-colors-light-text-default)}.arc .arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-strong)}.arc .arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-light-bg-subtle);border-color:var(--backtotop-colors-light-border-selected)}.arc .arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-subtle)}.arc .arc-ScrollToTop--onDarkSurface{box-shadow:var(--elevation-02)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid{background-color:var(--backtotop-colors-dark-bg-default);border-color:var(--backtotop-colors-dark-border-strong);color:var(--backtotop-colors-dark-fg-default)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-default)}@media (hover:hover){.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover,.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-hover)}}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-dark-bg-selected);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active,.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-default);color:var(--backtotop-colors-dark-text-default-alt)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}/* ! selected token being used in hover */@media (hover:hover){.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-hover)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:focus-visible{border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}/* ! hover tokens used on active state */.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-dark-bg-subtle);border-color:var(--backtotop-colors-dark-border-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-subtle)}

package/dist/Section/Section.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Section = require('../_shared/cjs/Section-46646353.js');
-require('../_shared/cjs/index.es-c26e8978.js');
+var Section = require('../_shared/cjs/Section-6bda04f9.js');
+require('../_shared/cjs/index.es-b98bcd00.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
 

package/dist/Section/Section.esm.js

@@ -1,4 +1,4 @@
-export { S as Section } from '../_shared/esm/Section-c1dc6e37.js';
-import '../_shared/esm/index.es-5496ec12.js';
+export { S as Section } from '../_shared/esm/Section-08f47911.js';
+import '../_shared/esm/index.es-3b4ff2ab.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';