@salesforce/webapp-template-feature-react-global-search-experimental 1.46.1 → 1.46.2

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.
Files changed (8) hide show
  1. package/dist/CHANGELOG.md +8 -0
  2. package/dist/force-app/main/default/webapplications/feature-react-global-search/package-lock.json +2359 -223
  3. package/dist/force-app/main/default/webapplications/feature-react-global-search/package.json +2 -0
  4. package/dist/force-app/main/default/webapplications/feature-react-global-search/src/components/shared/GlobalSearchInput.tsx +1 -0
  5. package/dist/force-app/main/default/webapplications/feature-react-global-search/src/components.json +18 -0
  6. package/dist/force-app/main/default/webapplications/feature-react-global-search/src/styles/global.css +103 -76
  7. package/dist/package.json +1 -1
  8. package/package.json +2 -2
package/dist/force-app/main/default/webapplications/feature-react-global-search/package.json CHANGED
@@ -25,8 +25,10 @@
25
25
  "react": "^19.2.0",
26
26
  "react-dom": "^19.2.0",
27
27
  "react-router": "^7.10.1",
28
+ "shadcn": "^3.8.5",
28
29
  "tailwind-merge": "^3.5.0",
29
30
  "tailwindcss": "^4.1.17",
31
+ "tw-animate-css": "^1.4.0",
30
32
  "zod": "^4.3.6"
31
33
  },
32
34
  "devDependencies": {
package/dist/force-app/main/default/webapplications/feature-react-global-search/src/components/shared/GlobalSearchInput.tsx CHANGED
@@ -98,6 +98,7 @@ export default function GlobalSearchInput() {
98
98
  className="w-full sm:w-auto"
99
99
  aria-label="Search"
100
100
  aria-describedby={inputDescriptionId}
101
+ variant="default"
101
102
  >
102
103
  <Search className="h-4 w-4 mr-2" aria-hidden="true" />
103
104
  Search
package/dist/force-app/main/default/webapplications/feature-react-global-search/src/components.json ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ "style": "new-york",
3
+ "rsc": true,
4
+ "tailwind": {
5
+ "config": "",
6
+ "css": "styles/globals.css",
7
+ "baseColor": "neutral",
8
+ "cssVariables": true
9
+ },
10
+ "iconLibrary": "lucide",
11
+ "aliases": {
12
+ "components": "@/components",
13
+ "utils": "@/lib/utils",
14
+ "ui": "@/components/ui",
15
+ "lib": "@/lib",
16
+ "hooks": "@/hooks"
17
+ }
18
+ }
package/dist/force-app/main/default/webapplications/feature-react-global-search/src/styles/global.css CHANGED
@@ -1,72 +1,22 @@
1
- @import "tailwindcss";
2
- @layer base {
3
- :root {
4
- /* browser system elements (scrollbars, etc) */
5
- color-scheme: light;
1
+ @import 'tailwindcss';
6
2
 
7
- --background: oklch(1 0 0);
8
- --foreground: oklch(0.145 0 0);
9
- --card: oklch(1 0 0);
10
- --card-foreground: oklch(0.145 0 0);
11
- --popover: oklch(1 0 0);
12
- --popover-foreground: oklch(0.145 0 0);
13
- --primary: oklch(0.205 0 0);
14
- --primary-foreground: oklch(0.985 0 0);
15
- --secondary: oklch(0.97 0 0);
16
- --secondary-foreground: oklch(0.205 0 0);
17
- --muted: oklch(0.97 0 0);
18
- --muted-foreground: oklch(0.556 0 0);
19
- --accent: oklch(0.97 0 0);
20
- --accent-foreground: oklch(0.205 0 0);
21
- --destructive: oklch(0.577 0.245 27.325);
22
- /* 1. Maintenance: Added missing token for accessible text on red backgrounds */
23
- --destructive-foreground: oklch(0.985 0 0);
24
- --border: oklch(0.922 0 0);
25
- --input: oklch(0.922 0 0);
26
- --ring: oklch(0.205 0 0);
27
- --radius: 0.625rem;
28
- --spacing: 0.25rem;
29
- }
30
- .dark {
31
- /* browser system elements */
32
- color-scheme: dark;
3
+ @layer base {
4
+ html,
5
+ body,
6
+ #root {
7
+ @apply min-h-screen;
8
+ }
33
9
 
34
- --background: oklch(0.145 0 0);
35
- --foreground: oklch(0.985 0 0);
36
- --card: oklch(0.145 0 0);
37
- --card-foreground: oklch(0.985 0 0);
38
- --popover: oklch(0.145 0 0);
39
- --popover-foreground: oklch(0.985 0 0);
40
- --primary: oklch(0.985 0 0);
41
- --primary-foreground: oklch(0.205 0 0);
42
- --secondary: oklch(0.269 0 0);
43
- --secondary-foreground: oklch(0.985 0 0);
44
- --muted: oklch(0.269 0 0);
45
- --muted-foreground: oklch(0.708 0 0);
46
- --accent: oklch(0.269 0 0);
47
- --accent-foreground: oklch(0.985 0 0);
48
- --destructive: oklch(0.396 0.141 25.723);
49
- /* Dark mode text for destructive actions */
50
- --destructive-foreground: oklch(0.985 0 0);
51
- --accent-foreground: oklch(0.985 0 0);
52
- }
53
- /* 2. Accessibility: Global reset for users who prefer reduced motion */
54
- @media (prefers-reduced-motion: reduce) {
55
- * {
56
- animation-duration: 0.01ms !important;
57
- animation-iteration-count: 1 !important;
58
- transition-duration: 0.01ms !important;
59
- scroll-behavior: auto !important;
60
- }
61
- }
62
- * {
63
- @apply border-[var(--border)];
64
- }
65
- body {
66
- @apply bg-[var(--background)] text-[var(--foreground)] antialiased;
67
- }
10
+ body {
11
+ @apply antialiased bg-white;
12
+ }
68
13
  }
69
14
 
15
+ @import "tw-animate-css";
16
+ @import "shadcn/tailwind.css";
17
+
18
+ @custom-variant dark (&:is(.dark *));
19
+
70
20
  @theme inline {
71
21
  --color-background: var(--background);
72
22
  --color-foreground: var(--foreground);
@@ -83,26 +33,103 @@
83
33
  --color-accent: var(--accent);
84
34
  --color-accent-foreground: var(--accent-foreground);
85
35
  --color-destructive: var(--destructive);
36
+ --color-destructive-foreground: var(--destructive-foreground);
86
37
  --color-border: var(--border);
87
38
  --color-input: var(--input);
88
39
  --color-ring: var(--ring);
40
+ --color-chart-1: var(--chart-1);
41
+ --color-chart-2: var(--chart-2);
42
+ --color-chart-3: var(--chart-3);
43
+ --color-chart-4: var(--chart-4);
44
+ --color-chart-5: var(--chart-5);
89
45
  --radius-sm: calc(var(--radius) - 4px);
90
46
  --radius-md: calc(var(--radius) - 2px);
91
47
  --radius-lg: var(--radius);
92
48
  --radius-xl: calc(var(--radius) + 4px);
93
- --spacing: var(--spacing);
49
+ --color-sidebar: var(--sidebar);
50
+ --color-sidebar-foreground: var(--sidebar-foreground);
51
+ --color-sidebar-primary: var(--sidebar-primary);
52
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
53
+ --color-sidebar-accent: var(--sidebar-accent);
54
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
55
+ --color-sidebar-border: var(--sidebar-border);
56
+ --color-sidebar-ring: var(--sidebar-ring);
94
57
  }
95
58
 
96
- @import 'tailwindcss';
59
+ :root {
60
+ --radius: 0.625rem;
61
+ --background: oklch(1 0 0);
62
+ --foreground: oklch(0.145 0 0);
63
+ --card: oklch(1 0 0);
64
+ --card-foreground: oklch(0.145 0 0);
65
+ --popover: oklch(1 0 0);
66
+ --popover-foreground: oklch(0.145 0 0);
67
+ --primary: oklch(0.205 0 0);
68
+ --primary-foreground: oklch(0.985 0 0);
69
+ --secondary: oklch(0.97 0 0);
70
+ --secondary-foreground: oklch(0.205 0 0);
71
+ --muted: oklch(0.97 0 0);
72
+ --muted-foreground: oklch(0.556 0 0);
73
+ --accent: oklch(0.97 0 0);
74
+ --accent-foreground: oklch(0.205 0 0);
75
+ --destructive: oklch(0.577 0.245 27.325);
76
+ --border: oklch(0.922 0 0);
77
+ --input: oklch(0.922 0 0);
78
+ --ring: oklch(0.708 0 0);
79
+ --chart-1: oklch(0.646 0.222 41.116);
80
+ --chart-2: oklch(0.6 0.118 184.704);
81
+ --chart-3: oklch(0.398 0.07 227.392);
82
+ --chart-4: oklch(0.828 0.189 84.429);
83
+ --chart-5: oklch(0.769 0.188 70.08);
84
+ --sidebar: oklch(0.985 0 0);
85
+ --sidebar-foreground: oklch(0.145 0 0);
86
+ --sidebar-primary: oklch(0.205 0 0);
87
+ --sidebar-primary-foreground: oklch(0.985 0 0);
88
+ --sidebar-accent: oklch(0.97 0 0);
89
+ --sidebar-accent-foreground: oklch(0.205 0 0);
90
+ --sidebar-border: oklch(0.922 0 0);
91
+ --sidebar-ring: oklch(0.708 0 0);
92
+ }
97
93
 
98
- @layer base {
99
- html,
100
- body,
101
- #root {
102
- @apply min-h-screen;
103
- }
94
+ .dark {
95
+ --background: oklch(0.145 0 0);
96
+ --foreground: oklch(0.985 0 0);
97
+ --card: oklch(0.205 0 0);
98
+ --card-foreground: oklch(0.985 0 0);
99
+ --popover: oklch(0.205 0 0);
100
+ --popover-foreground: oklch(0.985 0 0);
101
+ --primary: oklch(0.922 0 0);
102
+ --primary-foreground: oklch(0.205 0 0);
103
+ --secondary: oklch(0.269 0 0);
104
+ --secondary-foreground: oklch(0.985 0 0);
105
+ --muted: oklch(0.269 0 0);
106
+ --muted-foreground: oklch(0.708 0 0);
107
+ --accent: oklch(0.269 0 0);
108
+ --accent-foreground: oklch(0.985 0 0);
109
+ --destructive: oklch(0.704 0.191 22.216);
110
+ --border: oklch(1 0 0 / 10%);
111
+ --input: oklch(1 0 0 / 15%);
112
+ --ring: oklch(0.556 0 0);
113
+ --chart-1: oklch(0.488 0.243 264.376);
114
+ --chart-2: oklch(0.696 0.17 162.48);
115
+ --chart-3: oklch(0.769 0.188 70.08);
116
+ --chart-4: oklch(0.627 0.265 303.9);
117
+ --chart-5: oklch(0.645 0.246 16.439);
118
+ --sidebar: oklch(0.205 0 0);
119
+ --sidebar-foreground: oklch(0.985 0 0);
120
+ --sidebar-primary: oklch(0.488 0.243 264.376);
121
+ --sidebar-primary-foreground: oklch(0.985 0 0);
122
+ --sidebar-accent: oklch(0.269 0 0);
123
+ --sidebar-accent-foreground: oklch(0.985 0 0);
124
+ --sidebar-border: oklch(1 0 0 / 10%);
125
+ --sidebar-ring: oklch(0.556 0 0);
126
+ }
104
127
 
105
- body {
106
- @apply antialiased bg-white;
107
- }
128
+ @layer base {
129
+ * {
130
+ @apply border-border outline-ring/50;
131
+ }
132
+ body {
133
+ @apply bg-background text-foreground;
134
+ }
108
135
  }
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
3
- "version": "1.46.1",
3
+ "version": "1.46.2",
4
4
  "description": "Base SFDX project template",
5
5
  "private": true,
6
6
  "files": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salesforce/webapp-template-feature-react-global-search-experimental",
3
- "version": "1.46.1",
3
+ "version": "1.46.2",
4
4
  "description": "Global search feature for Salesforce objects with filtering and pagination",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "author": "",
@@ -41,5 +41,5 @@
41
41
  }
42
42
  }
43
43
  },
44
- "gitHead": "9d00ba69ff791509b15fdf2f36c10700d612ca5b"
44
+ "gitHead": "12dc02dba11623c904cb7a19cae40bc712df62a3"
45
45
  }