@salesforce/ui-bundle-template-base-react-app 12.6.3 → 12.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/force-app/main/default/uiBundles/base-react-app/package.json +6 -6
- package/src/force-app/main/default/uiBundles/base-react-app/src/components/ui/button.tsx +2 -2
- package/src/force-app/main/default/uiBundles/base-react-app/src/components/ui/checkbox.tsx +1 -1
- package/src/force-app/main/default/uiBundles/base-react-app/src/components/ui/input.tsx +1 -1
- package/src/force-app/main/default/uiBundles/base-react-app/src/components/ui/select.tsx +1 -1
- package/src/force-app/main/default/uiBundles/base-react-app/src/styles/global.css +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [12.7.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.6.3...v12.7.0) (2026-09-22)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **deps:** remediate npm security findings ([#998](https://github.com/salesforce-experience-platform-emu/webapps/issues/998)) ([a40efd0](https://github.com/salesforce-experience-platform-emu/webapps/commit/a40efd0bf5b60645be26b3cf2001a87158c4c44c))
|
|
11
|
+
- **react-apps:** resolve WCAG 2.2 AA a11y violations @W-24135710@ ([#990](https://github.com/salesforce-experience-platform-emu/webapps/issues/990)) ([406d493](https://github.com/salesforce-experience-platform-emu/webapps/commit/406d493248c42eb9a8d8c4efcf574d10abd6dd47))
|
|
12
|
+
|
|
6
13
|
## [12.6.3](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.6.2...v12.6.3) (2026-09-14)
|
|
7
14
|
|
|
8
15
|
**Note:** Version bump only for package @salesforce/ui-bundle-template-base-react-app
|
package/package.json
CHANGED
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"graphql:schema": "node scripts/get-graphql-schema.mjs"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salesforce/platform-sdk": "^12.
|
|
23
|
-
"@salesforce/ui-bundle": "^12.
|
|
22
|
+
"@salesforce/platform-sdk": "^12.7.0",
|
|
23
|
+
"@salesforce/ui-bundle": "^12.7.0",
|
|
24
24
|
"@tailwindcss/vite": "^4.1.17",
|
|
25
25
|
"class-variance-authority": "^0.7.1",
|
|
26
26
|
"clsx": "^2.1.1",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"@graphql-eslint/eslint-plugin": "^4.1.0",
|
|
46
46
|
"@graphql-tools/utils": "^11.0.0",
|
|
47
47
|
"@playwright/test": "^1.49.0",
|
|
48
|
-
"@salesforce/graphiti": "^12.
|
|
49
|
-
"@salesforce/vite-plugin-ui-bundle": "^12.
|
|
48
|
+
"@salesforce/graphiti": "^12.7.0",
|
|
49
|
+
"@salesforce/vite-plugin-ui-bundle": "^12.7.0",
|
|
50
50
|
"@testing-library/jest-dom": "^6.6.3",
|
|
51
51
|
"@testing-library/react": "^16.1.0",
|
|
52
52
|
"@testing-library/user-event": "^14.5.2",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"@types/react": "^19.2.5",
|
|
55
55
|
"@types/react-dom": "^19.2.3",
|
|
56
56
|
"@vitejs/plugin-react": "^5.1.1",
|
|
57
|
-
"@vitest/ui": "^4.1.
|
|
57
|
+
"@vitest/ui": "^4.1.11",
|
|
58
58
|
"eslint": "^9.39.1",
|
|
59
59
|
"eslint-plugin-react": "^7.37.2",
|
|
60
60
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"typescript-eslint": "^8.46.4",
|
|
70
70
|
"vite": "^7.2.4",
|
|
71
71
|
"vite-plugin-graphql-codegen": "^3.6.3",
|
|
72
|
-
"vitest": "^4.1.
|
|
72
|
+
"vitest": "^4.1.11"
|
|
73
73
|
},
|
|
74
74
|
"overrides": {
|
|
75
75
|
"lodash": "^4.18.1",
|
|
@@ -5,7 +5,7 @@ import { Slot } from 'radix-ui';
|
|
|
5
5
|
import { cn } from '../../lib/utils';
|
|
6
6
|
|
|
7
7
|
const buttonVariants = cva(
|
|
8
|
-
"focus-visible:border-ring focus-visible:ring-ring
|
|
8
|
+
"focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
@@ -17,7 +17,7 @@ const buttonVariants = cva(
|
|
|
17
17
|
ghost:
|
|
18
18
|
'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',
|
|
19
19
|
destructive:
|
|
20
|
-
'bg-destructive/10 hover:bg-destructive/20
|
|
20
|
+
'bg-destructive/10 hover:bg-destructive/20 dark:bg-destructive/20 text-red-700 dark:text-destructive dark:hover:bg-destructive/30',
|
|
21
21
|
link: 'text-primary underline-offset-4 hover:underline',
|
|
22
22
|
},
|
|
23
23
|
size: {
|
|
@@ -14,7 +14,7 @@ function Checkbox({
|
|
|
14
14
|
<CheckboxPrimitive.Root
|
|
15
15
|
data-slot="checkbox"
|
|
16
16
|
className={cn(
|
|
17
|
-
'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring
|
|
17
|
+
'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',
|
|
18
18
|
className
|
|
19
19
|
)}
|
|
20
20
|
{...props}
|
|
@@ -8,7 +8,7 @@ function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
|
|
|
8
8
|
type={type}
|
|
9
9
|
data-slot="input"
|
|
10
10
|
className={cn(
|
|
11
|
-
'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring
|
|
11
|
+
'dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground placeholder:italic w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',
|
|
12
12
|
className
|
|
13
13
|
)}
|
|
14
14
|
{...props}
|
|
@@ -42,7 +42,7 @@ function SelectTrigger({
|
|
|
42
42
|
data-slot="select-trigger"
|
|
43
43
|
data-size={size}
|
|
44
44
|
className={cn(
|
|
45
|
-
"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring
|
|
45
|
+
"border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
46
46
|
className
|
|
47
47
|
)}
|
|
48
48
|
{...props}
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
--destructive: oklch(0.577 0.245 27.325);
|
|
76
76
|
--border: oklch(0.922 0 0);
|
|
77
77
|
--input: oklch(0.922 0 0);
|
|
78
|
-
--ring: oklch(0.
|
|
78
|
+
--ring: oklch(0.556 0 0);
|
|
79
79
|
--chart-1: oklch(0.646 0.222 41.116);
|
|
80
80
|
--chart-2: oklch(0.6 0.118 184.704);
|
|
81
81
|
--chart-3: oklch(0.398 0.07 227.392);
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
|
|
128
128
|
@layer base {
|
|
129
129
|
* {
|
|
130
|
-
@apply border-border outline-ring
|
|
130
|
+
@apply border-border outline-ring;
|
|
131
131
|
}
|
|
132
132
|
body {
|
|
133
133
|
@apply bg-background text-foreground;
|