@salesforce/ui-bundle-template-app-react-template-b2x 11.8.0 → 11.8.2

package/dist/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.8.2](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.8.1...v11.8.2) (2026-07-07)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
+## [11.8.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.8.0...v11.8.1) (2026-07-06)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [11.8.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.7.0...v11.8.0) (2026-07-06)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

package/dist/force-app/main/default/uiBundles/reactexternalapp/package.json

@@ -18,8 +18,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^11.8.0",
-    "@salesforce/ui-bundle": "^11.8.0",
+    "@salesforce/platform-sdk": "^11.8.2",
+    "@salesforce/ui-bundle": "^11.8.2",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -46,8 +46,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "^11.8.0",
-    "@salesforce/vite-plugin-ui-bundle": "^11.8.0",
+    "@salesforce/graphiti": "^11.8.2",
+    "@salesforce/vite-plugin-ui-bundle": "^11.8.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/components/ui/button.tsx

@@ -17,7 +17,7 @@ const buttonVariants = cva(
         ghost:
           'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',
         destructive:
-          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',
+          'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-red-700 dark:text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',
         link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/components/ui/datePicker.tsx

@@ -38,7 +38,7 @@ function DatePickerTrigger({
         data-slot="date-picker-trigger"
         data-empty={!date}
         className={cn(
-          'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',
+          'w-[280px] justify-start text-left font-normal data-[empty=true]:text-gray-600',
           className
         )}
         {...props}
@@ -87,7 +87,7 @@ function DatePickerRangeTrigger({
         data-slot="date-picker-range-trigger"
         data-empty={!hasDate}
         className={cn(
-          'justify-start text-left font-normal data-[empty=true]:text-muted-foreground',
+          'justify-start text-left font-normal data-[empty=true]:text-gray-600',
           className
         )}
         {...props}

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/components/ui/table.tsx

@@ -2,11 +2,18 @@ import * as React from 'react';
 
 import { cn } from '../../lib/utils';
 
-function Table({ className, ...props }: React.ComponentProps<'table'>) {
+function Table({
+  className,
+  'aria-label': ariaLabel = 'Table',
+  ...props
+}: React.ComponentProps<'table'>) {
   return (
     <div
       data-slot="table-container"
-      className="relative w-full overflow-x-auto"
+      role="region"
+      aria-label={ariaLabel}
+      tabIndex={0}
+      className="relative w-full overflow-x-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-purple"
     >
       <table
         data-slot="table"

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/features/object-search/components/filters/DateFilter.tsx

@@ -83,7 +83,7 @@ export function DateFilter({
 		<FilterFieldWrapper label={label} helpText={helpText} className={className} {...props}>
 			<div className="flex gap-2">
 				<Select value={operator} onValueChange={(v) => handleOperatorChange(v as DateOperator)}>
-					<SelectTrigger className="w-full flex-1">
+					<SelectTrigger className="w-full flex-1" aria-label={label}>
 						<SelectValue />
 					</SelectTrigger>
 					<SelectContent>

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/features/object-search/components/filters/FilterFieldWrapper.tsx

@@ -4,6 +4,8 @@ import { cn } from "../../../../lib/utils";
 interface FilterFieldWrapperProps extends React.ComponentProps<"div"> {
 	label: string;
 	htmlFor?: string;
+	/** id applied to the visible label so a non-native control can reference it via aria-labelledby */
+	labelId?: string;
 	helpText?: string;
 	error?: string;
 }
@@ -11,6 +13,7 @@ interface FilterFieldWrapperProps extends React.ComponentProps<"div"> {
 export function FilterFieldWrapper({
 	label,
 	htmlFor,
+	labelId,
 	helpText,
 	error,
 	className,
@@ -19,7 +22,9 @@ export function FilterFieldWrapper({
 }: FilterFieldWrapperProps) {
 	return (
 		<div className={cn("space-y-1", className)} {...props}>
-			<Label htmlFor={htmlFor}>{label}</Label>
+			<Label id={labelId} htmlFor={htmlFor}>
+				{label}
+			</Label>
 			{children}
 			<div className="min-h-4">
 				{error ? (

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/features/object-search/components/filters/MultiSelectFilter.tsx

@@ -28,6 +28,7 @@ export function MultiSelectFilter({
 }: MultiSelectFilterProps) {
 	const { value, onChange } = useFilterField(field);
 	const selected = value?.value ? value.value.split(",") : [];
+	const labelId = `filter-${field}-label`;
 
 	const triggerLabel =
 		selected.length === 0
@@ -54,12 +55,19 @@ export function MultiSelectFilter({
 	}
 
 	return (
-		<FilterFieldWrapper label={label} helpText={helpText} className={className} {...props}>
+		<FilterFieldWrapper
+			label={label}
+			labelId={labelId}
+			helpText={helpText}
+			className={className}
+			{...props}
+		>
 			<Popover>
 				<PopoverTrigger asChild>
 					<Button
 						variant="outline"
 						role="combobox"
+						aria-labelledby={labelId}
 						className={cn(
 							"w-full justify-between font-normal",
 							selected.length === 0 && "text-muted-foreground",

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "11.8.0",
+  "version": "11.8.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-      "version": "11.8.0",
+      "version": "11.8.2",
       "license": "SEE LICENSE IN LICENSE.txt",
       "devDependencies": {
         "@lwc/eslint-plugin-lwc": "^3.3.0",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "11.8.0",
+  "version": "11.8.2",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-app-react-template-b2x",
-  "version": "11.8.0",
+  "version": "11.8.2",
   "description": "Salesforce React external app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",