[feat]: Marketplace app icon, filter enhancements, and Sonner loading toast styling

[sc-ArshadHannan]

Summary

• Add a Marketplace app icon that shows an image, or a letter fallback when the image is missing.
• Highlight a filter when it is open or has a selection, and load more options as the list is scrolled.
• Style toast.loading() with the info background on Sonner 2.0.8.

Description

Marketplace app icon

New blok for an application icon. It renders the image when src is set, and a single letter from the app name when the image is missing or fails to load. The fallback color is chosen from the app name, or from colorSeed when the name can change. Sizes are xs, sm, md, lg, and xlg.

Filter

A filter trigger stays highlighted while the menu is open or a value is selected. Single and multi select lists can load more options on scroll, with a spinner while the next page loads and an optional footer such as 12 of 240. Search can be handled by the parent through onSearchChange instead of filtering the already loaded options. The filter registry entry includes the spinner dependency used by that loading state.

Sonner

sonner is updated to 2.0.8. classNames.default now applies only to toasts with no type, so toast.loading() needs its own class. The toaster sets loading: "!bg-info-bg".

Testing instructions

1. Open the Marketplace app icon docs and check an image, a missing image, and each size.
2. Open a filter, select a value, and confirm the trigger stays highlighted. Scroll a long list and confirm more options load.
3. Call toast.loading() and confirm the toast uses the info background, not the dark default. Check info, success, warning, and error toasts still use their own backgrounds.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
blok-shadcn	Ready	Preview	Sep 24, 2026 10:24am UTC

[github-actions]

✅ Playwright Test Results

@sc-ArshadHannan

Status: Passed | Workflow: Playwright Tests

Metric	Count
Total Tests	69
✅ Passed	69
❌ Failed	0
⏭️ Skipped	0

Component Installation

• Registry URL: https://blok.sitecore.com (production)
• Components were installed and tested using the production registry

Details

• Repository: Sitecore/blok
• Branch: 781/merge
• Commit: 6f9e260e24c0806b77180ad334d27eb95b28678d
• Author: @sc-ArshadHannan
• Workflow Run: View Details
• Pull Request: View PR

Test Report

• Playwright Report: Download Report
  • Download the playwright-report artifact from the workflow run
  • Extract and open index.html in a browser to view the full HTML report
  • The report includes detailed test results, screenshots, and traces

All tests passed successfully!

---

This is an automated notification from GitHub Actions. Email notifications are sent to mentioned users.