@arc-ui/community-components 3.7.1 → 3.8.1

package/lib/_shared/esm/{ThumbnailSignpost-Cc21FjUJ.mjs → ThumbnailSignpost-D6uye3mm.mjs}

@@ -1,20 +1,24 @@
 import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.mjs';
-import React__default from 'react';
+import React__default, { useContext } from 'react';
 import { c as classNames } from './index-BSO2EFem.mjs';
 import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
 import { B as BtIconArrowRightFill } from './BtIconArrowRightFill-D0zKgk3B.mjs';
 import { Image } from '@arc-ui/components/Image';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { Heading } from '@arc-ui/components/Heading';
+import { SurfaceContext } from '@arc-ui/components/Surface';
 
-var styles = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
+var styles = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","onDarkSurface":"ThumbnailSignpost-module_onDarkSurface__F2jUk","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
 
 /** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
 var ThumbnailSignpost = function (_a) {
     var _b;
     var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = __rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
+    var surface = useContext(SurfaceContext).surface;
+    var isDarkSurface = surface === "dark";
     return (React__default.createElement("div", __assign({ className: classNames(styles.thumbnailSignpost, (_b = {},
             _b[styles.isLink] = onClick,
+            _b[styles.onDarkSurface] = isDarkSurface,
             _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs(props)),
         img && (React__default.createElement("div", { className: styles.image },
             React__default.createElement(Image, __assign({}, img)))),
@@ -23,7 +27,7 @@ var ThumbnailSignpost = function (_a) {
             React__default.createElement(VerticalSpace, { size: "8" }),
             text,
             buttonLabel && onClick && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(VerticalSpace, { size: "8" }),
+                React__default.createElement(VerticalSpace, { size: "32" }),
                 React__default.createElement("div", { className: styles.thumbnailButton },
                     React__default.createElement("span", { className: styles.buttonIcon, role: "img", style: {
                             height: 24,

package/lib/_shared/esm/{index.es-DtCgfyRV.mjs → index.es-CYN3fovv.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Apr 2026 10:23:52 GMT
+ * Generated on Wed, 13 May 2026 07:47:26 GMT
  */
 var ArcSizeBreakpointsXs = "320px";
 var ArcSizeBreakpointsS = "636px";